This website

Note: I haven’t updated this article to the new website yet. The previous version of this site was built for as a High School CS class assignment, so tradeoffs had to be made. The assignment required at least 5 pages, some JavaScript functions, and use of the Bootstrap CSS library.

After squatting on this domain for 7 years, I finally stopped procrastinating and decided to create a website. Here is everything I used to turn my visions into reality.

Structure

This website was created using the Jekyll static site generator, which runs on the Liquid template engine. Jekyll supports writing posts in Markdown, which makes writing simple pages like this one much easier. On the other hand, using plain Markdown makes embedding videos and icons a bit more tedious.

Theme

Every page is running a custom theme built with the Bootstrap CSS library, and styled wit SASS. Jekyll automatically renders markdown files to fit the site theme.

JavaScript

This site uses a minimal amount of JavaScript, and I am in the process of going completely JavaScript free.

This site only uses JavaScript for:

• Lazy loading Stylesheets (Used for loading FontAwesome icons in the background)
• “Get Email Address” button in contact.html (Decodes an obfuscated version of my email address to prevent scraping)

Hosting

Jekyll produces static HTML and CSS files, meaning that they can be hosted anywhere. I chose to host this website using the Apache webserver since I find it easier to configure than NGINX.

DOOM Easter Egg

You might have noticed the spaghetti monster on the social media panel on the front page. I had no idea what to put there, so I linked to a page with a built-in x86 emulator (v86), that runs a super lightweight Linux image built with Buildroot that boots straight into the original DOOM via Chocolate Doom. Feel free to check out the buildroot configuration