From c53ba06f46ab47dbe8d118066fcba9f054f3fb10 Mon Sep 17 00:00:00 2001
From: Zakarya <zakarya@colormatic.org>
Date: Thu, 2 Jan 2025 14:23:57 -0800
Subject: [PATCH] Change "container" to "panel"

---
 about/index.html   | 3 +--
 css/style.css      | 2 +-
 index.html         | 5 ++---
 studios/index.html | 8 ++++----
 video/index.html   | 2 +-
 zakarya/index.html | 4 ++--
 6 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/about/index.html b/about/index.html
index e70dcfa..616a2b2 100644
--- a/about/index.html
+++ b/about/index.html
@@ -24,7 +24,7 @@ $(document).ready(function(){
     <div style="margin-top: 10%;"></div><!-- Separator -->
 
     <main>
-      <div class="hero container">
+      <div class="hero panel">
          <h1>Colormatic: A non-profit project for creation.</h1>
          <p class="justify">Colormatic is a non-profit project for creating a curated collection of sub-projects that match a high-quality, high attention to detail standard.</p>
          <p class="justify">Colormatic Studios is a creative studio dedicated to giving life to maximum effort projects.</p>
@@ -35,4 +35,3 @@ $(document).ready(function(){
     <footer id="footer"></footer>
   </body>
 </html>
-
diff --git a/css/style.css b/css/style.css
index b030d0c..b8ef494 100644
--- a/css/style.css
+++ b/css/style.css
@@ -101,7 +101,7 @@ nav div.inline {
   }
 }
 
-div.container {
+div.panel {
   color: var(--text-color);
   border: solid 1px #00000033;
   border-radius: 8px;
diff --git a/index.html b/index.html
index b821a3c..4fe4808 100644
--- a/index.html
+++ b/index.html
@@ -25,11 +25,11 @@ $(document).ready(function(){
 
     <main>
       <div class="heading">Featured Colormatic Studios Projects:</div>
-      <div class="hero container">
+      <div class="hero panel">
         <h1><a href="https://github.com/ColormaticStudios/quality-godot-first-person-2" target="_blank" rel="noopener noreferrer">Quality First Person Controller</a></h1>
         <p>An actually good first person controller for the Godot Engine.</p>
       </div>
-      <div class="hero container">
+      <div class="hero panel">
         <h1>ColorQuest</h1>
         <p>A simple MMORPG in your browser.</p>
         <p>Currently in <a href="https://en.wikipedia.org/wiki/Software_release_life_cycle#Pre-alpha" target="_blank" rel="noopener noreferrer">pre-alpha</a>.</p>
@@ -41,4 +41,3 @@ $(document).ready(function(){
     <footer id="footer"></footer>
   </body>
 </html>
-
diff --git a/studios/index.html b/studios/index.html
index 86e5c7c..058800b 100644
--- a/studios/index.html
+++ b/studios/index.html
@@ -27,21 +27,21 @@ $(document).ready(function(){
       <div class="heading"><h1>Colormatic Studios</h1></div>
 
       <div class="project-grid-container">
-        <div class="project-grid-box container">
+        <div class="project-grid-box panel">
           <h1><a href="https://github.com/ColormaticStudios/quality-godot-first-person-2" target="_blank" rel="noopener noreferrer">Quality First Person Controller</a></h1>
           <div class="project-grid-box-contents">
             <img src="https://raw.githubusercontent.com/ColormaticStudios/quality-godot-first-person-2/refs/heads/main/icon.svg">
             <p>An actually good first person controller for the Godot Engine.</p>
           </div>
         </div>
-        <div class="project-grid-box container">
+        <div class="project-grid-box panel">
           <h1>A Silly Game</h1>
           <div class="project-grid-box-contents">
             <img src="/studios/img/hatcat.webp">
             <p>This is a silly little game project to get us started.</p>
           </div>
         </div>
-        <div class="project-grid-box container">
+        <div class="project-grid-box panel">
           <h1>ColorQuest</h1>
           <div class="project-grid-box-contents">
             <img src="/studios/img/colorquest.png" class="pixelart">
@@ -50,7 +50,7 @@ $(document).ready(function(){
         </div>
       </div>
 
-      <div class="hero container">
+      <div class="hero panel">
         <h1>Links:</h1>
         <div class="double-linktree">
           <ul class="linktree">
diff --git a/video/index.html b/video/index.html
index 89ab406..56b1bc5 100644
--- a/video/index.html
+++ b/video/index.html
@@ -21,7 +21,7 @@ $(document).ready(function(){
   <body>
     <div id="particle-container"></div>
     <script src="/js/bg.js"></script>
-    <header class="container" id="navbar"></header>
+    <header id="navbar"></header>
 
     <div class="video container">
       <video id="videoplayer" controls></video>
diff --git a/zakarya/index.html b/zakarya/index.html
index 1f116f4..68f7978 100644
--- a/zakarya/index.html
+++ b/zakarya/index.html
@@ -26,7 +26,7 @@ $(document).ready(function(){
     <main>
       <img class="banner" src="/img/zakarya-banner.png">
 
-      <div class="hero container">
+      <div class="hero panel">
         <h1>Links:</h1>
         <ul class="linktree">
           <li><a href="https://mstdn.party/@zakarya" target="_blank" rel="noopener noreferrer">Mastodon</a></li>
@@ -37,7 +37,7 @@ $(document).ready(function(){
         </ul>
       </div>
 
-      <div class="hero container">
+      <div class="hero panel">
         <h1>Featured Videos:</h1>
         <ul class="videolist">
           <li><a href="/video?c=zakarya&v=the-way-forward">