Minor changes here and there

.gitignore

@@ -1 +0,0 @@
-zakarya/videos

css/colormaticstudios.css

@@ -1,4 +1,4 @@
-div.heading {
+div.cs-title {
   background-image: url("/img/colormatic_banner.svg");
   background-size: cover;
   background-repeat: no-repeat;
@@ -8,12 +8,12 @@ div.heading {
   justify-content: center;
 }
 
-div.heading h1 {
+div.cs-title h1 {
   color: white;
   background-color: #00000088;
   padding: 28px 38px;
   border-radius: 16px;
-  font-size: 180%;
+  font-size: 300%;
   box-shadow: 1px 1px 8px #00000033;
   backdrop-filter: blur(5px);
 }
@@ -32,12 +32,12 @@ div.project-grid-container {
     width: 90%;
   }
 
-  div.heading {
+  div.cs-title {
     height: 200px;
   }
 
-  div.heading h1 {
-    font-size: 100%;
+  div.cs-title h1 {
+    font-size: 200%;
   }
 }
 

css/style.css

@@ -28,7 +28,6 @@ nav {
   grid-template-columns: 1fr min-content 1fr;
   align-items: center;
   padding: 12px;
-  /* border-bottom: solid 1px #00000033; */
   border-bottom: solid 1px var(--text-color);
   z-index: 1;
 
@@ -211,10 +210,17 @@ div.panel {
 
 main div.heading {
   color: var(--text-color);
-  font-size: 200%;
+  font-size: 300%;
   text-align: center;
 }
 
+main span.name-title {
+    display: block;
+    color: var(--text-color);
+    font-size: 700%;
+    text-align: center;
+}
+
 main div.hero {
   width: 60%;
   margin: 16px auto 16px auto;
@@ -305,7 +311,7 @@ ul.linktree li a { /* Pill button shape */
 
 ul.linktree li a:hover {
   cursor: pointer;
-  background-color: var(--text-color);
+  background-color: #383c3f;
 }
 
 div.double-linktree {
@@ -346,7 +352,6 @@ ul.videolist li a span {
 }
 
 div.footer {
-  /* border-top: solid 1px #00000033; */
   border-top: solid 1px var(--text-color);
   width: 95%;
   margin: 0 auto;

studios/index.html

@@ -22,27 +22,27 @@ $(document).ready(function(){
     <header id="navbar"></header>
 
     <main>
-      <div class="heading"><h1>Colormatic Studios</h1></div>
+      <div class="cs-title"><h1>Colormatic Studios</h1></div>
 
       <div class="project-grid-container">
         <div class="project-grid-box panel">
           <h1><a href="https://git.colormatic.org/ColormaticStudios/quality-godot-first-person" target="_blank" rel="noopener noreferrer">Quality First Person Controller</a></h1>
           <div class="project-grid-box-contents">
-            <img src="https://git.colormatic.org/ColormaticStudios/quality-godot-first-person/raw/branch/main/icon.svg" />
+            <img src="https://git.colormatic.org/ColormaticStudios/quality-godot-first-person/raw/branch/main/icon.svg" alt="First Person Logo" />
             <p>An actually good first person controller for the Godot Engine.</p>
           </div>
         </div>
         <div class="project-grid-box panel">
           <h1>A Silly Game</h1>
           <div class="project-grid-box-contents">
-            <img src="/studios/img/hatcat.webp" />
+            <img src="/studios/img/hatcat.webp" alt="HatCat" />
             <p>This is a silly little game project to get us started.</p>
           </div>
         </div>
         <div class="project-grid-box panel">
           <h1>ColorQuest</h1>
           <div class="project-grid-box-contents">
-            <img src="/studios/img/colorquest.png" class="pixelart" />
+            <img src="/studios/img/colorquest.png" class="pixelart" alt="ColorQuest" />
             <p>A simple MMORPG in your browser.</p>
           </div>
         </div>
@@ -69,4 +69,3 @@ $(document).ready(function(){
     <footer id="footer"></footer>
   </body>
 </html>
-

zakarya/index.html

@@ -23,7 +23,7 @@ $(document).ready(function(){
 
     <main>
       <img class="banner" src="/img/zakarya-banner.png" role="img" alt="Banner Image" />
-
+      <span class="name-title">Zakarya</span>
       <div class="hero panel">
         <h1>Links:</h1>
         <ul class="linktree">