0.1.22

correction
EDU-MDAnderson · Sep 25, 2023 · d1ec01f · d1ec01f
1 parent 9647376
commit d1ec01f
Show file tree

Hide file tree

Showing 3 changed files with 81 additions and 6 deletions.
diff --git a/underconstruction.html b/underconstruction.html
@@ -23,7 +23,7 @@
 <body>
     <nav>
         <ul>
-            <li><a href="index.html" class="active">Home</a></li>
+            <li><a href="index.html">Home</a></li>
             <li><a href="underconstruction.html" class="active">Chamber</a></li>
             <li><a href="week01/chamber-site-plan.html">Site Plan</a></li>
             <li><a href="underconstruction.html">Form</a></li>

diff --git a/week02/bom.html b/week02/bom.html
@@ -12,9 +12,10 @@
         <meta name="description" content="Student Under Construction Page"/>
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-        <link rel="stylesheet" type="text/css" href="styles/normalize.css">
-        <link rel="stylesheet" type="text/css" href="styles/base.css">
-        <link rel="stylesheet" type="text/css" href="styles/larger.css">
+        <link rel="stylesheet" type="text/css" href="styles/bom.css">
+        <link rel="stylesheet" type="text/css" href="../styles/normalize.css">
+        <link rel="stylesheet" type="text/css" href="../styles/base.css">
+        <link rel="stylesheet" type="text/css" href="../styles/larger.css">
         <link rel="icon" href="../images/favicon.ico" />
         <meta name="author" content="Matthew Anderson"/>
         <title>Student Placeholder Page WDD230</title>
@@ -29,7 +30,12 @@
             <li><a href="underconstruction.html">Form</a></li>
         </ul>
     </nav>
-    <h1>Under Construction</h1>
-    <p>We're sorry, but this page is currently under construction. Please check back later.</p>
+    <h1>📖 Book of Mormon - Top 10</h1>
+    <main>
+        <label for="favchap">Enter Book and Chapter: </label>
+        <input type="text" id="favchap" placeholder="Alma 5" value="Alma 5">
+        <button type="submit">Add Chapter</button>
+        <ul id="list"></ul>
+    </main>
 </body>
 </html>
diff --git a/week02/scripts/bom.css b/week02/scripts/bom.css
@@ -0,0 +1,69 @@
+* {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	height: 100vh;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	font-family: Acme, Arial, sans-serif;
+}
+
+h1 {
+	font-size: 1.5rem;
+}
+
+main {
+	margin: 1rem auto;
+	border: 1px solid rgba(0, 0, 0, 0.1);
+	padding: 1rem;
+	background-color: #ddd;
+	display: flex;
+	flex-direction: column;
+}
+
+input,
+button {
+	padding: 0.5rem;
+}
+
+button {
+	margin: 0.5rem;
+}
+
+.delete {
+	width: fit-content;
+}
+
+.input {
+	display: flex;
+	gap: 1rem;
+}
+
+.list {
+	padding: 0.5rem;
+}
+
+ul {
+	margin: 1rem;
+	list-style: none;
+}
+
+li {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+@media only screen and (min-width: 32.5em) {
+	h1 {
+		font-size: 2rem;
+	}
+
+	main {
+		width: 320px;
+	}
+}