Source code for my personal website. I use Hugo to take the source here and create a static site which can be found at www.mtbhomer.com
If you've found a problem with the site (missing content, typos, etc...), please either fork this repository and send a pull request or create an issue.
- Hugo is an excellent static site generator written in Golang and used to build the site;
- HTML5 UP Phantom Theme a clean responsive template to provide the main html and SASS styles;
- jQuery is used for all the dynamic javascript functionality;
- Masonry is a JavaScript grid layout library and used in the portfolio section to provide responsive layout of the images and movie;
- MixItUp is a jQuery plugin providing animated filtering and sorting used for the lists on the website;
- Fluidbox is used as a lightbox module to zoom-in on images;
- isInViewport to check whether the thumbnails are in the viewport to provide hover effects on touch screen;
First, you're going to want to create a fork of this project on Github. Then, checkout the fork on your local machine.
To develop using the site, just download the Hugo binary in your platform (Mac, Win, Linux) and run:
hugo server
...in this directory. Running that starts up a development server that watches for changes and reloads the site every time a file is changed.
Any changes to the static, content, and layouts directories will automatically be compiled into the public dir.
Site content is found in the content directory and is written in Markdown.
The website uses Grunt to several automated tasks to make life easier during development:
grunt watch
A watch task that checks if files are changed and processes the javascript and sass files into minified .js and .css code during development.
grunt images
To process the images in the images folder in order to resize and optimize the images, saves the images in the static/images folder.
grunt pretty
To prettify the final html files which are generated by Hugo into a more readable and tidy format, ready for publishing.
grunt bower
To update all components and minify them together in a libraries.min.js file.
The following files and directories including their contents are Copyright Martijn ten Bhömer, or their respective copyright holders:
- content/
- data/
- themes/mtbhomer-portfolio
- static/
All other directories and files are MIT Licensed unless clearly designated otherwise.
Feel free to use the HTML and CSS as you please. If you do use anything here, a link back to https://www.mtbhomer.com would be appreciated.