jason/CompleteNodeJS
jason/CompleteNodeJS
1
0
Fork 0
Code

Video 51: Styling the Application: Part I

Browse Source
This commit is contained in:
Jason Williams 2019-10-08 17:53:55 -06:00
parent f6dd0c90ff
commit a627e00364
3 changed files with 35 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
web-server/public/css/styles.css
View File

@ -1,7 +1,30 @@
h1 { body {
color: grey; color: #333333;
font-family: arial;
max-width: 650px;
margin: 0 auto;
padding: 0 16px;
} }
img { footer {
width: 250px; color: #888888;
} border-top: 1px solid #EEEEEE;
margin-top: 16px;
padding: 16px 0;
}
header {
margin-top: 16px;
margin-bottom: 48px;
}
h1 {
font-size:64px;
margin-bottom: 16px;
}
header a {
color: #888888;
margin-right: 16px;
text-decoration: none;
}

4
web-server/templates/partials/footer.hbs
View File

@ -1 +1,3 @@
<p>Created by {{name}}</p> <footer>
<p>Created by {{name}}</p>
</footer>

8
web-server/templates/partials/header.hbs
View File

@ -1,7 +1,7 @@
<h1>{{title}}</h1> <header>
<h1>{{title}}</h1>
<div>
<a href="/">Weather</a> <a href="/">Weather</a>
<a href="/about">About</a> <a href="/about">About</a>
<a href="/help">Help</a> <a href="/help">Help</a>
</div> </header>