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

ADD second resume

Browse Source
This commit is contained in:
salamimitpizza 2017-02-01 22:07:12 +01:00
parent 1ffb0b425b
commit 9c903647d7
14 changed files with 304 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
createPDF.bash
View File

@ -1 +1,2 @@
electroshot localhost:3000/resume-1 2481x3508 --format pdf --out pdf
electroshot localhost:3000/resume-2 2481x3508 --format pdf --out pdf

1
createPDF.sh
View File

@ -1 +1,2 @@
electroshot localhost:3000/resume-1 2481x3508 --format pdf --out pdf
electroshot localhost:3000/resume-2 2481x3508 --format pdf --out pdf

4
index.html
View File

@ -31,6 +31,10 @@
<img src="public/preview/resume-1.png" />
<span class="resume-title">Resume 1</span>
</div>
<div class="resume">
<img src="public/preview/resume-2.png" />
<span class="resume-title">Resume 2</span>
</div>
</section>
</main>
</div>

161
less/resume-2.less Normal file
View File

@ -0,0 +1,161 @@
@dots: rgba(153, 153, 153, 0.6);
#resume2 {
font-family: 'Raleway', sans-serif;
font-weight: 200;
h3 {
text-transform: uppercase;
padding-top: 0;
margin-top: 0;
letter-spacing: 5px;
font-weight: 400;
}
.top-row {
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
span {
width: 100%;
display: block;
text-align: center;
font-weight: normal;
&.person-name {
text-transform: uppercase;
font-size: 50px;
letter-spacing: 10px;
}
&.person-position {
letter-spacing: 5px;
}
}
}
.left-col {
width: 26%;
float: left;
padding-left: 8%;
padding-right: 4%;
.person-image {
.image-centerer {
display: flex;
justify-content: center;
height: auto;
overflow: hidden;
img {
flex: none;
}
}
}
.contact {
h3 {
text-align: center;
margin-top: 20px;
}
.contact-row {
text-align: center;
letter-spacing: 2px;
margin-bottom: 3px;
&:first-of-type {
margin-top: 50px;
}
&.dots {
margin-top: 20px;
margin-bottom: 15px;
font-size: 10px;
color: @dots;
}
a {
color: black;
}
}
}
}
.right-col {
width: 50%;
float: right;
padding-left: 4%;
padding-right: 8%;
.experience-block {
margin-bottom: 10px;
.row {
&:first-child {
font-size: 19px;
margin-bottom: 3px;
}
.company {
text-transform: uppercase;
font-size: 19px;
}
}
}
.education {
margin-top: 50px;
.education-block {
margin-bottom: 10px;
.degree {
font-size: 19px;
text-transform: uppercase;
margin-bottom: 3px;
}
}
}
.skills-block {
margin-top: 50px;
position: relative;
.skills {
margin-bottom: 10px;
position: relative;
margin-left: auto;
margin-right: auto;
display: inline-block;
margin-bottom: 20px;
.skill {
width: 80px;
height: 80px;
border-radius: 50%;
position: relative;
border: #333 1px solid;
margin: 3px;
float: left;
font-size: 13px;
.skill-name {
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
}
.skills-other {
display: inline-block;
width: 100%;
margin-top: 20px;
}
}
}
}
}

1
less/style.less
View File

@ -96,6 +96,7 @@ body {
.resume {
display: inline-block;
text-decoration: none;
margin-right: 10px;
img {
height: 300px;

66
package.json
View File

@ -1,35 +1,35 @@
{
"name": "best-resume-ever",
"version": "1.0.0",
"description": "",
"main": "server.js",
"scripts": {
"server": "node server.js",
"start": "npm run less && npm run server",
"pdf": "bash createPDF.bash",
"pdf:win": "sh createPDF.sh",
"less": "lessc --clean-css less/style.less public/style.min.css"
},
"repository": {
"type": "git",
"url": "git+https://github.com/SalamiMitPizza/beautifulCV.git"
},
"author": "salamimipizza",
"homepage": "https://salamimitpizza.github.io/beautifulCV/",
"dependencies": {
"electron": "^1.4.15",
"electroshot": "^1.2.0",
"express": "^4.14.1",
"font-awesome": "^4.7.0",
"hogan-express": "^0.5.2",
"html-pdf": "2.1.0",
"jquery": "^3.1.1",
"less": "^2.7.2",
"less-plugin-clean-css": "^1.5.1",
"local-web-server": "1.2.6",
"mustache-express": "^1.2.4",
"open-sans-fontface": "^1.4.0",
"path": "^0.12.7",
"raleway-webfont": "^3.0.1"
}
"name": "best-resume-ever",
"version": "1.0.0",
"description": "",
"main": "server.js",
"scripts": {
"server": "node server.js",
"start": "npm run less && npm run server",
"pdf": "bash createPDF.bash",
"pdf:win": "sh createPDF.sh",
"less": "lessc --clean-css less/style.less public/style.min.css"
},
"repository": {
"type": "git",
"url": "git+https://github.com/SalamiMitPizza/beautifulCV.git"
},
"author": "salamimipizza",
"homepage": "https://salamimitpizza.github.io/beautifulCV/",
"dependencies": {
"electron": "^1.4.15",
"electroshot": "^1.2.0",
"express": "^4.14.1",
"font-awesome": "^4.7.0",
"hogan-express": "^0.5.2",
"html-pdf": "2.1.0",
"jquery": "^3.1.1",
"less": "^2.7.2",
"less-plugin-clean-css": "^1.5.1",
"local-web-server": "1.2.6",
"mustache-express": "^1.2.4",
"open-sans-fontface": "^1.4.0",
"path": "^0.12.7",
"raleway-webfont": "^3.0.1"
}
}

BIN
pdf/localhost-resume-1-2481x3508.pdf
View File

Binary file not shown.

BIN
pdf/localhost-resume-2-2481x3508.pdf Normal file
View File

Binary file not shown.

0
public/charts.js Normal file
View File

BIN
public/preview/resume-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 117 KiB

2
public/style.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
templates/index.mustache
View File

@ -32,6 +32,10 @@
<img src="/preview/resume-1.png" />
<span class="resume-title">Resume 1</span>
</a>
<a class="resume" href="/resume-2">
<img src="/preview/resume-2.png" />
<span class="resume-title">Resume 2</span>
</a>
</section>
</main>
</div>

6
templates/layout.mustache
View File

@ -5,14 +5,14 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="/style.min.css" rel="stylesheet">
<title>Best resume ever</title>
<link href="/style.min.css" rel=" stylesheet">
<title> Best resume ever </title>
</head>
<body>
{{> content}}
{{>content}}
</body>
</html>

95
templates/resume-2.mustache Normal file
View File

@ -0,0 +1,95 @@
<page class="a4">
<div id="resume2">
<div class="top-row">
<span class="person-name"> {{person.name}} </span>
<span class="person-position"> {{person.position}} </span>
</div>
<div class="left-col">
<div class="person-image">
<div class="image-centerer">
<img src="/person.jpg" />
</div>
</div>
<div class="contact">
<h3>Contact</h3>
<div class="contact-row">
<a href="mailto:{{person.contact.email}}">{{person.contact.email}}</a>
</div>
<div class="contact-row dots">
<i class="fa fa-circle" aria-hidden="true"></i>
<i class="fa fa-circle" aria-hidden="true"></i>
<i class="fa fa-circle" aria-hidden="true"></i>
</div>
<div class="contact-row">
<a href="tel:{{person.contact.phone}}">{{person.contact.phone}}</a>
</div>
<div class="contact-row dots">
<i class="fa fa-circle" aria-hidden="true"></i>
<i class="fa fa-circle" aria-hidden="true"></i>
<i class="fa fa-circle" aria-hidden="true"></i>
</div>
<div class="contact-row">
{{person.contact.street}} <br> {{person.contact.city}}
</div>
<div class="contact-row dots">
<i class="fa fa-circle" aria-hidden="true"></i>
<i class="fa fa-circle" aria-hidden="true"></i>
<i class="fa fa-circle" aria-hidden="true"></i>
</div>
<div class="contact-row">
<a href="{{person.contact.github}}">{{person.contact.github}}</a>
</div>
</div>
</div>
<div class="right-col">
<div class="experience">
<h3>Experience</h3>
{{#person.experience}}
<div class="experience-block">
<div class="row">
<span class="company"> {{company}} -</span>
<span class="job-title"> {{position}} </span>
</div>
<div class="row">
<span class="time-period"> {{timeperiod}}</span>
</div>
<div class="row">
<span class="job-description"> {{description}} </span>
</div>
</div>
{{/person.experience}}
</div>
<div class="education">
<h3>Education</h3>
{{#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 class="skills-block">
<h3>Skills</h3>
<div class="skills">
{{#person.skills}}
<div class="skill">
<span class="skill-name">{{name}}</span>
</div>
{{/person.skills}}
</div>
<span class="skills-other"> {{person.skillDescription}} </span>
</div>
</div>
</div>
</div>
</page>
</div>
</page>