cuttlebelle / website

The website for cuttlebelle

Cuttlebelle documentation website

This website was built with Cuttlebelle. Please have a look at the source if you’re curious.

Visit our website

How to build the site locally

cd path/to/this/repo
npm install
npm run build
npm run docs

The build command will build the site from source. The docs command will build the site automatic documentation of each layout. You can have a look at the docs files.

How to work on the site

cd path/to/this/repo
npm run watch

This command will build the site and open a server for you and a website should open in your browser. Changes are automatically watched now.

How to contribute

( 💡 Please look at the coding style and work with it, not against it 😄.)

website's Issues

Errors generating site

I'm getting errors running yarn build on a clean clone of this repo:

yarn run build
yarn run v1.3.2
$ npm run build:assets && npm run build:site

// several successful processes here

> [email protected] build:site cuttlebelle-website
> cuttlebelle

 🐙           Cuttlebelle v1.0.0-alpha.54
 🔔  INFO:    Generating pages
 🔥  ERROR:   The react component navigation/nav had trouble rendering:
 🔥  ERROR:   SyntaxError: cuttlebelle-website/code/layout/icon.js: Unexpected token (10:38)

// above error repeats several times

 🚀           Successfully built 6 pages to site/ in 3.598s


✨  Done in 11.12s.

Using [email protected] with a clean checkout and fresh yarn install.

It looks a lot like it's choking on the ...attribute spread, or the JSX syntax if my line reporting is off, but I'm not sure where in the build pipeline the babel plugins should be configured that take care of that.

I do not want to scroll down on the homepage to use the navigation

When I go to the cuttlebelle site 99% of the time I am reading the docs. I arrive at the home page and am always frustrated that I have to scroll down and then up again to see the navigation.

I am happy to do a PR to change this functionality let me know if you think this is a good idea 👍

cuttlebelle.com started the fans on my MBP

Steps to reproduce:

1. Open Safari
2. Go to https://cuttlebelle.com
3. Wait a couple of minutes