testing webhook

Merging dev into main

css/master.css

@@ -154,30 +154,25 @@ body {
     width: 100%;
 }
 
-.projects-box {
+.project-card {
-    display: flex;
+    margin-bottom: 40px;
-    flex-wrap: wrap;
+}
-    margin: auto;
-    max-width: 70%;
 
-}  .projects-box .card {
+.project-card img {
-    margin: auto;
+    width: 10%;
-    padding-bottom: 30px;
+    height: auto;
-} .projects-box img {
+    margin-top: 20px;
-    width: 100%;
+    border: 2px solid var(--color-pallete-red);
-    height: 100%;
+}
-    border-top-right-radius: 10%;
+
-    border-top-left-radius: 1%;
+.project-card .hexlink {
+    font-size: 2em;
 }
 
 @media (max-width: 1000px)
 {
-    .projects-box {
+    .project-card img {
-        display: block;
+        width: 40%;
-        margin: 0 30px 0 30px;
-    } .projects-box .card {
-        margin: auto;
-        padding: 20px 0 20px 0;
     }
 }
 

index.html

@@ -45,20 +45,16 @@
                 </div>
                 <div class="aboutme-box-right">
                     <h2>About Me</h2>
-                    <p>
+                    <p>Hi! I'm Chris Bell. I am a programmer, musician, and nerd. My passion has been Game Development for over 5 years, using Unreal Engine, Unity, and Godot. I am currently a full-time Unity developer, but have knowledge in C/C++, C#, Java, HTML/CSS, and a few other languages. Most of my projects can be found on my <a class="hexlink" href="https://git.bellsworne.tech/chrisbell">Gitea site</a>.</p>
-                        Hi! I'm Chris Bell. I am a programmer, musician, and nerd. My passion has been Game Development for over 5 years, 
+
-                        using Unreal Engine, Unity, and Godot. I am currently a full-time Unity developer, but have knowledge in C/C++, 
-                        C#, Java, HTML/CSS, and a few other languages. Most of my projects can be found on my 
-                        <a class="hexlink" href="https://git.bellsworne.tech/chrisbell">Gitea</a> site.
-                    </p>
                     <br>
+
 		                <p>
-                        HexStudios is mostly just my personal portfolio, and I currently operate a 
+                        HexStudios is mostly just my personal portfolio, but I am also the founder and CEO of <a class="hexlink" href="https://bellsworne.com">Bellsworne LLC</a>. 
-                        company under the name <a class="hexlink" href="https://bellsworne.com">Bellsworne</a>. 
                         Bellsworne has multiple sub-sections like <a class="hexlink" href="https://bellsworne.tech">Bellsworne Tech</a>, 
                         where a lot of my more professional software projects live, 
                         and <a class="hexlink" href="https://bellsworne.com/games">Bellsworne Games</a> 
-                        where my future games will be published. 
+                        where my future games will be published. You can find my open source projects at my <a class="hexlink" href="https://git.bellsworne.tech/Bellsworne">Bellsworne Gitea Site</a>
                     </p>
                 </div>
             </div>
@@ -69,38 +65,39 @@
 
         <div id="projects">
             <div class="projects-box">
-                <!-- Stars -->
+                
-                <div class="card"><div class="upper"><a href="dev/stars"><img src="res/stars.png"></a></div>
+                <div class="project-card">
-                        <div class="lower">
+                    <a class="hexlink" href="https://sessionzero.app">SessionZero</a>
-                            <h2>Stars</h2>
+                    <p>A TTRPG companion and management application</p>
-                            <p>A cool little visualization of randomly generated "stars", made in JS</p>
+                    <img src="res/seshzero.png" />
-                    </div>
                 </div>
 
-                <!-- Let There Be Blight -->
+                <div class="project-card">
-                <div class="card"><div class="upper"><a href="dev/blight"><img src="res/blight.png"></a></div>
+                    <a class="hexlink" href="https://git.bellsworne.tech/Bellsworne/Cogwheel">Cogwheel</a>
-                        <div class="lower">
+                    <p>A C# Game and Software development toolset</p>
-                            <h2>Let There Be Blight</h2>
+                    <img src="res/cogwheel.png" />
-                            <p>A game made in 72 hours for MiniJam #150: Magic, made in Godot</p>
-                    </div>
                 </div>
 
-                <!-- Interactive Map -->
+                
-                <div class="card"><div class="upper"><a href="dev/interactive-angular-map"><img src="res/map.png"></a></div>
+                <div class="project-card">
-                        <div class="lower">
+                    <a class="hexlink" href="dev/blight">Let There Be Blight</a>
-                            <h2>Interactive Map</h2>
+                    <p>A game made in 72 hours for the Minijam #150: Magic game jam. Made in Godot</p>
-                            <p>An interactive world map made in Angular</p>
+                    <img src="res/blight.png" />
-                    </div>
                 </div>
 
-                <!-- ADEPT -->
-                <!-- <div class="card"><div class="upper"><a href="dev/interactive-angular-map"><img src="res/map.png"></a></div> -->
-                <!--         <div class="lower"> -->
-                <!--             <h2>Interactive Map</h2> -->
-                <!--             <p>An interactive world map made in Angular</p> -->
-                <!--     </div> -->
-                <!-- </div> -->
                 
+                <div class="project-card">
+                    <a class="hexlink" href="dev/stars">Stars</a>
+                    <p>A fun little star generator thing. Made in plain JS.</p>
+                    <img src="res/stars.png" />
+                </div>
+
+                
+                <div class="project-card">
+                    <a class="hexlink" href="dev/interactive-angular-map">Interactive World Map</a>
+                    <p>A cool little demo showcasing an interactive world map using Angular</p>
+                    <img src="res/map.png" />
+                </div>
                 
             </div>
         </div>
@@ -119,14 +116,14 @@
 
     <div id="fader-reverse"></div>
     <div id="footer">
-        <p>&copy; Copyright 2025 HEX Studios&trade;</p>
+        <p>&copy; Copyright 2022 HEX Studios&trade;</p>
         <br>
         <div class="footer-nav">
             <ul>
                 <li><a class="hexlink" href="#aboutme">About</a></li>
                 <li><a class="hexlink" href="#projects">Projects</a></li>
                 <li><a class="hexlink" href="#contact">Contact</a></li>
-                <li><a class="hexlink" href="https://git.bellsworne.tech/chrisbell/hexstudios-co.git">Page Source</a></li>
+                <li><a class="hexlink" href="https://github.com/HexStudios/hexstudios-co">Page Source</a></li>
             </ul>
         </div>
     </div>