gaiety/portfolio
gaiety/portfolio
1
1
Fork 0
Code Activity

Index intro

Browse source
This commit is contained in:
Joe Wroten 2019-01-07 21:39:32 -06:00
parent e223da16a1
commit 95efce1018
3 changed files with 51 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/assets/stylesheet.css
View file

@ -7,7 +7,7 @@ html, body {
}
svg {
fill: white;
fill: currentColor;
max-width: 100%;
max-height: 100%;
height: 1em;
@ -81,6 +81,32 @@ a {
background: #F0FFED;
}
.index-top {
color: #5B7189;
margin-bottom: 2.5rem;
}
.index-top-info {
display: flex;
}
.index-top em {
color: #B8CCE3;
font-style: normal;
}
.index .name {
font-size: 20px;
flex-grow: 1;
}
.index .intro {
font-size: 59px;
line-height: 45px;
margin-bottom: 5px;
text-transform: uppercase;
}
.index .tag {
margin-bottom: 1rem;
}

1
src/icons/resume.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 4v16h-1.537c-.692-1.195-1.985-2-3.463-2s-2.771.805-3.463 2h-3.074c-.692-1.195-1.985-2-3.463-2s-2.771.805-3.463 2h-1.537v-16h20zm2-2h-24v20h5c0-1.104.896-2 2-2s2 .896 2 2h6c0-1.104.896-2 2-2s2 .896 2 2h5v-20zm-10 13.597v.403h-10v-.417c-.004-1.112.044-1.747 1.324-2.043 1.402-.324 2.787-.613 2.121-1.841-1.972-3.637-.562-5.699 1.555-5.699 2.077 0 3.521 1.985 1.556 5.699-.647 1.22.688 1.51 2.121 1.841 1.284.297 1.328.936 1.323 2.057zm6-9.597h-4v2h4v-2zm0 4h-4v2h4v-2zm0 4h-4v2h4v-2z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 586 B

23
src/templates/index.hbs
View file

@ -13,6 +13,29 @@
<meta name="viewport" content="width=device-width; height=device-height; maximum-scale=1.4; initial-scale=1.0; user-scalable=yes">
</head>
<body class="index">
<header>
<!-- TODO -->
</header>
<main class="index-top -container -pad-h">
<h1 class="intro">
Canine pretending to be a <em>web engineer</em>
</h1>
<div class="index-top-info">
<h2 class="name -mar-no">
<em>Joe Wroten</em>
</h2>
<div>
<a href="#">
<em>
<svg class="index-interiorlink-icon" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="./assets/spritesheet.svg#resume" />
</svg>
Resume
</em>
</a>
</div>
</div>
</main>
<ol class="index-interiorlinks">
{{#each this}}
<li class="index-interiorlink-wrapper">