paul-asvb / vierzig-theme-demo

Demo for hugo theme

Vierzig Theme Demo

A responsive hugo theme. Build with CSS4 and love. View the demo.

Build a beautiful website. Make the content editable with netifly.

View the live demo.

This Repo contains a example Demo for the page for the Vierzig Theme.

Admin-Interface Demo.

Try

View the Demo

or

or

try locally

git clone [email protected]:ASVBPREAUBV/vierzig-theme-demo.git --recursive

and then

hugo serve

Customising the theme

If you want to use this theme you have 3 different options:

1. Using with simple changes in config.toml //TODO description
2. Using with style changes //TODO description
3. Changing the Markup //TODO description

Developing this theme with theme demo

1. clone this repo

git clone --recursive [email protected]/ASVBPREAUBV/vierzig-theme-demo

2. Install Hugo (e.g. Download the bin)

3. run dev server

    hugo server -D

or

    make dev

4. If you want to change the styling:

    cd themes/vierzig
    npm i
    npm run dev

localhost:1313

NOTE: In the command above -D loads content that is marked as a draft. You can switch content from draft to final by changing the frontmatter value of draft to false in the .md file for the content.

Changing the markup

You can lookup

Changing the styles

The stylesheets for this repo try to implement BEM

npm install autoprefixer --save-dev
npm install cssnext --save-dev
npm install precss --save-dev

Admin Interface

build with HUGO

1. Download Hugo bin

https://github.com/gohugoio/hugo/releases

2. copy hugo bin in bin/ folder
3. test static site

hugo server -wDEF --disableFastRender

Production

build site to /public with

hugo 

TODO

• Add Netflify CMS
• User Netflify Form
• add .stylelintrc file
• Add github release
• [ ]

Research

• add https://cssnano.co/ for css minification
• add https://github.com/stylelint/stylelint, https://github.com/morishitter/stylefmt for css source-beauty