Skip to content

Commit

Permalink
add ability to choose multiple styles
Browse files Browse the repository at this point in the history
  • Loading branch information
elipapa authored Jun 14, 2018
2 parents 67145fb + 0678ef9 commit 545335e
Show file tree
Hide file tree
Showing 8 changed files with 409 additions and 9 deletions.
3 changes: 2 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
_site/
_site/
.sass-cache/
19 changes: 14 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ adding your skills, jobs and education.

To transform your plain text CV into a beautiful looking HTML page and share it you then have two options:

## Using Github Pages to publish it online
## 1) Using Github Pages to publish it online

1. Delete the existing `gh-pages` branch from your fork. It will only contain this webpage. You can either use git or [the github web interface](https://help.github.com/articles/creating-and-deleting-branches-within-your-repository/#deleting-a-branch)
2. Create a new branch called `gh-pages` (which will then be a copy of master)
Expand All @@ -32,18 +32,27 @@ To transform your plain text CV into a beautiful looking HTML page and share it
Any change you want to make to your CV from then on would have to be done on the `gh-pages` branch and will be immediately rendered by Github Pages.


## Build it locally and print a PDF
## 2) Build it locally and print a PDF
1. [install jekyll](https://jekyllrb.com/docs/installation/) on your computer. `gem install jekyll` will do for most users.
2. Clone your fork on your computer
3. Type `jekyll serve` and you'll be able to see your CV on your local host (the default address is http://localhost:4000).
4. You can edit the `index.md` file and see changes live in your browser.
5. To print a PDF, just press *Print*. Print and web CSS media queries should take care of the styling.


### is this the only style available?
### Change the style

For the moment, yes.
The included CSS renders CV in a style inspired by [kjhealy's vita template](https://github.com/kjhealy/kjh-vita), but any styling is possible. Contributions and forks are welcome!
The included CSS renders CV in different styles:

- `kjhealy` the original default, inspired by [kjhealy's vita
template](https://github.com/kjhealy/kjh-vita)
- `davewhipp` is a tweaked version of `kjhealy`, with bigger fonts and dates
right aligned

To change the default style, one needs to simply change the variable in the
`_config.yml` file.

Any other styling is possible. More CSS style contributions and forks are welcome!


### Author
Expand Down
3 changes: 2 additions & 1 deletion _config.yml
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
markdown: kramdown
markdown: kramdown
style: kjhealy
4 changes: 2 additions & 2 deletions _layouts/cv.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@
<head>
<meta charset=utf-8 />
<title> {% if page.title %} {{ page.title }} | {% endif %} CV</title>
<link href="media/cv-screen.css" type="text/css" rel="stylesheet" media="screen">
<link href="media/cv-print.css" type="text/css" rel="stylesheet" media="print">
<link href="media/{{ site.style }}-screen.css" type="text/css" rel="stylesheet" media="screen">
<link href="media/{{ site.style }}-print.css" type="text/css" rel="stylesheet" media="print">
</head>
<body>
<div id="main">
Expand Down
194 changes: 194 additions & 0 deletions media/davewhipp-print.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,194 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* end of reset */



body {
font: normal normal 400;
font-size: 12pt;
line-height: 1.35em;
/*also written as... font: normal normal 400 100%/1.5em;*/
font-family: Avenir,Verdana,sans-serif;
/*margin-top: 1em;
margin-left: 1em;*/
}

p {
position: relative;
left: 25%;
margin-bottom: 0.2em;
margin-right: 0;
width: 60%;
}

code {
font: normal normal;
font-size: 90%;
/*line-height: 1em;*/
font-family: Monaco,Menlo,monospace,sans-serif;
color: #ccc;
}

p code {
position: absolute;
text-align: right;
right: -20%;
}


ul {
position: relative;
left: 25%;
width: 75%;
margin-bottom: 1em;
/*margin-top: -0.5em;*/
}

/*uncomment to get dashes in the list*/
/*li:before {
content: "-";
position: relative;
left: -0.25em;
}*/

li {
/*second line indent*/
padding-left: 1.25em;
text-indent: -1.25em;
/*color: #777;*/
}

li ul {
position: relative;
left: 0;
width: 100%;
margin-top: 0.25em;
}

h1,h2,h3,h4 {
font-weight: 400;
font-family: Avenir,Cousine,Verdana,sans-serif;
width: 80%;
}

h1 {
text-align: left;
font-size: 3em;
line-height: 1em;
position: relative;
left: 25%;
}

h1+p {
/*subtitle*/
font-style: italic;
font-size: 110%;
}

h2 {
font-size: 1.1em;
color: #a00;
margin-top: 2em;
position: relative;
top: 1.2em;
text-align: right;
width: 20%;
}


h3 {
font-size: 1em;
line-height: 2em;
color: #ccc;
position: relative;
top: 1.6em;
text-align: right;
width: 20%;
}

a {
color: inherit;
text-decoration:none
}

a:hover {
color:#39f
}

#webaddress {
margin-top: 1em;
position: relative;
left: 25%;
color: #ccc;
font-family: Monaco,Menlo,monospace,sans-serif;
font-size: 90%;
}

#webaddress a {
text-decoration: none;
}

em {
font-style: normal;
color: #2d4e5e
}

strong {
font-weight: bold;
}

#ghbutton {
display: none;
visibility: hidden;
}



Loading

0 comments on commit 545335e

Please sign in to comment.