Code Monkey home page Code Monkey logo

jsonresume-theme-eloquent's Introduction

An eloquent JSON Resume theme: fluent, persuasive, for developers. See it live.

Theme screenshot

Online demo

Features

  • Mobile First theme based on Bootstrap.
  • Download your resume with a single click, in a single file.
  • Keep your resume offline if you want to: the theme is self-contained.
  • Obfuscates your email address and phone number from spam bots.
  • Great Font Awesome icons.
  • Optimized for print and screen readers.
  • Contains Schema.org markup to make the most of your content.
  • Uses Open Graph & Twitter metas to improve social sharing.
  • Optionally use Google Analytics to track page views on your resume.
  • All fields are optional, pick what you need!

Usage

Install the theme,

npm install --save jsonresume-theme-eloquent

Then use it:

"use strict";

var theme = require("jsonresume-theme-eloquent");

var resume = require("./resume.json");
process.stdout.write(theme.render(resume));

Contributing

Install the project with:

git clone [email protected]:thibaudcolas/jsonresume-theme-eloquent.git
cd jsonresume-theme-eloquent
npm install
# To actively work on the theme.
npm run start

To release a new version:

npm version minor -m "Release %s"
git push origin master
git push --tags
npm publish

Built with

jsonresume-theme-eloquent's People

Contributors

greenkeeperio-bot avatar thibaudcolas avatar tincho 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

Watchers

 avatar  avatar

jsonresume-theme-eloquent's Issues

Add VOLUNTEER WORK Feild

Subject of the feature

I was just making my resume with this theme. But I also need a Volunteer work field.

Problem

The problem is that I have to use the "volunteer" keyword in my JSON file if I want to add projects. But what about my volunteer work?

Expected behaviour

I just want is that for Projects, there should be a projects keyword and for volunteer work, there should be a volunteer "keyword" used.

Add support for StackOverflow icon

Subject of the feature

There should be an icon for Stack Overflow profiles, like other profile types

Problem

The resume looks weird without an icon there and it is not obvious there is a link to click; on paper it is only slightly better.

Expected behaviour

When I put a profile with a network of stackoverflow or stack-overflow, there should be an icon, like here:
image
But instead there is a blank space:
image

Further details

I am confused about how this project is set up, probably because I am not a web developer at all. It looks like the icons are in the lib/resume.hbs file, but thereʼs also a list of icons in raw/eloquent-icomoon.json, which does include StackOverflow. If only the first file is relevant, then adding the

<symbol id="icon-stackoverflow" viewBox="0 0 25 30"><path d="M21 27v-8h3v11H0V19h3v8h18Z" fill="#BCBBBB"></path><path d="M17.1.2 15 1.8l7.9 10.6 2.1-1.6L17.1.2Zm3.7 14.7L10.6 6.4l1.7-2 10.2 8.5-1.7 2ZM7.2 12.3l12 5.6 1.1-2.4-12-5.6-1.1 2.4Zm-1.8 6.8 13.56 1.96.17-2.38-13.26-2.55-.47 2.97ZM19 25H5v-3h14v3Z" fill="#F48024"></path></symbol>

should solve it (thatʼs how I got the first screenshot). Iʼm only not submitting a PR because Iʼm not confident that is correct, given the other icon file.

Locality issue with dates

Hey, I really love this theme!

I noticed that, for some reason, if I put a date like "2015-05-01" in a field, it would get rendered as the previous month ("April 2015" in this case). I tracked down the problem to the following behavior in Node (v0.12.7):

> new Date('2015-07-01').toString()
'Tue Jun 30 2015 19:00:00 GMT-0500 (CDT)'

I fixed the issue by simply passing the date string directly to moment (as in, moment(date).format(format)), which I think provides a wrapper around new Date(string) (http://momentjs.com/docs/#/parsing/string/). The problem was also resolved when I included a timezone in my dates (e.g. "2015-05-01 CDT")

I'm not sure if other people are running into the same issue, but if you get a chance I'd appreciate if you could look into this. Thanks!

Page break control

Subject of the feature

There should be CSS page break control properties to ensure page breaks are placed at reasonable locations.

Problem

Currently it can break right after a heading or subheading, as happens in the example resume:
image
This is generally not considered good typography and should be avoided.

Expected behaviour

At minimums, page breaks should be prevented directly after headings and subheadings. I donʼt know if CSS allows widow/orphan control, but if so that would be nice too. Ideally, it should be between highligts <li>s, not within them.

Alternatives

Page breaks could be prevented inside the entire .detail-item div, which is the equivalent to what eg. jsonresume-theme-full, but for long work experience descriptions that might cause excessive page breaks.

Incompatible with NPM 3

partials.js makes assumptions about the folder structure that are not valid for NPM 3 (a flat structure with all dependencies in the main node_modules directory). I don't have any suggestions for how to make it compatible with both versions of NPM, so feel free to mark this as Wont Fix.

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.