A tailormade portfolio site, running Jekyll, hosted through Netlify!
"Hey!, Listen!"
You've stumbled upon the repository for Nic's personal website aka Durishn.github.io, located at nicdurish.ca. This site was built with Jekyll, the open source static site generator that deserves a glance. Jekyll combines with Github to allow me to host my site for free using the basic HTML5, SCSS, Javascript and Markdown files served through Netlify! This site has been a fun side project for me. An opportunity to freely experiment with building a website from scratch.
This site has been through a number of iterations - not just small changes, significant reformats to the design and codebase. Feel free to look through the commit history, or you can checkout the initial version of the site at v1.nicdurish.ca or it's blog branch at blog.nicdurish.ca.
Interested in using or modifying some of this code for your own project? Thats awesome! Please just make sure I am referenced, and the my LICENSE stays with my code.
Notable Features
- Has a 'no javascript' fallback
- Dynamic and Interactive Background
- Auto colour swap based on section
- Darkmode switch
- Configuration-based content editting
- Contact Form using GetForm
- All served as a static site :)
To get a local copy up and running follow these simple steps.
Before using this software, ensure you have the necessary prerequisites by running:
npm install npm@latest -gThen get a clone this directory using:
git clone https://github.com/Durishn/Durishn.github.io.gitFinally install the necessary packages using
npm installChanges to styling must be updating using
gulpFinally the project can either be served using
bundle exec jekyll serveor built using
bundle exec jekyll buildSee the open issues for a list of proposed features (and known issues).
Nic Durish - @Durishn - mail@nicdurish.ca
Distributed under the GNU AGPLv3 License. See LICENSE for more information.
Whilst the vast majority of the code used for this site was fully customized, there were a few libraries that were also used (referenced within code). These include:
- Vincent Garreau's Particle.js for interactive particle based backgrounds.
- Mamboleoo's Decorative Background Demo for non-interactive shape based backgrounds
- Matt Boldt's Typed.js for the 'typed' subtitle on the splash page
- Alex Lerida's Darkmode Switch animation