nathan/bltcoffee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

A little housekeeping

Browse Source
This commit is contained in:
Nathan Chapman 2021-01-16 10:50:45 -07:00
parent 7dfe1a2f09
commit 60ba1ffd47
2 changed files with 30 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>Better Living Through Coffee</title> <title>Better Living Through Coffee</title>
@ -14,17 +14,17 @@
<meta content="Port Townsend, Coffee, Organic, Roast, Espresso, Cappuccino, Latte, Mocha, Decaf, French Roast, " name="keywords"> <meta content="Port Townsend, Coffee, Organic, Roast, Espresso, Cappuccino, Latte, Mocha, Decaf, French Roast, " name="keywords">
<link href="styles/base.css" rel="stylesheet"> <link href="styles/base.css" rel="stylesheet">
<script defer src="scripts/index.js"></script>
</head> </head>
<body> <body>
<header> <header>
<nav> <nav>
<a href="#top">Top</a> <a href="#drinks">drinks menu</a>
<a href="#drinks">Drinks Menu</a> <a href="#food">food menu</a>
<a href="#food">Food Menu</a> <a href="#top">to-top</a>
</nav> </nav>
<div class="banner"> <div class="banner">
<img src="../images/coffee_white.png" data-src="../images/coffee_white.png"> <img src="/images/coffee_white.png" data-src="/images/coffee_white.png">
<h1>Better Living Through Coffee</h1> <h1>Better Living Through Coffee</h1>
<p class="byline"><em>Bustling cozy cafe with a waterfront view.</em></p> <p class="byline"><em>Bustling cozy cafe with a waterfront view.</em></p>
@ -142,7 +142,6 @@
<div class="wrapper"> <div class="wrapper">
<section> <section>
<p><strong>Sausage Pepper Quiche</strong><br> <p><strong>Sausage Pepper Quiche</strong><br>
Peppers, onions & raw chedder.</p> Peppers, onions & raw chedder.</p>
@ -184,23 +183,24 @@
</main> </main>
<footer> <footer>
<p> <section>
<strong>Phone:</strong> <p>
<a href="tel:+13603853388">(360) 385-3388</a> <strong>Phone:</strong>
</p> <a href="tel:+13603853388">(360) 385-3388</a>
<address> </p>
<strong>Location:</strong> <address>
<a href="https://www.google.com/maps/place/100+Tyler+St,+Port+Townsend,+WA+98368/">100 Tyler St, <strong>Location:</strong>
Port Townsend, WA 98368</a> <a href="https://www.google.com/maps/place/100+Tyler+St,+Port+Townsend,+WA+98368/">100 Tyler St,
</address> Port Townsend, WA 98368</a>
<p> </address>
<strong>Hours:</strong> <p>
Mon - Thu: 7am - 5pm,<wbr> Fri - Sun: 7am - 7pm <strong>Hours:</strong>
</p> Mon - Thu: 7am - 5pm,<wbr> Fri - Sun: 7am - 7pm
</p>
<p>Better Living Through Coffee is located in the beautiful, historic downtown district of Port Townsend, Washington.</p> </section>
<section>
<p>Better Living Through Coffee is located in the beautiful, historic downtown district of Port Townsend, Washington.</p>
</section>
</footer> </footer>
<script type="text/javascript" src="scripts/index.js"></script>
</body> </body>
</html> </html>

12
styles/base.css
View File

@ -89,6 +89,9 @@ nav {
color: white; color: white;
margin-right: 1em; margin-right: 1em;
margin-left: 1em; margin-left: 1em;
font-variant: small-caps;
text-decoration: none;
font-weight: bold;
} }
footer a { footer a {
color: white; color: white;
@ -110,18 +113,15 @@ article {
} }
footer { footer {
width: 100%;
background-color: rgba(0,0,0,.95); background-color: rgba(0,0,0,.95);
color: white; color: white;
text-align: center; text-align: center;
padding-top: 0.25em; padding: 0 1rem;
padding-bottom: 0.25em;
display: flex; display: flex;
justify-content: space-around; /*justify-content: left;*/
align-items: baseline; flex-flow: column;
flex-flow: row wrap;
} }
/* Theme */ /* Theme */