beverleyy.github.io

This is my personal website and portfolio, built with Jekyll and hosted on GitHub Pages. Please see the not-maintained html_old branch if the (deprecated) pure static HTML version of the site is of interest.

Disclaimer

• Note that this site was not intended to be a template. Therefore, fork at your own risk!.
• If you are interested in using this code for your site, please include attribution and remove all the images from your directory.

Design

Colors

The base palette consists of warm neutral Pantone colors. A splash of brat green is added to give some Personality and Character to the website.

Color	Hex code
Anthracite	#28282d
Obsidian	#3b353c
Night Owl	#79797f
Moonbeam	#cdc6bd
Cloud Dancer	#f0eee9
Brat Green	#8ace00

Typography

A readable modern geometric typeface is chosen for the body font and paired with a splash of funky fluid accents.

Layout and features

• Isotope.js was used as the base to generate a flexible template grid that can be filled in with various projects and items.
• Filtering takes care of the different sections of a traditional website, allowing for an all-encompassing single-page layout.
• Google sheets integration for news and publication list
• Light and dark modes
• Fully responsive

Credits

Fonts, Icons

• Liquido - Alessandro Comotti
• Inter - Google Fonts
• Icon font - Tabler icons

Dependencies

• Anime - Julian Garnier
• Charming - Yuan Qing Lim
• CORS-Anywhere - Rob Wu
• Flickity - Metafizzy
• Isotope - Metafizzy
• Normalizer - Nicolas Gallagher and Jonathan Neal
• Papa Parse - Matt Holt

To-do

• Better differentiation between personal/hobby projects and actual work
• Think about how to make it more flexible/expandable
• Improve analytics
• Clean up older code
• Clean up Jekyll settings
• Remove jQuery dependence