added basic HTML structure to pages

The-Fun-Guys · Jul 27, 2020 · e4bbf6e · e4bbf6e
1 parent 55b2514
commit e4bbf6e
Show file tree

Hide file tree

Showing 7 changed files with 81 additions and 12 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/about-us/index.html b/about-us/index.html
@@ -6,10 +6,26 @@
     <link rel="stylesheet" href="./about-us.css">
     <link rel="stylesheet" href="../styles/style.css">
 
-    <title>Document</title>
+    <title>FungusAmongUs</title>
 </head>
 <body>
-    <span>This is the About Us page</span>
+    <header>Hark...a header</header>
+    <nav>
+        <a href="../home/index.html">Home</a>
+        <a href="../all-mushrooms/index.html">All Mushrooms</a>
+        <a href="../basket/index.html">User's Mushroom Basket</a>
+        <a href="../about-us/index.html">The Fun-Guys</a>
+    </nav>
+    <main>
+        <img src="http://www.placekitten.com/200/200">
+        <p>Brooke</p>
+        <img src="http://www.placekitten.com/300/200">
+        <p>Michelle</p>
+        <img src="http://www.placekitten.com/200/300">
+        <p>Josh</p>
+        <img src="http://www.placekitten.com/150/250">
+        <p>Sarah</p>
+    </main>
 </body>
 
 <!-- <script type="module" src="./home.js"></script> -->

diff --git a/all-mushrooms/index.html b/all-mushrooms/index.html
@@ -6,10 +6,17 @@
     <link rel="stylesheet" href="../styles/reset.css">
     <link rel="stylesheet" href="../styles/style.css">
     <link rel="stylesheet" href="./all-mushrooms.css">
-    <title>Document</title>
+    <title>FungusAmongUs</title>
 </head>
 
 <body>
+    <header>Hark...a header</header>
+    <nav>
+        <a href="../home/index.html">Home</a>
+        <a href="../all-mushrooms/index.html">All Mushrooms</a>
+        <a href="../basket/index.html">User's Mushroom Basket</a>
+        <a href="../about-us/index.html">The Fun-Guys</a>
+    </nav>
 
     <main>
         All Mushrooms Page

diff --git a/basket/index.html b/basket/index.html
@@ -6,10 +6,19 @@
     <link rel="stylesheet" href="./basket.css">
     <link rel="stylesheet" href="../styles/style.css">
 
-    <title>Document</title>
+    <title>FungusAmongUs</title>
 </head>
 <body>
-    <span>This is the basket</span>
+    <header>My Mushroom Basket</header>
+    <nav>
+        <a href="../home/index.html">Home</a>
+        <a href="../all-mushrooms/index.html">All Mushrooms</a>
+        <a href="../basket/index.html">User's Mushroom Basket</a>
+        <a href="../about-us/index.html">The Fun-Guys</a>
+    </nav>
+    <main>
+
+    </main>
 </body>
 
 <script type="module" src="./basketUtils.js"></script>

diff --git a/home/index.html b/home/index.html
@@ -5,11 +5,27 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="./home.css">
     <link rel="stylesheet" href="../styles/style.css">
+
 
-    <title>Document</title>
+    <title>FungusAmongUs</title>
 </head>
 <body>
-    <span>This is the homepage</span>
+    <header>Ahh,,,,a header</header>
+        <nav>
+            <a href="/index.html">Home</a>
+            <a href="../all-mushrooms/index.html">All Mushrooms</a>
+            <a href="../basket/index.html">User's Mushroom Basket</a>
+            <a href="../about-us/index.html">The Fun-Guys</a>
+        </nav>
+
+    <main>
+        <section id="map">
+            <img src="https://placekitten.com/400/400"/>
+        </section>
+        <section>
+
+        </section>
+    </main>
 </body>
 
 <script type="module" src="./home.js"></script>

diff --git a/index.html b/index.html
@@ -8,13 +8,22 @@
     <link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="styles/reset.css">
     <link rel="stylesheet" href="styles/style.css">
-    <title>Document</title>
+    <title>FungusAmongUs</title>
 </head>
 
 <body>
-
+    <header>FungusAmongUs</header>
     <main>
-        Landing Page
+        <section id="description">This is a description of what this site does!</section>
+        <form>
+            <label>User Name
+                <input type="text" placeholder="Slippery Jack"/>
+            </label>
+            <label>Password
+                <input type="password" placeholder="password"/>
+            </label>
+            <button id="submit-button">Submit</button>
+        </form>
 
     </main>
 

diff --git a/mushroom-details/index.html b/mushroom-details/index.html
@@ -6,10 +6,19 @@
     <link rel="stylesheet" href="./mushroom-details.css">
     <link rel="stylesheet" href="../styles/style.css">
 
-    <title>Document</title>
+    <title>FungusAmongUs</title>
 </head>
+<header>Hark...a header</header>
+<nav>
+    <a href="../home/index.html">Home</a>
+    <a href="../all-mushrooms/index.html">All Mushrooms</a>
+    <a href="../basket/index.html">User's Mushroom Basket</a>
+    <a href="../about-us/index.html">The Fun-Guys</a>
+</nav>
 <body>
-    <span>This is the mushroom details page</span>
+    <main>
+
+    </main>
 </body>
 
 <script type="module" src="./mushroomUtils.js"></script>