Code Monkey home page Code Monkey logo

jekyll-resume's Introduction

Jekyll Resume

tl;dr

Paper resumes suck. This is a digital resume built in Jekyll using Google Web Starter Kit. See it live at jekyll-resume.philipithomas.com.

Modify it to your needs and build the code in Ruby with:

    bundle install
    jekyll build

Background

While in college searching for post-graduation job, I built myself a digital resume in PHP that became popular. It looked cool, but was poorly executed.

Since then I try to build most basic sites in Jekyll, a static site generator written in Ruby. It has just enough features to be useful, but the generated sites are static.

There's a lot of Bootstrap code floating around, so I decided to try something a little different - Google's Web Starter Kit.

Design/Framework

This project loosely uses Google's Web Starter Kit. I didn't do a good job of preserving the original code or making it maintainable, but it was fun to experiment with a different CSS framework.

The repo uses the jekyll-assets project to handle javascript and css. There is some custom scss in the _assets/stylesheets/custom.scss file.

Config

Configure the basic parts of the website, including the name and description, using the _config.yml file.

Resume Sections

The resume has sections defined by the _data/sections.yml file. The name is the title of the section. The ID is a globally unique ID for the section that is used as a CSS id for the menu scroller. In addition, this specifies the name of the yml file in _data that the section pulls its data from. If you want to add or modify sections, this is the core file for resume logic. The layout specifies which layout in _includes/resume/ to use for the section - it is loosely a "macro," but I should refactor the implementation to use a correct Liquid macro.

Modify the data for each section in _data/ using YAML. The bullet sections support Markdown formatting, e.g. for links.

Deployment

I deploy the files on AWS S3 using CircleCI (with Cloudflare as a CDN. It can also be easily hosted for free on Github Pages. Note that the circle.yml and deploy.sh files are unnecessary for Github Pages.

Next Steps

If you have changes to this repo, please open an issue or a pull request. Read the post introducing the project on my website, and follow me on twitter or join my mailing list to stay up-to-date with my latest projects.

jekyll-resume's People

Contributors

philipithomas avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

jekyll-resume's Issues

Responsive design?

Hi,

thanks for putting this project on github, I love the approach and would like to use it myself as a starting point for a resume. I noted that your live-version doesn't render properly on my iPad and android phone. Navigation is inaccessible and scrolling doesn't work.

Did you build this with responsive design in mind?
Could that be an issue with google's web start kit?

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.