Updated homepage and 404 page with better wording

udontur · Dec 10, 2024 · 263aa16 · 263aa16
1 parent b1e5d0f
commit 263aa16
Show file tree

Hide file tree

Showing 5 changed files with 44 additions and 52 deletions.
diff --git a/learn/index.html b/learn/index.html
@@ -1,25 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+  <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Fix the Cascade</title>
+    <title>Margin and Padding exercise 2</title>
     <link rel="stylesheet" href="style.css">
-</head>
-
-<body>
-    <p class="para">I'm just a paragraph with extra bold text!</p>
-    <p class="para small-para">I'm a smaller paragraph, also with extra bold text!</p>
-
-    <button id="confirm-button" class="button confirm">Confirm</button>
-    <button id="cancel-button" class="button cancel">Cancel</button>
-
-    <div class="text child">I'm a div with thin text!</div>
-    <div class="text">I'm a div with thin text and a child div!
-        <div class="text child">I'm a smaller child div with extra bold text.</div>
+  </head>
+  <body>
+    <div class="card">sssssss
+      <h1 class="title">I'm a card</h1>
+      <div class="content">I have content inside me..lorem ipsum blah blah blah. Here's some stuff you need to read.</div>
+      <div class="button-container">and a <button>BIG BUTTON</button></div>
     </div>
-</body>
-
+  </body>
 </html>
diff --git a/learn/style.css b/learn/style.css
@@ -1,39 +1,27 @@
 body {
-    font-family: Arial, Helvetica, sans-serif;
+    background: #eee;
+    font-family: sans-serif;
+    /* margin: 0px; */
 }
 
-.para {
-    color: hsl(0, 0%, 0%);
-    font-weight: 800;
-    font-size: 22px;
+.card {
+    width: 400px;
+    background: #fff;
 }
 
-.small-para {
-    font-size: 14px;
-    font-weight: 800;
+.title {
+    background: #e3f4ff;
 }
 
-#confirm-button {
-    background: green;
-    color: white;
-    font-weight: bold;
+.content {
+    background: #e3f4ff;
 }
 
-.button {
-    background-color: rgb(255, 255, 255);
-    color: rgb(0, 0, 0);
-    font-size: 20px;
+.button-container {
+    background: #e3f4ff;
 }
-.text {
-    color: rgb(0, 0, 0);
-    font-size: 22px;
-    font-weight: 100;
-}
-
-.child {
-    color: rgb(0, 0, 0);
-    font-weight: 800;
-    font-size: 14px;
-}
-
 
+button {
+    background: white;
+    border: 1px solid #eee;
+}
diff --git a/src/env/404.html b/src/env/404.html
@@ -0,0 +1,14 @@
+---
+permalink: /404.html
+---
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hadrian Lau</title>
+</head>
+<body>
+    <h1>Error: 404 not found</h1>
+</body>
+</html>
diff --git a/src/env/index.html b/src/env/index.html
@@ -9,9 +9,10 @@
     <title>Hadrian Lau</title>
 </head>
 <body>
-    <h1>Currently baking the site!</h1>
-    <div><a href="https://hadrianlau.com/old">Click here</a> to see the old version.</div>
+    <h1>Baking the site...</h1>
+    <div>GitHub: <a href="https://github.com/udontur">@udontur</a></div>
+    <div>Email: <a href="mailto:[email protected]">[email protected]</a></div>
     <br>
-    <div>Some links: <a href="https://github.com/udontur">GitHub</a>, <a href="mailto:[email protected]">Email: [email protected]</a></div>
+    <div><a href="https://hadrianlau.com/old">Click here</a> to see the old version.</div>
 </body>
 </html>
diff --git a/src/env/error.html → src/page/error.html b/src/env/error.html → src/page/error.html
@@ -1,9 +1,6 @@
 ---
-permalink: /404.html
+permalink: /old/404.html
 ---
-<!--
-
--->
 <!DOCTYPE html>
 <html lang="en">
     <head>