├── .gitignore
├── _config.yml
├── _layouts
└── cv.html
├── LICENSE
├── index.md
├── README.md
└── media
├── kjhealy-print.css
├── davewhipp-print.css
├── kjhealy-screen.css
└── davewhipp-screen.css
/.gitignore:
--------------------------------------------------------------------------------
1 | _site/
2 | .sass-cache/
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | markdown: kramdown
2 | style: kjhealy
--------------------------------------------------------------------------------
/_layouts/cv.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {% if page.title %} {{ page.title }} | {% endif %} CV
6 |
11 |
12 | {{ content }}
13 |
14 |
⌘ + p . Print and web CSS media queries should take care of the styling.
42 |
43 | ## Styling
44 |
45 | The included CSS will render your CV in two styles:
46 | s
47 | 1. `kjhealy` the original default, inspired by [kjhealy's vita
48 | template](https://github.com/kjhealy/kjh-vita).
49 | 2. `davewhipp` is a tweaked version of `kjhealy`, with bigger fonts and dates
50 | right aligned.
51 |
52 | To change the default style, 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!
56 |
57 | ### Author
58 |
59 | Eliseo Papa ([Twitter](http://twitter.com/elipapa)/[Github](http://github.com/elipapa)/[Website](https://elipapa.github.io)).
60 |
61 | 
62 |
63 | ### License
64 |
65 | [MIT License](https://github.com/elipapa/markdown-cv/blob/master/LICENSE)
66 |
--------------------------------------------------------------------------------
/media/kjhealy-print.css:
--------------------------------------------------------------------------------
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: 10pt;
57 | line-height: 1.35em;
58 | /*also written as... font: normal normal 400 100%/1.5em;*/
59 | font-family: Verdana,sans-serif;
60 | /*margin-top: 1em;
61 | margin-left: 1em;*/
62 | }
63 |
64 | p {
65 | position: relative;
66 | left: 28%;
67 | margin-bottom: 0.2em;
68 | margin-right: 0;
69 | width: 70%;
70 | }
71 |
72 | code {
73 | font: normal normal;
74 | font-size: 60%;
75 | /*line-height: 1em;*/
76 | font-family: Menlo,monospace,sans-serif;
77 | color: #ccc;
78 | }
79 |
80 | p code {
81 | position: absolute;
82 | left: -11%;
83 | }
84 |
85 |
86 | ul {
87 | position: relative;
88 | left: 28%;
89 | width: 65%;
90 | margin-bottom: 1em;
91 | /*margin-top: -0.5em;*/
92 | }
93 |
94 | /*uncomment to get dashes in the list*/
95 | /*li:before {
96 | content: "-";
97 | position: relative;
98 | left: -0.25em;
99 | }*/
100 |
101 | li {
102 | /*second line indent*/
103 | padding-left: 1.25em;
104 | text-indent: -1.25em;
105 | /*color: #777;*/
106 | }
107 |
108 | li ul {
109 | position: relative;
110 | left: 0;
111 | width: 100%;
112 | margin-top: 0.25em;
113 | }
114 |
115 | h1,h2,h3,h4 {
116 | font-weight: 400;
117 | font-family: Cousine,Verdana,sans-serif;
118 | width: 65%;
119 | }
120 |
121 | h1 {
122 | text-align: left;
123 | font-size: 3em;
124 | line-height: 1em;
125 | position: relative;
126 | left: 28%;
127 | }
128 |
129 | h1+p {
130 | /*subtitle*/
131 | font-style: italic;
132 | font-size: 110%;
133 | }
134 |
135 | h2 {
136 | font-size: 1.1em;
137 | color: #a00;
138 | margin-top: 2em;
139 | position: relative;
140 | top: 1.2em;
141 | text-align: right;
142 | width: 18%;
143 | }
144 |
145 |
146 | h3 {
147 | font-size: 1em;
148 | line-height: 2em;
149 | color: #ccc;
150 | position: relative;
151 | top: 1.6em;
152 | text-align: right;
153 | width: 18%;
154 | }
155 |
156 | a {
157 | color: inherit;
158 | text-decoration:none
159 | }
160 |
161 | a:hover {
162 | color:#39f
163 | }
164 |
165 | #webaddress {
166 | margin-top: 1em;
167 | position: relative;
168 | left: 28%;
169 | color: #ccc;
170 | font-family: Menlo,monospace,sans-serif;
171 | font-size: 80%;
172 | }
173 |
174 | #webaddress a {
175 | text-decoration: none;
176 | }
177 |
178 | em {
179 | font-style: normal;
180 | color: #2d4e5e
181 | }
182 |
183 | strong {
184 | font-weight: bold;
185 | }
186 |
187 | #ghbutton {
188 | display: none;
189 | visibility: hidden;
190 | }
191 |
192 |
193 |
194 |
195 |
--------------------------------------------------------------------------------
/media/davewhipp-print.css:
--------------------------------------------------------------------------------
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 |
195 |
--------------------------------------------------------------------------------
/media/kjhealy-screen.css:
--------------------------------------------------------------------------------
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: 80%;
57 | line-height: 1.5em;
58 | /*also written as... font: normal normal 400 100%/1.5em;*/
59 | font-family: Verdana,sans-serif;
60 | margin-top: 1em;
61 | margin-left: 1em;
62 | }
63 |
64 | p {
65 | position: relative;
66 | left: 33%;
67 | margin-bottom: 0.7em;
68 | margin-right: 0;
69 | width: 65%;
70 | }
71 |
72 | code {
73 | font: normal normal;
74 | font-size: 60%;
75 | /*line-height: 1em;*/
76 | font-family: Menlo,monospace,sans-serif;
77 | color: #aaa;
78 | }
79 |
80 | p code {
81 | position: absolute;
82 | left: -14%;
83 | }
84 |
85 |
86 | ul {
87 | position: relative;
88 | left: 33%;
89 | width: 65%;
90 | margin-bottom: 1.5em;
91 | margin-top: -0.5em;
92 | }
93 |
94 | /*uncomment to get dashes in the list*/
95 | /*li:before {
96 | content: "-";
97 | position: relative;
98 | left: -0.25em;
99 | }*/
100 |
101 | li {
102 | /*second line indent*/
103 | padding-left: 1.25em;
104 | text-indent: -1.25em;
105 | /*color: #777;*/
106 | }
107 |
108 | li ul {
109 | position: relative;
110 | left: 0;
111 | width: 100%;
112 | margin-top: 0.25em;
113 | }
114 |
115 | h1,h2,h3,h4 {
116 | font-weight: 400;
117 | font-family: Cousine,Verdana,sans-serif;
118 | width: 65%;
119 | }
120 |
121 | h1 {
122 | text-align: left;
123 | font-size: 3em;
124 | line-height: 1em;
125 | position: relative;
126 | left: 33%;
127 | }
128 |
129 | h1+p {
130 | /*subtitle*/
131 | font-style: italic;
132 | font-size: 110%;
133 | }
134 |
135 | h2 {
136 | font-size: 1.1em;
137 | color: #a00;
138 | margin-top: 3em;
139 | position: relative;
140 | top: 1.4em;
141 | text-align: right;
142 | width: 20%;
143 | }
144 |
145 | h3 {
146 | font-size: 1em;
147 | line-height: 2em;
148 | position: relative;
149 | top: 1.7em;
150 | text-align: right;
151 | width: 20%;
152 | }
153 |
154 | a {
155 | color: inherit;
156 | /*text-decoration:none*/
157 | }
158 |
159 | a:hover {
160 | color:#39f
161 | }
162 |
163 | #webaddress {
164 | margin-top: 1em;
165 | position: relative;
166 | left: 33%;
167 | color: #aaa;
168 | font-family: Menlo,monospace,sans-serif;
169 | font-size: 80%;
170 | }
171 |
172 | #webaddress a {
173 | text-decoration: none;
174 | }
175 |
176 | em {
177 | font-weight: bold;
178 | font-style: italic;
179 | }
180 |
181 | strong {
182 | font-weight: bold;
183 | }
184 |
185 | #address {
186 | display: none;
187 | }
188 |
189 |
190 |
191 | /*
192 | @media only screen and (max-width: 480px) {
193 | make one column somehow...
194 | }*/
195 |
--------------------------------------------------------------------------------
/media/davewhipp-screen.css:
--------------------------------------------------------------------------------
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: 100%;
57 | line-height: 1.5em;
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.7em;
68 | margin-right: 0;
69 | width: 55%;
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: #aaa;
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: 1.5em;
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: #bc412b;
139 | margin-top: 3em;
140 | position: relative;
141 | top: 1.4em;
142 | text-align: right;
143 | width: 20%;
144 | }
145 |
146 | h3 {
147 | font-size: 1em;
148 | line-height: 2em;
149 | position: relative;
150 | top: 1.7em;
151 | text-align: right;
152 | width: 20%;
153 | }
154 |
155 | a {
156 | color: inherit;
157 | /*text-decoration:none*/
158 | }
159 |
160 | a:hover {
161 | color:#39f
162 | }
163 |
164 | #webaddress {
165 | margin-top: 1em;
166 | position: relative;
167 | left: 25%;
168 | color: #bc412b;
169 | font-family: Monaco,Menlo,monospace,sans-serif;
170 | font-size: 100%;
171 | }
172 |
173 | #webaddress a {
174 | text-decoration: none;
175 | }
176 |
177 | em {
178 | /* font-weight: bold; */
179 | font-style: italic;
180 | }
181 |
182 | strong {
183 | font-weight: bold;
184 | }
185 |
186 | #address {
187 | display: none;
188 | }
189 |
190 |
191 |
192 | /*
193 | @media only screen and (max-width: 480px) {
194 | make one column somehow...
195 | }*/
--------------------------------------------------------------------------------