projects

.gitignore

@@ -1 +1,2 @@
-saul.mp4
+saul.mp4
+alphaverJars/

index.html

@@ -27,7 +27,7 @@
             I use an arch based os btw<br><br>
             <button onclick="pauseVideo()">Pause the video</button>
 
-       
+
         </p>
         <h2 onclick="showThing('gallery')" class="paragraph dropdown">More</h2>
         <div id="gallery">
@@ -40,16 +40,24 @@
             <img src="svg/matrix.svg" height="40" width="40" />
             <p>@gnawmon@matrix.org</p>
         </div>
+
         <div class="contact">
-            <img src="svg/discord.svg" height="40" width="40" />
-            <p>@gnawmon</p>
-        </div>
-        <div class="contact">
-            <a href="http://git.vern.cc/gnawmon" class="fill-div">
+            <a href="http://git.vern.cc/gnawmon">
                 <img src="svg/forgejo.svg" height="40" width="40" />
                 <p>/gnawmon</p>
             </a>
         </div>
+        <div class="contact">
+            <a href="https://github.com/gnawmon">
+            <img src="svg/github.svg" height="40" width="40" />
+            <p>/gnawmon</p>
+            </a>
+        </div>
+        <div class="contact">
+            <img src="svg/discord.svg" height="40" width="40" />
+            <p>@gnawmon</p>
+        </div>
+
         <div class="smalimages">
             <a href="https://endeavouros.com/"> <img src="88x31/endeavour.png"></img> </a>
             <a href="https://www.mozilla.org/en-US/firefox/new"> <img src="88x31/firefox.gif"></img></a>
@@ -58,8 +66,7 @@
             <!-- <button id="rotate_button" onclick="rotate()">rotate</button> -->
         </div>
 
-        <p class="paragraph bottomtext"><a href="http://git.vern.cc/gnawmon/website"
-                class="link">source code</a></p>
+        <p class="paragraph bottomtext"><a href="http://git.vern.cc/gnawmon/website" class="link">source code</a></p>
     </div>
 
 </body>

projects.html

@@ -15,13 +15,20 @@
     <div class="middlething">
         <div class="navbar"> <a href="index.html">Main Page </a> <a href="projects.html" id="active">Projects</a></div>
 
-        <p class="paragraph">
-            not here yet lol <br> <br>
+        <div class="paragraph">
+            <p >All of the projects listed on here is unfinished  <img class="emote" src="cats/fanofargs.png"></img> </p>
+            <ul>
+                <li>ReLaunch | A Minecraft Launcher</li>
+                <img src="images/minecraftLauncher.png"></img>
+                <li>Unnamed Doom Clone</li>
+                <img src="images/doomClone.png"></img>
+            </ul>
+            <br> <br>
             <button onclick="pauseVideo()">Pause the video</button>
 
-        </p>
+        </div>
 
-        <p class="paragraph bottomtext" ><a class="link">source code</a></p>
+        <p class="paragraph bottomtext"><a class="link">source code</a></p>
     </div>
 
 </body>

style.css

@@ -242,7 +242,6 @@ input:focus {
   border-bottom: 1px solid var(--accent-color);
 }
 
-/* Tooltip text */
 .tooltip .tooltiptext {
   visibility: hidden;
   background-color: #3d3d3dd3;
@@ -251,19 +250,17 @@ input:focus {
   text-align: center;
   padding: 5px 0;
   border-radius: 6px;
-  /* Position the tooltip text */
+
   position: absolute;
   z-index: 10;
   bottom: 125%;
   left: 50%;
   margin-left: -60px;
 
-  /* Fade in tooltip */
   opacity: 0;
   transition: opacity 0.3s ease;
 }
 
-/* Show the tooltip text when you mouse over the tooltip container */
 .tooltip:hover .tooltiptext {
   visibility: visible;
   opacity: 1;
@@ -282,6 +279,7 @@ input:focus {
   width: 40%;
   backdrop-filter: blur(100px);
 vertical-align: baseline;
+margin-top: 2px;
 }
 
 .contact image {
@@ -292,17 +290,16 @@ vertical-align: baseline;
   padding-left: 10px;
   position: absolute;
   display: inline-block;
-  vertical-align: middle;
+
   line-height: 10px;
-  /* <-- adjust this */
+
   vertical-align: baseline;
 }
 
 .contact a {
-  position: absolute;
+
   display: block;
-  height: 100%;
-  width: 100%;
+ 
   text-decoration: none;
 }
 
@@ -329,4 +326,9 @@ vertical-align: baseline;
   margin-top: 4%;
   bottom: 0;
   background: var(--overlay);
+}
+.emote{
+  width: 30px;
+margin-left: 3px;
+  position: absolute;
 }