ADD resume 3
This commit is contained in:
salamimitpizza
parent
46d2956fda
commit
7d6cda867e
@ -8,6 +8,7 @@ A collection of beautiful resumes build with LESS and Mustache Templates. Choose
|
||||
|
||||
<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>
|
||||
|
||||
## Install
|
||||
|
||||
|
||||
@ -1,2 +1,4 @@
|
||||
@import "../node_modules/open-sans-fontface/open-sans.less";
|
||||
@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";
|
||||
|
||||
@ -36,8 +36,10 @@
|
||||
"less-plugin-clean-css": "^1.5.1",
|
||||
"local-web-server": "1.2.6",
|
||||
"markdown-to-html": "0.0.13",
|
||||
"material-design-icons": "^3.0.1",
|
||||
"mustache": "^2.3.0",
|
||||
"mustache-express": "^1.2.4",
|
||||
"npm-font-open-sans-condensed": "^1.0.3",
|
||||
"open-sans-fontface": "^1.4.0",
|
||||
"path": "^0.12.7",
|
||||
"pdf-to-png": "^1.0.3",
|
||||
|
||||
2
public/style.min.css
vendored
2
public/style.min.css
vendored
File diff suppressed because one or more lines are too long
@ -36,6 +36,11 @@
|
||||
<img src="/resume-2/resume-2.png" />
|
||||
<span class="resume-title">Resume 2</span>
|
||||
</a>
|
||||
|
||||
<a class="resume" href="/resume-3">
|
||||
<img src="/resume-3/resume-3.png" />
|
||||
<span class="resume-title">Resume 3</span>
|
||||
</a>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 117 KiB After Width: | Height: | Size: 117 KiB |
160
resumes/resume-3/resume-3.less
Normal file
160
resumes/resume-3/resume-3.less
Normal file
@ -0,0 +1,160 @@
|
||||
@triangle: #006064;
|
||||
|
||||
#resume3 {
|
||||
font-family: 'Open Sans Condensed', sans-serif;
|
||||
|
||||
h3 {
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
a,
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.resume-header {
|
||||
.triangle {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 600px 0 0 1500px;
|
||||
border-color: @triangle transparent transparent transparent;
|
||||
position: absolute;
|
||||
left: -600px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.person-header {
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
right: 15%;
|
||||
top: 200px;
|
||||
|
||||
.person-wrapper {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.img {
|
||||
height: 100%;
|
||||
width: 100px;
|
||||
float: left;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background: url('person.jpg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.person {
|
||||
float: right;
|
||||
color: white;
|
||||
margin-right: 120px;
|
||||
}
|
||||
|
||||
.name {
|
||||
text-transform: uppercase;
|
||||
Font-size: 50px;
|
||||
display: table-caption;
|
||||
text-align: right;
|
||||
line-height: 1.0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.position {
|
||||
Font-size: 20px;
|
||||
display: table-caption;
|
||||
text-align: right;
|
||||
line-height: 1.0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.resume-content {
|
||||
margin-top: 435px;
|
||||
margin-left: 15%;
|
||||
width: 70%;
|
||||
|
||||
.experience {
|
||||
.experience-block {
|
||||
line-height: 1;
|
||||
margin-bottom: 10px;
|
||||
|
||||
&:first-of-type {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.row:first-child {
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
|
||||
i {
|
||||
font-size: 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.education-block {
|
||||
line-height: 1;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.row:first-child {
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
.skill-section {
|
||||
.skills {
|
||||
width: 100%;
|
||||
|
||||
.skill-block {
|
||||
width: 50%;
|
||||
float: left;
|
||||
|
||||
i {
|
||||
font-size: 17px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.skill {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.skills-other {
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
margin-top: 10px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.contact {
|
||||
margin-top: 50px;
|
||||
|
||||
a,
|
||||
span {
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
margin-top: 0;
|
||||
line-height: 1;
|
||||
float: left;
|
||||
padding-left: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
80
resumes/resume-3/resume-3.mustache
Normal file
80
resumes/resume-3/resume-3.mustache
Normal file
@ -0,0 +1,80 @@
|
||||
<page class="a4">
|
||||
|
||||
<div id="resume3">
|
||||
<div class="resume-header">
|
||||
<div class="triangle"></div>
|
||||
<div class="person-header">
|
||||
<div class="person-wrapper">
|
||||
<div class="person">
|
||||
<div class="name">{{person.name}}</div>
|
||||
<div class="position">{{person.position}}</div>
|
||||
</div>
|
||||
<div class="img">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="resume-content">
|
||||
<div class="experience">
|
||||
<h3>Experience</h3>
|
||||
|
||||
{{#person.experience}}
|
||||
<div class="experience-block">
|
||||
<div class="row">
|
||||
<span class="job-title"> {{position}} </span>
|
||||
<i class="material-icons">details</i>
|
||||
<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 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="skill-section">
|
||||
<h3>Skills</h3>
|
||||
{{#person.skills}}
|
||||
<div class="skills">
|
||||
<div class="skill-block">
|
||||
<i class="material-icons">details</i>
|
||||
<span class="skill">{{name}}</span>
|
||||
</div>
|
||||
</div>
|
||||
{{/person.skills}}
|
||||
</div>
|
||||
<div class="skills-other">
|
||||
<span>{{person.skillDescription}} </span>
|
||||
</div>
|
||||
<div class="contact">
|
||||
<h3>Contact</h3>
|
||||
<a href="mailto:{{person.contact.email}}"> {{person.contact.email}}</a>
|
||||
<span>; </span>
|
||||
<a href="tel:{{person.contact.phone}}">{{person.contact.phone}}</a>
|
||||
<span>; </span>
|
||||
<span>{{person.contact.street}}, {{person.contact.city}}</span>
|
||||
<span>; </span>
|
||||
<a href="{{person.contact.website}}">
|
||||
{{person.contact.website}}</a>
|
||||
<span>; </span>
|
||||
<a href="{{person.contact.github}}">
|
||||
{{person.contact.github}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</page>
|
||||
BIN
resumes/resume-3/resume-3.pdf
Normal file
BIN
resumes/resume-3/resume-3.pdf
Normal file
Binary file not shown.
BIN
resumes/resume-3/resume-3.png
Normal file
BIN
resumes/resume-3/resume-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
@ -1,2 +1,3 @@
|
||||
@import "resume-1/resume-1.less";
|
||||
@import "resume-2/resume-2.less";
|
||||
@import "resume-3/resume-3.less";
|
||||
|
||||
@ -1,2 +1,3 @@
|
||||
electroshot localhost:3000/resume-1 2481x3508 --format pdf --out resumes/resume-1 --filename "resume-1.pdf"
|
||||
electroshot localhost:3000/resume-2 2481x3508 --format pdf --out resumes/resume-2 --filename "resume-2.pdf"
|
||||
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"
|
||||
|
||||
11
server.js
11
server.js
@ -11,6 +11,8 @@ app.set('views', path.join(__dirname, 'resumes'));
|
||||
app.engine('mustache', require('hogan-express'));
|
||||
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(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')));
|
||||
@ -42,6 +44,15 @@ app.get('/resume-2', function(req, res) {
|
||||
});
|
||||
});
|
||||
|
||||
app.get('/resume-3', function(req, res) {
|
||||
res.render('layout', {
|
||||
partials: {
|
||||
content: 'resume-3/resume-3'
|
||||
},
|
||||
person: person
|
||||
});
|
||||
});
|
||||
|
||||
app.listen(3000, '0.0.0.0', function() {
|
||||
console.log('Listening on localhost:3000!');
|
||||
});
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user