Category homepage

In this category

homepage/cta

The year 1866 was signalised by a remarkable incident, a mysterious and puzzling phenomenon, which doubtless no one has yet forgotten.

npm install cuttlebelle --global

+ cuttlebelle@1.0.0

cuttlebelle

---
layout: homepage/cta
code:
  - type: command
    display: npm install cuttlebelle --global
  - type: stdout
    display: '+ cuttlebelle@1.0.0'
  - type: command
    display: cuttlebelle
---

The year 1866 was signalised by a remarkable incident, a mysterious and puzzling phenomenon, which doubtless no one has yet forgotten. Not to mention rumours
which agitated the maritime population and excited the public mind, even in the interior of continents, seafaring men were particularly excited. Merchants,
common sailors, captains of vessels, skippers, both of Europe and America, naval officers of all countries, and the Governments of several States on the two
continents, were deeply interested in the matter.

For some time past vessels had been met by "an enormous thing," a long object, spindle-shaped, occasionally phosphorescent, and infinitely larger and more rapid
in its movements than a whale...
Show/Hide
<section class="cta">
  <div class="cta__section__wrapper">
    <div class="cta__section cta__section--top">
      <div class="cta__section__body2">
        <svg role="img" title="Cuttlebelle computer" viewbox="0 0 1661 1048" class="cta__section__logo">
          <title>Cuttlebelle computer</title>
          <desc>A computer with keyboard and a monitor that has tentacles couming out of it behind it</desc>
          <path fill="#FFF" d="M1261.3 678.3s363.3 59.7 396.6 152.2c40.1 111.2-351.4 235.5-828.3 214.8-469.1-20.3-487.1-257.8-693.5-311.1-296.4-76.5-67.5-187.8 310.4-184.5 307.5 2.8 343.9 6.4 814.8 128.6z"></path>
          <path fill="#E6E6E5" d="M443.9 693.4L338.5 783l456.1 184.7L900 878.1z"></path>
          <path fill="#F3F3F3" d="M466.7 711.8l-15.9-6.4-9.7 8.2L457 720zm10.8 16.5l9.7-8.2-15.9-6.4-9.7 8.2zm20.5 8.3l9.7-8.2-15.9-6.4-9.7 8.2zm20.5 8.3l9.7-8.2-15.9-6.4-9.7 8.2zm20.5 8.3l9.7-8.2-15.9-6.4-9.7 8.2zm20.5 8.3l9.7-8.2-15.9-6.4-9.7 8.2zm20.5 8.3l9.7-8.2-15.9-6.4-9.7 8.2zm20.5 8.3l9.7-8.2-15.9-6.4-9.7 8.2zm20.5 8.3l9.7-8.2-15.9-6.4-9.7 8.2zm20.5 8.4l9.7-8.3-15.9-6.4-9.7 8.2zm20.5 8.3l9.7-8.3-15.9-6.4-9.7 8.2zm39.3 3.7l-15.8-6.4-9.7 8.2 15.8 6.5zm11.1 16.7l9.7-8.3-15.8-6.4-9.7 8.3zm20.8 8.4l9.7-8.3-15.8-6.4-9.8 8.3zm20.8 8.4l9.7-8.2-15.9-6.5-9.7 8.3zm47.5 7.1l-15.8-6.4-9.7 8.2 15.8 6.4zm10.7 16.5l9.8-8.2-15.9-6.5-9.7 8.3zm20.5 8.3l9.7-8.3-15.8-6.4-9.8 8.3zm20.4 8.3l9.8-8.3-15.9-6.4-9.7 8.3zm14.4-6.4l-9.8 8.2 15.9 6.5 9.7-8.3zM449.4 726.5l-15.9-6.4-13.7 11.6 15.9 6.4zm-9.1 13.5l15.9 6.4 13.7-11.6-15.9-6.4zm20.5 8.3l15.9 6.4 13.6-11.6-15.8-6.4zm20.5 8.3l15.9 6.4 13.6-11.6L495 745zm20.5 8.3l15.9 6.4 13.6-11.6-15.8-6.4zm20.5 8.3l15.9 6.5 13.6-11.7-15.8-6.4zm20.5 8.3l15.9 6.5 13.6-11.7-15.8-6.4zm20.5 8.3l15.9 6.5 13.6-11.7-15.8-6.4zm20.5 8.3l15.8 6.5 13.7-11.7-15.8-6.4zm50 3.1l-15.8-6.4-13.7 11.6 15.8 6.5zm20.5 8.3l-15.8-6.4-13.7 11.6 15.8 6.5zm13.8 5.6l-13.7 11.7 15.9 6.4 13.7-11.7zm20.8 8.4l-13.7 11.7 15.9 6.4 13.7-11.6zm36.7 14.9l-15.9-6.4-13.7 11.6 15.9 6.4zm-8.8 13.6l15.9 6.4 13.7-11.6-15.9-6.4zm53.7 21.7l13.7-11.6-15.9-6.4-13.7 11.6zm4.6 1.9l15.8 6.4 13.7-11.6-15.8-6.4zm50 3.1l-15.9-6.4-13.7 11.6 15.9 6.4zm20.4 8.3l-15.8-6.5-13.7 11.7 15.8 6.4zm-9.1 13.5l15.9 6.4 13.7-11.7-15.9-6.4zM432.1 741.1l-15.8-6.4-13.7 11.7 15.8 6.4zm-9 13.6l15.8 6.4 13.7-11.7-15.8-6.4zm20.5 8.3l15.8 6.4 13.7-11.7-15.8-6.4zm50 3l-15.8-6.4-13.7 11.7 15.8 6.4zm20.5 8.4l-15.8-6.5-13.7 11.7 15.8 6.4zm20.5 8.3l-15.8-6.5-13.7 11.7 15.8 6.4zm20.5 8.3l-15.8-6.5-13.7 11.7 15.8 6.4zm20.5 8.3l-15.8-6.5-13.7 11.7 15.8 6.4zm20.5 8.3l-15.8-6.5-13.7 11.7 15.8 6.4zm6.8 19.9l-13.7-5.6 13.7-11.6-2.1-.9-13.7 11.7zm0 0l20.5 8.3 13.7-11.6-34.2-13.9 13.7 5.6z"></path>
          <path fill="#F3F3F3" d="M602.9 827.5l13.7-11.6-13.7-5.6-13.7 11.6zM737.4 882l15.9 6.4 13.7-11.7-15.9-6.4zm20.5 8.2l15.8 6.5 13.7-11.7-15.8-6.4zm20.4 8.3l15.9 6.4 13.6-11.6-15.8-6.4zm50 3.1l-15.9-6.4-13.6 11.6 15.8 6.4zm-9.1 13.5l15.9 6.4 13.6-11.6-15.8-6.4zM414 756.5l-15.8-6.4zm-2.9 16L405 770l13.7-11.6-4.7-1.9-13.7 11.7-15.8-6.5z"></path>
          <path fill="#F3F3F3" d="M414 756.5l-15.8-6.4-13.7 11.6 15.8 6.5zm-2.9 16l9.7 4 13.7-11.7-15.8-6.4 6.1 2.5z"></path>
          <path fill="#F3F3F3" d="M411.1 772.5l13.7-11.6-6.1-2.5L405 770zm30.2 12.3l13.7-11.7-15.8-6.4-13.7 11.6zm34.2-3.4l-15.8-6.4-13.7 11.6 15.8 6.5zm20.5 8.3l-15.8-6.4-13.7 11.6 15.8 6.5zm20.5 8.3l-15.8-6.4-13.7 11.7 15.8 6.4zm20.5 8.3l-15.8-6.4-13.7 11.7 15.8 6.4zm20.5 8.3l-15.8-6.4-13.7 11.7 15.8 6.4zm20.5 8.3l-15.8-6.4-13.7 11.7 15.8 6.4zm20.5 8.3l-15.8-6.4-13.7 11.7 15.8 6.4zm4.7 1.9l-13.7 11.7 15.8 6.4 13.7-11.7zm145.6 59l-15.8-6.4-13.7 11.6 15.9 6.5zm20.5 8.3l-15.9-6.4-13.6 11.6 15.8 6.4zm20.4 8.3l-15.8-6.4-13.7 11.6 15.9 6.4zm20.5 8.3l-15.9-6.4-13.6 11.6 15.8 6.4zm-9.1 13.5l3.5-3 15.9 6.4-3.6 3 13.7-11.6-15.8-6.5zm-421-165l-13.7 11.6 15.8 6.4 13.7-11.6zm20.5 8.3l-13.7 11.6 15.8 6.4 13.7-11.6zm20.5 8.3l-13.7 11.6 15.8 6.4 13.7-11.6zm102.5 41.5l-4.7-1.9-13.7 11.7-15.8-6.5 13.7-11.6-4.7-1.9-13.7 11.7-14.1-5.8 43.2 17.5-3.9-1.6zm-82-33.2L427.9 802l20.5 8.3 13.7-11.6zm42.6 17.3l-17.2-7 10.9 4.4-13.7 11.7 4.7 1.8 13.7-11.6zm-35.8 2.6l15.8 6.5zm13.7-11.6l4.9 2z"></path>
          <path fill="#F3F3F3" d="M467 800.7l-4.9-2-13.7 11.6 15.8 6.5 13.7-11.7zm1.9 17.9l1.7.7zm29.5-5.2l-14.2-5.7zm0 0l-14.2-5.7-1.6-.7-13.7 11.6 1.7.7 14.1 5.8zm20.5 8.3l-15.8-6.4zm-13.7 11.7l13.7-11.7-15.8-6.4-13.7 11.6zm34.2-3.4l-15.8-6.4 3.8 1.6-13.6 11.6 11.9 4.9z"></path>
          <path fill="#F3F3F3" d="M523.6 823.6l-13.7 11.6 3.9 1.6 13.6-11.6zm20.5 8.3l-13.7 11.6 15.8 6.5 13.7-11.7zm20.5 8.3l-13.7 11.6 15.8 6.5 13.7-11.7zm6.8 19.9l15.8 6.5 13.7-11.7-15.8-6.4zm143.5 41l-13.7 11.6 15.8 6.4 13.7-11.6zm20.4 8.3L721.6 921l15.9 6.4 13.7-11.6zm20.5 8.3l-13.7 11.6 15.8 6.4 13.7-11.6zm20.4 8.2l-13.7 11.7 15.9 6.4 13.7-11.6zm6.8 20l15.8 6.4 18.1-15.4-15.8-6.4z"></path>
          <path fill="#F3F3F3" d="M804.6 927.5l-3.5 3 15.8 6.4 3.6-3zm-125-63.6l-15.9-6.4-13.7 11.6 15.9 6.5zm-54.5.7l-13.7 11.6 15.9 6.4 13.6-11.6zm20.5 8.3l-13.7 11.6 15.9 6.4 13.6-11.6zm6.8 19.9l15.9 6.4 13.6-11.6-15.8-6.4z"></path>
          <path fill="#818181" d="M900.3 878.4l-1 6.6-104 89.3-.4-6.3z"></path>
          <path fill="#E6E6E5" d="M794.5 968.1L338.3 783.6l.9 2.8 455.7 187.9z"></path>
          <path fill="#CCC" d="M761.1 685.8L658.4 705l176 60.5 92.8-31.1z"></path>
          <path fill="#989898" d="M762.4 683.5l-24.5 6.2 130 63.1 58.9-20.2z"></path>
          <path fill="#E6E6E5" d="M833.9 775.2l-174.5-60.4V705l174.5 60.3z"></path>
          <path fill="#818181" d="M949 734.7l-115.3 40.5v-9.9L949 724.8zm170.7 58.2l12.3-7.9 4.8-470.4-11.3 1.8z"></path>
          <path fill="#E6E6E5" d="M540.7 181.6l15.2-1.8 565.6 110-13 4.1z"></path>
          <path fill="#949494" d="M1108.5 293.9l13-4.1s15.7 4.5 15.3 24.8l-12.2 2.3-16.1-23z"></path>
          <path fill="#010101" d="M1107 293.5L543.4 181.9c-7-1.4-13.6 3.9-13.7 11.1l-5 364 595.9 174.6 5-415a23.1 23.1 0 0 0-18.6-23.1z"></path>
          <path fill="#CCC" d="M524.7 556.9l-.8 60.3 595.8 175.6.9-61.4z"></path>
          <path fill="#FFF" d="M1094.6 316.9l-534-105.7-5.4 325.6 534.1 157.6z"></path>
          <path fill="#E6E6E5" d="M627.6 404.4l108 23.8 1.2-130-108-23.9zM879 583.3l102.5 27.9 3.5-108-105-21.3zm-102.8-250l216 48.6.3-23.8-216.1-48.7zm252.5 314.3L590.5 524.3v22.9l438.2 129.3zm-427.9-402l438.1 91.6v-13.3l-438.1-91.6zm51.3 199.6l82.1 17.4.1-8.5-82.2-17.4zM858 478.7l-82.1-18.6v8.5l82.1 18.6zm-82.3 4.5l82.1 18.6.1-8.4-82.1-18.7zm-.1 15.1l82.7 18 .1-8.5-82.7-18zm-.1 14.5l82 19.4.1-8.5-82-19.4zm-.2 16.1l82.1 20.7.1-8.5-82.1-20.7zm-124.2-59.6l81.4 17 .1-8.4-81.4-17zm1.2 26l78.9 17.3.1-8.5-78.9-17.3zm123-61.7l216 48.6.7-78.4-216-48.7zm-140.4-2.4a6.1 6.1 0 1 0 6.1 6.2c0-3.3-2.7-6.1-6.1-6.2zm-.2 26a6.1 6.1 0 1 0 6.1 6.2 6 6 0 0 0-6.1-6.2z"></path>
          <circle cx="633.3" cy="488.1" r="6.2" fill="#E6E6E5" transform="rotate(-23.2 633.3 488.1)"></circle>
          <path fill="#00A887" d="M433.1 391.8c-23 1-47.4-6.2-68.8-20.2a179.5 179.5 0 0 1-40.7-37.6 349.1 349.1 0 0 1-20.4-28.4l-.7-1c-.6.6-1.4 1.7-2.5 3.5a85.7 85.7 0 0 0-8.8 57.6c0 10.5 38.4 45 115.2 103.7L526 467l1.5-103.4-7.9 3c-3.8 1.5-65.5 24.3-86.4 25.2z"></path>
          <path fill="#076" d="M510.9 430.1c-24 8.2-55.9 15.6-81.7 16.7a112 112 0 0 1-64.9-19.1c-15-9.8-27.9-22.5-39.3-36.3a332 332 0 0 1-20-27.8c-5-7.8-9.8-4.7-13.9 2.2 1 5.1-.4 10.7 1.5 15.4a128.3 128.3 0 0 0 26.6 42.2c18.5 18.6 38 31.5 62.7 40 47.6 16.5 120.4.5 144.3-5.4l.6-34.6c-5 2.3-10.7 4.9-15.9 6.7z"></path>
          <path fill="#06262D" d="M385.6 461.5a153.2 153.2 0 0 1-61.8-38.7c-12-12-22-27-28.2-42.2a86.8 86.8 0 0 1 4.5-72.4c1.1-1.9 1.9-2.9 2.5-3.5l.7 1c6.2 9.7 14.2 20.8 20.4 28.4 13 15.9 26.3 28.2 40.7 37.6 21.4 14 45.8 21.1 68.8 20.2 20.9-.9 40.5-8.2 59.4-15.3 5.4-2 10.9-4.1 16.3-5.9l10.7-3.9 7.9-3 .2-13.8c-4.5 1.5-8.7 3.2-12.8 4.7l-10.2 3.8c-5.6 1.9-11.2 4-16.6 6.1-18 6.7-36.5 13.7-55.4 14.5a105 105 0 0 1-61.1-18.1 167.6 167.6 0 0 1-37.8-35 299.4 299.4 0 0 1-19.5-27.2c-4.1-6.4-8.6-7.6-11.8-7.6-7.6.2-12.1 8.1-13.6 10.7a100.2 100.2 0 0 0-5.3 83.8 146.2 146.2 0 0 0 31.1 46.4c20 20.1 40 32.6 66.8 41.8 16.2 5.6 35.5 8.4 57.7 8.4 13.8 0 28.6-1.1 44.5-3.2 17.5-2.4 32.4-5.5 42.3-7.9l.2-13.4c-24 5.7-93 20.1-140.6 3.7z"></path>
          <path fill="#58C1A6" d="M367.3 397.4a246 246 0 0 1-11-6.6c-3.6-2.3-7.1-4.8-10.4-7.4-1-.8-2.4-.7-3.2.3-.8 1-.7 2.4.2 3.3 3.4 2.9 6.9 5.6 10.5 8.1 3.6 2.5 7.3 4.9 11 7.2h.1c1.3.8 3 .3 3.8-1 .8-1.4.4-3.1-1-3.9zm67.5 16.5c-9 .8-18.2.4-27.2-1.2s-17.8-4.3-26.3-8c-1.3-.6-2.9 0-3.6 1.3-.7 1.4-.1 3 1.3 3.7 8.7 4.2 17.8 7.5 27.3 9.6 9.5 2.1 19.3 3 29 2.5h.2a4 4 0 0 0 3.6-4.3 4 4 0 0 0-4.3-3.6zm78.6-24.5a148.3 148.3 0 0 0-16.7 6.2l-2.7 1.2-2.6 1.2a205.1 205.1 0 0 1-42.6 14.2c-2 .4-3.3 2.4-2.9 4.4a3.7 3.7 0 0 0 4.4 3c7.7-1.4 15.2-3.3 22.7-5.6 7.5-2.2 14.8-4.8 22.1-8l2.6-1.1 2.6-1.1 5.2-2a106.4 106.4 0 0 1 21.5-5.7l.1-10.1c-4.7.9-9.3 2.1-13.7 3.4z"></path>
          <path fill="#00A887" d="M693.7 165.8c28 25.6 42.1 42 42.1 49l48.4 9.4c1.6-23.1 1.2-48.3-11-71.2-9.7-18.3-26.6-40-50.6-65.2l-68.2-52.4c-5.3-10-8-17.4-8-22.5-4.5 3.2-10.3 7-13.4 12.2-7.4 39.4 12.8 86.4 60.7 140.7z"></path>
          <path fill="#076" d="M725.9 178.3c-19.9-34.7-102.6-92.8-91.2-152a81.5 81.5 0 0 0-12 27.9 97.6 97.6 0 0 0 9.6 55.2c11.6 22.1 68 91.5 70.3 99l33.3 6.4c0-10.6-2.4-23.3-10-36.5z"></path>
          <path fill="#06262D" d="M692.2 184.2l-1.2-2a120 120 0 0 0-15.4-20.4 242.6 242.6 0 0 1-40.6-55 91.2 91.2 0 0 1-9.6-52.8c1-8.3 4-18.8 9.3-27.6 3-5.1 6.8-9.6 11.5-12.8 0 7.6 1.2 17.4 2.1 20.1 5.7 18.4 23 29 38.2 38.4 3.7 2.3 7.2 4.4 10.4 6.6 32.7 22.2 56.7 47.4 71.3 74.8a132.1 132.1 0 0 1 16 70.7l12.8 2.5c2.2-26-3.7-53.7-17.4-79.3-15.6-29.3-41-56-75.4-79.4l-10.9-6.9c-13.9-8.6-28.4-17.4-32.6-31.1-.4-1.5-1.6-9.7-1.5-16.5A13 13 0 0 0 652.4 2c-4.2-2.3-9.3-2-13.2.7-16.5 11.2-24.6 33-26.7 49.7a103.2 103.2 0 0 0 11 60.5 250.5 250.5 0 0 0 42.6 57.9 107.8 107.8 0 0 1 21.9 34.8l14.7 2.9c-2.3-7.7-5.6-15.9-10.5-24.3z"></path>
          <path fill="#58C1A6" d="M697.5 115.3c9.1 6.9 17.6 14.3 25.5 22.5l.1.1a3.2 3.2 0 0 0 4.5-.1 3.2 3.2 0 0 0-.1-4.5 229 229 0 0 0-26.9-22.3c-1.2-.8-2.8-.6-3.6.6-.9 1.2-.7 2.8.5 3.7zm36.6 34.6l3.9 5.1c1.2 1.8 2.5 3.5 3.6 5.3l3.4 5.4 3.1 5.5a106.4 106.4 0 0 1 7.4 17.3l.9 3 .4 1.5.3 1.3v.2a4 4 0 0 0 4.7 3.1c2.1-.5 3.6-2.6 3.1-4.7a22 22 0 0 1-.4-1.9l-.5-1.7-1.1-3.3a91.9 91.9 0 0 0-8.6-18.3l-3.5-5.7-3.8-5.5-4-5.3-4.2-5.2a3 3 0 0 0-4.2-.5 3 3 0 0 0-.6 4.2l.1.2z"></path>
          <path fill="#00A887" d="M1001.6 266.5l.4-.7c6.9-11.9 18.8-22.3 31.4-34.1a261 261 0 0 1 36.6-27.4c-5.9 3 57.3-39.1 58.1-66.1.6-18.3-29.5-45-47.2-59.1 0 .3-2.7 13.3-2.7 17.3-.4 23-13.7 43.8-37.6 58-11.8 7-49.9 15.8-56.6 18.4-11.6 4.6-24.3 8-48.3 28.3-24 20.3-26.4 46.4-27.2 47.3l93.1 18.1z"></path>
          <path fill="#076" d="M1112.3 136.2c-.8 27-54.2 73.2-54.2 73.2s38-21.2 48.1-31.6c9.5-9.6 18.3-21.5 20.2-31.4 1.8-9.4 1.6-23-3-34a97.3 97.3 0 0 0-41.9-42.2c-1.4 7-1 11.4.9 13.4 17.7 14.2 30.5 34.3 29.9 52.6z"></path>
          <path fill="#06262D" d="M1041.2 238.5c10.4-9.8 22.4-17.4 35-25.5 13.8-8.8 28-17.9 39.9-29.9a71.1 71.1 0 0 0 20.7-36.1c2.3-11.9.6-25.2-4.9-38.7-7.3-17.7-24.4-40.9-48.9-48.2-7.1-2.1-10.6 1.3-11.8 2.9a9.8 9.8 0 0 0-1.9 5.8c-.4 5.5-.1 10.8.1 16.1.2 3.7.3 7.3.2 10.8-.3 18.4-11.9 35.7-31.8 47.6-10.3 6.2-21.4 9.3-33 12.7a202 202 0 0 0-74.5 36.6c-12 10-28.4 26-32.8 50-.2 1.3-.1 2.5.4 3.6l10.7 2.1c.9-.9 1.5-2 1.7-3.4 2.7-15.1 11.7-28.6 28.3-42.4a188.5 188.5 0 0 1 49.4-27.4 222 222 0 0 1 20.5-6.6c12-3.5 24.3-7 36.1-14 23.9-14.2 37.8-35.6 38.2-58.5.1-3.9-.1-7.8-.3-11.6v-.9l-.2-6.7v-3.2c.9.4 1.9.7 2.8 1.2a75 75 0 0 1 35 38.6 55 55 0 0 1 4.2 31.2 58.1 58.1 0 0 1-17.2 29.4 211.3 211.3 0 0 1-37.7 28.1l-1.6 1a231.5 231.5 0 0 0-35.4 26 175 175 0 0 0-30.3 36.7l-.4.7 13.6 2.6c5.4-8.5 13.8-19.2 25.9-30.6z"></path>
          <path fill="#58C1A6" d="M956 219.6c3.8-3.6 8-6.8 12.5-9.5 1.1-.7 1.5-2.1.9-3.3a2.6 2.6 0 0 0-3.4-1.1 82 82 0 0 0-14.2 9.2l-.2.2a3 3 0 0 0-.1 4.4c1.3 1.2 3.3 1.3 4.5.1zm-14.6 28.3l.3-1.3.7-2.6c.6-1.7 1.2-3.5 2-5.1.5-.8.8-1.7 1.4-2.5l1.4-2.4 1.6-2.4 1.7-2.3.2-.3c1.1-1.5.6-3.5-1.1-4.6-1.8-1-4.3-.6-5.6.9l-2 2.6c-.7.9-1.5 1.7-2 2.6l-1.8 2.7-1.6 2.8c-1 1.9-1.7 3.8-2.6 5.8l-1 3-.4 1.5-.4 1.5c-.3 1.6-.7 3.2-.9 4.9l9.1 1.5c.1-1.7.4-3.4.6-5l.4-1.3z"></path>
          <path fill="#00A887" d="M1135.5 438.8c21.5 12 56.2 7.9 80.5-2 26.9-10.6 58.3-36 94.2-75.9l4.7-63.3a289 289 0 0 1-14.2-18.4c-28.9 34.4-57 62.6-98.2 76.2-19.5 6.4-43 13-66.3 14l-.7 69.4z"></path>
          <path fill="#076" d="M1217.8 422.5a255.8 255.8 0 0 1-82.4 16.2l-.2 14.8c6.1 6.7 19 8.9 30.7 8.9 52 0 108.6-35.6 134.4-80.7a75.5 75.5 0 0 0 10.4-46.2l-2.2 3.8a173.2 173.2 0 0 1-90.7 83.2z"></path>
          <path fill="#06262D" d="M1317.3 285.3l-.6-1.5c-3-7.3-7.1-17.4-15.2-18-2.9-.2-7.2.8-10.9 6.8a167.6 167.6 0 0 1-92.2 74.6c-19.2 6.3-41 9.6-62.1 10.5l-.1 13.1c23.3-1 46.8-4.7 66.3-11.2a180.6 180.6 0 0 0 98.5-78.9c1.5 2.6 3.1 6.4 3.7 8l.7 1.6c4.9 11.7 7 25.1 6 38.8l-.7 6.3c-2 14.4-7.1 28.9-15.4 43.3a153 153 0 0 1-144.3 75.1c-5.2-.2-10.4-.4-15.8-.4l-.1 13h3.8l7.9.2 3.7.1c4.7.2 9.5.4 14.4.4h2.5c56.4-.8 111-33 139.1-81.9a129.5 129.5 0 0 0 17.7-55.1 94.7 94.7 0 0 0-6.9-44.8z"></path>
          <path fill="#58C1A6" d="M1234.1 372.9a219.8 219.8 0 0 0 33-24.4c1-.9 1.2-2.5.3-3.6a2.6 2.6 0 0 0-3.6-.4 207.7 207.7 0 0 1-33.2 22l-.2.1a3.7 3.7 0 0 0-1.3 5c1 1.8 3.3 2.4 5 1.3zm-79.2 25.8l6.4-.9 6.4-1.1c8.5-1.6 16.9-3.6 25.2-6.2 4.2-1.2 8.2-2.7 12.3-4.2l6-2.4 6-2.5c2-.8 2.9-3.1 2.1-5a4 4 0 0 0-5.1-2.2l-.2.1-5.8 2.3c-1.9.8-3.8 1.6-5.8 2.2-3.9 1.3-7.8 2.8-11.9 3.9-8 2.4-16.1 4.2-24.3 5.6l-6.2 1-6.2.7c-4.1.4-8.3.8-12.4.9l-5.5.2-.1 9.1 6.1-.3c4.3-.3 8.7-.7 13-1.2z"></path>
          <path fill="#00A887" d="M1260.2 723.6c17-.7 41.5-10.1 73.4-28.3 5-5 18.2-20.3 18.7-21-48.8 10.7-80.3-6.7-98.1-61.8a180.4 180.4 0 0 0-36.3-63.4 88.8 88.8 0 0 0-40.4-22 67.4 67.4 0 0 0-43 10.4l-.5 46c2.8 15.7 86.2 141.6 126.2 140z"></path>
          <path fill="#076" d="M1277.4 710.3c-40.1 1.5-98.3-91.7-134.4-121.3a62 62 0 0 0-9-6.1l-.3 26.5c9.3 16.4 58.5 68.7 70.7 80.4 10.7 10.3 48.5 40.3 63.3 42.5a94 94 0 0 0 45.8-15.7c6.9-4.5 14.4-15.4 20.2-21.2l5-5.6a105.3 105.3 0 0 1-61.3 20.5z"></path>
          <path fill="#06262D" d="M1362.9 663.3a7.2 7.2 0 0 0-6.9-1.6c-48.1 14.6-77.1-2.3-94.1-54.7a184 184 0 0 0-39.4-68.1l-.2-.2a84.5 84.5 0 0 0-43.4-22.9 76.1 76.1 0 0 0-44.5 7.4l-.2 14.7c14-8.1 29-11.5 42.5-9.3 12.3 2 24.9 8.7 36.5 19.5 1.5 1.6 24 25.3 36.1 62.9 17.8 55.1 50.3 76.8 99.1 66.1l-1.5 2.2a124.7 124.7 0 0 1-32.7 31.6c-15.8 10.3-29.1 15.4-40.7 15.4h-.3c-18.6 0-35.3-12.2-46-22.5-12.2-11.7-23.8-24.8-35-37.4l-17.5-19.4c-12-13-25.9-26.7-41.3-37.7l-.2 16.3c9.6 7.7 20.2 17.6 31.9 30.2l17.3 19.2c11.4 12.8 23.2 26.1 35.8 38.2 17.9 17.1 36.9 26.1 55 26.1h.4c14.2-.1 29.9-5.8 47.8-17.6a134.8 134.8 0 0 0 36.3-35.1c2.7-3.9 5.4-8.2 6.7-13.4.7-2.1 1.9-6.8-1.5-9.9z"></path>
          <path fill="#58C1A6" d="M1220.1 600.8c3.7 7.7 7.4 15.6 12.2 22.9.7 1.1 2.1 1.4 3.3.8 1.1-.7 1.5-2.2.8-3.3-4.3-7.2-7.6-14.9-11-22.8-3.4-7.8-6.8-15.9-11.4-23.4l-.1-.1a3.4 3.4 0 0 0-5.7 3.7c4.6 6.9 8.2 14.5 11.9 22.2zM1136 563a5.1 5.1 0 0 0 7 1.3h.1a59 59 0 0 1 14.3-7.4 38.5 38.5 0 0 1 30.7 2.1c4.7 2.5 8.9 6 12.7 10.1a3.7 3.7 0 0 0 5.2.3 3.7 3.7 0 0 0 .4-5.3c-4-4.7-8.8-9-14.3-12.3a45.5 45.5 0 0 0-37.4-4 63 63 0 0 0-17.2 8.1l-.1.1a5 5 0 0 0-1.4 7z"></path>
        </svg>
      </div>
    </div>
    <div class="cta__section cta__section--bottom">
      <div class="cta__section__body body">
        <p>The year 1866 was signalised by a remarkable incident, a mysterious and puzzling phenomenon, which doubtless no one has yet forgotten.</p>
      </div>
    </div>
  </div>
  <div class="cta__section cta__section--code">
    <div class="cta__code code">
      <p class="code__command">npm install cuttlebelle --global</p>
      <p class="code__stdout">+ cuttlebelle@1.0.0</p>
      <p class="code__command">cuttlebelle</p>
    </div>
  </div>
</section>

homepage/examples

Separate content and code

  • We use markdown with front-matter

    Some description of the example.

    code example

  • With JSX front-mater become props in react

    Some description of the example.

    code example

layout: homepage/examples
headline: Separate content and code
examples:
  - headline: We use markdown with front-matter
    text: Some description of the example.
    example: |
      ```
      code example
      ```
  - headline: With JSX front-mater become props in react
    text: Some description of the example.
    example: |
      ```
      code example
      ```
Show/Hide
<section class="examples">
  <h2 class="examples__headline">Separate content and code</h2>
  <ul class="examples__list">
    <li>
      <div class="examples__list__text">
        <h3 class="examples__list__headline">We use markdown with front-matter</h3>
        <div class="examples__list__body">
          <p>Some description of the example.</p>
        </div>
      </div>
      <div class="examples__list__example">
        <div class="content">
          <pre><code>code example
</code></pre>
        </div>
      </div>
    </li>
    <li>
      <div class="examples__list__text">
        <h3 class="examples__list__headline">With JSX front-mater become props in react</h3>
        <div class="examples__list__body">
          <p>Some description of the example.</p>
        </div>
      </div>
      <div class="examples__list__example">
        <div class="content">
          <pre><code>code example
</code></pre>
        </div>
      </div>
    </li>
  </ul>
</section>

homepage/header

layout: homepage/header
description: The react static site generator that separates editing and code concerns
Show/Hide
<header class="header header--large">
  <div class="header__bubble header__bubble--floater header__bubble--floater2 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater2 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater3 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater1 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater2 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater3 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater1 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater2 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater3 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater3 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater1 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater2 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater3 header__bubble--floater1 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater2 js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater js-header__bubble"></div>
  <div class="header__bubble header__bubble--floater header__bubble--floater1 js-header__bubble"></div>
  <div class="header__fishschool">
    <svg role="img" title="" viewbox="0 0 119.1 63.5" class="header__fishschool__fish header__fishschool__fish--1">
      <title></title>
      <desc></desc>
      <path fill="#06262D" d="M74.4,0.1C44.1-1.5,28,24,28,24S15.8,7.5,0,5l13.2,28.4L3.1,63.5c21-10,26-22,26-22s10,20,43.4,20.3 s46.6-33.3,46.6-33.3S104.8,1.7,74.4,0.1z"></path>
    </svg>
    <svg role="img" title="" viewbox="0 0 119.1 63.5" class="header__fishschool__fish header__fishschool__fish--2">
      <title></title>
      <desc></desc>
      <path fill="#06262D" d="M74.4,0.1C44.1-1.5,28,24,28,24S15.8,7.5,0,5l13.2,28.4L3.1,63.5c21-10,26-22,26-22s10,20,43.4,20.3 s46.6-33.3,46.6-33.3S104.8,1.7,74.4,0.1z"></path>
    </svg>
    <svg role="img" title="" viewbox="0 0 119.1 63.5" class="header__fishschool__fish header__fishschool__fish--3">
      <title></title>
      <desc></desc>
      <path fill="#06262D" d="M74.4,0.1C44.1-1.5,28,24,28,24S15.8,7.5,0,5l13.2,28.4L3.1,63.5c21-10,26-22,26-22s10,20,43.4,20.3 s46.6-33.3,46.6-33.3S104.8,1.7,74.4,0.1z"></path>
    </svg>
    <svg role="img" title="" viewbox="0 0 119.1 63.5" class="header__fishschool__fish header__fishschool__fish--4">
      <title></title>
      <desc></desc>
      <path fill="#06262D" d="M74.4,0.1C44.1-1.5,28,24,28,24S15.8,7.5,0,5l13.2,28.4L3.1,63.5c21-10,26-22,26-22s10,20,43.4,20.3 s46.6-33.3,46.6-33.3S104.8,1.7,74.4,0.1z"></path>
    </svg>
    <svg role="img" title="" viewbox="0 0 119.1 63.5" class="header__fishschool__fish header__fishschool__fish--5">
      <title></title>
      <desc></desc>
      <path fill="#06262D" d="M74.4,0.1C44.1-1.5,28,24,28,24S15.8,7.5,0,5l13.2,28.4L3.1,63.5c21-10,26-22,26-22s10,20,43.4,20.3 s46.6-33.3,46.6-33.3S104.8,1.7,74.4,0.1z"></path>
    </svg>
    <svg role="img" title="" viewbox="0 0 119.1 63.5" class="header__fishschool__fish header__fishschool__fish--6">
      <title></title>
      <desc></desc>
      <path fill="#06262D" d="M74.4,0.1C44.1-1.5,28,24,28,24S15.8,7.5,0,5l13.2,28.4L3.1,63.5c21-10,26-22,26-22s10,20,43.4,20.3 s46.6-33.3,46.6-33.3S104.8,1.7,74.4,0.1z"></path>
    </svg>
    <svg role="img" title="" viewbox="0 0 119.1 63.5" class="header__fishschool__fish header__fishschool__fish--7">
      <title></title>
      <desc></desc>
      <path fill="#06262D" d="M74.4,0.1C44.1-1.5,28,24,28,24S15.8,7.5,0,5l13.2,28.4L3.1,63.5c21-10,26-22,26-22s10,20,43.4,20.3 s46.6-33.3,46.6-33.3S104.8,1.7,74.4,0.1z"></path>
    </svg>
    <svg role="img" title="" viewbox="0 0 119.1 63.5" class="header__fishschool__fish header__fishschool__fish--8">
      <title></title>
      <desc></desc>
      <path fill="#06262D" d="M74.4,0.1C44.1-1.5,28,24,28,24S15.8,7.5,0,5l13.2,28.4L3.1,63.5c21-10,26-22,26-22s10,20,43.4,20.3 s46.6-33.3,46.6-33.3S104.8,1.7,74.4,0.1z"></path>
    </svg>
  </div>
  <svg role="img" title="" viewbox="0 0 1660.4 315.7" class="header__rocks header__rocks--back">
    <title></title>
    <desc></desc>
    <path fill="#0F7669" d="M1630.2,275.7c-30.1-32.7-130.9-66.3-161-99c-13.6-14.8-45.3-31.5-66.1-29.4 c-0.5-0.3-0.9-0.6-1.5-0.9c-3.2-1.7-7-1.7-10.6-1.9c-15.4-0.8-30.4-4.6-45.2-9c-1.7-2.3-3.6-4.5-5.7-6.4 c-24.9-22.4-64.5-16.5-94-32.4c-1.3-0.7-2.5-1.4-3.7-2.2c-4-3-8-6.1-12.3-8.8c-9-7.1-17.6-14.9-27.8-20.1c-7-3.6-39.1-16-46.1-10 c-0.2,0.2-0.4,0.4-0.6,0.6c-6.1-1.2-12.2-2.6-18.5-4.2c-21.9-5.7-45-6.5-67.2-2.2c-3.3,0.7-6.7,1.4-10,2.2c-1.2,0-3.1,0-4.4,0 c-8.2-2-16.2-4.6-24.4-6.5c-8.7-2-17.6-3-26.5-4.1c-12.5-1.5-25.1-3-37.6-4.5c-1-0.3-2.1-0.7-3.1-1c-29.1-8.8-51.5-13.1-81.9-12.2 l-20.3,2.8c-1.3,0.2-15.6,1.2-23.7,1.2c-33,0-59.2-3.9-63.2-4.3c-27.1-2.5-54-6.9-80.5-13.2l6.4,0.5c-14-1.4-81.3-10.2-81.3-10.2 c-7.9-0.5-15.8-0.7-23.8-0.3c-19.1,0.9-61.4,12.5-60.7,12.9c-0.2,0.1-0.3,0.1-0.5,0.2c-1.8,0-3.5,0.2-5.2,0.5 c-18.3,3.3-43.3,23.8-50.3,26.8c-0.2,0.2-0.3,0.4-0.5,0.7c-25.1,15.1-49.1,32-73.8,46.7c-8.4,5-48.2,23.5-48.1,24.1l0,0 c-14.5,4.6-25.3,11.4-39.9,16c0.9,0.3-33.6,13.4-52.3,18.4c-8.1,2.2-32.7,3-33,3c-2.1-2-4.6-3.8-7.1-5.1c-5.7-3-11.2-5.3-16.4-5.5 c-1.8-0.4-3.6-0.5-5.5-0.6c0.1-0.1,0.1-0.1,0.2-0.1c-2-0.3-3.9-0.1-5.8,0.4c-3.1,0.4-6.1,1.1-9,1.9c-43.1,12.2-64.1,48.4-86.1,79.4 C77,254.5,44.1,281.1,7.5,308.2L0,315.7l0,0h83h69h50h38h36h51h764h13h6h1h18h531C1662.4,298.6,1641.9,288.4,1630.2,275.7z"></path>
    <path fill="#003D34" d="M1060.1,52c-0.9,0.1-1.9,0.3-2.8,0.4c0.2,0.1,0.4,0.1,0.7,0.1C1058.6,52.3,1059.4,52.1,1060.1,52z"></path>
    <path fill="#003D34" d="M1630.2,275.7c-30.1-32.7-130.9-66.3-161-99c-13.6-14.8-45.3-31.5-66.1-29.4c1.9,1.4,3.5,3.2,5,5 c7.5,9.3,14.1,19.3,19.7,29.8c2,3.8,4.3,8,8.4,9.3c2.4,0.8,5,0.3,7.4,0.8c3.1,0.6,5.8,2.5,8.3,4.5c11.5,9.9,18.5,24.9,18.5,40.1 c0,9-3.5,19.3-12,22.1c-4.1,1.3-8.5,0.6-12.7-0.1c-28.7-5.2-56.9-12.8-84.3-22.8c-8.6-3.1-17.4-6.7-24.2-12.9 c-3.7-3.4-6.7-7.7-11.1-10.3c-10.6-6.3-24.8-0.3-32.7,9.1c-7.9,9.4-11.7,21.6-17.6,32.4c-6.9-4.6-8.4-13.9-10.4-21.9 c-5-19.3-17-36.7-33.3-48.3c-8.3-5.9-17.6-10.3-25.5-16.8c-15.2-12.5-24.2-32.1-41-42.4c-7.5,0-8.7,16.2-15.6,13.5 c-2.6-1-3.4-4.2-4-6.9c-3.8-17.1-14.6-31.8-28.2-43c-2.8-2.4-5.8-4.6-8.8-6.6c-8.6-5.8-17.9-10.5-27.4-14.6c-4.2-1-8.6-1.6-12.9-1.5 v0.1l-0.3-0.2c0,0,0,12,4,23s8,16,9,23c0.7,4.9,3.4,16.8,4.9,23.8c-0.2,1.7,0.2,3.6,0.7,5.3c3.1,10.2,6.9,20.1,11.5,29.8 c-10.2-3.7-18.7-11.8-23-21.8c-2.9-6.9-3.9-14.4-6.8-21.3c-3.5-8-9.4-14.6-15.3-21c-5.9-6.5-11.8-13-17.8-19.5c0,0.1,0,0.2-0.1,0.4 c-0.1-0.4-0.1-0.6-0.1-0.6s-10,6-13,11c-1.1,1.9-2.4,4.2-3.5,6.3c-2.1,1.4-3.1,3.7-3.3,6.2c-0.6,0.2-2.6,1.5-2.4,12.6 c-0.4,0.1-0.7,0.2-1.1,0.2v0.1c0.3,1.2,0.6,2.4,0.9,3.6c1.7,8.8-1.8,20.4-3.7,30.1c-2.9,4.1-4.2,9.1-5.1,14.4 c-1.1,6.7-1.7,13.8-4,20.1c-0.1,0.2-0.2,0.5-0.2,0.7c-3,7.6-8.9,13.8-15.8,18.2c-2.7,1.7-5.7,3.2-7.2,6c-0.9,1.5-1.3,3.5-2.9,4.4 c-0.8,0.5-1.7,0.5-2.6,0.6c-11.2,0.9-22.5,0.7-33.7-0.8c-2.2-0.3-4.5-0.6-6.8-0.2c-5.2,0.9-9,5.6-11.2,10.4s-3.3,10.1-5.9,14.7 c-1,1.7-2.2,3.4-4,4.5c-1.7,1-3.6,1.3-5.5,1.6c-13.7,2.1-23.7,5.2-35.6-1.1c-0.8-0.4-1.5-0.8-2.3-1.3c-8.1-5-14.3-12.6-22.2-17.7 c-2.1-1.3-4.2-2.5-6.6-3.4c-6.5-2.5-13.6-2.6-20.6-2.7c-27.5-0.3-55.3-0.6-82.4,4.8c-18.2,3.6-36.8,9.9-55,5.7 c-7.7-1.8-14.8-5.3-22-8.7c-17.4-8-35.5-14.6-54-19.6c-16.5-4.5-33.9-5-49-13.8c-7.4-4.3-13.6-10.3-21-14.6 c-16.5-9.6-38.4-9.1-54.4,1.3c-5.7,3.7-10.5,8.4-15.4,13.1c-15.4,15-30.8,30-44.6,46.6c-9.8,11.8-18.7,24.3-29.3,35.2 c-18.7,19.3-36.9,33.1-62.7,40.4h764h13h6h1h18h531C1662.4,298.6,1641.9,288.4,1630.2,275.7z"></path>
    <path fill="#005D52" d="M1012.8,126.8c-0.2-1.2-0.5-2.4-0.9-3.6v-0.1l0,0c-2.8,0.3-5.8-0.5-8.2-2c-4.2-2.5-7.2-6.5-10.9-9.6 c-10.3-8.6-24.9-9.7-36.4-16.5c-1.6-0.9-3.1-2-4.6-3.1c-6-4.5-11.3-10.1-17.3-14.5c-2.9-2.2-6-4-9.4-5.4c-0.7-0.3-1.3-0.5-2-0.7 c-0.5,0.8-0.6,1.8-0.5,2.9c-0.3-0.2-0.6-0.5-0.9-0.7c-2-1.5-4.1-2.7-6.4-3.8c0.3,0.4,0.6,0.7,0.8,1c0,0,0,3-7,2s-16-9-18-8 c-3-0.8-4.9-0.6-7-0.7c-0.6-0.2-1-0.3-1-0.3s-2,3-4,15s2,19-11,19c-12.9,0-16.6-1.5-17.8,5.1c-1.9,3.1-2.4,7.6-1.6,11.3 c1.4,6.1,4.7,12.4,2.9,18.4c-6.6-1.6-11.5-6.9-15.9-12.1c-5.5-6.5-10.8-13.3-16.7-19.5c-6-6.3-12.5-12-20.3-16 c-1.3-0.7-2.6-1.3-3.9-1.8c-8.8-3.7-18.5-5.4-28.1-6.4c-8.1-0.8-16.9-1.4-23.3-6.6c-3.2-2.6-5.7-6.2-9.4-7.9 c-0.7-0.3-1.6-0.6-2.3-0.3c-0.9,0.3-1.4,1.2-1.9,2c-2.7,4.8-5.3,9.6-8,14.4C707,68.2,697.7,52,684.5,39.9 c-15.2-13.9-35.8-22-56.4-22.1l-1-2.1l-2.4-4.9c-1.2,0.1-2.4,0.1-3.5,0.2l-18,7.1c-4,2.1-7.3,5.2-9.9,8.8c-0.7,1-1.4,2.1-2,3.2 c-0.8,1.5-1.5,3-2.1,4.6c-4.3-1.7-8.7-3.4-13.1-5c-13.8-5-28-9.2-40.7-16.4c-0.2,0-0.5,0-0.7,0c-1.8,0-3.5,0.2-5.2,0.5 c-18.3,3.3-43.3,23.8-50.3,26.8c-0.2,0.2-0.3,0.4-0.5,0.7c-2.6,3.9-0.7,7.1,4,9.1c1.9,0.8,4.1,0.9,6.1,1.3c4.4,0.9,8.4,3.5,11,7.1 c2.7-4.2,9.3-1.8,13.3,1.1c8.1,5.8,15.8,11.9,23.3,18.4c-6.9,1.6-11.5,8-17.1,12.4c-6.4,4.9-14.8,12.2-22.6,14.4h-0.1 c-16.2,7.3-35.5,1.6-52.9,5.8c-2.7,0.6-5.7,2.2-6.1,4.7c-6.4,1.1-13.6,2.8-18.5,4c-3.1-0.2-6.3-0.2-9.4-0.2c-2.9,0-5.7-0.1-8.5-0.3 c-11.6-0.6-23.2-1.9-34.7-3.6c-2.2-0.3-7.5-0.9-9.1-2.6c-0.3-0.3-0.4-0.6-0.5-0.9l0,0c-14.5,4.6-25.3,11.4-39.9,16 c0.9,0.3,36.3,2.5,53.3,0.8c1.9,5.7-0.8,15.1-5.6,18.7c-4.9,3.6-10.7,6.6-13.2,12.2c-0.9,2-1.3,4.2-2.8,5.7 c-0.1,0.1-0.2,0.2-0.3,0.3c-2.6,1.2-4.8,1.9-6.1,1.9c-9,0-24-5-30-11s-28-7-28-7s0.1,0.4,0.1,1c-0.5,1.6-1.3,3.1-2.2,4.5 c-1.7,1.4-4.7,2.5-9.9,2.5c-13.8,0-23.7,10.7-34.6,10c-0.9-1.2-0.2-2.8,0.1-4.3c0.6-2.7-0.2-5.4-1.6-7.8c-0.7-1.3-3.5-3.7-3.8-5.4 c-0.2-0.3-0.5-0.5-0.7-0.7c-2.1-2-4.6-3.8-7.1-5.1c-5.7-3-11.2-5.3-16.4-5.5c-2-0.1-3.9,0.1-5.8,0.6c0,0.1,0,0.2,0,0.2 c-5,2,0,8-5,18s-5,14-8,17c-0.3,0.3-0.6,0.7-1.1,1.1c-18.7,16.1-35.3,34.5-51.8,52.8c-4.3,4.8-8.7,9.7-10.8,15.7 c-2.4,6.7-3.4,15.9-10.3,17.1c0.2-0.9,0.5-1.7,0.7-2.6c-7.6,9.5-15.2,19-22.8,28.6c-1.9,2.4-3.8,4.8-5,7.7c-3.4,8.2,3.1,17.1-5,20.6 h69h50h38h36h51c25.8-7.3,44-21.1,62.7-40.4c10.6-11,19.6-23.5,29.3-35.2c13.7-16.5,29.2-31.6,44.6-46.6c4.8-4.7,9.7-9.5,15.4-13.1 c16-10.4,37.9-11,54.4-1.3c7.4,4.3,13.6,10.4,21,14.6c15.1,8.7,32.5,9.3,49,13.8c18.5,5.1,36.6,11.6,54,19.6 c7.2,3.3,14.3,6.9,22,8.7c18.1,4.2,36.7-2.1,55-5.7c27-5.4,54.8-5.1,82.4-4.8c7,0.1,14.1,0.2,20.6,2.7c2.4,0.9,4.5,2.1,6.6,3.4 c7.9,5.1,14.2,12.7,22.2,17.7c0.8,0.5,1.5,0.9,2.3,1.3c11.9,6.3,22,3.2,35.6,1.1c1.9-0.3,3.9-0.6,5.5-1.6c1.7-1,3-2.7,4-4.5 c2.6-4.6,3.7-9.9,5.9-14.7s6-9.5,11.2-10.4c2.2-0.4,4.5,0,6.8,0.2c11.2,1.4,22.5,1.7,33.7,0.8c0.9-0.1,1.8-0.2,2.6-0.6 c1.5-0.9,2-2.8,2.9-4.4c1.6-2.7,4.5-4.3,7.2-6c6.9-4.3,12.8-10.6,15.8-18.2c0.1-0.2,0.2-0.5,0.2-0.7c2.3-6.3,2.8-13.4,4-20.1 c0.9-5.3,2.2-10.3,5.1-14.4C1011.1,147.2,1014.5,135.6,1012.8,126.8z"></path>
  </svg>
  <svg role="img" title="" viewbox="0 0 150 133.8" class="header__rocks header__rocks--left">
    <title></title>
    <desc></desc>
    <path fill="#06262D" d="M0,0c2.1,0,4.4,1.8,5.3,3.7s1.3,3.9,2.2,5.8c4,7.9,15.5,8,21.9,14.1c8.6,8.2,5.4,24.6,15,31.7 c1.5,1.1,3.3,1.9,4.8,3c6.2,4.5,7.6,13.5,13.2,18.8c5.5,5.1,13.6,5.6,21,6.8c14.9,2.4,29.2,8.7,41,18.2c1.8,1.4,3.6,3,4.4,5.1 c1.1,2.8,0.5,6.2,1.9,8.8c0.3,0.5,15.1,10.2,19.3,17.8H0V0z"></path>
  </svg>
  <svg role="img" title="" viewbox="0 0 181.2 245.3" class="header__rocks header__rocks--right">
    <title></title>
    <desc></desc>
    <path fill="#06262D" d="M0,0.2C10.4,6,20.3,13,29.7,20.9c3,2.6,6.3,5.7,6.8,10.2c0.2,1.6,0,3.3,0.4,4.8 c0.6,2.1,2.4,3.4,4,4.5c9.1,6,18.9,10.9,29.3,11.4c7.8,0.3,16.2-1.8,23.2,2.7c8.4,5.4,11.2,18,13.1,29.3c0.9,5.1,1.8,10.2,2.6,15.3 c0.4,2.1,0.7,4.2,1.6,6.1c0.9,2,2.4,3.6,3.6,5.3c6.4,8.5,9.6,21,6.5,31.9s-13.4,18.6-22.5,15.4c-2.9-1-5.7-3-8.7-2.5 c-2.6,0.4-4.8,2.7-6.8,4.9c-6.1,6.8-12.2,13.6-18.3,20.4c-3.1,3.4-6.2,6.9-8.4,11.2c-2.1,4-3.4,8.6-5.7,12.5 c-2.6,4.3-6.4,7.5-8.5,12.2c-3.9,8.9-0.9,21.1-6.3,28.8h145.6V0L0,0.2z"></path>
  </svg>
  <div class="header__logo">
    <div class="header__bubble header__bubble--left">
      <svg role="img" title="Content" viewbox="0 0 72 72" class="header__bubble__icon header__bubble__icon--content">
        <title>Content</title>
        <desc>Symbolizing content concerns</desc>
        <path fill="#fff" d="M65.2,27.4l2.6-2.6c5.7-5.6,5.7-14.8,0-20.5S53-1.4,47.3,4.3l-2.6,2.6L65.2,27.4z"></path>
        <polygon fill="#fff" points="39.6,12 7.6,44.1 20.4,46.6 47.3,19.7"></polygon>
        <path fill="#fff" d="M1.1,71c0.9,0.9,2.2,1.2,3.4,0.9l16.8-4.2l-2.8-14.2L4.3,50.7L0.1,67.5C-0.1,68.8,0.2,70.1,1.1,71z"></path>
        <polygon fill="#fff" points="52.4,24.8 25.5,51.7 28.1,64.6 60.1,32.5"></polygon>
      </svg>
    </div>
    <div class="header__bubble header__bubble--right">
      <svg role="img" title="Code" viewbox="0 0 99.8 78.1" class="header__bubble__icon header__bubble__icon--code">
        <title>Code</title>
        <desc>Symbolizing code concerns</desc>
        <path fill="#fff" d="M0,39.5l23.8-15.7V33L8,42.3l15.8,9.3v9.2L0,45V39.5z"></path>
        <path fill="#fff" d="M26,78.1L65.2,0h8.6l-39,78.1H26z"></path>
        <path fill="#fff" d="M99.8,45L76,60.8v-9.2l15.8-9.3L76,33v-9.2l23.8,15.7V45z"></path>
      </svg>
    </div>
    <svg role="img" title="Cuttlebelle logo" viewbox="0 0 713 758" class="header__logo__logo">
      <title>Cuttlebelle logo</title>
      <desc>A cute, green cuttlefish with a big smile</desc>
      <path class="logo-body" d="M200.3 258.2c-16.8 73.6-9.1 126.6.5 158.5a173.8 173.8 0 0 0 21.2 46.5c-16.1 5.9-27 18.3-35.9 28.4l-6 6.7c-3.4 3.5-6.7 7.2-9.9 10.8-10.5 11.7-21.4 23.9-34.7 31.5a85.8 85.8 0 0 1-51 10 138.2 138.2 0 0 1-40.7-11.1c-7-3-16.8-8-24.6-12.4-5.9-3.4-10.1-2.4-12.6-1-6.1 3.3-6.4 11.3-6.5 14a83.3 83.3 0 0 0 28.4 64.1 120.5 120.5 0 0 0 40.9 22.3c13.6 4.3 27.5 6.5 41 6.5a120 120 0 0 0 28.8-3.4c18.6-4.6 35-14.3 50.9-23.7l3.8-2.3a239.7 239.7 0 0 0-7.8 48.7c-.8 13.3-1.6 27-9.6 35.2-1.1 1-6.4 4.8-11.1 7.3a11.7 11.7 0 0 0 0 20.8c14.9 7.8 34.3 5.1 47.5.1a86.8 86.8 0 0 0 40.3-32c9.5-14 14.4-30.2 19.1-45.8l4.3-13.9a167.2 167.2 0 0 1 27.9-53.5c1.8 7.2 2.9 22.6-1.1 43.4-2.2 11.5-6.5 22.3-11 33.9-5 12.6-10.1 25.7-12.3 39.6a59.8 59.8 0 0 0 3.7 34.8 57 57 0 0 0 22.5 23.9c9.8 6 24.4 11.5 39.4 11.5 5.9 0 11.9-.9 17.7-2.9 6.4-2.3 7.2-6.9 7.2-8.7 0-2.7-1.2-4.6-1.7-5.5-2.4-3.9-5.2-7.4-7.9-10.8l-5.4-7.1c-11.6-16.5-6-36-1.7-46.2 3.9-9 9.6-16.4 15.8-24.3a182.2 182.2 0 0 0 32-60.1c1 7.4 1.6 15.7 2 24.9.3 7.1.4 14.3.5 21.3.2 14.2.4 28.9 1.8 43.3 2 20.7 9.3 37 21 46.9 9.1 7.8 22.2 12.7 40 15a118 118 0 0 0 42-2.5c3.9-1 8.1-2.3 11.8-5 1.6-1.1 5.3-3.8 4.9-8.2a6.9 6.9 0 0 0-4.1-5.6c-37.3-16.5-46.2-42.2-28.9-83.5 9.2-22 11.6-42.3 12.1-54l4.7 3.6a137.5 137.5 0 0 0 145.3 20.2c15.9-7.3 29-17 38.8-28.8a81.7 81.7 0 0 0 17.3-35.2c1.7-6.6 3.9-15.7-1.8-20.4-2.1-1.8-5.9-3.4-11.8-.8a136.8 136.8 0 0 1-97 5.8c-38-11.8-77.7-42.6-92.8-64.3l-.5-.6c5.8-8.1 15-23.4 22.3-46.6 17.9-56.8 10.5-117.7.6-160.1l-95.2-26.8-75.3 9.4-72-7.4-87.1 25.6z" fill="#00A887"></path>
      <path class="logo-head" d="M529.9 257.4a57.6 57.6 0 0 0 38-30.7 47.5 47.5 0 0 0-16-58.5c-2.9-1.9-5.9-3.5-8.8-5.1-3.1-1.7-6-3.2-8.6-5-3.7-2.5-8.3-6.5-9.5-11.7-.9-3.9.4-7.4 2.5-12.8l.1-.2c2.8-7.1 4-14.6 3.3-21.6-1-9.9-5.6-19-12.7-24.9a45.2 45.2 0 0 0-26.2-9.3l-5.1-.3c-6-.2-11.3-.4-15.4-3.4-3.1-2.2-5.5-6-7.7-11.9l-1.8-5.6c-2.2-6.9 -4.6-14.8-10.5-20.6-8.1-8-18-11.8-28.6-11.1-8.4.6-16.9-.8-20.7-3.3-.8-.5-2.3-2.2-3.7-3.7C392.4 11.1 382.1 0 364.4 0h-2.2c-17.8 0-28 11.1-34.1 17.7-1.4 1.5-3 3.2-3.7 3.7a38.2 38.2 0 0 1-20.7 3.3 36.5 36.5 0 0 0-28.6 11.1c-5.9 5.8-8.3 13.7-10.5 20.6l-1.8 5.6c-2.2 5.9-4.6 9.7-7.7 11.9-4.1 2.9-9.3 3.1-15.4 3.4l-5.1.3c-10.9.8-19.8 4-26.2 9.3a36.8 36.8 0 0 0-12.7 24.9c-.7 7 .5 14.5 3.3 21.6l.1.2c2.1 5.4 3.4 8.9 2.5 12.8-1.2 5.2-5.8 9.2-9.5 11.7a102 102 0 0 1-8.6 5c-2.9 1.6-5.9 3.2-8.8 5.1a47.5 47.5 0 0 0-16 58.5 58 58 0 0 0 41.6 31.5l88.4-26.6 73.6 9.9 67.2-10.4 100.4 26.3z" fill="#00A887"></path>
      <path class="logo-head-shadow" d="M567.2 194l-46-36-1-60.8-47-14.7-24.8-38.4S365.7 8.7 364.8 13c3.9 4.4 117.1 136 96.1 218.1 2.4 6.4 48.8 23.2 48.8 23.2l41.2-12.5 16.3-47.6z" fill="#076"></path>
      <path d="M508.7 337.6c2.4 27.9-2.3 56-8.5 83.3a227.3 227.3 0 0 1-10.1 34.2 123.4 123.4 0 0 1-15.9 27.3c6.7-1.7 15.3-6 18.5-10 14.6-23.5 21.9-35.4 22-35.7 14.2-34.7 21.4-109 7.2-183.1-5.4 0-36.7-7.2-49.3-4.3 22 18.3 32.8 50.6 36.1 88.3z" fill="#076"></path>
      <path d="M279.5 269.3c-1.9 0-3.7.1-5.5.3-9.5-3.4-4.8-18.1-10.1-11.9-3.8 4.4-2.4 11.2-1.3 14.8l-2.3 1.1c-7-2.5-6.6-13.8-9.5-7.7-2.2 4.7.3 10.2 2.1 13.2l-1.5 1.6c-5.9-1.8-7.9-10.4-9.1-4.6-.9 4.5 2.2 8.7 4.5 11.1l-1.4 2.8c-4.2-1.8-6-7.4-6.6-2.9-.5 3.7 2.2 7 4.3 8.9-3.9 12-4.4 26.6-4.4 38.5 0 19.2 2.5 33.8 7.8 44.4a35 35 0 0 0 33 20.8c25.3 0 41-25 41-65.2 0-56.8-25.7-65.2-41-65.2zm28 65.2l-.2 7.5c-4-16.7-16.3-28.9-28.6-28.9-10.9 0-21.8 9.6-26.9 23.5v-2.1c0-38.1 7.5-52.2 27.7-52.2 23.1 0 28 28.4 28 52.2zm175.2-38.4c2-1.9 4.8-5.1 4.3-8.9-.6-4.5-2.4 1-6.6 2.9l-1.4-2.8c2.3-2.4 5.4-6.6 4.5-11.1-1.2-5.9-3.2 2.8-9.1 4.6l-1.5-1.6c1.8-3 4.4-8.5 2.1-13.2-2.9-6.1-2.5 5.1-9.5 7.7l-2.3-1.1c1.1-3.6 2.4-10.4-1.3-14.8-5.2-6.2-.5 8.4-10.1 11.9-1.8-.2-3.6-.3-5.5-.3-15.3 0-41 8.5-41 65.2 0 40.2 15.7 65.2 41 65.2a35 35 0 0 0 33-20.8c5.2-10.6 7.8-25.2 7.8-44.4.1-12-.5-26.5-4.4-38.5zm-36.3-13.8c20.2 0 27.7 14.2 27.7 52.2v2.1c-5.1-13.9-16-23.5-26.9-23.5-12.3 0-24.5 12.2-28.6 28.9l-.2-7.5c0-23.8 4.9-52.2 28-52.2z" fill="#06262D"></path>
      <circle class="logo-bubble" fill="#3BD4AE" cx="168.6" cy="206.6" r="8"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="190.1" cy="209.1" r="3.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="234.1" cy="182.1" r="9.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="215.6" cy="205.6" r="5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="218.1" cy="149.1" r="9.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="310.1" cy="150.1" r="9.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="422.1" cy="177.1" r="9.5"></circle>
      <path class="logo-bubble" d="M361.7 28.4a9.6 9.6 0 0 0 18.5 3.5c-4.2-5.4-7.7-9.8-10.4-13a9.6 9.6 0 0 0-8.1 9.5z" fill="#3BD4AE"></path>
      <path class="logo-bubble" d="M371.3 18.8l-1.5.1 10.4 13a9.6 9.6 0 0 0-8.9-13.1z" fill="#009383"></path>
      <circle class="logo-bubble" fill="#3BD4AE" cx="251.1" cy="112.1" r="9.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="222.6" cy="111.6" r="5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="286.6" cy="124.6" r="5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="337.1" cy="129.1" r="5.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="289.1" cy="41.1" r="6.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="396.1" cy="65.1" r="6.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="339.1" cy="173.1" r="6.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="239.1" cy="92.1" r="3.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="301.1" cy="56.1" r="4.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="413.1" cy="114.1" r="4.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="398.1" cy="197.1" r="4.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="361.1" cy="47.1" r="4.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="387.1" cy="133.1" r="4.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="324.1" cy="107.1" r="4.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="298.1" cy="188.1" r="4.5"></circle>
      <circle class="logo-bubble" fill="#009383" cx="490.1" cy="161.1" r="4.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="244.1" cy="213.1" r="4.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="345.1" cy="199.1" r="4.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="271.1" cy="234.1" r="4.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="330.6" cy="45.6" r="3"></circle>
      <circle class="logo-bubble" fill="#009383" cx="411.6" cy="44.6" r="3"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="364.1" cy="219.1" r="6.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="251.1" cy="141.1" r="5.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="378.1" cy="99.1" r="7.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="290.6" cy="78.6" r="3"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="199.1" cy="240.1" r="7.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="274.1" cy="172.1" r="7.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="380.1" cy="169.1" r="7.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="446.1" cy="227.1" r="7.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="432.1" cy="144.1" r="7.5"></circle>
      <path class="logo-bubble" d="M411.2 88.6c0 4 3.2 7.3 7.3 7.3 1.7 0 3.3-.6 4.6-1.6L415.6 82a7 7 0 0 0-4.4 6.6z" fill="#3BD4AE"></path>
      <path class="logo-bubble" d="M425.7 88.6c0-4-3.2-7.3-7.3-7.3-1.1 0-2.1.2-3 .6l7.5 12.3a7 7 0 0 0 2.8-5.6z" fill="#009383"></path>
      <circle class="logo-bubble" fill="#009383" cx="436.1" cy="45.1" r="7.5"></circle>
      <circle class="logo-bubble" fill="#009383" cx="443.6" cy="71.6" r="4"></circle>
      <circle class="logo-bubble" fill="#009383" cx="483.1" cy="89.1" r="7.5"></circle>
      <circle class="logo-bubble" fill="#009383" cx="485.1" cy="132.1" r="7.5"></circle>
      <circle class="logo-bubble" fill="#009383" cx="511.1" cy="117.1" r="5.5"></circle>
      <circle class="logo-bubble" fill="#009383" cx="510.6" cy="148.6" r="5"></circle>
      <circle class="logo-bubble" fill="#009383" cx="512.6" cy="187.6" r="15"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="332.6" cy="74.6" r="15"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="316.6" cy="219.6" r="15"></circle>
      <circle class="logo-bubble" fill="#009383" cx="546.1" cy="182.1" r="5.5"></circle>
      <circle class="logo-bubble" fill="#009383" cx="489.1" cy="220.1" r="5.5"></circle>
      <circle class="logo-bubble" fill="#009383" cx="555.1" cy="224.1" r="5.5"></circle>
      <circle class="logo-bubble" fill="#009383" cx="532.6" cy="213.6" r="7"></circle>
      <circle class="logo-bubble" fill="#009383" cx="532.1" cy="241.1" r="7.5"></circle>
      <path class="logo-bubble" d="M455.1 182.9c0 3.9 3 7.1 6.8 7.4-.7-4.6-1.7-9.3-2.8-14a7.3 7.3 0 0 0-4 6.6z" fill="#3BD4AE"></path>
      <path class="logo-bubble" d="M470 182.9a7.5 7.5 0 0 0-11-6.6c1.2 4.7 2.1 9.4 2.8 14h.6c4.3 0 7.6-3.3 7.6-7.4z" fill="#009383"></path>
      <circle class="logo-bubble" fill="#009383" cx="489.6" cy="105.6" r="2"></circle>
      <circle class="logo-bubble" fill="#009383" cx="445.6" cy="107.6" r="2"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="293.6" cy="100.6" r="2"></circle>
      <circle class="logo-bubble" fill="#009383" cx="546.6" cy="199.6" r="2"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="445.6" cy="202.6" r="2"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="193.1" cy="188.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="230.1" cy="233.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="371.1" cy="189.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="267.1" cy="150.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="270.1" cy="203.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="364.1" cy="146.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="372.1" cy="70.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#009383" cx="417.1" cy="61.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="401.1" cy="156.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="354.1" cy="105.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="418.1" cy="207.1" r="2.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="395.6" cy="226.6" r="4"></circle>
      <circle class="logo-bubble" fill="#009383" cx="459.1" cy="140.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#009383" cx="465.1" cy="91.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="268.1" cy="89.1" r="1.5"></circle>
      <circle class="logo-bubble" fill="#3BD4AE" cx="348.1" cy="27.1" r="1.5"></circle>
      <path d="M283.4 703.7L314 746l48.5 1.6c.2-3.2-6.7-9.7-11.1-9.9-18.3-1.2-36.2-8.4-44.5-20.6-11.4-16.8-.7-65.1 1.3-73.5-3.2.4-11.5 20.4-24.8 60.2zM242.9 687l61.7-125 2-7.4s-29-.2-46.7 28.1c-17.1 27.4-27 107.2-71.9 124.6 2.8 7.2 21 .5 54.9-20.3zM394 543.1c8.2 24.9 15 48 16 72.6.3 7.2 1.8 52.4 3.2 66.3a91 91 0 0 0 25.2 45.6c7.2 6 51.5 8.9 54.8 3.3a84.9 84.9 0 0 1-47.2-19.4c-25.9-20.6-12.2-110.4-18.9-148.4-5.8-33.2-41.3-43.4-50.2-45.5.3 2.6 17 25.2 17 25.5zm131.2 47.5c16.5 10.6 85.3 32 124 14.2 11.2-5.2 29.1-27.4 29-27.3A143.7 143.7 0 0 1 577 589.9a219 219 0 0 1-77.8-39.2c2.3 5.3 4 11.1 5.1 17.4 1.2 6.1 17.1 20 21 22.5zm-412.3 39.2l76.2-27.4c47.7-54 72.7-84 75.1-90-29.7-.6-45.1 22.2-58.7 36.5-14.4 15.2-27.7 32.9-46.1 43.5a91.8 91.8 0 0 1-54.9 10.8c-14.7-1.4-29-5.8-42.6-11.6-7.4-3.2-17.5-8.3-25.2-12.7-6-3.5-8.5-.3-9.2 5.3 3 15.4 31.6 30.6 85.4 45.6z" fill="#076"></path>
      <ellipse fill="#B2E1D8" transform="rotate(-119.4 289.5 334.1)" cx="289.5" cy="334.1" rx="10.5" ry="5.5"></ellipse>
      <ellipse fill="#B2E1D8" transform="rotate(-119.4 459.5 334.1)" cx="459.5" cy="334.1" rx="10.5" ry="5.5"></ellipse>
      <path d="M645.2 559.2c1.4-.1 2.6 1 2.7 2.5.1 1.4-.9 2.5-2.3 2.7a183.6 183.6 0 0 1-34 .8c-2-.2-3.5-1.9-3.4-3.9.1-2 1.9-3.5 3.9-3.4 3.3.2 22.1 1.8 33.1 1.3zm-116.5-36.7l4 3.1c2.7 2 5.5 4 8.4 5.9 2.8 1.9 5.8 3.6 8.7 5.3l4.5 2.5 4.6 2.3a164 164 0 0 0 18.9 7.9c3.2 1.2 6.5 2.1 9.8 3.1l5 1.3 5.2 1.2c2.1.5 3.4 2.6 2.8 4.7a4 4 0 0 1-4.6 2.9 180.6 180.6 0 0 1-40.7-13.5l-4.9-2.3-4.8-2.5a172.8 172.8 0 0 1-18.3-11.4l-4.3-3.3-4.3-3.6a4.6 4.6 0 0 1-.2-6.6c1.8-1.9 4.7-2 6.6-.3 1.2 1.3 3 2.8 3.6 3.3zm-50.3 76.6l-.4 1.6-.7 2.6-3.1 10.2c-2.1 6.7-4.2 13.3-5.5 20.1a2.3 2.3 0 0 1-2.8 1.9c-1.3-.2-2.1-1.4-2-2.7 1-7.2 2.8-14.2 4.6-21l2.6-10.2c.6-2.7 1.5-6.3 2-10.3a3.4 3.4 0 0 1 3.9-2.8c1.9.3 3.1 2.1 2.8 3.9-.6 3.1-1 5.4-1.4 6.7zm-21.6-56.4a39 39 0 0 1 21.7 23.2 46.6 46.6 0 0 1 2.4 15.6c0 2.1-1.7 3.7-3.8 3.7-2 0-3.6-1.6-3.7-3.6-.2-4.5-.9-8.9-2.5-12.9a30.2 30.2 0 0 0-17.8-17.3c-4-1.7-9.3-2.7-12.8-3a5 5 0 0 1-4.5-5.5 5 5 0 0 1 5.5-4.5c8.3 1 10.6 2.1 15.5 4.3zm-85.6 57a2.6 2.6 0 0 1-3.4 1.1c-1.2-.6-1.7-2-1.2-3.2 1.6-4 2.9-8.2 3.6-12.4a3.2 3.2 0 0 1 3.6-2.6c1.7.3 2.9 1.9 2.6 3.6-1.1 5.7-3 9.4-5.2 13.5zm-6.2-58.2c3.2 3.2 7.3 9.8 8.7 13a44 44 0 0 1 4.2 20.2 3.4 3.4 0 0 1-6.7.3 38.5 38.5 0 0 0-9.2-24.4c-.9-1.1-2-2.6-6.1-6a4.3 4.3 0 0 1-.9-6 4.2 4.2 0 0 1 6-.9l4 3.8zm-139.3 86.7a2.7 2.7 0 0 1-3 2.2 2.6 2.6 0 0 1-2.2-2.9c1.2-9.5 3-19 5.6-28.4a3.1 3.1 0 0 1 3.9-2.2c1.7.5 2.7 2.2 2.2 3.9-1.5 5-5 18.2-6.5 27.4zm27.3-66.7a85.3 85.3 0 0 0-11.6 17.3c-.9 1.5-3 5.7-4.7 9.6-.7 1.5-2.5 2.2-4 1.5a3 3 0 0 1-1.5-3.9l4.4-10.1a133 133 0 0 1 11.6-19c1.2-1.5 4.8-5.7 7.9-8.6a4 4 0 1 1 5.1 6.1c-4.7 3.6-6.1 5.8-7.2 7.1zM73.3 582.1c-1.2-.3-2-1.5-1.7-2.8.3-1.2 1.5-2 2.7-1.7 6.8 1.3 13.9 1.8 21 2 1.5 0 2.7 1.3 2.7 2.9 0 1.5-1.3 2.7-2.9 2.7a93.3 93.3 0 0 1-21.8-3.1zm59-.4c-7.8 2.1-15.8 3.1-23.8 3.3a2.8 2.8 0 0 1-2.8-2.7c0-1.5 1.1-2.7 2.5-2.8 7.6-.6 15-2 22.2-4.3a85 85 0 0 0 20.2-9.6 4 4 0 0 1 5.5 1.2 4 4 0 0 1-1.2 5.5c-9.4 5-14.8 7.4-22.6 9.4zm72.9-57.1c-2.2 2-8.4 8.7-9.4 9.8-1 1.1-11.6 13.4-16.2 17.9-4.6 4.5-9.5 8.8-14.6 12.8-1.7 1.3-4 1-5.3-.7-1.3-1.6-1-3.9.5-5.2 4.7-4 9.2-8.2 13.5-12.7 4.3-4.5 8-9.4 13.5-15.9 5.6-6.5 9-10.6 11.3-12.9 4.7-4.6 9.9-8.9 15.7-12.5a5.2 5.2 0 0 1 7.1 1.7c1.5 2.4.7 5.6-1.7 7.1-4 2.7-10 6.5-14.4 10.6z" fill="#3BD4AE"></path>
      <path d="M381.7 436.2c-4.8-1.7-6.4 1.6-2.1 3.4 0 0 2.1.9 5 2.7-18.4 9.4-45.5 3.2-45.5 3.2-4.8-1.1-7.3 2.4-1.9 4.2 3.6 1.2 12.8 2.4 12.8 2.4-2.4 4-4.4 6.2-9.4 21s19 23.1 31.1 13.4c9.9-8.7 17.1-33.6 18.7-39.5 1.4 1.3 2.8 2.9 4.1 4.6 4.3 5.8 6.7 1.9 5-.5-1.5-2.3-6.4-10.9-17.8-14.9z" fill="#06262D"></path>
      <path d="M709.1 524c-2.1-1.8-5.9-3.4-11.8-.8a136.8 136.8 0 0 1-97 5.8c-38-11.8-77.7-42.6-92.8-64.3l-.5-.6c5.8-8.1 15-23.4 22.3-46.6 17.9-56.8 10.5-117.7.6-160.1a57.6 57.6 0 0 0 38-30.7 47.5 47.5 0 0 0-16-58.5c-2.9-1.9-5.9-3.5-8.8-5.1-3.1-1.7-6-3.2-8.6-5-3.7-2.5-8.3-6.5-9.5-11.7-.9-3.9.4-7.4 2.5-12.8l.1-.2c2.8-7.1 4-14.6 3.3-21.6-1-9.9-5.6-19-12.7-24.9a45.2 45.2 0 0 0-26.2-9.3l-5.1-.3c-6-.2-11.3-.4-15.4-3.4-3.1-2.2-5.5-6-7.7-11.9l-1.8-5.6c-2.2-6.9 -4.6-14.8-10.5-20.6-8.1-8-18-11.8-28.6-11.1-8.4.6-16.9-.8-20.7-3.3-.8-.5-2.3-2.2-3.7-3.7C392.4 11.1 382.1 0 364.4 0h-2.2c-17.8 0-28 11.1-34.1 17.7-1.4 1.5-3 3.2-3.7 3.7a38.2 38.2 0 0 1-20.7 3.3 36.5 36.5 0 0 0-28.6 11.1c-5.9 5.8-8.3 13.7-10.5 20.6l-1.8 5.6c-2.2 5.9-4.6 9.7-7.7 11.9-4.1 2.9-9.3 3.1-15.4 3.4l-5.1.3c-10.9.8-19.8 4-26.2 9.3a36.8 36.8 0 0 0-12.7 24.9c-.7 7 .5 14.5 3.3 21.6l.1.2c2.1 5.4 3.4 8.9 2.5 12.8-1.2 5.2-5.8 9.2-9.5 11.7a102 102 0 0 1-8.6 5c-2.9 1.6-5.9 3.2-8.8 5.1a47.5 47.5 0 0 0-16 58.5 58 58 0 0 0 41.6 31.5c-16.8 73.6-9.1 126.6.5 158.5a173.8 173.8 0 0 0 21.2 46.5c-16.1 5.9-27 18.3-35.9 28.4l-6 6.7c-3.4 3.5-6.7 7.2-9.9 10.8-10.5 11.7-21.4 23.9-34.7 31.5a85.8 85.8 0 0 1-51 10 138.2 138.2 0 0 1-40.7-11.1c-7-3-16.8-8-24.6-12.4-5.9-3.4-10.1-2.4-12.6-1-6.1 3.3-6.4 11.3-6.5 14a83.3 83.3 0 0 0 28.4 64.1 120.5 120.5 0 0 0 40.9 22.3c13.6 4.3 27.5 6.5 41 6.5a120 120 0 0 0 28.8-3.4c18.6-4.6 35-14.3 50.9-23.7l3.8-2.3a239.7 239.7 0 0 0-7.8 48.7c-.8 13.3-1.6 27-9.6 35.2-1.1 1-6.4 4.8-11.1 7.3a11.7 11.7 0 0 0 0 20.8c14.9 7.8 34.3 5.1 47.5.1a86.8 86.8 0 0 0 40.3-32c9.5-14 14.4-30.2 19.1-45.8l4.3-13.9a167.2 167.2 0 0 1 27.9-53.5c1.8 7.2 2.9 22.6-1.1 43.4-2.2 11.5-6.5 22.3-11 33.9-5 12.6-10.1 25.7-12.3 39.6a59.8 59.8 0 0 0 3.7 34.8 57 57 0 0 0 22.5 23.9c9.8 6 24.4 11.5 39.4 11.5 5.9 0 11.9-.9 17.7-2.9 6.4-2.3 7.2-6.9 7.2-8.7 0-2.7-1.2-4.6-1.7-5.5-2.4-3.9-5.2-7.4-7.9-10.8l-5.4-7.1c-11.6-16.5-6-36-1.7-46.2 3.9-9 9.6-16.4 15.8-24.3a182.2 182.2 0 0 0 32-60.1c1 7.4 1.6 15.7 2 24.9.3 7.1.4 14.3.5 21.3.2 14.2.4 28.9 1.8 43.3 2 20.7 9.3 37 21 46.9 9.1 7.8 22.2 12.7 40 15a118 118 0 0 0 42-2.5c3.9-1 8.1-2.3 11.8-5 1.6-1.1 5.3-3.8 4.9-8.2a6.9 6.9 0 0 0-4.1-5.6c-37.3-16.5-46.2-42.2-28.9-83.5 9.2-22 11.6-42.3 12.1-54l4.7 3.6a137.5 137.5 0 0 0 145.3 20.2c15.9-7.3 29-17 38.8-28.8a81.7 81.7 0 0 0 17.3-35.2c1.7-6.6 3.9-15.7-1.8-20.4zM170.5 221.3c-6.7-14.9-1.7-33.9 11.2-42.3 2.5-1.6 5.1-3 7.9-4.5 3.2-1.7 6.5-3.5 9.8-5.7 8-5.4 13.2-12.2 14.9-19.5 1.9-8-.8-14.6-3.1-20.5-2.2-5.4-3-10.8-2.5-15.8.6-6.5 3.6-12.4 8.1-16.2a33.1 33.1 0 0 1 18.9-6.4l4.7-.2c7.1-.3 15.2-.6 22.4-5.8 6.9-5 10.3-12.7 12.3-18l2-6.2a37.7 37.7 0 0 1 7.2-15.2c3.7-3.7 10-7.9 18.6-7.4 9.1.6 21.4-.5 28.8-5.5a39 39 0 0 0 6-5.7c5.6-6 12.5-13.5 24.6-13.5 19 0 22.3 14.9 33.7 21.1 11.4 6.3 40.3 3.6 45.4 11a46 46 0 0 1 8.1 15.2l2 6.2c2 5.3 5.4 13 12.3 18 7.3 5.2 15.3 5.5 22.4 5.8l4.7.2c8.2.6 14.5 2.8 18.9 6.4a24 24 0 0 1 8.1 16.2c.5 5-.4 10.3-2.4 15.6-2.4 6.1-5 12.7-3.2 20.7a33.2 33.2 0 0 0 14.9 19.5c3.2 2.2 6.5 4 9.8 5.7a117 117 0 0 1 7.9 4.5c12.9 8.4 17.9 27.4 11.2 42.3a45.2 45.2 0 0 1-37.5 24.7c-.5 0-16.6 1.2-55.4-14.2-29.3-11.5-51.3-6.9-70.8-2.7-9.5 2-19 3.9-30.3 3.9-9.3 0-18.2-1.9-27.7-3.9-19.5-4.1-41.5-8.8-70.8 2.7-38.8 15.3-55 14.2-55.1 14.2a45.3 45.3 0 0 1-38-24.7zm527.9 320.2l-.3 1.4a69.2 69.2 0 0 1-19.7 34.4 99 99 0 0 1-28.8 19.4 125.3 125.3 0 0 1-131.8-18.6c-4.3-3.3-8.8-6.7-13.5-9.9a78.2 78.2 0 0 0-5.1-17.4 60.6 60.6 0 0 0-9.1-15c-12.8-15.3-35-23.7-59.4-22.5a6.5 6.5 0 1 0 .6 13c20.3-1 38.5 5.7 48.8 17.9a56.6 56.6 0 0 1 11.9 30l.2 1.3c.1 1.9 1.3 28.5-11.1 58.3-9.7 23.2-12 42.4-6.9 58.7a64.4 64.4 0 0 0 31.5 36.2 102.2 102.2 0 0 1-36.5 2c-15.2-2-26.1-5.9-33.3-12-11.5-9.8-15.3-26.2-16.5-38.3-1.4-13.9-1.6-28.3-1.8-42.2-.1-7.1-.2-14.4-.5-21.6-.9-24.5-3.9-52.7-16.7-74.7l-.4-.9a70 70 0 0 0-22.8-23.5 6.4 6.4 0 0 0-8.4 2.3c-1.9 3-1 7 2 9a55.2 55.2 0 0 1 17.8 18.2c5.2 11.1 5.7 24.1 1.4 40.9-4.2 16.4-14 33.4-19.5 42-3.2 5-6.7 9.5-10.4 14.3a124.4 124.4 0 0 0-17.5 27.2c-9.2 21.5-8.1 42.9 3 58.8 1.8 2.6 3.8 5.1 5.7 7.5l.1.2 4.3 5.6.1.1h-.2a60.3 60.3 0 0 1-41.9-8.5 45.3 45.3 0 0 1-17.5-18.4 48.3 48.3 0 0 1-2.7-27.4c1.9-12.5 6.6-24.3 11.5-36.9l3.5-8.9c3.3-8.8 6.4-17.8 8.2-27.2a141 141 0 0 0 2.4-39.6c-.5-4.6-1.9-18.8-9.8-21.6-.7-.3-1.5-.4-2.2-.5-5.5-.4-10.6 4.9-16.7 13.6-4.9 6.9-9.2 14.4-9.7 15.2a193.7 193.7 0 0 0-15.9 36.4c-1.6 4.7-3 9.5-4.4 14.2a153 153 0 0 1-17.4 42.3 73.8 73.8 0 0 1-34.2 27.2 62 62 0 0 1-20.2 4c-5 .1-10-.6-14.4-2.4 5.2-3 10.6-6.9 12.1-8.5 11.5-11.7 12.5-28.6 13.3-43.6l.7-10.1c3.4-32.3 12.3-59.4 26.4-80.6a101 101 0 0 1 67-45.5c3.6-.5 6-3.8 5.5-7.4-.5-3.5-3.8-6-7.4-5.5a98.5 98.5 0 0 0-27.8 8.6 121.7 121.7 0 0 0-48.1 42.5 155 155 0 0 0-15.5 30.1 648 648 0 0 0-16.5 9.5c-15.8 9.3-30.7 18.2-47.4 22.3a116.4 116.4 0 0 1-99.2-22.7 70.1 70.1 0 0 1-23.8-55.7c8.1 4.7 18.1 9.6 25.4 12.8a153.8 153.8 0 0 0 44.5 12.1 99.2 99.2 0 0 0 58.8-11.7 160.5 160.5 0 0 0 37.9-34.1l9.6-10.6c2.1-2.2 4.2-4.5 6.3-7 13.4-15.1 28.5-32.3 57.9-26 3.5.7 7-1.5 7.7-5 .7-3.5-1.5-7-5-7.7a68.2 68.2 0 0 0-20.7-1.3c-9.3-12.3-51.2-76.6-22.2-201.1 8.5-.6 25.8-3.5 54.9-15 25.6-10.1 44.8-6 63.3-2.1a142 142 0 0 0 30.3 4.2l1.3-.1 1.3.1c10.6 0 20.6-2.2 30.3-4.2 18.5-3.9 37.7-8 63.3 2.1 34.4 13.6 52.3 15.1 58.7 15.1 17.1 72.2 9.6 123.3.2 153.6-10.3 33.2-25 49.2-25.1 49.4l-.4.4a215.2 215.2 0 0 1-18.5 20.9 6.6 6.6 0 0 0-.8 9.2 6.6 6.6 0 0 0 9.2.8 171 171 0 0 0 17.1-18.7c19.8 26.7 62.1 55.7 97.8 66.8 34 10.6 69.5 8.8 103-5l-1.2 5.1z" fill="#06262D"></path>
    </svg>
    <svg role="img" title="Cuttlebelle" viewbox="0 0 650.2 134.5" class="header__logo__cuttlebelle">
      <title>Cuttlebelle</title>
      <desc>The word Cuttlebelle</desc>
      <path fill="#06262D" d="M639.6,108.9c-13.1-3.5-23.4,6.1-35.5,8.6c-3,0.6-5.8,0.4-8.6-1.1c-0.3-0.2-2.2-1.7-3-2.3 c-3.2-3.9-2.7-10-1.8-14.2c0.8-3.2,2.6-4.5,5.7-4.4c16.9,1.2,28.5-3.3,35.7-18.5c8.7-18.1,1.2-31-13.6-31 c-18.9,0-33.6,21.1-39.9,40.8C568.5,103.7,557,118,549.5,118c-3.3,0-6.2-2.9,0.5-19.3L580.1,24c2.8-6.7-3.9-6.7-3.9-6.7H573 c0,0-6.1,0-8.7,6.7l-25.2,62.4c-10.1,17.1-21.8,31.5-29.3,31.5c-3.3,0-6.2-2.9,0.5-19.3l30.1-74.7c1.5-3.8,1.5-6.7-3.9-6.7h-3.2 c-5.4,0-6.9,2.5-8.7,6.7l-25.2,62.4c-11.3,18.7-26.7,31.6-41.1,31.6c-13.6,0-13.1-11.4-11.7-18.1c0.8-3.2,2.6-4.5,5.7-4.4 c16.9,1.2,28.5-3.3,35.7-18.5c8.7-18.1,1.2-31-13.6-31c-19,0-33.8,21.2-39.9,41c-4.5,7.6-10.3,15.6-20,18.3 c-2.7,0.6-3.9-0.8-2.6-3.3c8.6-16.4,11.1-31.5,11.1-38.8c0-10.5-4.8-17-14.8-17c-5.4,0-10.4,2.9-13.6,5.1c-1.7,1.4-2.6,0.6-1.8-1.4 l10.4-25.7c1.5-3.8,0.2-5.9-3.9-5.8h-3.2c-4.7-0.1-6.9,1.6-8.7,5.8l-21.1,52.2c-1.4,3.5-2.6,6.9-3.7,10.1 c-11.3,18.7-26.7,31.5-41.1,31.5c-13.6,0-13.1-11.4-11.7-18.1c0.8-3.2,2.6-4.5,5.7-4.4c16.9,1.2,28.5-3.3,35.7-18.5 c8.7-18.1,1.2-31-13.6-31c-18.9,0-33.6,21.1-39.9,40.8c-10.1,16.9-21.6,31.2-29.1,31.2c-3.3,0-6.2-2.9,0.5-19.3l30.1-74.7 c2.4-5.7-3.9-6.7-3.9-6.7h-3.2c0,0-6.5,0-8.7,6.7l-25.2,62.4c-10.4,17.7-22.7,31.5-31.4,31.5c-3.5,0-6.9-2.1,0-19.3l18.7-46.2 c1.4-3.3,6.6-4.2,6.6-4.2h4.3c3,0,4.6-1,5.8-3.9c1-2.8,0.1-4.1-2.5-4.1H256c-3.2,0-4.3-1.7-3.1-4.6l4.6-11.5c1.5-3.8,0.2-6-4-6h-3.2 c-4.7,0-7,1.7-8.9,6l-4.6,11.5c-1.4,3.4-3.2,4.6-6.7,4.6H213c-3.2,0-4.3-1.7-3.1-4.6l4.6-11.5c1.5-3.8,0.2-6-4-6h-3.2 c-4.7,0-7,1.7-8.9,6l-4.6,11.5c-1.4,3.4-3.2,4.6-6.7,4.6h-4.4c-3,0-4.6,1-5.8,3.9c-1,2.8-0.1,4.1,2.5,4.1h4.8c0,0,4.2,1.3,3,4.2 L174,86.4c-10.1,17.1-21.8,31.6-29.2,31.6c-3.9,0-5.9-3.9,0.3-19.3l18.1-44.9c1.5-3.8,0.2-5.9-3.9-5.5h-3.2 c-4.7-0.4-6.9,1.3-8.7,5.5l-12.2,30.6c-0.9,2.1-2.6,5.6-3.6,7.5c-6.2,11-15.5,24.5-23.3,24.5c-3.2,0-5.1-2.6,1.1-17.8l18.1-44.9 c1.5-3.8,0.2-5.9-3.9-5.5h-3.2c-4.7-0.4-6.9,1.3-8.7,5.5L98.6,86.3c-13.7,22.8-34,36.2-48.6,36.2c-11.1,0-14.5-7.4-14.5-16.4 c0-4.8,0.8-11.6,2.6-18.7c0.6-2.5,1.4-5.2,2.2-7.8c11.8-0.5,24.4-1.7,34.6-6.6c18.2-8.8,27-26.1,27-26.1s0-0.1-0.1-0.2 c4.4-7.8,6.4-16.2,6.4-22.6C108.2,11,100.8,0,87,0C63.4,0,41.4,31.5,29.6,63.2c-4.5,0-9,0.3-13.7,1.4C-2.4,68.8-3.2,95.4,5.1,85.4 c3.1-3.7,10.2-4.8,19.1-5.2c-0.8,3.1-1.3,5.1-1.3,5.1c-1.7,7.4-2.4,14.3-2.4,20.3c0,14.8,5.3,28.9,26,28.9 c16.9,0,31.9-9.5,44.4-23.8c-1.4,13,5.3,17.2,13.5,17.2c7.1,0,13.2-4.1,18.8-9.6c2-2,3.2-1.5,4.1,1.1c1.8,6,6.9,8.6,13.2,8.6 c9.2,0,17.9-6.5,25.8-16c-0.8,11.8,5.4,16,14.4,16c10.1,0,19.4-6.6,27.9-16.4c-0.9,12.2,5.3,16.4,14.5,16.4c10.2,0,19.6-6.7,28-16.5 c-1,12.2,5.2,16.5,13.9,16.5c10.9,0,20.9-8.8,30.2-21.6c0.4,14.1,8.6,21.6,23.4,21.6c17,0,30.4-9.8,40.5-21.9 c-0.6,14.7,6.3,22,18.8,22c9.2,0,16.9-3.9,23-10.1c2.7-2.9,4.2-3.5,8.1-3.9c10.1-1,17.1-4.6,22.6-9.9c0,0.4,0,0.7,0,1.1 c0,14.9,8.3,22.7,23.5,22.7c15.1,0,27.4-7.7,37-17.9c-1.7,13.3,4.7,17.9,13.7,17.9c9.2,0,17.8-6.3,25.8-16c-0.8,11.8,5.3,16,13.9,16 c10.9,0,20.9-8.8,30.2-21.6c0.1,4.5,1.1,8.3,2.8,11.5c0,1.3,1.8,3.7,2.5,4.6c2.2,2.9,5.2,5.2,8.5,6.6c5.2,2.2,11,2.4,16.6,1.5 c6.1-1,11.8-3.5,17.1-6.8c3.3-2.1,6.7-4.6,10.6-4.7c4.6-0.1,8.6,3.2,11.6,6.8c1.3,1.6,3.6,3.7,4.4,0.5 C650.5,123.1,652.1,112.2,639.6,108.9z M596.5,82.4c3.5-7.8,11.3-23.5,21.1-23.5c5.3,0,5.9,4.4,1.4,14c-3.5,7.4-8.3,14.5-19.3,14.2 C596.6,87.1,595.3,85.1,596.5,82.4z M452.4,82.4c3.5-7.8,11.3-23.5,21.1-23.5c5.3,0,5.9,4.4,1.4,14c-3.5,7.4-8.3,14.5-19.3,14.2 C452.5,87.1,451.2,85.1,452.4,82.4z M315.8,82.4c3.5-7.8,11.3-23.5,21.1-23.5c5.3,0,5.9,4.4,1.4,14c-3.5,7.4-8.3,14.5-19.3,14.2 C316,87.1,314.6,85.1,315.8,82.4z M84.4,15.4c5.4,0,8.1,4.5,8.1,10.8c0,0.3,0,0.5,0,0.8c-0.2,0.1-0.3,0.4-0.3,1.2 c0,1.1-0.1,2.3-0.3,3.8c-1.6,7.1-5.8,15.3-12.4,22.2c-2.3,1.9-4.9,3.5-8,4.8c-9.5,3.9-17.7,4.8-25.3,4.8 C56.4,39.2,72,15.4,84.4,15.4z M216.3,86.8c-10.5,17.6-22.7,31.5-31.5,31.5c-3.5,0-6.9-2.1,0-19.3l18.7-46.2 c1.4-3.3,3.2-4.5,6.6-4.5H227c3.2,0,4.2,1.7,3,4.5L216.3,86.8z M385.5,114.6c-2.3,1.8-4.7,2.9-6.9,2.9c-7.1,0-6.6-9.3-4.2-18.5 c0.6-2.4,2-2.6,3-0.3c2.1,4.1,5,7.1,8.1,9.5C388.4,110.2,388.4,112.5,385.5,114.6z M396.8,99.5c-1.5,2.9-4.4,3.5-6.9,1.5 c-4.4-3.6-7.7-9-7.7-17.2c0-17,13.1-24.4,18.5-24.4c4.8,0,6.8,2.6,6.8,7.1C407.5,72.3,403.2,87.3,396.8,99.5z"></path>
    </svg>
    <p class="header__logo__description">The react static site generator that separates editing and code concerns</p>
  </div>
</header>

homepage/tiles

Why another static site generator?

Multiple layoutsEach page is divided into components that have their own layouts. Think of it like little [Lego™ blocks](https://www.lego.com) that make up your site.

Multiple layouts

Each page is divided into components that have their own layouts. Think of it like little Lego™ blocks that make up your site.

Easy templatingKeeping your content free of any code empowers more users to change the content of your site. And because we chunk it all up into partials, content authors are able to build completely new layouts all by them self without ever touching more complex code.

Easy templating

Keeping your content free of any code empowers more users to change the content of your site. And because we chunk it all up into partials, content authors are able to build completely new layouts all by them self without ever touching more complex code.

Clean separationCuttlebelle uses [JSX](https://facebook.github.io/jsx/) as the templating language. This makes is very convenient to build simple partials all the way to super complex ones that fetch data from online APIs.

Clean separation

Cuttlebelle uses JSX as the templating language. This makes is very convenient to build simple partials all the way to super complex ones that fetch data from online APIs.

layout: homepage/tiles
headline: Why another static site generator?
tiles:
  - image: MultipleLayouts
    headline: Multiple layouts
    text: |
      Each page is divided into components that have their own layouts. Think of it like little [Lego™ blocks](https://www.lego.com) that make up your
      site.
  - image: EasyTemplating
    headline: Easy templating
    text: |
      Keeping your content free of any code empowers more users to change the content of your site. And because we chunk it all up into partials, content
      authors are able to build completely new layouts all by them self without ever touching more complex code.
  - image: Separation
    headline: Clean separation
    text: |
      Cuttlebelle uses [JSX](https://facebook.github.io/jsx/) as the templating language. This makes is very convenient to build simple partials all the way to
      super complex ones that fetch data from online APIs.
Show/Hide
<section class="tiles">
  <h2 class="tiles__headline">Why another static site generator?</h2>
  <div class="tiles__wrapper">
    <div class="tiles__section tiles__section--image">
      <div class="tiles__section__body">
        <div class="body">
          <svg role="img" title="Multiple layouts" viewbox="0 0 490 490" class="tiles__section__body__icon">
            <title>Multiple layouts</title>
            <desc>Each page is divided into components that have their own layouts. Think of it like little [Lego™ blocks](https://www.lego.com) that make up your site. </desc>
            <circle cx="245" cy="245" r="245" fill="#E6E6E5"></circle>
            <path fill="#B3DFD7" d="M157 157h22v163h-22zm152 163V157h-98v163h66v1h22v-1z"></path>
            <path fill="#06262D" d="M201 320V146h109v120h22V134.9a11 11 0 0 0-10.9-10.9H146.9a11 11 0 0 0-10.9 10.9v196.2a11 11 0 0 0 10.9 10.9H277v-22h-76zm-44 -174h22v174h-22V146zm197 174v-32h-22v32h-33v22h33v33h22v-33h32v-22z"></path>
          </svg>
        </div>
      </div>
    </div>
    <div class="tiles__section tiles__section--right">
      <div class="tiles__section__body">
        <div class="body">
          <h3>Multiple layouts</h3>
          <p>
            Each page is divided into components that have their own layouts. Think of it like little
            <a href="https://www.lego.com" rel="external">
              Lego
              <span class="markdown-trademark">&trade;</span>
              blocks
            </a>
            that make up your
site.
          </p>
        </div>
      </div>
    </div>
  </div>
  <div class="tiles__wrapper">
    <div class="tiles__section tiles__section--image  tiles__section--right">
      <div class="tiles__section__body">
        <div class="body">
          <svg role="img" title="Easy templating" viewbox="0 0 490 490" class="tiles__section__body__icon">
            <title>Easy templating</title>
            <desc>Keeping your content free of any code empowers more users to change the content of your site. And because we chunk it all up into partials, content authors are able to build completely new layouts all by them self without ever touching more complex code. </desc>
            <circle cx="245" cy="245" r="245" fill="#E6E6E5" fill-rule="nonzero"></circle>
            <ellipse cx="242" cy="255.5" fill="#B3DFD7" rx="94" ry="40.5"></ellipse>
            <ellipse cx="259.3" cy="281.3" fill="#B3DFD7" rx="69.6" ry="40.5" transform="rotate(44 259.3 281.3)"></ellipse>
            <ellipse cx="233.8" cy="286.1" fill="#B3DFD7" rx="65.3" ry="40.5" transform="rotate(-41 233.8 286.1)"></ellipse>
            <path fill="#06262D" fill-rule="nonzero" d="M312.2 200.8l.6-4.4c2.7-25.2-3.3-43.3-17-51-13.7-7.6-32.3-3.2-52.3 12.4l-.7.6-.7-.6c-20-15.6-38.6-20.1-52.3-12.4-15.4 8.6-20.6 30.3-16.1 58.1-26.4 9.9-42.7 25.2-42.5 42.8.2 15.7 13.2 29.6 36.7 39.2l1.2.5-1.1 7.7c-2.7 25.2 3.3 43.3 17 51a30 30 0 0 0 14.6 3.6c11.2 0 24.1-5.4 37.7-16.1l5.5-4.6 5.5 4.6c13.6 10.6 26.5 16.1 37.7 16.1 5.3 0 10.2-1.2 14.5-3.6 13.7-7.6 19.8-25.7 17-51l-1-7.2 6.8-2.7c23.3-10.1 36-24.4 35.8-40.1-.1-18.3-18.2-33.7-46.9-42.9zM291.8 329c-6.8 3.8-18.9-.3-32.4-10.9l-3.7-3.1a198 198 0 0 0 14.8-18.2c10.1-1.1 19.7-2.8 28.7-5.1l.5 3.8c1.8 17.3-1.1 29.7-7.9 33.5zm-49-26.5l-3.7-4.1h7.4l-3.7 4.1zm-16.6 15.6c-13.5 10.6-25.7 14.6-32.4 10.9-6.8-3.8-9.7-16.2-7.9-33.3l.5-4c8.9 2.3 18.6 4.1 28.7 5.2 4.8 6.5 9.7 12.6 14.8 18.2l-3.7 3zm62.3-104.7l2.7.5-.8 2.8-1.9-3.3zm6.9 60.9h-.2a134 134 0 0 1-11.7 2.5l3.4-5.9a147 147 0 0 0 4.6-8.8c1.4 4 2.7 8 3.7 11.9l.2.3zM276 227.9c2.2 4 4.3 8 6.2 11.9a243.3 243.3 0 0 1-21.8 39.9 232.8 232.8 0 0 1-35.6 0 271.5 271.5 0 0 1-21.7-39.9c1.9-4 4-7.9 6.2-11.9 2-3.5 4-7 6.1-10.3l4-6.2c8-1 16.4-1.5 25.2-1.6h2.8c6.1 0 12.1.2 17.8.7 1.8 2.6 3.5 5.3 5.2 8.1 2 2.9 3.9 6.1 5.6 9.3zm-85.9 46.2c1.1-3.9 2.3-7.8 3.7-11.8l4.6 8.7 3.3 5.8c-3.9-.8-7.8-1.7-11.6-2.7zm4.8-58.2l.8-.2-.6 1-.2-.8zm86.2-56.2c2.3 0 4.2.5 5.9 1.4 6.8 3.8 9.7 16.2 7.9 33.3l-.2 1.8c-6.2-1.3-12.7-2.3-19.5-3a204 204 0 0 0-18.9-22.5c9.5-7.1 18.3-11 24.8-11zm-38.3 22.9c2.8 2.9 5.6 5.9 8.4 9.2h-6.6l-10.5.3a114 114 0 0 1 8.7-9.5zm-44.3-21.5c6.5-3.6 17.9 0 30.7 9.6-6.9 7-13.5 15-19.9 23.8-6.4 1-12.5 2.2-18.2 3.6-2.8-18.9-.1-32.8 7.4-37zm-20.9 60.3l1.4 4.7c1.3 4.4 2.9 8.8 4.6 13.3-4.3 9.8-7.9 19.5-10.6 28.9a48.5 48.5 0 0 1-21.8-15.6 11.9 11.9 0 0 1-2.1-6.5c-.1-8.6 10.6-17.8 28.5-24.8zm158.9 32.7a58.4 58.4 0 0 1-20.3 13.2l-3.6 1.5c-2.2-7.8-5-15.9-8.4-24l-2.3-5.4v-.1l.8-2.2.5-1.4 1.1-3a176 176 0 0 0 4.4-14.2c20.1 6.7 32.5 16.3 32.6 25.4-.1 3.3-1.7 6.8-4.8 10.2z"></path>
            <circle cx="239.1" cy="243.6" r="20.7" fill="#06262D" fill-rule="nonzero"></circle>
          </svg>
        </div>
      </div>
    </div>
    <div class="tiles__section">
      <div class="tiles__section__body">
        <div class="body">
          <h3>Easy templating</h3>
          <p>Keeping your content free of any code empowers more users to change the content of your site. And because we chunk it all up into partials, content authors are able to build completely new layouts all by them self without ever touching more complex code.</p>
        </div>
      </div>
    </div>
  </div>
  <div class="tiles__wrapper">
    <div class="tiles__section tiles__section--image">
      <div class="tiles__section__body">
        <div class="body">
          <svg role="img" title="Clean separation" viewbox="0 0 490 490" class="tiles__section__body__icon">
            <title>Clean separation</title>
            <desc>Cuttlebelle uses [JSX](https://facebook.github.io/jsx/) as the templating language. This makes is very convenient to build simple partials all the way to super complex ones that fetch data from online APIs. </desc>
            <circle cx="245" cy="245" r="245" fill="#E6E6E5"></circle>
            <path fill="#B3DFD7" d="M284.5 296.4h40.4V316h-40.4zm-121.3 0h40.5V316h-40.5z"></path>
            <path fill="#06262D" d="M335.1 265.5h-20.2v-10.1a30.3 30.3 0 0 0-30.3-30.3h-30.3v-20.2h20.2a10 10 0 0 0 10.1-10.1v-50.6a10 10 0 0 0-10.1-10.1h-60.7a10 10 0 0 0-10.1 10.1v50.6a10 10 0 0 0 10.1 10.1H234V225h-30.3a30.3 30.3 0 0 0-30.3 30.3v10.1h-20.2a10 10 0 0 0-10.1 10.1v50.6a10 10 0 0 0 10.1 10.1h60.7a10 10 0 0 0 10.1-10.1v-50.6a10 10 0 0 0-10.1-10.1h-20.2v-10.1a10 10 0 0 1 10.1-10.1h80.9a10 10 0 0 1 10.1 10.1v10.1h-20.2a10 10 0 0 0-10.1 10.1v50.6a10 10 0 0 0 10.1 10.1h60.7a10 10 0 0 0 10.1-10.1v-50.6c-.2-5.5-4.7-10-10.3-10zm-131.5 20.2V316h-40.5v-30.3h40.5zm20.3-101.1v-30.3h40.5v30.3h-40.5zm60.6 101.1H325V316h-40.4v-30.3h-.1z"></path>
          </svg>
        </div>
      </div>
    </div>
    <div class="tiles__section tiles__section--right">
      <div class="tiles__section__body">
        <div class="body">
          <h3>Clean separation</h3>
          <p>
            Cuttlebelle uses
            <a href="https://facebook.github.io/jsx/" rel="external">JSX</a>
            as the templating language. This makes is very convenient to build simple partials all the way to
super complex ones that fetch data from online APIs.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>