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

FIX index.mustache

Browse Source
This commit is contained in:
unpregnant 2017-02-22 22:06:39 +01:00
parent 56c2f4fa4a
commit e6519983ff
3 changed files with 33 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

111
less/style.less
View File

@ -29,99 +29,38 @@ body {
}
}
#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;
}
.index-page {
p {}
padding-left: 5%;
width: 90%;
padding-top: 20px;
header {
background: @header;
color: white;
padding-top: 10px;
padding-bottom: 10px;
.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;
}
}
}
h3 {
font-size: 30px;
}
main {
padding-left: 5%;
padding-right: 5%;
width: 80%;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
.resume {
display: inline-block;
text-decoration: none;
margin-right: 10px;
margin-bottom: 10px;
p {
font-size: 20px;
img {
height: 300px;
width: auto;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
&:hover {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
}
.resume-collection {
h3 {
font-size: 30px;
}
.resume {
display: inline-block;
text-decoration: none;
margin-right: 10px;
margin-bottom: 10px;
img {
height: 300px;
width: auto;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
&:hover {
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;
}
}
.resume-title {
text-align: center;
display: block;
text-decoration: none;
margin-top: 10px;
color: black;
}
}
}

2
public/styles/style.min.css vendored
View File

File diff suppressed because one or more lines are too long

31
resumes/views/index.mustache
View File

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