mirror of
https://github.com/JuanCanham/fresh-themes.git
synced 2025-07-06 10:11:05 +01:00
Compare commits
15 Commits
v0.3.0-alp
...
v0.3.0-bet
Author | SHA1 | Date | |
---|---|---|---|
d224a6c267 | |||
790ca0cc24 | |||
928b9da331 | |||
ed0b286cf5 | |||
29b00a6f22 | |||
ecb085ed10 | |||
9c3d950af6 | |||
c9f116207e | |||
6db7691c38 | |||
ae19fec60b | |||
6a52ddb19c | |||
30fd9222aa | |||
2bdaaac9a4 | |||
b8863afd56 | |||
7c1f12198e |
12
README.md
12
README.md
@ -1,12 +1,12 @@
|
||||
watermark
|
||||
=========
|
||||
Predefined template-based resume themes for [FluentCV][1] and [FluentCMD][2].
|
||||
fluent-themes
|
||||
=============
|
||||
Resume themes for [FluentCV][1] and [FluentCV command line][2].
|
||||
|
||||
- `minimist`: A no-frills theme.
|
||||
- `informatic`: An informative theme for technical resumes.
|
||||
- `modern`: A middle of the road theme with a modern look 'n feel.
|
||||
- `hello-world`: A simple-as-possible example theme.
|
||||
- New themes added weekly.
|
||||
- `compact`: A compact theme.
|
||||
- New themes forthcoming.
|
||||
|
||||
## How It Works
|
||||
|
||||
@ -28,5 +28,5 @@ This scheme ensures that theme template files have the "correct" file extension
|
||||
MIT. See [LICENSE.md][1] for details.
|
||||
|
||||
[1]: http://fluentcv.com
|
||||
[2]: https://github.com/fluentdesk/fluentcmd
|
||||
[2]: https://github.com/fluentdesk/fluentcv
|
||||
[3]: ../LICENSE.md
|
||||
|
13
package.json
13
package.json
@ -1,11 +1,10 @@
|
||||
{
|
||||
"name": "watermark",
|
||||
"version": "0.3.0-alpha",
|
||||
"description": "Themes and exemplars for FluentCV.",
|
||||
"private": true,
|
||||
"name": "fluent-themes",
|
||||
"version": "0.3.0-beta",
|
||||
"description": "Resume themes for FluentCV.",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/fluentdesk/watermark.git"
|
||||
"url": "https://github.com/fluentdesk/fluent-themes.git"
|
||||
},
|
||||
"keywords": [
|
||||
"resume",
|
||||
@ -16,8 +15,8 @@
|
||||
"author": "James M. Devlin",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/fluentdesk/watermark/issues"
|
||||
"url": "https://github.com/fluentdesk/fluent-themes/issues"
|
||||
},
|
||||
"homepage": "https://github.com/fluentdesk/watermark",
|
||||
"homepage": "https://github.com/fluentdesk/fluent-themes",
|
||||
"dependencies": { }
|
||||
}
|
||||
|
77
themes/compact/templates/html.css
Normal file
77
themes/compact/templates/html.css
Normal file
@ -0,0 +1,77 @@
|
||||
html, body, main, section, header, ul, p, h1, h2, h3 {
|
||||
font-family: Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
margin: 0; padding: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0064BD;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #7B0796;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 15px;
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
p, li {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.tenure {
|
||||
float: right;
|
||||
}
|
||||
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
main > header {
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
|
||||
main > header > h1 {
|
||||
float: left;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
#contact {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#contact > div {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
}
|
169
themes/compact/templates/html.html
Normal file
169
themes/compact/templates/html.html
Normal file
@ -0,0 +1,169 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{{ r.basics.name }}</title>
|
||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
|
||||
<link href="resume.css" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<header>
|
||||
<h1>{{ r.basics.name }}</h1>
|
||||
<div id="contact">
|
||||
{% if (r.basics.email) { %}<div class="email">{{ r.basics.email }}</div>{% } %}
|
||||
{% if (r.basics.phone) { %}<div class="phone">{{ r.basics.phone }}</div>{% } %}
|
||||
{% if (r.basics.website) { %}<div class="website"><a href="{{ r.basics.website }}">{{ r.basics.website }}</a></div>{% } %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
{% if ( r.basics.summary && r.basics.summary.length ) { %}
|
||||
<section id="summary">
|
||||
{{ r.basics.summary|md }}
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
|
||||
{% if ( r.skills && r.skills.length ) { %}
|
||||
<section id="skills">
|
||||
<header>
|
||||
<h2>Skills</h2><hr>
|
||||
</header>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Skill</th>
|
||||
<th>Keywords</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% r.skills.forEach( function( skill, idx, ar) { %}
|
||||
<tr>
|
||||
<td style="width: 25%;">{{ skill.name }}</td>
|
||||
<td class="keywords">{% print( skill.keywords.join(', ') ) %}</td>
|
||||
</tr>
|
||||
{% }); %}
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
|
||||
|
||||
{% if ( r.work && r.work.length ) { %}
|
||||
<section id="employment">
|
||||
<header>
|
||||
<h2>Employment</h2><hr>
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
{% r.work.forEach( function( proj, idx, ar) { %}
|
||||
{% if( idx < 4 ) { %}
|
||||
<h3><em>{{ proj.position }}</em>, {{ proj.company }} <span class="tenure">{{ proj.startDate }} — {{ proj.endDate }}<span></h3>
|
||||
<p style="clear: both;">{{ proj.summary|md }}</p>
|
||||
{% if( proj.highlights ) { %}
|
||||
<ul>
|
||||
{% proj.highlights.forEach( function( high, idx, ar) { %}
|
||||
<li>{{ high|mdin }}</li>
|
||||
{% }); %}
|
||||
</ul>
|
||||
{% } %}
|
||||
{% } else { %}
|
||||
|
||||
{% if( idx === 4 ) { %}
|
||||
<h3>Previously... <span class="tenure">{{ r.work[ r.work.length - 1 ].safeStartDate.format('YYYY') }} — {{ proj.safeEndDate.format('YYYY') }}<span></h3>
|
||||
<p style="clear: both;">Prior to {{ r.work[ 3 ].company }}, I worked on a range of projects for companies large and small.</p>
|
||||
<ul>
|
||||
{% } %}
|
||||
|
||||
|
||||
<li>{{ proj.position }}, {{ proj.company }}</li>
|
||||
|
||||
|
||||
{% if( idx === ar.length - 1 ) { %}
|
||||
</ul>
|
||||
{% } %}
|
||||
|
||||
{% } %}
|
||||
{% }); %}
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
|
||||
|
||||
{% if ( r.education && r.education.length ) { %}
|
||||
<section id="education">
|
||||
<header>
|
||||
<h2>Education</h2><hr>
|
||||
</header>
|
||||
{% r.education.forEach( function( edu, idx, ar) { %}
|
||||
<h3>{{ edu.institution }} <span class="tenure">{{ edu.safeStartDate.format('YYYY') }} — {{ edu.safeEndDate.format('YYYY') }}<span></h3>
|
||||
<p style="clear: both;">{{ edu.area|md }}</p>
|
||||
{% }); %}
|
||||
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
{% if ( r.volunteer && r.volunteer.length ) { %}
|
||||
<section id="volunteer">
|
||||
<header>
|
||||
<h2>Volunteer</h2><hr>
|
||||
</header>
|
||||
{% r.volunteer.forEach( function( vol, idx, ar ) { %}
|
||||
<h3>{{ vol.organization }} <span class="tenure">{{ vol.safeStartDate.format('YYYY') }} — {{ vol.safeEndDate.format('YYYY') }}<span></h3>
|
||||
<p style="clear: both;">{{ vol.summary|md }}</p>
|
||||
{% if( vol.highlights ) { %}
|
||||
<ul>
|
||||
{% vol.highlights.forEach( function( high, idx, ar) { %}
|
||||
<li>{{ high|md }}</li>
|
||||
{% }); %}
|
||||
</ul>
|
||||
{% } %}
|
||||
{% }); %}
|
||||
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
{% if( r.publications ) { %}
|
||||
<section id="publications">
|
||||
<header>
|
||||
<h2>Publications</h2><hr>
|
||||
</header>
|
||||
<span class="fa fa-lg fa-trophy"></span>
|
||||
{% r.publications.forEach( function( pub, idx, ar) { %}
|
||||
<h4>
|
||||
{% if( pub.website ) { %}
|
||||
<span class="res-label"><a href="{{ pub.website }}" ></span>{{ pub.name }}</a>, {{ pub.publisher }}
|
||||
{% } else { %}
|
||||
<span class="res-label">{{ pub.name }}</span>, {{ pub.publisher }}
|
||||
{% } %}
|
||||
<span class="tenure">{{ pub.safeReleaseDate.format('YYYY') }}</span>
|
||||
</h4>
|
||||
|
||||
{{ pub.summary|md }}
|
||||
|
||||
{% }); %}
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
{% if( r.awards ) { %}
|
||||
<section id="awards">
|
||||
<header>
|
||||
<h2>Awards</h2><hr>
|
||||
</header>
|
||||
<span class="fa fa-lg fa-trophy"></span>
|
||||
{% r.awards.forEach( function( award, idx, ar) { %}
|
||||
<h4><span class="res-label">{{ award.title }}</span>, {{ award.awarder }} <span class="tenure">{{ award.safeDate.format('YYYY') }}</span></h4>
|
||||
{{ award.summary|md }}
|
||||
{% }); %}
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
63
themes/compact/templates/pdf.css
Normal file
63
themes/compact/templates/pdf.css
Normal file
@ -0,0 +1,63 @@
|
||||
html, body, main, section, header, ul, p, h1, h2, h3 {
|
||||
font-family: Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
margin: 0; padding: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 15px;
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
p, li {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.tenure {
|
||||
float: right;
|
||||
}
|
||||
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
main > header {
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
|
||||
main > header > h1 {
|
||||
float: left;
|
||||
}
|
||||
#contact {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#contact > div {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
}
|
149
themes/compact/templates/pdf.html
Normal file
149
themes/compact/templates/pdf.html
Normal file
@ -0,0 +1,149 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{{ r.basics.name }}</title>
|
||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
|
||||
<style>
|
||||
{{ cssInfo.data }}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<header>
|
||||
<h1>{{ r.basics.name }}</h1>
|
||||
<div id="contact">
|
||||
{% if (r.basics.email) { %}<div class="email">{{ r.basics.email }}</div>{% } %}
|
||||
{% if (r.basics.phone) { %}<div class="phone">{{ r.basics.phone }}</div>{% } %}
|
||||
{% if (r.basics.website) { %}<div class="website"><a href="{{ r.basics.website }}">{{ r.basics.website }}</a></div>{% } %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
{% if ( r.basics.summary && r.basics.summary.length ) { %}
|
||||
<section id="summary">
|
||||
{{ r.basics.summary|md }}
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
|
||||
{% if ( r.skills && r.skills.length ) { %}
|
||||
<section id="skills">
|
||||
<header>
|
||||
<h2>Skills</h2><hr>
|
||||
</header>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Skill</th>
|
||||
<th>Keywords</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% r.skills.forEach( function( skill, idx, ar) { %}
|
||||
<tr>
|
||||
<td style="width: 25%;">{{ skill.name }}</td>
|
||||
<td class="keywords">{% print( skill.keywords.join(', ') ) %}</td>
|
||||
</tr>
|
||||
{% }); %}
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
|
||||
|
||||
{% if ( r.work && r.work.length ) { %}
|
||||
<section id="employment">
|
||||
<header>
|
||||
<h2>Employment</h2><hr>
|
||||
</header>
|
||||
{% r.work.forEach( function( proj, idx, ar) { %}
|
||||
<h3><em>{{ proj.position }}</em>, {{ proj.company }} <span class="tenure">{{ proj.startDate }} — {{ proj.endDate }}<span></h3>
|
||||
<p style="clear: both;">{{ proj.summary|md }}</p>
|
||||
{% if( proj.highlights ) { %}
|
||||
<ul>
|
||||
{% proj.highlights.forEach( function( high, idx, ar) { %}
|
||||
<li>{{ high|md }}</li>
|
||||
{% }); %}
|
||||
</ul>
|
||||
{% } %}
|
||||
{% }); %}
|
||||
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
|
||||
|
||||
{% if ( r.education && r.education.length ) { %}
|
||||
<section id="education">
|
||||
<header>
|
||||
<h2>Education</h2><hr>
|
||||
</header>
|
||||
{% r.education.forEach( function( edu, idx, ar) { %}
|
||||
<h3>{{ edu.institution }} <span class="tenure">{{ edu.startDate }} — {{ edu.endDate }}<span></h3>
|
||||
<p style="clear: both;">{{ edu.area|md }}</p>
|
||||
{% }); %}
|
||||
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
{% if ( r.volunteer && r.volunteer.length ) { %}
|
||||
<section id="volunteer">
|
||||
<header>
|
||||
<h2>Volunteer</h2><hr>
|
||||
</header>
|
||||
{% r.volunteer.forEach( function( vol, idx, ar ) { %}
|
||||
<h3>{{ vol.organization }} <span class="tenure">{{ vol.startDate }} — {{ vol.endDate }}<span></h3>
|
||||
<p style="clear: both;">{{ vol.summary|md }}</p>
|
||||
{% if( vol.highlights ) { %}
|
||||
<ul>
|
||||
{% vol.highlights.forEach( function( high, idx, ar) { %}
|
||||
<li>{{ high|md }}</li>
|
||||
{% }); %}
|
||||
</ul>
|
||||
{% } %}
|
||||
{% }); %}
|
||||
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
{% if( r.publications ) { %}
|
||||
<section id="publications">
|
||||
<header>
|
||||
<h2>Publications</h2><hr>
|
||||
</header>
|
||||
<span class="fa fa-lg fa-trophy"></span>
|
||||
{% r.publications.forEach( function( pub, idx, ar) { %}
|
||||
<h4>
|
||||
{% if( pub.website ) { %}
|
||||
<span class="res-label"><a href="{{ pub.website }}" ></span>{{ pub.name }}</a>, {{ pub.publisher }}
|
||||
{% } else { %}
|
||||
<span class="res-label">{{ pub.name }}</span>, {{ pub.publisher }}
|
||||
{% } %}
|
||||
</h4>
|
||||
<span class="tenure">Published on: {{ pub.releaseDate }}</span>
|
||||
|
||||
{{ pub.summary|md }}
|
||||
|
||||
{% }); %}
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
{% if( r.awards ) { %}
|
||||
<section id="awards">
|
||||
<header>
|
||||
<h2>Awards</h2><hr>
|
||||
</header>
|
||||
<span class="fa fa-lg fa-trophy"></span>
|
||||
{% r.awards.forEach( function( award, idx, ar) { %}
|
||||
<h4><span class="res-label">{{ award.title }}</span>, {{ award.awarder }}</h4>
|
||||
<span class="tenure">{{ award.date }}</span>
|
||||
{{ award.summary|md }}
|
||||
{% }); %}
|
||||
</section>
|
||||
{% } %}
|
||||
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
30
themes/compact/templates/txt.txt
Normal file
30
themes/compact/templates/txt.txt
Normal file
@ -0,0 +1,30 @@
|
||||
{{ r.basics.name }}
|
||||
{% if (r.basics.email) { %}Email: {{ r.basics.email }}{% } %}
|
||||
{% if (r.basics.phone) { %}Tel: {{ r.basics.phone }}{% } %}
|
||||
{% if (r.basics.website) { %}Web: {{ r.basics.website }}{% } %}
|
||||
|
||||
***
|
||||
|
||||
{% if ( r.basics.summary && r.basics.summary.length ) { %}{{ r.basics.summary }}{% } %}
|
||||
|
||||
|
||||
{% if ( r.skills && r.skills.length ) { %}SKILLS
|
||||
{% r.skills.forEach( function( skill, idx, ar) { %}
|
||||
- {{ skill.name }}: {% print( skill.keywords.join(', ') ); %}
|
||||
{% }); } %}
|
||||
|
||||
{% if ( r.work && r.work.length ) { %}EMPLOYMENT
|
||||
{% r.work.forEach( function( proj, idx, ar) { %}
|
||||
{{ proj.company }} ({{ proj.startDate }} — {{ proj.endDate }})
|
||||
{{ proj.summary }}
|
||||
{% if( proj.highlights ) { %}{% proj.highlights.forEach( function( high, idx, ar) { %}
|
||||
- {{ high }}
|
||||
{% }); } }); } %}
|
||||
|
||||
{% if ( r.education && r.education.length ) { %}EDUCATION
|
||||
{% r.education.forEach( function( edu, idx, ar) { %}
|
||||
{{ edu.institution }} ({{ edu.startDate }} — {{ edu.endDate }})
|
||||
{{ edu.area }}
|
||||
{% if( edu.courses ) { %}{% edu.courses.forEach( function( course, idx, ar) { %}
|
||||
- {{ course }}
|
||||
{% }); } }); } %}
|
1
themes/hello-world/templates/pdf.css
Normal file
1
themes/hello-world/templates/pdf.css
Normal file
@ -0,0 +1 @@
|
||||
{# An empty CSS file. #}
|
65
themes/minimist/templates/pdf.css
Normal file
65
themes/minimist/templates/pdf.css
Normal file
@ -0,0 +1,65 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3em;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 800px;
|
||||
margin: 3em auto;
|
||||
}
|
||||
|
||||
main > header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#contact {
|
||||
width: 200px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 8px;
|
||||
text-align: right;
|
||||
font-size: 75%;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#summary {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#employment h3, #employment .tenure {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#employment h3 {
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tenure {
|
||||
color: #ABABAB;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.keywords {
|
||||
color: #037FD6;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 32px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px 0;
|
||||
}
|
203
themes/modern/templates/pdf.css
Normal file
203
themes/modern/templates/pdf.css
Normal file
@ -0,0 +1,203 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Helvetica Neue', Helvetica, 'Lato', sans-serif;
|
||||
font-size: 15px;
|
||||
color: #333;
|
||||
line-height: 1.42857143;
|
||||
background-color: #F0F0F0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Typical page borders are awkward when rendered to PDF. */
|
||||
body.pdf {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* Adobe or wkhtmltopdf has issues with the <main> tag, so we use <div> for
|
||||
the PDF case, <main> for the HTML case, and style both via an ID. */
|
||||
#main {
|
||||
background-color: #FFF;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
border: 1px solid #E6E6E6;
|
||||
}
|
||||
|
||||
body.pdf > #main {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#container > header {
|
||||
padding-top: 6em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
body.pdf #container > header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#main > #container > section {
|
||||
margin-left: 5em;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#main > #container > section > span.fa
|
||||
{
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: -50px;
|
||||
font-size: 30px;
|
||||
color: #BFC1C3;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
border: 0;
|
||||
border-top: 1px solid #EEE;
|
||||
}
|
||||
|
||||
.tenure {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
font-size: 46px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
color: #BFC1C3;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin-bottom: 0;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
color: #428BCA;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.defunct {
|
||||
color: #989898;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#summary > p > strong {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
|
||||
.label-keyword {
|
||||
display: inline-block;
|
||||
background: #7eb0db;
|
||||
color: white;
|
||||
font-size: 0.9em;
|
||||
padding: 5px;
|
||||
border: 1px solid #357ebd;
|
||||
border-radius: 5px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.card-skills {
|
||||
position: relative;
|
||||
}
|
||||
.card-nested {
|
||||
min-height: 0;
|
||||
margin-bottom: 10px;
|
||||
border-width: 1px 0 0 0;
|
||||
}
|
||||
.card {
|
||||
background: #FFF;
|
||||
border-radius: 3px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.skill-level {
|
||||
border-radius: 3px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
width: 10px;
|
||||
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.skill-level .skill-progress {
|
||||
position: absolute;
|
||||
border-radius: 3px;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
-webkit-transition: height 1s ease;
|
||||
}
|
||||
.skill-level .skill-progress.beginner {
|
||||
height: 50%;
|
||||
background: #e74c3c;
|
||||
}
|
||||
.skill-level .skill-progress.intermediate {
|
||||
height: 70%;
|
||||
background: #f1c40f;
|
||||
}
|
||||
.skill-level .skill-progress.advanced {
|
||||
height: 80%;
|
||||
background: #428bca;
|
||||
}
|
||||
.skill-level .skill-progress.master {
|
||||
height: 95%;
|
||||
background: #5cb85c;
|
||||
}
|
||||
.skill-info {
|
||||
margin-left: 10px;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.skill-info {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.list-unstyled {
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.card-skills {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.space-top {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#elevator-pitch {
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
color: #BFC1C3;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.res-label {
|
||||
font-style: italic;
|
||||
}
|
Reference in New Issue
Block a user