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

badge-size icon badge-size

:beers: Displays the size of a given file in your repository.

cosmic-ballet icon cosmic-ballet

A canvas experiment illustrating the dance of Mercury and Venus

cost-benefit-datavis icon cost-benefit-datavis

Crowd-sourced data-visualisation of the cost/benefit of various web-development technologies.

cv icon cv

My curriculum vitae.

d3-talk icon d3-talk

Slides for my talk on d3.js at UnCodebar

dagre icon dagre

Directed graph layout for JavaScript

dailyfail icon dailyfail

Replace the headlines of Daily Mail articles with their comments

dao icon dao

Slides for my lightning talk at Codebar.io

dipsum icon dipsum

Distilled lorem ipsum generator like it's 2012.

ffconf-2016 icon ffconf-2016

my slides for my talk, "a brief history of modularity", ffconf 2016

generator-distilled icon generator-distilled

Distilled fork of the Yeoman Webapp generator that scaffolds out a front-end web app

githubinator icon githubinator

Sublime Text plugin that shows selected text on remote GitHub or Bitbucket repo

good-life-talk icon good-life-talk

The Good Life: A talk about ethics in software engineering, for Front-End London, October 2017

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.