Edits

noramoor2007 · Feb 19, 2024 · e14ffe6 · e14ffe6
1 parent 9e69b8f
commit e14ffe6
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -42,7 +42,7 @@ <h3>Coding Projects</h3>
     </tr>
     <tr class = "scratch_row">
       <td>
-        <center><button><b><a href = "scratchprojects.html" style="font-size: 15px;">Scratch</a></b><i style="font-size: 15px;"> scratch.mit.edu</i></button></center>
+        <center><button><b><a class = "hometable" href = "scratchprojects.html" style="font-size: 15px;">Scratch</a></b><i style="font-size: 15px;"> scratch.mit.edu</i></button></center>
       </td>
       <td>
         <center>
@@ -57,7 +57,7 @@ <h3>Coding Projects</h3>
     </tr>
     <tr class = "python_row">
       <td>
-        <center><button><b><a href = "pythonprojects.html" style="font-size: 15px;">Python</a></b><i style="font-size: 15px;"> Anaconda/PyCharm/IntelliJ IDEA/Google Colab/Replit</i></button></center>
+        <center><button><b><a class = "hometable" href = "pythonprojects.html" style="font-size: 15px;">Python</a></b><i style="font-size: 15px;"> Anaconda/PyCharm/IntelliJ IDEA/Google Colab/Replit</i></button></center>
       </td>
       <td>
         <center>
@@ -72,7 +72,7 @@ <h3>Coding Projects</h3>
     </tr>
     <tr class = "java_row">
       <td>
-        <center><button><b><a href = "javaprojects.html" style="font-size: 15px;">Java</a></b><i style="font-size: 15px;"> BlueJ/IntelliJ IDEA/Replit</i></button></center>
+        <center><button><b><a class = "hometable" href = "javaprojects.html" style="font-size: 15px;">Java</a></b><i style="font-size: 15px;"> BlueJ/IntelliJ IDEA/Replit</i></button></center>
       <td>
         <center>
           <years><a href = "22.23.html" style = "text-decoration: none; color: black">2022-2023</a></years>
@@ -86,7 +86,7 @@ <h3>Coding Projects</h3>
     </tr>
     <tr class = "r_row">
       <td>
-        <center><button><b><a href = "rprojects.html" style="font-size: 15px;">R</a></b><i style="font-size: 15px;"> R Studio/Anaconda</i></button></center>
+        <center><button><b><a class = "hometable" href = "rprojects.html" style="font-size: 15px;">R</a></b><i style="font-size: 15px;"> R Studio/Anaconda</i></button></center>
       </td>
       <td>
         <center>
@@ -101,7 +101,7 @@ <h3>Coding Projects</h3>
     </tr>
     <tr class = "html_row">
       <td>
-        <center><button><b><a href = "htmlprojects.html" style="font-size: 15px;">HTML</a></b><i style="font-size: 15px;"> Visual Studio Code/PyCharm/Replit/IntelliJ IDEA</i></button></center>
+        <center><button><b><a class = "hometable" href = "htmlprojects.html" style="font-size: 15px;">HTML</a></b><i style="font-size: 15px;"> Visual Studio Code/PyCharm/Replit/IntelliJ IDEA</i></button></center>
       </td>
       <td>
         <center>
@@ -116,7 +116,7 @@ <h3>Coding Projects</h3>
     </tr>
     <tr class = "javascript_row">
       <td>
-        <center><button><b><a href = "javascriptprojects.html" style="font-size: 15px;">JavaScript</a></b><i style="font-size: 15px;"> Visual Studio Code/PyCharm/Replit/IntelliJ IDEA</i></button></center>
+        <center><button><b><a class = "hometable" href = "javascriptprojects.html" style="font-size: 15px;">JavaScript</a></b><i style="font-size: 15px;"> Visual Studio Code/PyCharm/Replit/IntelliJ IDEA</i></button></center>
       </td>
       <td>
         <center>
@@ -131,7 +131,7 @@ <h3>Coding Projects</h3>
     </tr>
     <tr class = "css_row">
       <td>
-        <center><button><b><a href = "cssprojects.html" style="font-size: 15px;">CSS</a></b><i style="font-size: 15px;"> Visual Studio Code/PyCharm/Replit/IntelliJ IDEA</i></button></center>
+        <center><button><b><a class = "hometable" href = "cssprojects.html" style="font-size: 15px;">CSS</a></b><i style="font-size: 15px;"> Visual Studio Code/PyCharm/Replit/IntelliJ IDEA</i></button></center>
       </td>
       <td>
         <center>
@@ -146,7 +146,7 @@ <h3>Coding Projects</h3>
     </tr>
     <tr class = "ccpp_row">
       <td>
-        <center><button><b><a href="ccppprojects.html" style="font-size: 15px;">C/C++</a></b><i style="font-size: 15px;"> CLion/Replit</i></button></center>
+        <center><button><b><a class = "hometable" href="ccppprojects.html" style="font-size: 15px;">C/C++</a></b><i style="font-size: 15px;"> CLion/Replit</i></button></center>
       </td>
       <td>
         <center>

diff --git a/style.css b/style.css
@@ -15,15 +15,14 @@ button.jupyterstuff {
   text-align: left;
   border-width: 0px;
   width: fit-content;
-  height: 4px;
+  height: 25px;
 }
 button {
   background-color: transparent;
   border-width: 0;
   width: 100%;
   cursor: pointer;
   border-radius: 10px;
-  text-align: left;
 }
 
 button.codinglangbutt {
@@ -121,7 +120,28 @@ projnum:hover {
   border-radius: 10px;
   background-color: #ff87bc;
 }
-
+a.hometable {
+  text-decoration: none;
+  background:
+    linear-gradient(
+      to right,
+      rgba(100, 200, 200, 1),
+      rgba(100, 200, 200, 1)
+    ),
+    linear-gradient(
+      to right,
+      rgba(255, 0, 0, 1),
+      rgba(255, 0, 180, 1),
+      rgba(0, 100, 200, 1)
+  );
+  background-size: 100% 3px, 0 3px;
+  background-position: 100% 100%, 0 100%;
+  background-repeat: no-repeat;
+  transition: background-size 400ms;
+}
+a.hometable:hover {
+  background-size: 0 3px, 100% 3px;
+}
 a {
   text-decoration: underline;
   color: #000000;