This is the code for my personal website, which lives at dippedrusk.com.
It is currently built with the static site generator 11ty, which uses Node.js and templates in Nunjucks, markdown and some raw HTML too. The primary programming language in this repo is JavaScript and it is deployed with Netlify.
- Install node.js on your computer
- Clone this repository and
cdto this directory - Run
npm installto install all the necessary dependencies (frompackage.jsonandpackage-lock.json) - Run
npx @11ty/eleventy --servefor a hot-reloading local server to preview any changes - If you want to run linting, install pre-commit and then run
pre-commit run --all
This project has multiple goals:
- The finished product (the website itself) should act as a first point of information about me to folks in industry and academia, with a consolidated list of the things I've done
- My design goals are to build a website that is accessible, aesthetically pleasing, fast and secure
- Having never had a formal education in front-end development, this is also a project to help me learn a bit more about how to do it and to get comfortable enough to build someone else's website if they wanted me to
The history of this repository (which my README has unfortunately not kept up with) includes the original website that I wrote entirely in HTML, JavaScript and CSS. I used Bootstrap to make my website responsive, a dependency that I have now removed.
Then for a while I decided to try Flask to make a Python webapp using Jinja templates. At that point I was using Heroku to deploy my site and I was managing my SSL certificates myself, which turned out to be a giant pain in the ass. Heroku was also expensive and did not have enough support for my Python package management tool, poetry.
That's why I eventually migrated to my current setup which has, so far, been working pretty well for me! It even allowed to me to add a blog to my website which was fairly easy to set up and has been very good for my writing.
This project used to be licensed with an Apache license because I didn't know what I was doing. It is now licensed with the more permissive MIT license. I've benefitted hugely from the open-source projects online whose code I've studied and learned from and lifted from, and I hope you can too from mine!
My site's design/layout, content and sitemap have changed a fair bit over time and I've had some consistent sources of inspiration from other people's sites. A few sites that I go back to fairly often are:
- Kevin James' website
- Tyanna Slobe's website
- Os Keyes' website
- EJ Mason's website
- The 11ty base blog
- The 11ty high performance blog
I was also inspired by many of the replies to my Tweet asking people to share their websites.