Skip to content

Commit

Permalink
replaced js with html; changed font; semantic fixes; improved pricing
Browse files Browse the repository at this point in the history
  • Loading branch information
@GalaxyShard
GalaxyShard committed Dec 14, 2023
1 parent f5892ec commit e526849
Show file tree
Hide file tree
Showing 8 changed files with 96 additions and 63 deletions.
24 changes: 17 additions & 7 deletions desserts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,36 +12,46 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container-fluid" id="main-container">
<nav id="nav">
<img src="images/logo-small.png" alt="Logo">
<a href="."><span>Home</span></a>
<a href="locations"><span>Locations</span></a>
<a href="drinks"><span>Drinks</span></a>
<a href="food"><span>Foods</span></a>
<a href="desserts"><span>Desserts</span></a>
<a href="specials"><span>Specials</span></a>
</nav>
<main class="container-fluid" id="main-container">
<h1 class="cursive">Desserts</h1>
<hr>
<div class="row menu">
<div class="col-sm-6 col-12">
<img height=200px src="images/cannoli.png" alt="loading">
<img height="200px" src="images/cannoli.png" alt="">
<br>
<h3>Cannoli $1.99</h3>
</div>
<div class="col-sm-6 col-12">
<img height=200px src="images/rice-pudding.png" alt="loading">
<img height="200px" src="images/rice-pudding.png" alt="">
<br>
<h3>Rice Pudding $1.99</h3>
</div>
</div>
<br>
<div class="row menu">
<div class="col-sm-6 col-12">
<img height=200px src="images/cookie.png" alt="loading">
<img height="200px" src="images/cookie.png" alt="">
<br>
<h3>Cookie $1.99</h3>
</div>
<div class="col-sm-6 col-12">
<img height=200px src="images/brownie.png" alt="loading">
<img height="200px" src="images/brownie.png" alt="">
<br>
<h3>Brownie $1.99</h3>
</div>
</div>
<hr>
</div>
<script src="nav.js"></script>
<small>Prices adjusted to reflect the United States economy of 2030</small>
<hr>
</main>
</body>
</html>
24 changes: 17 additions & 7 deletions drinks.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,36 +13,46 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container-fluid" id="main-container">
<nav id="nav">
<img src="images/logo-small.png" alt="Logo">
<a href="."><span>Home</span></a>
<a href="locations"><span>Locations</span></a>
<a href="drinks"><span>Drinks</span></a>
<a href="food"><span>Foods</span></a>
<a href="desserts"><span>Desserts</span></a>
<a href="specials"><span>Specials</span></a>
</nav>
<main class="container-fluid" id="main-container">
<h1 class="cursive">Drinks</h1>
<hr>
<div class="row menu">
<div class="col-sm-6 col-12">
<img height=200px src="images/coffee.png" alt="loading">
<img height="200px" src="images/coffee.png" alt="">
<br>
<h3>Coffee $14.99</h3>
</div>
<div class="col-sm-6 col-12">
<img height=200px src="images/tea.png" alt="loading">
<img height="200px" src="images/tea.png" alt="">
<br>
<h3>Tea $10.99</h3>
</div>
</div>
<br>
<div class="row menu">
<div class="col-sm-6 col-12">
<img height=200px src="images/water.png" alt="loading">
<img height="200px" src="images/water.png" alt="">
<br>
<h3>Water $2.99</h3>
</div>
<div class="col-sm-6 col-12">
<img height=200px src="images/pepsi.png" alt="loading">
<img height="200px" src="images/pepsi.png" alt="">
<br>
<h3>Pepsi $2.99</h3>
</div>
</div>
<hr>
</div>
<script src="nav.js"></script>
<small>Prices adjusted to reflect the United States economy of 2030</small>
<hr>
</main>
</body>
</html>
24 changes: 17 additions & 7 deletions food.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,19 +13,28 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container-fluid" id="main-container">
<nav id="nav">
<img src="images/logo-small.png" alt="Logo">
<a href="."><span>Home</span></a>
<a href="locations"><span>Locations</span></a>
<a href="drinks"><span>Drinks</span></a>
<a href="food"><span>Foods</span></a>
<a href="desserts"><span>Desserts</span></a>
<a href="specials"><span>Specials</span></a>
</nav>
<main class="container-fluid" id="main-container">
<h1 class="cursive">Foods</h1>
<hr>
<div class="menu">
<h2 class="cursive">Lunch</h2>
<div class="row">
<div class="col-sm-6 col-12">
<img height=200px src="images/blt.png" alt="loading">
<img height="200px" src="images/blt.png" alt="">
<br>
<h3>BLT $5.99</h3>
</div>
<div class="col-sm-6 col-12">
<img height=200px src="images/hotdog.png" alt="loading">
<img height="200px" src="images/hotdog.png" alt="">
<br>
<h3>Hot dog $2.99</h3>
</div>
Expand All @@ -37,19 +46,20 @@ <h3>Hot dog $2.99</h3>
<h2 class="cursive">Breakfast</h2>
<div class="row">
<div class="col-sm-6 col-12">
<img height=200px src="images/bacon-eggs.png" alt="loading">
<img height="200px" src="images/bacon-eggs.png" alt="">
<br>
<h3>Bacon & Eggs $5.99</h3>
</div>
<div class="col-sm-6 col-12">
<img height=200px src="images/pancakes.png" alt="loading">
<img height="200px" src="images/pancakes.png" alt="">
<br>
<h3>Pancakes $5.99</h3>
</div>
</div>
</div>
<hr>
</div>
<script src="nav.js"></script>
<small>Prices adjusted to reflect the United States economy of 2030</small>
<hr>
</main>
</body>
</html>
14 changes: 11 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,14 +12,22 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container-fluid" id="main-container">
<nav id="nav">
<img src="images/logo-small.png" alt="Logo">
<a href="."><span>Home</span></a>
<a href="locations"><span>Locations</span></a>
<a href="drinks"><span>Drinks</span></a>
<a href="food"><span>Foods</span></a>
<a href="desserts"><span>Desserts</span></a>
<a href="specials"><span>Specials</span></a>
</nav>
<main class="container-fluid" id="main-container">
<h1 class="center cursive">Cups & Pups</h1>
<hr>
<img id="logo" src="images/logo.png" alt="">
<hr>
<p><i>Cups & Pups</i> is the perfect place to eat with a dog</p>
<hr>
</div>
<script src="nav.js"></script>
</main>
</body>
</html>
14 changes: 11 additions & 3 deletions locations.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,16 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container-fluid" id="main-container">
<nav id="nav">
<img src="images/logo-small.png" alt="Logo">
<a href="."><span>Home</span></a>
<a href="locations"><span>Locations</span></a>
<a href="drinks"><span>Drinks</span></a>
<a href="food"><span>Foods</span></a>
<a href="desserts"><span>Desserts</span></a>
<a href="specials"><span>Specials</span></a>
</nav>
<main class="container-fluid" id="main-container">
<h1 class="cursive">Locations</h1>
<hr>
<div class="row menu">
Expand All @@ -31,7 +40,6 @@ <h1 class="cursive">Locations</h1>
</div>
</div>
<hr>
</div>
<script src="nav.js"></script>
</main>
</body>
</html>
27 changes: 0 additions & 27 deletions nav.js
View file

This file was deleted.

20 changes: 15 additions & 5 deletions specials.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,23 +13,33 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container-fluid" id="main-container">
<nav id="nav">
<img src="images/logo-small.png" alt="Logo">
<a href="."><span>Home</span></a>
<a href="locations"><span>Locations</span></a>
<a href="drinks"><span>Drinks</span></a>
<a href="food"><span>Foods</span></a>
<a href="desserts"><span>Desserts</span></a>
<a href="specials"><span>Specials</span></a>
</nav>
<main class="container-fluid" id="main-container">
<h1 class="cursive">Specials</h1>
<hr>
<div class="row menu">
<div class="col-sm-6 col-12">
<img src="images/better-coffee.png" alt="loading">
<img src="images/better-coffee.png" alt="">
<br>
<h3>Better Coffee $16.99</h3>
</div>
<div class="col-sm-6 col-12">
<img src="images/coffee-smoothie.png" alt="loading">
<img src="images/coffee-smoothie.png" alt="">
<br>
<h3>Coffee Smoothie $16.99</h3>
</div>
</div>
<hr>
</div>
<script src="nav.js"></script>
<small>Prices adjusted to reflect the United States economy of 2030</small>
<hr>
</main>
</body>
</html>
12 changes: 8 additions & 4 deletions style.css
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');

#main-container {
font-family: "Courier New", Courier, monospace;
#main-container, #nav {
font-family: Courier, monospace;
font-size: 1.2em;
margin: 140px auto 0 auto;
text-align: center;
}
#main-container {
margin: 140px auto 0 auto;
width: calc(100% - 100px);
transition: margin-top 0.5s ease;
}
Expand All @@ -15,8 +17,10 @@
left: 0;
right: 0;
overflow: hidden;

height:120px;
padding: 10px 5px 0 65px;

background-color:#bdd09f;
border-bottom: #000000 3px solid;

Expand Down Expand Up @@ -82,7 +86,7 @@ img {
text-align: center;
}
.cursive {
font-family:"Dancing Script",cursive;
font-family:"Dancing Script", cursive;
}
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
Expand Down

0 comments on commit e526849

Please sign in to comment.