ilia/resume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ADD resume 4

Browse Source
This commit is contained in:
salamimitpizza 2017-02-02 23:46:55 +01:00
parent a404afacf7
commit c0e6519cdc
13 changed files with 323 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
README.md
View File

@ -6,9 +6,10 @@ A collection of beautiful resumes build with LESS and Mustache Templates. Choose
## Resumes
<a href="resumes/resume-1/resume-1.png"><img src="resumes/resume-1/resume-1.png" style="border: 1px solid grey" width="150"/></a>
<a href="resumes/resume-2/resume-2.png"><img src="resumes/resume-2/resume-2.png" style="border: 1px solid grey" width="150"/></a>
<a href="resumes/resume-3/resume-3.png"><img src="resumes/resume-3/resume-3.png" style="border: 1px solid grey" width="150"/></a>
<a href="resumes/resume-1/resume-1.png"><img src="resumes/resume-1/resume-1.png" width="150"/></a>
<a href="resumes/resume-2/resume-2.png"><img src="resumes/resume-2/resume-2.png" width="150"/></a>
<a href="resumes/resume-3/resume-3.png"><img src="resumes/resume-3/resume-3.png" width="150"/></a>
<a href="resumes/resume-3/resume-4.png"><img src="resumes/resume-4/resume-4.png" width="150"/></a>
## Install

7
index.html
View File

@ -17,9 +17,10 @@
<p>Build your best resume ever!</p>
<p>A collection of beautiful resumes build with LESS and Mustache Templates. Choose your favorite Curriculum Vitae and easily export it as pdf.</p>
<h2 id="resumes">Resumes</h2>
<p><a href="resumes/resume-1/resume-1.png"><img src="resumes/resume-1/resume-1.png" style="border: 1px solid grey" width="150"/></a>
<a href="resumes/resume-2/resume-2.png"><img src="resumes/resume-2/resume-2.png" style="border: 1px solid grey" width="150"/></a>
<a href="resumes/resume-3/resume-3.png"><img src="resumes/resume-3/resume-3.png" style="border: 1px solid grey" width="150"/></a></p>
<p><a href="resumes/resume-1/resume-1.png"><img src="resumes/resume-1/resume-1.png" width="150"/></a>
<a href="resumes/resume-2/resume-2.png"><img src="resumes/resume-2/resume-2.png" width="150"/></a>
<a href="resumes/resume-3/resume-3.png"><img src="resumes/resume-3/resume-3.png" width="150"/></a>
<a href="resumes/resume-3/resume-4.png"><img src="resumes/resume-4/resume-4.png" width="150"/></a></p>
<h2 id="install">Install</h2>
<p>Follow these instructions to create your own CV:</p>
<ul>

3
less/fonts.less
View File

@ -2,3 +2,6 @@
@import (less) "../node_modules/raleway-webfont/raleway.min.css";
@import (less) "../node_modules/npm-font-open-sans-condensed/open-sans-condensed.css";
@import (less) "../node_modules/material-design-icons/iconfont/material-icons.css";
@import (less) "../node_modules/roboto-fontface/css/roboto/roboto-fontface.css";
@import (less) "../node_modules/roboto-fontface/css/roboto-condensed/roboto-condensed-fontface.css";
@import (less) "../node_modules/roboto-fontface/css/roboto-slab/roboto-slab-fontface.css";

1
package.json
View File

@ -45,6 +45,7 @@
"pdf-to-png": "^1.0.3",
"pre-commit": "^1.2.2",
"raleway-webfont": "^3.0.1",
"roboto-fontface": "^0.7.0",
"showdown": "^1.6.3",
"write": "^0.3.2"
}

2
public/style.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
resumes/resume-3/resume-3.pdf
View File

Binary file not shown.

197
resumes/resume-4/resume-4.less Normal file
View File

@ -0,0 +1,197 @@
@main: #EE5566;
@textDark: #222233;
@textLight: #554455;
@page4: #eaeaea;
.resume4 {
background: @page4;
}
#resume4 {
font-family: 'Roboto', sans-serif;
color: @textDark;
a,
a:focus,
a:hover {
color: @textDark;
}
.card {
border-radius: 2px;
border-radius: 4px;
margin-bottom: 25px;
&.contact,
&.education {
float: left;
}
&.half {
width: 49%;
.card-content,
.card-header {
padding: 15px 8%;
width: 84%;
}
}
.card-header {
width: 92%;
display: inline-block;
padding: 20px 4%;
border-bottom: #CCC 1px solid;
i {
float: left;
font-size: 32px;
color: @textLight;
}
h3 {
margin: 0;
float: left;
font-size: 26px;
font-weight: 300;
margin-left: 10px;
color: @textLight;
margin-top: 2px;
}
}
.card-content {
width: 92%;
padding: 20px 4%;
}
}
.resume-header {
.box {
display: inline-block;
background: @main;
height: 150px;
width: 100%;
}
.person-header {
position: absolute;
width: 100%;
top: 50px;
.img {
background: url('person.jpg');
background-position: center;
background-size: cover;
height: 200px;
width: 200px;
border-radius: 50%;
border: @page4 3px solid;
position: relative;
margin-left: auto;
margin-right: auto;
filter: grayscale(100%);
}
.person-wrapper {
margin-left: auto;
margin-right: auto;
text-align: center;
.name {
color: @textDark;
font-size: 35px;
margin-top: 10px;
}
.position {
color: @textLight;
}
}
}
}
.resume-content {
margin-top: 200px;
padding-left: 5%;
padding-right: 5%;
.experience-block {
margin-bottom: 10px;
color: @textDark;
&:last-of-type {
margin-bottom: 0;
}
.row {
&:first-child {
font-size: 18px;
color: @textDark;
}
&:nth-child(2) {
font-size: 15px;
color: @textLight;
}
}
}
.education {
margin-right: 2%;
.education-block {
margin-bottom: 10px;
color: @textDark;
&:last-of-type {
margin-bottom: 0;
}
.row {
&:first-child {
font-size: 18px;
color: @textDark;
}
&:nth-child(2) {
font-size: 15px;
color: @textLight;
}
}
}
}
.skills {
width: 100%;
.wrapper {
display: inline-block;
width: 100%;
.skill {
i {
margin-right: 5px;
font-size: 12px;
}
width: 50%;
display: inline-block;
float: left;
width: 50%;
font-size: 18px;
color: #223;
}
}
}
.contact {
color: @textDark;
a,
span {
padding-bottom: 5px;
display: inline-block;
}
}
}
}

101
resumes/resume-4/resume-4.mustache Normal file
View File

@ -0,0 +1,101 @@
<page class="a4 resume4">
<div id="resume4">
<div class="resume-header">
<div class="box"></div>
<div class="person-header">
<div class="img"></div>
<div class="person-wrapper">
<div class="person">
<div class="name">{{person.name}}</div>
<div class="position">{{person.position}}</div>
</div>
</div>
</div>
</div>
<div class="resume-content experience">
<div class="card">
<div class="card-header">
<i class="material-icons">work</i>
<h3>Experience</h3>
</div>
<div class="card-content">
{{#person.experience}}
<div class="experience-block">
<div class="row">
<span class="job-title"> {{position}} - </span>
<span class="company"> {{company}} </span>
</div>
<div class="row">
<span class="time-period"> {{timeperiod}}</span>
<span class="job-description">, {{description}} </span>
</div>
</div>
{{/person.experience}}
</div>
</div>
<div class="card skills">
<div class="card-header">
<i class="material-icons">computer</i>
<h3>Skills</h3>
</div>
<div class="card-content">
<div class="wrapper">
{{#person.skills}}
<span class="skill"><i class="material-icons">check</i> {{name}}</span>
{{/person.skills}}
</div>
</div>
</div>
<div class="card-row">
<div class="card education half">
<div class="card-header">
<i class="material-icons">school</i>
<h3>Education</h3>
</div>
<div class="card-content">
{{#person.education}}
<div class="education-block">
<div class="row">
<span class="degree">{{degree}}</span>
</div>
<div class="row">
<span class="degree-description">{{description}}</span>
</div>
</div>
{{/person.education}}
</div>
</div>
<div class="card contact half">
<div class="card-header">
<i class="material-icons">perm_contact_calendar</i>
<h3>Contact</h3>
</div>
<div class="card-content">
<a href="mailto:{{person.contact.email}}"> {{person.contact.email}}</a>
<br>
<a href="tel:{{person.contact.phone}}">{{person.contact.phone}}</a>
<br>
<span>{{person.contact.street}}, {{person.contact.city}}</span>
<br>
<a href="{{person.contact.website}}">
{{person.contact.website}}
</a>
<br>
<a href="{{person.contact.github}}">
{{person.contact.github}}
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</page>

BIN
resumes/resume-4/resume-4.pdf Normal file
View File

Binary file not shown.

BIN
resumes/resume-4/resume-4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

1
resumes/resumes.less
View File

@ -1,3 +1,4 @@
@import "resume-1/resume-1.less";
@import "resume-2/resume-2.less";
@import "resume-3/resume-3.less";
@import "resume-4/resume-4.less";

1
scripts/createPDF.bash
View File

@ -1,3 +1,4 @@
electroshot localhost:3000/resume-1 2481x3508 --pdf-margin none --format pdf --out resumes/resume-1 --filename "resume-1.pdf"
electroshot localhost:3000/resume-2 2481x3508 --pdf-margin none --format pdf --out resumes/resume-2 --filename "resume-2.pdf"
electroshot localhost:3000/resume-3 2481x3508 --pdf-margin none --format pdf --out resumes/resume-3 --filename "resume-3.pdf"
electroshot localhost:3000/resume-4 2481x3508 --pdf-margin none --format pdf --out resumes/resume-4 --filename "resume-4.pdf"

10
server.js
View File

@ -13,6 +13,7 @@ app.set('view engine', 'mustache');
app.use(express.static(path.join(__dirname, 'public')));
app.use(express.static(path.join(__dirname, 'node_modules/material-design-icons/iconfont')));
app.use('/fonts', express.static(path.join(__dirname, 'node_modules/npm-font-open-sans-condensed/fonts')));
app.use('/fonts', express.static(path.join(__dirname, 'node_modules/roboto-fontface/fonts')));
app.use(express.static(path.join(__dirname, 'resumes')));
app.use(express.static(path.join(__dirname, 'node_modules')));
app.use('/fonts', express.static(path.join(__dirname, 'node_modules/open-sans-fontface/fonts')));
@ -53,6 +54,15 @@ app.get('/resume-3', function(req, res) {
});
});
app.get('/resume-4', function(req, res) {
res.render('layout', {
partials: {
content: 'resume-4/resume-4'
},
person: person
});
});
app.listen(3000, '0.0.0.0', function() {
console.log('Listening on localhost:3000!');
});