This is my personal website. It contains info about my code portfolio, links to all of the blog posts that I've written on various sites and a contact page with a contact form. It passes Level 1 and Level 2 of the IndieWeb, and also parts of Level 3.
You can view the site here:
- HTML
- Bootstrap
- SASS
- Gulp
- Formspree.io
- Webmention.io
I've put all of the things that won't change, which for now is just images, into the folder called 'static'.
I've then put all of my CSS/SASS in a 'styles' folder. The SASS is broken down into components and so all of the SASS files are in a sub folder called 'components'. The compiled CSS file is just in the 'styles' folder though.
Finally, I've left my HTML files in the top level folder, along with my config files like my gulp file and package.json file. This keeps it all tidy and makes it clearer what lives where!
After cloning the project, you'll need to run:
npm install
from the command line.
Every time you change the SASS, you'll need to run:
gulp sass
to recompile the CSS. This will also run autoprefixer and sourcemaps.
Run:
bundle exec jekyll serve
This compiles it, and after doing this, you can then push it up to GitHub. Once the most recent changes are up on GitHub, they'll automatically pull through to the live site.
To send webmentions, I've been doing command line curls at the moment, using this documentation: https://indieweb.org/webmention-implementation-guide.
Webmentions are received from https://webmention.io/ and https://brid.gy/.
My endpoint is https://webmention.io/webdevbev.co.uk/webmention if anyone wants to mention me in anything!
Feedback is very welcome! To suggest a change, either raise an issue, or fork and clone the project and create a pull request using the steps listed here:
https://help.github.com/articles/creating-a-pull-request-from-a-fork/