Skip to content
Go to file

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Netlify Status Live Maintenance GitHub tag

This is the source of my martial arts website build with Hugo and Gulp.js.


You will need Hugo to run this website (e. g. with Homebrew):

$ brew install hugo

You will need to install GraphicsMagick for thumbnail generation:

$ brew install graphicsmagick

Install nvm and the correct node version:

$ git clone ~/.nvm
$ cd ~/.nvm
$ git checkout `git describe --abbrev=0 --tags`
$ nvm install 6.3.1

I recommend using Yarn, otherwise replace all occurrences of yarn with npm.

After cloning the repository run:

$ yarn install


These tasks are provided:

$ yarn start             # Run development server and create development build
$ yarn run build         # Create production build
$ yarn run build-preview # Create preview build
$ yarn run build-branch  # Create branch build
$ yarn run build-dev     # Create development build
$ yarn run svg           # Create SVG sprite from single SVG files
$ yarn run crunch        # Minimize all images
$ yarn run webp          # Generate WebP images
$ yarn run loadcss       # Copy loadCSS JavaScript to project
$ yarn run pagespeed     # Perform PageSpeed Insights against live website
$ yarn run lint          # Check JavaScript and CSS for errors
$ yarn run lint-js       # Check JavaScript for errors
$ yarn run lint-css      # Check CSS for errors

Time Counter

I migrated this website from Jekyll to Hugo. This included not only migration, but I implemented a complete page layout with CSS Grid Layout and added a Service Worker.

To find out how long the migration took, I used the pomodoro technique to work in focused bits of 25 minutes on my project, whenever I found some time.

The website was migrated after ~49 hours of work. 🎉



All content is copyrighted by Stefan Imhoff unless otherwise stated. Feel free to learn from the source code and reuse code for your projects. The only thing which is not allowed is the usage of my design (the unique combination of layout, fonts, images), private photos and logo.

In easier words: This is not a free theme. Learn from it. Remix. Reuse. Build your own stuff.

You can’t perform that action at this time.