Skip to content

Commit 45a9144

Browse files
committed
add floating link and PDF download
1 parent 975fe51 commit 45a9144

File tree

3 files changed

+50
-0
lines changed

3 files changed

+50
-0
lines changed

_includes/resume.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,12 @@
1515

1616
document.write(`${years} yrs ${months} mos`);
1717
}
18+
19+
document.addEventListener("click", function(e) {
20+
if (e.target.className.indexOf("bottom-bar__close") !== -1) {
21+
document.getElementsByClassName("bottom-bar")[0].remove();
22+
}
23+
});
1824
</script>
1925

2026
<link href="https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans:400,300,800,700" rel="stylesheet" type="text/css">
@@ -263,6 +269,17 @@ <h4 class="resume-item-details" itemprop="description">{{ association.role }} &b
263269
</section>
264270
{%- endif -%}
265271

272+
<div class="bottom-bar no-print">
273+
<div class="bottom-bar__content">
274+
<div class="bottom-bar__text">
275+
<a href="/assets/Chad Baldwin, MCSA - Senior Database Developer - Resume.pdf" >
276+
PDF version available here
277+
</a>
278+
</div>
279+
<button class="bottom-bar__close" type="button">&times;</button>
280+
</div>
281+
</div>
282+
266283
{%- comment -%}
267284
<footer class="page-footer">
268285
<p class="footer-line">Made by <a href="http://twitter.com/jglovier">@jglovier</a>. Fork me on <a href="https://github.com/jglovier/resume-template">GitHub</a>.</p>
Binary file not shown.

css/resume.scss

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -180,6 +180,39 @@ ul, ol {
180180
}
181181
}
182182
}
183+
184+
.bottom-bar {
185+
position: fixed;
186+
bottom: 0;
187+
right: 0;
188+
background: #333333;
189+
color: #ffffff;
190+
//box-sizing: border-box;
191+
padding: 10px;
192+
193+
.bottom-bar__content > * {
194+
display: flex;
195+
align-items: center;
196+
}
197+
198+
.bottom-bar__content {
199+
margin: 0 auto;
200+
display: flex;
201+
justify-content: space-between;
202+
203+
.bottom-bar__text {
204+
padding-right: 10px;
205+
}
206+
207+
.bottom-bar__close {
208+
background: none;
209+
border: none;
210+
color: #ffffff;
211+
cursor: pointer;
212+
font-size: 2rem;
213+
}
214+
}
215+
}
183216
}
184217

185218
.print-only {

0 commit comments

Comments
 (0)