olivermak.es an archive

Read about my process for building this site.

Not interested in the code? Take a look at the pattern library.

Goals

Build a personal website as an archive for my creative output.
Experiment with HTML, CSS, and JavaScript using design patterns that I have not implemented before.
Self-built: design and implement as much as possible by myself.
Showcase my work for others.
Improve at building advanced static sites with Jekyll.

Principles

Future-friendly
Focused on content
Economical, high performance design
Progressively enhanced
Flexible in layout and form
Respectful of users and their devices
Usable and accessible
Empathetic in content, design and tone

Implementation

Building: Jekyll and npm scripting for optimizing SCSS, JS and SVG assets and speeding up my process
Archive generation: Jekyll Archives gem
Hosting: Amazon CloudFront, S3 and imgix for hosting; AWS ACM for TLS (HTTPS) certificate
Deploying: s3_website, via Travis CI
Version control: GitHub
Typography: Adobe Typekit – 300, 400 and 500 weights of the Ratio typeface and system monospace fonts (Menlo or Consolas if available)
Layout: custom flexbox CSS
Responsive images: srcset, processed and optimized with imgix
Maps: Mapbox
No templates, frameworks or boilerplate
A minimum of front-end JavaScript

Requirements

Building

Testing and deploying

Front-end

License

All writing and photography on the site is my original work and is licensed under Creative Commons Attribution-NonCommercial 4.0 (CC BY-NC) except where explicitly noted. All design and code is licensed under the MIT license, but is available for fair use on GitHub. Almost everything in the _pages, _posts, icons, and images folders is CC BY-NC and the most of the rest of the repository is under copyright, where applicable.

Read more on attribution and copyright. If you have any questions about licensing or use of content from the site, please contact me by email.

meshachpierre/olivermakes