Added projects, updated Picture size, Download CV button, Text under said button, increased footer icon size, and moved copyright and so forth closer to bottom of screen. Also, fixed spelling errors.

.idea/watcherTasks.xml

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectTasksOptions">
+    <TaskOptions isEnabled="false">
+      <option name="arguments" value="$FileName$:$FileNameWithoutExtension$.css" />
+      <option name="checkSyntaxErrors" value="true" />
+      <option name="description" />
+      <option name="exitCodeBehavior" value="ERROR" />
+      <option name="fileExtension" value="scss" />
+      <option name="immediateSync" value="true" />
+      <option name="name" value="SCSS" />
+      <option name="output" value="$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map" />
+      <option name="outputFilters">
+        <array />
+      </option>
+      <option name="outputFromStdout" value="false" />
+      <option name="program" value="sass" />
+      <option name="runOnExternalChanges" value="true" />
+      <option name="scopeName" value="Project Files" />
+      <option name="trackOnlyRoot" value="true" />
+      <option name="workingDir" value="$FileDir$" />
+      <envs />
+    </TaskOptions>
+  </component>
+</project>

assets/css/main.css

@@ -2622,7 +2622,7 @@ input[type="button"],
   height: 3.15em;
   height: calc(2.75em + 6px);
   line-height: 2.75em;
-  min-width: 10em;
+  min-width: 100%;
   padding: 0 1.5em;
   text-align: center;
   text-decoration: none;
@@ -2811,29 +2811,40 @@ input[type="button"]:disabled,
   font-size: 1.35em;
   line-height: 1.75em;
   margin: 0;
+  text-align: left;
+}
+
+#header > .inner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
 }
 
 #header .image.avatar {
-  margin: 0 0 1em 0;
+  margin: 0 auto;
-  width: 6.25em;
+  display: block;
 }
 
 /* Footer */
 
 #footer .icons {
   margin: 1em 0 0 0;
+  text-align: center;
 }
 
 #footer .icons a {
   color: rgba(255, 255, 255, 0.9);
+  font-size: 1.5em; /* come back later */
 }
 
 #footer .copyright {
   color: rgba(255, 255, 255, 0.4);
   font-size: 0.8em;
   list-style: none;
-  margin: 1em 0 0 0;
+  margin: 5em 0 0 0;
   padding: 0;
+  text-align: center;
 }
 
 #footer .copyright li {

index.html

@@ -34,19 +34,16 @@
       href="https://github.com/its-michaelroy"
       class="image avatar"
       target="_blank"
-          ><img src="images/avatar.png" alt="Michael Roy" /></a
+    ><img src="images/avatar.png" alt="Michael Roy" /></a><br />
-        ><br />
     <a
       href="documents/Michael_Roy_Resume.pdf"
       class="button"
       id="downloadCV"
-          >Download CV</a
+    >Download CV</a>
-        >
 
     <h1>
-          <strong>I am Michael Roy</strong>, a dedicated digital craftsman, Ham radio enthusiasts,
+      I am Michael Roy, a dedicated Digital Craftsman, Ham Radio Enthusiast,
-          <br />
+      and lover of Pancakes & Theology!
-          and lover of pancakes & Theology!<br />
     </h1>
   </div>
 </header>
@@ -62,7 +59,7 @@
       From a young age, I've always been fascinated by how things work,
       constantly taking apart and reassembling gadgets to understand their
       inner workings. This curiosity naturally led me to a career in
-          technology, where I could indulge my natural curiousity for
+      technology, where I could indulge my natural curiosity for
       problem-solving and innovation. My journey took a significant turn
       when I was deployed to Afghanistan, where I served as a military
       police officer, working closely with the Afghan Army. This experience
@@ -112,17 +109,74 @@
     <div class="row">
       <article class="col-6 col-12-xsmall work-item">
         <a
-              href="https://deep-impact.onrender.com"
+          href="https://github.com/its-michaelroy/HamStudyX"
           class="image fit thumb"
           target="_blank"
-            ><img src="images/DeepImpact.jpeg" alt="Michael Roy"
+        ><img src="images/HamStudyX.jpeg" alt="Michael Roy"
         /></a>
-            <h3>Deep Impact (2024 Hackathon Winner!)</h3>
+        <h3>HamStudyX - January 2025</h3>
         <p>
-              Web application designed to provide users with educational
+          HamStudyX is a cross-platform mobile application designed to help users prepare for ham radio licensing exams. Built using .NET MAUI, it provides a structured way to practice multiple-choice and open-ended questions, track progress, and review quiz history — all within an intuitive interface
-              insights into the potential dangers of asteroid impacts Built
+        </p>
-              using Python, JavaScript ES6, Django, React and hosted on Render
+      </article>
-              with NASA Sentry API
+      <article class="col-6 col-12-xsmall work-item">
+        <a
+          href="https://github.com/Headstarters/Flash-card-app"
+          class="image fit thumb"
+          target="_blank"
+        ><img src="images/Flash_Ace.png" alt="Michael Roy"
+        /></a>
+        <h3>FlashAce AI - August 2024</h3>
+        <p>
+          Dynamic AI flashcard application with study mode, allowing users to generate custom decks for efficient
+          learning.Built using Next, React, JavaScript ES6, MUI, Firebase, Clerk, OpenAI, and Stripe API
+        </p>
+      </article>
+      <article class="col-6 col-12-xsmall work-item">
+        <a
+          href="https://stocksmart.obsidian-labs.org"
+          class="image fit thumb"
+          target="_blank"
+        ><img src="images/stocksmartai.png" alt="Michael Roy"
+        /></a>
+        <h3>Stock Smart Pantry Tracker - July 2024</h3>
+        <p>
+          Project showcases expertise in modern web development frameworks, data management with full CRUD (Create,
+          Read, Update, Delete) capabilities, and user interface design using MUI components. Built a real-time pantry
+          tracking application with React, NextJS, MUI, and Firebase
+        </p>
+      </article>
+      <article class="col-6 col-12-xsmall work-item">
+        <a
+          href="https://pay-bridge-bitcoin-games.vercel.app/"
+          class="image fit thumb"
+          target="_blank"
+        ><img src="images/paybridge_logo.jpg" alt="Michael Roy"
+        /></a>
+        <h3>PayBridge - July 2024</h3>
+        <p>
+          A decentralized payroll platform utilizing Rootstock, that enables
+          businesses to seamlessly make monthly payments to their employees.
+          With PayBridge, companies can manage their payroll more
+          efficiently, while employees enjoy the convenience of accessing
+          their salaries through a user-friendly interface.Built using
+          Javascript, Python, React, Solidity, Next, Tailwind, and CSS.
+          Using Wagmi, and Open AI API.
+        </p>
+      </article>
+      <article class="col-6 col-12-xsmall work-item">
+        <a
+          href="https://github.com/its-michaelroy/npx_business_card#readme"
+          class="image fit thumb"
+          target="_blank"
+        ><img src="images/npx_Business_card_square.png" alt="Michael Roy"
+        /></a>
+        <h3>NPM Digital Business Card - June 2024</h3>
+        <p>
+          NPM Package created as an interesting way for other tech
+          enthusiasts and developers to reach out to each other and network.
+          Built with JavaScript, Node.js, and various libraries including
+          Megajs for file operations, Chalk fir styling, and more.
         </p>
       </article>
       <article class="col-6 col-12-xsmall work-item">
@@ -132,37 +186,7 @@
           target="_blank"
         ><img src="images/DeepImpact.jpeg" alt="Michael Roy"
         /></a>
-            <h3>Deep Impact (2024 Hackathon Winner!)</h3>
+        <h3>Deep Impact (2024 Hackathon Winner!) - May 2024</h3>
-            <p>
-              Web application designed to provide users with educational
-              insights into the potential dangers of asteroid impacts Built
-              using Python, JavaScript ES6, Django, React and hosted on Render
-              with NASA Sentry API
-            </p>
-          </article>
-          <article class="col-6 col-12-xsmall work-item">
-            <a
-              href="https://deep-impact.onrender.com"
-              class="image fit thumb"
-              target="_blank"
-            ><img src="images/DeepImpact.jpeg" alt="Michael Roy"
-            /></a>
-            <h3>Deep Impact (2024 Hackathon Winner!)</h3>
-            <p>
-              Web application designed to provide users with educational
-              insights into the potential dangers of asteroid impacts Built
-              using Python, JavaScript ES6, Django, React and hosted on Render
-              with NASA Sentry API
-            </p>
-          </article>
-          <article class="col-6 col-12-xsmall work-item">
-            <a
-              href="https://deep-impact.onrender.com"
-              class="image fit thumb"
-              target="_blank"
-              ><img src="images/DeepImpact.jpeg" alt="Michael Roy"
-            /></a>
-            <h3>Deep Impact (2024 Hackathon Winner!)</h3>
         <p>
           Web application designed to provide users with educational
           insights into the potential dangers of asteroid impacts Built
@@ -177,7 +201,7 @@
           target="_blank"
         ><img src="images/platoon-console-v3.svg" alt="Michael Roy"
         /></a>
-            <h3>Platoon Console</h3>
+        <h3>Platoon Console - April 2024</h3>
         <p>
           Web application dashboard for managing Code Platoon cohorts,
           offering centralized access to course materials Built using
@@ -185,24 +209,6 @@
           with Google API
         </p>
       </article>
-          <article class="col-6 col-12-xsmall work-item">
-            <a
-              href="https://pay-bridge-bitcoin-games.vercel.app/"
-              class="image fit thumb"
-              target="_blank"
-              ><img src="images/paybridge_logo.jpg" alt="Michael Roy"
-            /></a>
-            <h3>PayBridge</h3>
-            <p>
-              A decentralized payroll platform utilizing Rootstock, that enables
-              businesses to seamlessly make monthly payments to their employees.
-              With PayBridge, companies can manage their payroll more
-              efficiently, while employees enjoy the convenience of accessing
-              their salaries through a user-friendly interface.Built using
-              Javascript, Python, React, Solidity, Next, Tailwind, and CSS.
-              Using Wagmi, and Open AI API.
-            </p>
-          </article>
       <article class="col-6 col-12-xsmall work-item">
         <a
           href="https://github.com/its-michaelroy/ValidationStation"
@@ -210,7 +216,7 @@
           target="_blank"
         ><img src="images/validation.png" alt="Michael Roy"
         /></a>
-            <h3>Validation Station</h3>
+        <h3>Validation Station - April 2024</h3>
         <p>
           Application created for businesses as a way to create a databse of
           valid contact information and for individual use as a way to avoid
@@ -231,7 +237,7 @@
           target="_blank"
         ><img src="images/website.png" alt="Michael Roy"
         /></a>
-            <h3>Minimal Portfolio</h3>
+        <h3>Minimal Portfolio - February 2024</h3>
         <p>
           Created to showcase my projects and experience in a minimalistic
           format.Built with Javascript, React, Tailwind, Vite, CSS
@@ -244,28 +250,13 @@
           target="_blank"
         ><img src="images/Shufflepuck.png" alt="Michael Roy"
         /></a>
-            <h3>Shuffle Puck</h3>
+        <h3>Shuffle Puck - April 2017</h3>
         <p>
           Web application game created as capstone project for users to play
-              a game of shufflepuck against an AI apponet. Built using
+          a game of 'shufflepuck' against an AI opponent. Built using
           JavaScript ES6, PHP, CSS, and SVG
         </p>
       </article>
-          <article class="col-6 col-12-xsmall work-item">
-            <a
-              href="https://github.com/its-michaelroy/npx_business_card#readme"
-              class="image fit thumb"
-              target="_blank"
-              ><img src="images/npx_Business_card_square.png" alt="Michael Roy"
-            /></a>
-            <h3>NPM Digital Business Card</h3>
-            <p>
-              NPM Package created as an interesting way for other tech
-              enthusiasts and developers to reach out to each other and network.
-              Built with JavaScript, Node.js, and various libraries including
-              Megajs for file operations, Chalk fir styling, and more.
-            </p>
-          </article>
     </div>
     <!-- <ul class="actions">
       <li><a href="#" class="button">Full Portfolio</a></li>
@@ -422,6 +413,7 @@
       <li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
     </ul>
   </div>
+  <div></div>
 </footer>
 
 <!-- Scripts -->