main page mobile done

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

Hide file tree

Showing 3 changed files with 32 additions and 22 deletions.
diff --git a/cheater.html b/cheater.html
@@ -17,20 +17,20 @@
   <div class="navBar">
     <div class="logo">
       <a href="https://odtheking.github.io/OdinClient/legit.html">
-        <img src="https://cdn.discordapp.com/attachments/863836118394732586/1165595696284565545/Odin_Logo_1.png?ex=65476c95&is=6534f795&hm=a21aea1502f042160bc05e6cc64880346431c49e535cef9934b87a76a965f237&" alt="Image alt text">
+        <img src="assets/OdinLogo.png" alt="Image alt text">
       </a>
     </div>
 
     <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>
@@ -88,7 +88,7 @@
       <div class="rounded-rectangle">
         <img class="bow" src="assets/bow.gif" alt="bow">
         <span class="Module">Arrow Trajectory</span>
-        <span class="text">Displays the trajectory of the arrows your shortbow would shoot.</span>
+        <span class="text">Displays arrow trajectory of shortbows.</span>
       </div>
       </div>
   </main>

diff --git a/legit.html b/legit.html
@@ -24,13 +24,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/styles.css b/styles.css
@@ -37,13 +37,14 @@ body::before {
 
 .links {
   z-index: 2;
-  grid-column: social-start/social-end;
   display: flex;
-  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr;
   align-content: center;
   justify-content: center;
   gap: 15px;
-  margin-right: -0.6em;
+  font-size:75px;
+  margin-top: -0.24em;
+
 }
 
 /*TOOL TIPS*/
@@ -401,28 +402,38 @@ body {
 /*For Mobile only*/
 
   #cat {
-    width: 70px;
-    height: 70px;
+    width: 72px;
+    height: 72px;
   }
 
   .centered-text p {
     font-size: 40px;
   }
 
   .navBar {
-    grid-template-columns: [start] 1fr [logo-end] 1fr [menu-start] 1fr [menu-end];
-    
+    grid-template-columns: [start] 1fr [logo-end] 0.5fr [social-start] auto [social-end];
+
   }
 
-
+ .links {
+
+
+  font-size: 60px;
+  margin-top: 0.02em;
+  gap: 10px;
+ }
+
+ .tooltip .tooltiptext {
+  display: none;
+}
 
 
   .text {
     font-family: 'Courier New', Courier, monospace;
-    font-size: 1.7vw; /* Adjust for smaller screens */
+    font-size: 2.1vw; /* Adjust for smaller screens */
     margin-bottom: 0em; /* Adjust the margin to decrease spacing between lines */
     text-align: left;
-    top: 50%;
+    top: 42%;
     position: absolute;
 
   }
@@ -436,7 +447,7 @@ body {
   }
 
   .Module {
-    font-size: 1.4vw; /* Adjust for smaller screens */
+    font-size: 2.4vw; /* Adjust for smaller screens */
     top: 3%; /* Adjust for smaller screens */
   }
 
@@ -454,21 +465,20 @@ body {
   /*For Mobile only*/
   .logo {
       width:200px;
-      margin-right: 2em;
   }
 
   .grid-container {
     display: grid;
     grid-template-columns: repeat(2, minmax(28%, 0.1fr)); /* Adjust the percentage as needed */
     justify-content: center;
-    margin-right: 7.5em;
-    column-gap: 7em;
+    margin-right: 7em;
+    column-gap: 7.5em;
     row-gap: 1em;
   }
 
   .rounded-rectangle {
-    height: 80px ;
-    width: 160px;
+    height: 90px ;
+    width: 180px;
   }
 
   .version-container div {