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

UPDATE index.mustache

Browse Source
This commit is contained in:
salamimitpizza 2017-02-01 19:54:28 +01:00
parent 6b1a0d1f3d
commit c09a174454
4 changed files with 88 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
less/style.less
View File

@ -1,8 +1,9 @@
@import "resume-1.less";
@import "resume-2.less";
@header: #4B5B6E;
@background: #CCCCCC;
@darkgrey: #343444;
@briefcase: #F1F2DF;
@main: #E77171;
body {
background: @background;
@ -28,30 +29,72 @@ body {
header {
background: @header;
color: white;
padding-top: 100px;
padding-bottom: 100px;
padding-top: 10px;
padding-bottom: 10px;
h1 {
.fa {
color: @briefcase;
margin-bottom: 10px;
font-size: 70px;
#forkme {
cursor: pointer;
display: block;
position: absolute;
top: 0;
right: 10%;
z-index: 10;
padding: 10px;
color: #fff;
background: @main;
font-weight: 700;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.content {
width: 80%;
margin-right: auto;
margin-left: auto;
.logo {
display: inline-block;
position: relative;
.fa {
color: white;
margin-bottom: 10px;
font-size: 70px;
float: left;
margin-right: 10px;
margin-top: 15px;
}
h1 {
float: left;
margin-top: 27px;
}
}
width: 100%;
text-align: center;
}
}
main {
padding-left: 5%;
padding-right: 5%;
width: 80%;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
p {
font-size: 20px;
}
.resume-collection {
a.resume {
h3 {
font-size: 30px;
}
.resume {
display: inline-block;
text-decoration: none;
img {
height: 300px;
width: auto;
@ -62,6 +105,14 @@ body {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
}
.resume-title {
text-align: center;
display: block;
text-decoration: none;
margin-top: 10px;
color: black;
}
}
}
}

2
public/style.min.css vendored
View File

File diff suppressed because one or more lines are too long

9
server.js
View File

@ -30,6 +30,15 @@ app.get('/resume-1', function(req, res) {
});
});
app.get('/resume-2', function(req, res) {
res.render('layout', {
partials: {
content: 'resume-2'
},
person: person
});
});
app.listen(3000, '0.0.0.0', function() {
console.log('Listening on localhost:3000!');
});

24
templates/index.mustache
View File

@ -12,19 +12,27 @@
<body>
<div class="index-page">
<header>
<h1>
<i class="fa fa-briefcase"></i>
<br>
best-resume-ever
</h1>
<a href="https://github.com/SalamiMitPizza/best-resume-ever" target="_blank">
<div id="forkme">View on Github <i class="fa fa-github"></i></div>
</a>
<div class="content">
<div class="logo">
<i class="fa fa-briefcase"></i>
<h1>
best-resume-ever
</h1>
</div>
</div>
</header>
<main>
<p>Click one of the resumes to preview.</p>
<div class="resume-collection">
<section class="resume-collection">
<h3>Resumes</h3>
<p>Click one of the resumes to preview.</p>
<a class="resume" href="/resume-1">
<img src="/preview/resume-1.png" />
<span class="resume-title">Resume 1</span>
</a>
</div>
</section>
</main>
</div>