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

FIX shadow in resume 5

Browse Source
This commit is contained in:
unpregnant 2017-02-06 21:47:10 +01:00
parent 3df3e8bdb6
commit 3141d18615
23 changed files with 78 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
less/fonts/material-design-icons.less Normal file → Executable file
View File

0
less/fonts/montserrat.less Normal file → Executable file
View File

0
less/fonts/opensans-condensed.less Normal file → Executable file
View File

0
less/fonts/opensans.less Normal file → Executable file
View File

0
less/fonts/raleway.less Normal file → Executable file
View File

0
less/fonts/roboto-condensed.less Normal file → Executable file
View File

0
less/fonts/roboto-slab.less Normal file → Executable file
View File

0
less/fonts/roboto.less Normal file → Executable file
View File

0
lib/util.js Normal file → Executable file
View File

BIN
pdf/resume-1.pdf Normal file → Executable file
View File

Binary file not shown.

BIN
pdf/resume-2.pdf Normal file → Executable file
View File

Binary file not shown.

BIN
pdf/resume-3.pdf Normal file → Executable file
View File

Binary file not shown.

BIN
pdf/resume-4.pdf Normal file → Executable file
View File

Binary file not shown.

BIN
pdf/resume-5.pdf Normal file → Executable file
View File

Binary file not shown.

BIN
pdf/resume-6.pdf Normal file → Executable file
View File

Binary file not shown.

0
public/preview/resume-3.png Normal file → Executable file
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 92 KiB

After

Width:  |  Height:  |  Size: 92 KiB

0
public/preview/resume-4.png Normal file → Executable file
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 110 KiB

After

Width:  |  Height:  |  Size: 110 KiB

BIN
public/preview/resume-5.png Normal file → Executable file
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 103 KiB

After

Width:  |  Height:  |  Size: 110 KiB

0
public/preview/resume-6.png Normal file → Executable file
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 166 KiB

After

Width:  |  Height:  |  Size: 166 KiB

2
public/style.min.css vendored Normal file → Executable file
View File

File diff suppressed because one or more lines are too long

78
resumes/resume-5/resume-5.less
View File

@ -3,31 +3,21 @@
}
#resume5 {
.dp1 {
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.dp2 {
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
.dp3 {
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
}
.dp4 {
box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
}
.dp5 {
box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
}
.introduction {
height: 25%;
position: relative;
background: #009688;
.dp3 {
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
position: absolute;
height: 100%;
-webkit-print-color-adjust: exact;
-webkit-filter:opacity(1);
top: 0;
width: 100%;
}
.wrapper {
width: 100%;
display: inline-block;
@ -49,6 +39,19 @@
position: relative;
}
.img-dp4 {
box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
-webkit-print-color-adjust: exact;
-webkit-filter:opacity(1);
position: absolute;
height: 100px;
width: 100px;
top: 0;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
}
.position {
color: white;
}
@ -81,6 +84,27 @@
flex: 1;
background: white;
border-radius: 2px;
position: relative;
.title-shadow {
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
position: absolute;
width: 100%;
height: 79px;
top: 0;
-webkit-print-color-adjust: exact;
-webkit-filter:opacity(1);
}
.dp1 {
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
position: absolute;
height: 100%;
width: 100%;
top: 0;
-webkit-print-color-adjust: exact;
-webkit-filter:opacity(1);
}
.title {
display: block;
@ -208,6 +232,20 @@
z-index: 2;
}
.circle-shadow {
height: 30px;
width: 30px;
display: inline-block;
background: #009688;
border-radius: 50%;
float: left;
position: absolute;
z-index: 2;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
-webkit-print-color-adjust: exact;
-webkit-filter:opacity(1);
}
.job {
margin-left: 53px;
margin-top: -5px;

30
resumes/resume-5/resume-5.mustache
View File

@ -1,21 +1,23 @@
<page class="a4 resume4">
<div id="resume5">
<div class="introduction dp3">
<div class="introduction">
<div class="wrapper">
<div class="img dp4">
<div class="img">
</div>
<div class="img-dp4"></div>
<div class="text">
<div class="name">{{person.name}}</div>
<div class="position">{{person.position}}</div>
</div>
</div>
<div class="dp3"></div>
</div>
<div class="resume-content">
<div class="card-row">
<div class="card dp1">
<div class="card">
<div class="content">
<div class="title dp3">Education</div>
<div class="title">Education</div>
<div class="title-shadow"></div>
<div class="text">
{{#person.education}}
<div class="row line">
@ -25,18 +27,21 @@
{{/person.education}}
</div>
</div>
<div class="dp1"></div>
</div>
</div>
<div class="card-row multiple">
<div class="card dp1">
<div class="card">
<div class="content ">
<div class="title dp3">Experience</div>
<div class="title">Experience</div>
<div class="title-shadow"></div>
<div class="text">
<div class="timeline">
{{#person.experience}}
<div class="experience-block">
<div class="circle dp1"></div>
<div class="job dp1">
<div class="circle"></div>
<div class="circle-shadow"></div>
<div class="job">
<div class="job-row">
<span class="jobtitle">{{position}}</span>
</div>
@ -55,10 +60,12 @@
</div>
</div>
<div class="dp1"></div>
</div>
<div class="card dp1">
<div class="card ">
<div class="content">
<div class="title dp3">Skills</div>
<div class="title">Skills</div>
<div class="title-shadow"></div>
<div class="text">
<div class="row">
<div class="chips">
@ -70,6 +77,7 @@
</div>
</div>
</div>
<div class="dp1"></div>
</div>
</div>
</div>

0
src/compileLess.js Normal file → Executable file
View File