Commit changes

HengillDesigns · Nov 10, 2024 · d003570 · d003570
1 parent f1744bb
commit d003570
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 9 deletions.
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8081",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
diff --git a/index.html b/index.html
@@ -5,13 +5,17 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ninjago Project</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap">
-    <link rel="stylesheet" href="/static/styles/home.css">
+    <link rel="stylesheet" href="static/styles/home.css">
 </head>
 <body>
 
     <!-- Full-Screen Banner Section -->
     <section class="banner">
-        <h1>The one place for everything Ninjago</h1>
+        <span>
+            <h1>The one place for</h1>
+            <h1>everything Ninjago.</h1>
+        </span>
+
         <input type="text" placeholder="Search the wiki">
     </section>
 

diff --git a/static/styles/home.css b/static/styles/home.css
@@ -1,4 +1,3 @@
-/* Reset and basic styling */
 * {
     margin: 0;
     padding: 0;
@@ -12,23 +11,24 @@
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    height: 100vh;
+    height: 80vh;
     background-color: #ffffff;
     text-align: center;
 }
 
 .banner h1 {
     font-size: 4rem;
-    color: #333;
-    margin-bottom: 20px;
+    color: #000000;
+    padding-bottom: 0%;
     font-family: 'Mongolian Baiti', Arial, sans-serif;
 }
 
 .banner input[type="text"] {
-    padding: 10px;
+    padding: 8px;
+    margin-top: 1%;
     width: 300px;
     font-size: 1rem;
-    border: 2px solid #333;
+    border: 2px solid #000000;
     border-radius: 5px;
 }
 
@@ -41,14 +41,18 @@
 
 .databank h2 {
     font-size: 2rem;
-    color: #333;
+    color: #000000;
     margin-bottom: 10px;
+    margin-left: 30px;
+    text-align: left;
     font-family: 'Mongolian Baiti', Arial, sans-serif;
 }
 
 .databank p {
     font-size: 1.2rem;
     color: #666;
+    margin-left: 30px;
+    text-align: left;
     margin-bottom: 40px;
 }