add resume button to work

This commit is contained in:
a 2021-12-13 05:30:50 -06:00
parent 490bdc63b2
commit ad55267aaa
2 changed files with 25 additions and 2 deletions

View file

@ -1,4 +1,26 @@
#work {
.page-header .container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-content: center;
.page-title {
margin-right: 1em;
margin-bottom: 1em;
}
}
.resume-link {
height: 3em;
background: #06f;
color: white;
display: flex;
justify-content: center;
align-items: center;
padding: 0 1em;
border-radius: 6px;
text-decoration: none;
font-weight: 700;
}
.timeline {
position: relative;
max-width: 60em;
@ -83,12 +105,12 @@
&__summary {
flex-basis: 30ch;
grid-area: summary;
line-height: 1.4
line-height: 1.4;
margin-bottom: 0.5em;
}
&__readmore {
width: 15ch;
grid-area: readmore;
}
}
}

View file

@ -3,6 +3,7 @@
<header class="section page-header">
<div class="container">
<h1 class="page-title">{{ .Title }}</h1>
<a href="https://resume.abdullahtarawneh.com" class="resume-link">One-page Resume (HTML)</a>
</div>
</header>
<section class="section timeline">