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

ADD shadows do material dark

Browse Source
This commit is contained in:
Sara Steiert 2017-05-04 21:35:18 +02:00
parent 5fc4e78384
commit 794af039cc
18 changed files with 51 additions and 321 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
Gruntfile.js
View File

@ -1,46 +1,47 @@
module.exports = function(grunt) {
grunt.loadNpmTasks('grunt-exec');
require('load-grunt-tasks')(grunt);
grunt.initConfig({
babel: {
options: {
sourceMap: true,
presets: ['es2015']
},
dist: {
files: {
'public/js/gen/javascript.js': 'public/js/javascript.js'
}
}
},
exec: {
less: 'node --harmony-async-await src/app.js less',
wait: 'node --harmony-async-await src/app.js wait'
},
bgShell: {
_defaults: {
bg: true
},
express: {
cmd: 'npm run server'
}
},
watch: {
app: {
files: [
'src/**/*.js',
'resumes/**/*.mustache',
'resumes/**/*.less',
'less/**/*.less'
],
tasks: ['exec:less', 'babel', 'bgShell:express', 'exec:wait'],
options: {
nospawn: false,
livereload: true
}
}
grunt.loadNpmTasks('grunt-exec');
require('load-grunt-tasks')(grunt);
grunt.initConfig({
babel: {
options: {
sourceMap: true,
presets: ['es2015']
},
dist: {
files: {
'public/js/gen/javascript.js': 'public/js/javascript.js'
}
});
}
},
exec: {
less: 'node --harmony-async-await src/app.js less',
wait: 'node --harmony-async-await src/app.js wait'
},
bgShell: {
_defaults: {
bg: true
},
express: {
cmd: 'npm run server'
}
},
watch: {
app: {
files: [
'public/js/javascript.js',
'src/**/*.js',
'resumes/**/*.mustache',
'resumes/**/*.less',
'less/**/*.less'
],
tasks: ['exec:less', 'babel', 'bgShell:express', 'exec:wait'],
options: {
nospawn: false,
livereload: true
}
}
}
});
grunt.registerTask('default', ['babel', 'exec:less', 'bgShell:express', 'exec:wait', 'watch']);
grunt.registerTask('default', ['babel', 'exec:less', 'bgShell:express', 'exec:wait', 'watch']);
};

3
README.md
View File

@ -15,7 +15,6 @@ A collection of multiple beautiful resumes build with LESS and Mustache Template
<a href="public/preview/resume-side-bar.png"><img src="public/preview/resume-side-bar.png" width="150"/></a>
<a href="public/preview/resume-oblique.png"><img src="public/preview/resume-oblique.png" width="150"/></a>
<a href="public/preview/resume-grey-boxes.png"><img src="public/preview/resume-grey-boxes.png" width="150"/></a>
<a href="public/preview/resume-spotify.png"><img src="public/preview/resume-spotify.png" width="150"/></a>
@ -57,4 +56,4 @@ With `npm run pdf` the resumes can be exported. You will find all resumes as PDF
## Configuration and Contribution
Please read [the guide](/docs/Docs.md) on how to configure page size, stylings and adding your own templates.
Feel free to create your own templates or help in fixing issues.
Feel free to create your own templates or help in fixing issues.

BIN
pdf/resume-grey-boxes.pdf
View File

Binary file not shown.

BIN
pdf/resume-left-right.pdf
View File

Binary file not shown.

BIN
pdf/resume-material-blue.pdf
View File

Binary file not shown.

BIN
pdf/resume-material-dark.pdf
View File

Binary file not shown.

BIN
pdf/resume-oblique.pdf
View File

Binary file not shown.

BIN
pdf/resume-side-bar.pdf
View File

Binary file not shown.

BIN
pdf/resume-spotify.pdf
View File

Binary file not shown.

4
public/js/gen/javascript.js
View File

@ -182,10 +182,10 @@ var isElectron = function isElectron() {
* fixes resume
*/
var fixResume = function fixResume() {
console.log('aaaaaaa');
if (!isResume()) return;
checkFont();
if (isElectron()) fixBoxShadows();
//if (isElectron())
fixBoxShadows();
};
fixResume();

2
public/js/gen/javascript.js.map
View File

File diff suppressed because one or more lines are too long

4
public/js/javascript.js
View File

@ -188,10 +188,10 @@ const isElectron = () => {
* fixes resume
*/
const fixResume = () => {
console.log('aaaaaaa');
if (!isResume()) return;
checkFont();
if (isElectron()) fixBoxShadows();
//if (isElectron())
fixBoxShadows();
};
fixResume();

BIN
public/preview/resume-material-dark.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 111 KiB

BIN
public/preview/resume-spotify.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 192 KiB

2
public/styles/resume-material-dark.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
resumes/resume-material-dark/style.less
View File

@ -166,6 +166,7 @@ a {
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
.headline {
font-weight: 300;

100
resumes/resume-spotify/index.mustache
View File

@ -1,100 +0,0 @@
<page class="a4 resume6">
<div id="resume6" class="resume" autofont>
<div class="left-col">
<div class="person-box">
<div class="img"></div>
<div class="content">
<div class="person-name"> {{person.name.first}} {{person.name.last}}</div>
<div class="person-position"> {{person.position}} </div>
</div>
</div>
<div class="skills-block">
<h3>Skills</h3>
<div class="skills">
{{#person.skills}}
<div class="skill">
<span class="skill-name">{{name}}</span>
<div class="skill-bar">
<div style="width: {{level}}%" class="level"> </div>
</div>
<div class="skill-circle">
<div style="left: {{level}}%" class="circle"></div>
</div>
</div>
{{/person.skills}}
</div>
<span class="skills-other"> {{person.skillDescription}} </span>
</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="contact">
<h3>Contact</h3>
<table>
<tr>
<td><i class="fa fa-envelope" aria-hidden="true"></i></td>
<td><a href="mailto:{{person.contact.email}}">{{person.contact.email}}</a></td>
</tr>
<tr>
<td><i class="fa fa-phone" aria-hidden="true"></i></td>
<td><a href="tel:{{person.contact.phone}}">{{person.contact.phone}}</a></td>
</tr>
<tr>
<td><i class="fa fa-home" aria-hidden="true"></i></td>
<td>{{person.contact.street}} <br> {{person.contact.city}}</td>
</tr>
<tr>
<td><i class="fa fa-globe" aria-hidden="true"></i></td>
<td><a href="{{person.contact.website}}">{{person.contact.website}}</a></td>
</tr>
<tr>
<td><i class="fa fa-github" aria-hidden="true"></i></td>
<td><a href="https://github.com/{{person.contact.github}}">https://github.com/{{person.contact.github}}</a></td>
</tr>
</table>
</div>
</div>
</div>
</page>

171
resumes/resume-spotify/style.less
View File

@ -1,171 +0,0 @@
@green: #1cb251;
@background: #171717;
@grey: #282828;
@grey2: #9a9a9a;
@grey3: #767676;
@circle: #c6c6c6;
@fontSize: 20px;
@contactIconFontSize: 30px;
.resume6 {
background: @background;
font-family: 'TypoPRO Montserrat';
font-weight: 300;
}
#resume6 {
padding-bottom: 50px;
color: white;
h3 {
background: @green;
margin: 0;
text-align: center;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 9px;
padding-top: 20px;
padding-bottom: 20px;
border-radius: 35px;
}
.left-col {
float: left;
width: 38%;
padding: 3%;
.person-box {
width: 100%;
background: @grey;
.img {
height: 300px;
width: 100%;
background: url('/person.jpg');
background-size: cover;
background-position: center;
}
.content {
padding: 7%;
.person-name {
width: 100%;
margin-bottom: 10px;
font-size: @fontSize;
}
.person-position {
color: @grey3;
width: 100%;
}
}
}
.skill {
margin-bottom: 35px;
width: 90%;
margin-left: auto;
margin-right: auto;
.skill-name {
color: @grey2;
}
}
.skills-other {
color: rgba(154,154,154,.8);
}
.skills-block {
h3 {
margin-top: 30px;
margin-bottom: 20px;
}
.skill-bar {
width: 100%;
background: @grey;
height: 10px;
border-radius: 20px;
position: relative;
overflow: hidden;
margin-top: 10px;
.level {
width: 99%;
position: absolute;
background: @grey2;
height: 10px;
}
}
.skill-circle {
position: relative;
width: 100%;
margin-top: -15px;
transform: translateX(-15px);
.circle {
background: @circle;
height: 20px;
width: 20px;
border-radius: 50%;
position: absolute;
}
}
}
}
.right-col {
width: 53%;
float: left;
padding-top: 3%;
padding-right: 3%;
.education,
.experience {
margin-bottom: 20px;
.education-block,
.experience-block {
font-size: @fontSize;
padding: 20px;
border-bottom: 1px #262626 solid;
color: rgba(154, 154, 154, 0.8);
&:last-child {
border-bottom: none;
}
.row:first-child {
color: @grey2;
}
}
}
.contact {
table {
color: @grey2;
padding: 20px;
font-size: @fontSize;
font-weight: 300;
a,
a:focus,
a:hover,
a:visited {
color: @grey2;
text-decoration: none;
}
i.fa {
color: rgba(154, 154, 154, 0.8);
font-size: @contactIconFontSize;
margin-right: 20px;
margin-top: 2px;
}
}
}
}
}