HTML structure and path

The-Fun-Guys · Jul 27, 2020 · b9de45a · b9de45a
1 parent de8255b
commit b9de45a
Show file tree

Hide file tree

Showing 14 changed files with 73 additions and 34 deletions.
diff --git a/about-us/about-us.css b/about-us/about-us.css
diff --git a/about-us/index.html b/about-us/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./about-us.css">
+    <link rel="stylesheet" href="../styles/style.css">
+
+    <title>Document</title>
+</head>
+<body>
+    <span>This is the About Us page</span>
+</body>
+
+<!-- <script type="module" src="./home.js"></script> -->
+</html>
diff --git a/app.js b/app.js
@@ -1,4 +1,5 @@
 // import functions and grab DOM elements
+console.log('landing-page');
 
 // initialize state
 

diff --git a/basket/basket.css b/basket/basket.css
diff --git a/basket/basketUtils.js b/basket/basketUtils.js
@@ -0,0 +1 @@
+console.log('basket page');
diff --git a/basket/index.html b/basket/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./basket.css">
+    <link rel="stylesheet" href="../styles/style.css">
+
+    <title>Document</title>
+</head>
+<body>
+    <span>This is the basket</span>
+</body>
+
+<script type="module" src="./basketUtils.js"></script>
+</html>
diff --git a/home/home.css b/home/home.css
diff --git a/home/home.js b/home/home.js
@@ -0,0 +1 @@
+console.log('This is the homepage!');
diff --git a/home/index.html b/home/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <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>
+</head>
+<body>
+    <span>This is the homepage</span>
+</body>
+
+<script type="module" src="./home.js"></script>
+</html>
diff --git a/index.html b/index.html
@@ -8,45 +8,17 @@
     <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">
-    <link rel="stylesheet" href="styles/home.css">
     <title>Document</title>
 </head>
 
 <body>
-    <header>
-        <div class="gutter-right logo">
-            <img src="assets/big-logo.png"/>
-        </div>
-    </header>
+
     <main>
-        <section class="main-section">
-            <img class="main-logo" src="assets/alchemy-logo.png"/>
-            <h2>
-                Welcome to Alchemy Bootstrap!
-            </h2>
-
-            <content>
-            <p>
-                Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aperiam repellendus similique consectetur voluptas facilis molestiae voluptates nobis error sapiente, ad, ipsa vero non, sint eligendi? Eos praesentium iusto magnam exercitationem.
-                Earum sunt voluptatibus molestias, sint voluptatum quos reiciendis. Id asperiores deleniti dolores provident, eius, nostrum aperiam vel, optio qui illo corrupti in. Eum quam, est nemo porro sapiente excepturi assumenda.
-                Rerum unde quidem maxime. Ullam, dolores labore molestias voluptatibus adipisci quod? Quaerat nihil inventore molestiae assumenda, voluptates vel necessitatibus eligendi? Accusamus ratione eligendi reprehenderit? Beatae incidunt molestias ea soluta nulla.
-                Fugiat quae soluta voluptate mollitia praesentium modi ex illo, autem assumenda, vel aliquam fugit possimus dolorem esse corporis ipsa! Voluptatem sapiente error non, ea optio suscipit quasi maxime nobis ex?
-                Et ipsa tenetur ullam ab nesciunt quas fugit velit impedit illum esse eligendi corporis culpa praesentium aspernatur ex sint veniam quidem, doloribus corrupti hic vitae. Eum neque ducimus omnis exercitationem?
-            </p>
-            <hr />
-            <p>
-                Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aperiam repellendus similique consectetur voluptas facilis molestiae voluptates nobis error sapiente, ad, ipsa vero non, sint eligendi? Eos praesentium iusto magnam exercitationem.
-                Earum sunt voluptatibus molestias, sint voluptatum quos reiciendis. Id asperiores deleniti dolores provident, eius, nostrum aperiam vel, optio qui illo corrupti in. Eum quam, est nemo porro sapiente excepturi assumenda.
-                Rerum unde quidem maxime. Ullam, dolores labore molestias voluptatibus adipisci quod? Quaerat nihil inventore molestiae assumenda, voluptates vel necessitatibus eligendi? Accusamus ratione eligendi reprehenderit? Beatae incidunt molestias ea soluta nulla.
-                Fugiat quae soluta voluptate mollitia praesentium modi ex illo, autem assumenda, vel aliquam fugit possimus dolorem esse corporis ipsa! Voluptatem sapiente error non, ea optio suscipit quasi maxime nobis ex?
-                Et ipsa tenetur ullam ab nesciunt quas fugit velit impedit illum esse eligendi corporis culpa praesentium aspernatur ex sint veniam quidem, doloribus corrupti hic vitae. Eum neque ducimus omnis exercitationem?
-            </p>
-
-        </section>
+        Landing Page
+
     </main>
-    <footer>
-        <div class="copy gutter-right">&copy; 2020 Alchemy Code Lab</div>
-    </footer>
+
+
 
     <script type="module" src="app.js"></script>
 </body>

diff --git a/mushroom-details/index.html b/mushroom-details/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./mushroom-details.css">
+    <link rel="stylesheet" href="../styles/style.css">
+
+    <title>Document</title>
+</head>
+<body>
+    <span>This is the mushroom details page</span>
+</body>
+
+<script type="module" src="./mushroomUtils.js"></script>
+</html>
diff --git a/mushroom-details/mushroom-details.css b/mushroom-details/mushroom-details.css
diff --git a/mushroom-details/mushroomUtils.js b/mushroom-details/mushroomUtils.js
@@ -0,0 +1 @@
+console.log('mushroom details');
diff --git a/styles/home.css b/styles/home.css