Skip to content

Commit 545335e

Browse files
elipapaelipapa
authored
add ability to choose multiple styles
2 parents 67145fb + 0678ef9 commit 545335e

File tree

8 files changed

+409
-9
lines changed

8 files changed

+409
-9
lines changed

‎.gitignore‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1-
_site/
1+
_site/
2+
.sass-cache/

‎README.md‎

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ adding your skills, jobs and education.
2323

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

26-
## Using Github Pages to publish it online
26+
## 1) Using Github Pages to publish it online
2727

2828
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)
2929
2. Create a new branch called `gh-pages` (which will then be a copy of master)
@@ -32,18 +32,27 @@ To transform your plain text CV into a beautiful looking HTML page and share it
3232
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.
3333

3434

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

4242

43-
### is this the only style available?
43+
### Change the style
4444

45-
For the moment, yes.
46-
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!
45+
The included CSS renders CV in different styles:
46+
47+
- `kjhealy` the original default, inspired by [kjhealy's vita
48+
template](https://github.com/kjhealy/kjh-vita)
49+
- `davewhipp` is a tweaked version of `kjhealy`, with bigger fonts and dates
50+
right aligned
51+
52+
To change the default style, one needs to simply change the variable in the
53+
`_config.yml` file.
54+
55+
Any other styling is possible. More CSS style contributions and forks are welcome!
4756

4857

4958
### Author

‎_config.yml‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1-
markdown: kramdown
1+
markdown: kramdown
2+
style: kjhealy

‎_layouts/cv.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<head>
44
<meta charset=utf-8 />
55
<title> {% if page.title %} {{ page.title }} | {% endif %} CV</title>
6-
<link href="media/cv-screen.css" type="text/css" rel="stylesheet" media="screen">
7-
<link href="media/cv-print.css" type="text/css" rel="stylesheet" media="print">
6+
<link href="media/{{ site.style }}-screen.css" type="text/css" rel="stylesheet" media="screen">
7+
<link href="media/{{ site.style }}-print.css" type="text/css" rel="stylesheet" media="print">
88
</head>
99
<body>
1010
<div id="main">

‎media/davewhipp-print.css‎

Lines changed: 194 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,194 @@
1+
/* http://meyerweb.com/eric/tools/css/reset/
2+
v2.0 | 20110126
3+
License: none (public domain)
4+
*/
5+
6+
html, body, div, span, applet, object, iframe,
7+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8+
a, abbr, acronym, address, big, cite, code,
9+
del, dfn, em, img, ins, kbd, q, s, samp,
10+
small, strike, strong, sub, sup, tt, var,
11+
b, u, i, center,
12+
dl, dt, dd, ol, ul, li,
13+
fieldset, form, label, legend,
14+
table, caption, tbody, tfoot, thead, tr, th, td,
15+
article, aside, canvas, details, embed,
16+
figure, figcaption, footer, header, hgroup,
17+
menu, nav, output, ruby, section, summary,
18+
time, mark, audio, video {
19+
margin: 0;
20+
padding: 0;
21+
border: 0;
22+
font-size: 100%;
23+
font: inherit;
24+
vertical-align: baseline;
25+
}
26+
/* HTML5 display-role reset for older browsers */
27+
article, aside, details, figcaption, figure,
28+
footer, header, hgroup, menu, nav, section {
29+
display: block;
30+
}
31+
body {
32+
line-height: 1;
33+
}
34+
ol, ul {
35+
list-style: none;
36+
}
37+
blockquote, q {
38+
quotes: none;
39+
}
40+
blockquote:before, blockquote:after,
41+
q:before, q:after {
42+
content: '';
43+
content: none;
44+
}
45+
table {
46+
border-collapse: collapse;
47+
border-spacing: 0;
48+
}
49+
50+
/* end of reset */
51+
52+
53+
54+
body {
55+
font: normal normal 400;
56+
font-size: 12pt;
57+
line-height: 1.35em;
58+
/*also written as... font: normal normal 400 100%/1.5em;*/
59+
font-family: Avenir,Verdana,sans-serif;
60+
/*margin-top: 1em;
61+
margin-left: 1em;*/
62+
}
63+
64+
p {
65+
position: relative;
66+
left: 25%;
67+
margin-bottom: 0.2em;
68+
margin-right: 0;
69+
width: 60%;
70+
}
71+
72+
code {
73+
font: normal normal;
74+
font-size: 90%;
75+
/*line-height: 1em;*/
76+
font-family: Monaco,Menlo,monospace,sans-serif;
77+
color: #ccc;
78+
}
79+
80+
p code {
81+
position: absolute;
82+
text-align: right;
83+
right: -20%;
84+
}
85+
86+
87+
ul {
88+
position: relative;
89+
left: 25%;
90+
width: 75%;
91+
margin-bottom: 1em;
92+
/*margin-top: -0.5em;*/
93+
}
94+
95+
/*uncomment to get dashes in the list*/
96+
/*li:before {
97+
content: "-";
98+
position: relative;
99+
left: -0.25em;
100+
}*/
101+
102+
li {
103+
/*second line indent*/
104+
padding-left: 1.25em;
105+
text-indent: -1.25em;
106+
/*color: #777;*/
107+
}
108+
109+
li ul {
110+
position: relative;
111+
left: 0;
112+
width: 100%;
113+
margin-top: 0.25em;
114+
}
115+
116+
h1,h2,h3,h4 {
117+
font-weight: 400;
118+
font-family: Avenir,Cousine,Verdana,sans-serif;
119+
width: 80%;
120+
}
121+
122+
h1 {
123+
text-align: left;
124+
font-size: 3em;
125+
line-height: 1em;
126+
position: relative;
127+
left: 25%;
128+
}
129+
130+
h1+p {
131+
/*subtitle*/
132+
font-style: italic;
133+
font-size: 110%;
134+
}
135+
136+
h2 {
137+
font-size: 1.1em;
138+
color: #a00;
139+
margin-top: 2em;
140+
position: relative;
141+
top: 1.2em;
142+
text-align: right;
143+
width: 20%;
144+
}
145+
146+
147+
h3 {
148+
font-size: 1em;
149+
line-height: 2em;
150+
color: #ccc;
151+
position: relative;
152+
top: 1.6em;
153+
text-align: right;
154+
width: 20%;
155+
}
156+
157+
a {
158+
color: inherit;
159+
text-decoration:none
160+
}
161+
162+
a:hover {
163+
color:#39f
164+
}
165+
166+
#webaddress {
167+
margin-top: 1em;
168+
position: relative;
169+
left: 25%;
170+
color: #ccc;
171+
font-family: Monaco,Menlo,monospace,sans-serif;
172+
font-size: 90%;
173+
}
174+
175+
#webaddress a {
176+
text-decoration: none;
177+
}
178+
179+
em {
180+
font-style: normal;
181+
color: #2d4e5e
182+
}
183+
184+
strong {
185+
font-weight: bold;
186+
}
187+
188+
#ghbutton {
189+
display: none;
190+
visibility: hidden;
191+
}
192+
193+
194+

0 commit comments

Comments
 (0)