Git Product home page Git Product logo

This is my personal website/blog/portfolio. It's built with Jekyll, Grunt and Yeoman (specifically, Generator-Jekyllrb). Most of the pages have a custom design, and hence many include additional CSS/JS, either internal or external.

Hosting

This site is currently hosted with Github Pages: The production repo for this site is over at github.com/richardwestenra/richardwestenra.github.io and the live URL is richardwestenra.github.io / richardwestenra.com.

Design history

This is a port (and very minor redesign) of my old site, which was built in Wordpress in 2010. For the new site, I've adapted the homepage to make it more responsive, optimised the CSS/JS, and updated the content (particularly the portfolio). I've also kept most of the old posts, made them responsive where possible.

Blog, portfolio and linkblog items

The Blog posts, Portfolio items and Linkblog items are all listed in YAML in the _data directory. This isn't the most DRY way of listing the blog posts, but they're all created in different ways (mostly with static html pages instead of posts) so it gives me more control over the order.

Most of the blog posts are built as static html pages rather than using markup files in _posts. Many of them have custom images and other assets, and these are in the img, assets and fonts folders: Usually organised in folders named after the post or the font name.

Assets

In order to allow useminprepare to detect all of the CSS/JS used in the build, they must be added to a throwaway html file called useminprepare.html. This gets scanned during build then deleted before deployment. It's the best workaround that I could find.

Social images must be added to the /assets/ directory (not /img/) otherwise their filenames will be revved and their URLs will be incorrect.

Richard Westenra's Projects

gyro icon gyro

Mobile gyro sensor and Three.js playground

is-it-cake icon is-it-cake

A web application that uses complex machine-learning processes to determine whether an image is a cake

iss icon iss

Live webcam/screensaver feed of the International Space Station

keynav icon keynav

Keyboard link navigation extention for Firefox & Chrome

mensdaybot icon mensdaybot

A twitter bot to parody the hoards of silly men who wondered why International Women's Day wasn't all about them.

metafix icon metafix

Debugging facebook OG tag validation issues in Rasmussen.edu

quicksearch icon quicksearch

A jQuery plugin for searching through tables, lists, etc quickly

react-cookie-banner icon react-cookie-banner

React Cookie banner which can be automatically dismissed with a scroll. Because fuck The Cookie Law, that's why.

repeater icon repeater

Tool to help crop images into repeating patterns

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.