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

Menu link/icon

Browse source
This commit is contained in:
Joe Wroten 2019-01-07 21:54:44 -06:00
parent 3a97ee9695
commit b178950ea2
3 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/assets/stylesheet.css
View file

@ -81,6 +81,14 @@ a {
background: #F0FFED;
}
.index-menulink {
color: white;
}
.index-menulink svg {
height: 1.5em;
}
.index-top {
color: #5B7189;
margin-bottom: 2.5rem;
@ -103,6 +111,7 @@ a {
.index .intro {
font-size: 59px;
line-height: 45px;
margin-top: 0;
margin-bottom: 5px;
text-transform: uppercase;
}

1
src/icons/menu.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="M24 6h-24v-4h24v4zm0 4h-24v4h24v-4zm0 8h-24v4h24v-4z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 153 B

8
src/templates/index.hbs
View file

@ -13,8 +13,12 @@
<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 class="index-header -container -pad-h -pad-v">
<a href="/" class="index-menulink">
<svg 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#menu" />
</svg>
</a>
</header>
<main class="index-top -container -pad-h">
<h1 class="intro">