Skip to main content

About This Site

My personal website

Overview

I put this website together at the beginning of 2017. It’s a fun little playground intended to showcase my design abilities and reach the best teams around.

It has its own style guide and the source code is on GitHub.

Goals

  • Explain who I am and what I’m all about, humbly and transparently
  • Demonstrate recent design work and current technical capabilities
  • Experiment with design techniques, color, typography, and CSS

How it’s built

I developed this site without frameworks or a content management system. It’s all hand-coded HTML and CSS, with a handful of plugins I borrowed from various open source projects. It’s templated and generated using Jekyll, hosted on GitHub Pages and CDN'd/encrypted/optimized via Cloudfare.

Many thanks to the open source community for these bad boys used across my website:

Primary design considerations

  • Responsive and future-thinking
  • Unique, fun, professional
  • Semantic markup and stylesheets, with minimal scripting
  • Universal and accessible design
  • Interesting and honest content
  • Animated feel with thoughtful colors, textures, and type

Styles and patterns

I built a handy style guide that documents the colors, patterns, and prevalent styles used across the site.

Typography

This website uses the 400 and 700 weights of Neuton and Montserrat. They are served up by the wonderful Google Fonts.

Iconography

Homepage icons are SVGs that I modified from original work by Freepik (browser, thought bubble) and Oliver (pencil), and were pulled from flaticon.com. Other icons on the site are from Font Awesome by Dave Gandy.

Inspiration and thanks

The design and content on this website is just about 100% original, but I am thankful to these incredible designers for inspiration and strategic ideas:

Using my content and code

All of the writing on this website is my original content. It’s licensed under Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0). Please credit me with a link back to my website, and contact me if you have questions.

I designed the site and wrote the source code from scratch (except some of the JavaScript, which I credit inline). And, of course, I use a few open source libraries (listed above). The project can be forked on GitHub and used for your own purposes. Please also create an issue or pull request if you notice any problems I'd want to correct.

Previous versions

Before owning michaeledelstone.com, my website was located at edelstone.in (now defunct). It was an embarrassingly basic portfolio site powered by a CMS called Dunked. I will preserve older versions of this site after major revisions.