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

Looking more like the design

Browse source
This commit is contained in:
Joe Wroten 2018-12-29 20:35:08 -06:00
parent 2222b82378
commit 4602c1718e
2 changed files with 65 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/assets/stylesheet.css
View file

@ -0,0 +1,54 @@
html, body {
padding: 0;
margin: 0;
font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Slabo 27px', serif;
}
h1 {
font-size: 35pt;
}
.-pad-h {
padding-left: 20px;
padding-right: 20px;
}
.-pad-v {
padding-top: 20px;
padding-bottom: 20px;
}
.interior-header {
background: #15202C;
}
.interior-topbar {
height: 25px;
}
.interior-headline {
line-height: 1em;
margin: 0;
background: linear-gradient(90deg, rgba(235, 181, 242, .3), rgba(128, 95, 132, .3));
color: white;
}
.interior-content h1:first-child {
display: none;
speak: none;
}
.interior-content p:first-of-type {
margin-top: 0;
}
.interior-content code {
max-width: 100%;
display: block;
overflow: auto;
}

14
src/templates/interior.hbs
View file

@ -2,6 +2,10 @@
<html>
<head>
<title>Wroten - {{name}}</title>
<link href="./assets/stylesheet.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300|Slabo+27px" rel="stylesheet">
<meta charset="UTF-8">
<meta name="author" content="Joe Wroten">
<meta name="description" content="Web engineer realizing the best tools to communicate valuable information to the people who need it.">
@ -9,9 +13,13 @@
<meta name="viewport" content="width=device-width; height=device-height; maximum-scale=1.4; initial-scale=1.0; user-scalable=yes">
</head>
<body>
<h1>{{name}}</h1>
<hr />
<main>
<header class="interior-header">
<div class="interior-topbar -pad-h -pad-v">
...
</div>
<h1 class="interior-headline -pad-h -pad-v">{{name}}</h1>
</header>
<main class="interior-content -pad-h -pad-v">
{{{readme.html}}}
</main>
</body>