started work on bonus pages

Delta7Actual · Nov 10, 2023 · 8980a98 · 8980a98
1 parent 7041dd2
commit 8980a98
Show file tree

Hide file tree

Showing 6 changed files with 77 additions and 9 deletions.
diff --git a/CSS/contributors.css b/CSS/contributors.css
@@ -0,0 +1,28 @@
+@font-face {
+  font-family: "Jet";
+  src: url(../Fonts/JetBrainsMono-Bold.ttf);
+}
+
+:root {
+  --darker: rgb(26, 28, 34);
+  --dark: #191d22;
+  --medium: #202429;
+  --light: #282e35;
+  --primary: #007d82;
+  --secondary: #e09f1f;
+}
+
+body {
+  font-family: Jet;
+  background-color: var(--darker);
+  margin: 0px;
+  color: white;
+  text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
+  display: flex;
+  justify-content: center;
+}
+
+.title {
+  color: var(--primary);
+  font-size: 4.5em;
+}
diff --git a/CSS/gamesList.css b/CSS/gamesList.css
@@ -0,0 +1,28 @@
+@font-face {
+  font-family: "Jet";
+  src: url(../Fonts/JetBrainsMono-Bold.ttf);
+}
+
+:root {
+  --darker: rgb(26, 28, 34);
+  --dark: #191d22;
+  --medium: #202429;
+  --light: #282e35;
+  --primary: #007d82;
+  --secondary: #e09f1f;
+}
+
+body {
+  font-family: Jet;
+  background-color: var(--darker);
+  margin: 0px;
+  color: white;
+  text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
+  display: flex;
+  justify-content: center;
+}
+
+.title {
+  color: var(--primary);
+  font-size: 4.5em;
+}
diff --git a/CSS/home.css b/CSS/home.css
@@ -13,7 +13,7 @@
 }
 
 body {
-  background-color: black;
+  background-color: var(--darker);
   font-family: Jet;
   display: grid;
   grid-template-columns: 0.6fr 1fr;
@@ -180,6 +180,14 @@ nav {
   color: inherit;
 }
 
+.no-link.nav-button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  text-decoration: none;
+}
+
 .nav-button:hover {
   animation: button-change 0.5s ease-out forwards;
 }

diff --git a/contributors.html b/contributors.html
@@ -3,7 +3,10 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="CSS/contributors.css" />
     <title>UCI - CONTRIBUTORS</title>
   </head>
-  <body></body>
+  <body>
+    <div class="title">OUR CONTRIBUTORS!</div>
+  </body>
 </html>
diff --git a/gameslist.html b/gameslist.html
@@ -3,7 +3,10 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="CSS/gamesList.css" />
     <title>UCI - GAMES</title>
   </head>
-  <body></body>
+  <body>
+    <div class="title">BROWSE OUR GAMES!</div>
+  </body>
 </html>
diff --git a/index.html b/index.html
@@ -9,12 +9,10 @@
   <body>
     <div class="left-column">
       <nav>
-        <button class="nav-button">
-          <a href="contributors.html" class="no-link">CONTRIBUTORS</a>
-        </button>
-        <button class="nav-button">
-          <a href="gameslist.html" class="no-link">GAMES</a>
-        </button>
+        <a href="contributors.html" class="nav-button no-link">
+          CONTRIBUTORS
+        </a>
+        <a href="gameslist.html" class="nav-button no-link"> GAMES </a>
       </nav>
       <div class="left-title-container">
         <div class="PrimaryTitle">WELCOME!</div>