Update index.html

BearyNatural · Jan 6, 2025 · 5198f57 · 5198f57
1 parent ce97a6d
commit 5198f57
Showing 1 changed file with 22 additions and 20 deletions.
diff --git a/articles/index.html b/articles/index.html
@@ -7,29 +7,31 @@
     <link rel="stylesheet" href="styles.css">
     <script src="script.js" defer></script>
 </head>
-<body class="index-page">
+<body>
     <div class="back-button">
         <p><a href="../index.html">&lt;&lt; Back</a></p>
     </div>
-    <div class="search-bar">
-        <input type="text" id="searchInput" placeholder="Search by title or date..." />
+    <div class="container">
+        <header>
+            <h1>Kaylene's Articles</h1>
+        </header>
+        <aside class="search-bar">
+            <input type="text" id="searchInput" placeholder="Search by title or date..." />
+        </aside>
+        <main>
+            <ul id="articleList">
+                <li data-title="Benefits of CI/CD" data-date="20240603">
+                    <a href="20240603.html">Benefits of CI/CD</a>
+                </li>
+                <li data-title="Proof of Concept: CloudWatch Alarms" data-date="20240410">
+                    <a href="CWMetrics.html">Proof of Concept: CloudWatch Alarms</a>
+                </li>
+                <!-- Add more articles as needed -->
+                <li data-title="Super Secret Squirrel Business" data-date="20240515">
+                    <a href="../SSS.html">Super Secret Squirrel Business</a>
+                </li>
+            </ul>
+        </main>
     </div>
-    <header>
-        <h1>Kaylene's Articles</h1>
-    </header>
-    <main>
-        <ul id="articleList">
-            <li data-title="Benefits of CI/CD" data-date="20240603">
-                <a href="20240603.html">Benefits of CI/CD</a>
-            </li>
-            <li data-title="Proof of Concept: CloudWatch Alarms" data-date="20240410">
-                <a href="CWMetrics.html">Proof of Concept: CloudWatch Alarms</a>
-            </li>
-            <!-- Add more articles as needed -->
-            <li data-title="Super Secret Squirrel Business" data-date="20240515">
-                <a href="../SSS.html">Super Secret Squirrel Business</a>
-            </li>
-        </ul>
-    </main>
 </body>
 </html>