DAY 4

odtheking · Oct 25, 2023 · 1675d13 · 1675d13
1 parent efe1495
commit 1675d13
Show file tree

Hide file tree

Showing 7 changed files with 267 additions and 148 deletions.
diff --git a/cheater.html b/cheater.html
@@ -54,6 +54,11 @@
     <p>Introducing OdinClient</p>
   </div>
 
+  <div class="rounded-rectangle-download">
+
+    <a class="download" href="https://github.com/odtheking/OdinClient">DOWNLOAD</a>
+  </div>
+
   <div class="spacer2"></div>
 
   <main>

diff --git a/feature_list_cheater.html b/feature_list_cheater.html
@@ -26,13 +26,13 @@
     <div class="links">
       <a href="https://discord.gg/2nCbC9hkxT">
         <div class="tooltip">
-        <i class="fa fa-discord" style="font-size:75px;color:white"></i>
+        <i class="fa fa-discord" style="color:white"></i>
         <span class="tooltiptext">Discord</span>
         </div>
       </a>
       <a href="https://github.com/odtheking/OdinClient">
         <div class="tooltip">
-        <i class="fa fa-github" style="font-size:75px;color:white"></i>
+        <i class="fa fa-github" style="color:white"></i>
         <span class="tooltiptext">GitHub</span>
         </div>
       </a>

diff --git a/feature_list_legit.html b/feature_list_legit.html
@@ -26,13 +26,13 @@
     <div class="links">
       <a href="https://discord.gg/2nCbC9hkxT">
         <div class="tooltip">
-        <i class="fa fa-discord" style="font-size:75px;color:white"></i>
+        <i class="fa fa-discord" style="color:white"></i>
         <span class="tooltiptext">Discord</span>
         </div>
       </a>
       <a href="https://github.com/odtheking/OdinClient">
         <div class="tooltip">
-        <i class="fa fa-github" style="font-size:75px;color:white"></i>
+        <i class="fa fa-github" style="color:white"></i>
         <span class="tooltiptext">GitHub</span>
         </div>
       </a>

diff --git a/installation_guide.html b/installation_guide.html
@@ -26,7 +26,7 @@
     <div class="links">
       <a href="https://discord.gg/2nCbC9hkxT">
         <div class="tooltip">
-        <i class="fa fa-discord" style="font-size:75px;color:white"></i>
+        <i class="fa fa-discord" style="color:white"></i>
         <span class="tooltiptext">Discord</span>
         </div>
       </a>
@@ -58,21 +58,15 @@
         }
 
         .grid-container {
-          column-count: 3;
+                  display: grid;
+          grid-template-columns: repeat(3, minmax(20%, 0.1fr)); /* Adjust the percentage as needed */
+          justify-content: center;
+          padding: 1em;
+          gap: 2em;
           margin-bottom: 12.8em;
         }
 
-        .java-container {
-          column-span: 1;
-        }
-
-        .forge-container {
-          column-span: 2;
-        }
-
-        .odin-container {
-          column-span: 3;
-        }
+
 
         h2 {
           font-size: 24px;
@@ -104,6 +98,16 @@
         li {
           min-height: 40px;
         }
+
+        @media screen and (max-width: 768px) {
+          .grid-container {
+          display: grid;
+          grid-template-columns: 1fr; /* Adjust the percentage as needed */
+          justify-content: center;
+          margin-left: 10.5em;
+
+        }
+      }
     </style>
 
   </head>

diff --git a/legit.html b/legit.html
@@ -50,9 +50,17 @@
 
   <div class="spacer1"></div>
 
+
   <div class="centered-text">
     <p>Introducing Odin</p>
   </div>
+  <div class=".centered-rectangle-container">
+
+  <div class="rounded-rectangle-download">
+
+    <a class="download" href="https://github.com/odtheking/OdinClient">DOWNLOAD →</a>
+  </div>
+</div>
 
   <div class="spacer2"></div>
 

diff --git a/script.js b/script.js
@@ -27,7 +27,6 @@ document.addEventListener("DOMContentLoaded", function () {
 });
 
 
-var currentPage = window.location.href.split('/').pop();
 if (currentPage === 'legit.html') {
     document.getElementById('legit').style.textDecoration = 'underline';
 } else if (currentPage === 'cheater.html') {