added cpp project and mod project sections

src/components/CppProjects.jsx

@@ -1,14 +1,27 @@
 /* ----- Project Imports ----- */
 import "@/styles/projects.css";
-import * as Cppdata from "@/data/cppdata.js";
+import { cppProjects } from "@/data/cppdata.js";
 
 
 
 function CppProjects() {
   return (
-    <section id="cpp-projects" className="cpp-projectsContainer">
+    <section id="cpp-projects" className="projectInformationContainer">
-    <h3>This is cpp projects area title</h3>
+      {cppProjects.map((item, index) => {
-    <p>This be some cpp projects</p>
+        return(
+          <div key={item.Name} className="projectIndividualItemContainer">
+            <div className="projectImageContainer">
+              <img className ="projectImage" src={item.Image} alt={item.Name} />
+            </div>
+            <div className="projectTextContainer">
+            <h3 className="projectTextTitle">{item.Name}</h3>
+            <p className="projectTechnologies">{item.Technologies}</p>
+            <div className="projectLinksContainer">
+            <a className="individualProjectLinks" href={item.GitHub} target="_blank" >GitHub</a>
+            </div>
+            </div>
+        </div>);
+      })}
     </section>
   );
 };

src/components/ModProjects.jsx

@@ -1,13 +1,27 @@
 /* ----- Project Imports ----- */
 import "@/styles/projects.css";
-import * as Modsdata from "@/data/modsdata.js";
+import { modProjects } from "@/data/modsdata.js";
 
 
 function ModProjects() {
   return (
-    <section id="modprojects" className="subprojectsContainer">
+    <section id="modprojects" className="projectInformationContainer">
-    <h3>This is Mod projects area title</h3>
+      {modProjects.map((item, index) => {
-    <p>This be some Mod projects</p>
+        return(
+          <div key={item.Name} className="projectIndividualItemContainer">
+            <div className="projectImageContainer">
+              <img className ="projectImage" src={item.Image} alt={item.Name} />
+            </div>
+            <div className="projectTextContainer">
+            <h3 className="projectTextTitle">{item.Name}</h3>
+            <p className="projectTechnologies">{item.Details}</p>
+            <div className="projectLinksContainer">
+            <a className="individualProjectLinks" href={item.GitHub} target="_blank" >GitHub</a>
+            <a className="individualProjectLinks" href={item.Steam} target="_blank" >Steam</a>
+            </div>
+            </div>
+        </div>);
+      })}
     </section>
   );
 };

src/data/cppdata.js

@@ -8,14 +8,9 @@ const BLANKTEMPLATE = {
 export const cppProjects = [
   {
     Name: "Messi vs Ronaldo TicTacToe",
-    GitHub: "",
+    GitHub: "https://github.com/II-Paulus-II/Messi-Vs-Ronaldo---Tic-Tac-Toe",
+    Image: "/projectimgs/tictactoe.webp",
     Information: "",
-    Technologies: "",
+    Technologies: "C++, Win32, GDI+",
   },
-  {
-    Name: "",
-    GitHub: "",
-    Information: "",
-    Technologies: "",
-  }
 ];

src/data/modsdata.js

@@ -9,20 +9,57 @@ const BLANKTEMPLATE =  {
 
 export const modProjects = [
   {
-    Name: "",
+    Name: "Commander Kings",
-    GitHub: "",
+    GitHub: "https://github.com/II-Paulus-II/Commander_Kings",
-    Steam: "",
+    Steam: "https://steamcommunity.com/sharedfiles/filedetails/?id=2457763591",
-    Workshop_ID: "",
+    Workshop_ID: "2457763591",
-    Details: "",
+    Details: "A mod for the game Imperator Rome to allow Kings to command Legion Armies.",
-    Skills: "",
+    Skills: "GUI Editing, Jomini Script",
+    Image: "/projectimgs/commanderkings.webp",
   },
   {
-    Name: "",
+    Name: "Two Spartan Kings",
-    GitHub: "",
+    GitHub: "https://github.com/II-Paulus-II/Two_Spartan_Kings",
-    Steam: "",
+    Steam: "https://steamcommunity.com/sharedfiles/filedetails/?id=2127148915",
-    Workshop_ID: "",
+    Workshop_ID: "2127148915",
-    Details: "",
+    Details: "A mod for the game Imperator Rome to recreate the Diarchy Government form for the country Sparta.",
-    Skills: "",
+    Skills: "GUI Editing, Jomini Script",
+    Image: "/projectimgs/twokings.webp",
+  },
+  {
+    Name: "Bigger Government",
+    GitHub: "https://github.com/II-Paulus-II/Bigger_Government",
+    Steam: "https://steamcommunity.com/sharedfiles/filedetails/?id=1961807756",
+    Workshop_ID: "1961807756",
+    Details: "A mod for the game Imperator Rome to add more laws and government offices to republics and monarchies.",
+    Skills: "GUI Editing, Jomini Script",
+    Image: "/projectimgs/bgov.webp",
+  }, 
+  {
+    Name: "Bloodlines By Max",
+    GitHub: "https://github.com/II-Paulus-II/Bloodlines",
+    Steam: "https://steamcommunity.com/sharedfiles/filedetails/?id=1999873334",
+    Workshop_ID: "1999873334",
+    Details: "A mod for the game Imperator Rome to add many bloodlines as traits for characters.",
+    Skills: "GUI Editing, Jomini Script",
+    Image: "/projectimgs/bloodlines.webp",
+  },   
+  {
+    Name: "Mercenaries Go Away",
+    GitHub: "https://github.com/II-Paulus-II/Mercenaries_Go_Away",
+    Steam: "https://steamcommunity.com/sharedfiles/filedetails/?id=1880525856",
+    Workshop_ID: "1880525856",
+    Details: "A mod for the game Imperator Rome that reduces the number of mercenary armies on the map.",
+    Skills: "Notepad++",
+    Image: "/projectimgs/mercs.webp",
+  },
+  {
+    Name: "Imperator Invictus",
+    GitHub: "https://github.com/SnowletTV/Invictus",
+    Steam: "https://steamcommunity.com/sharedfiles/filedetails/?id=2532715348",
+    Workshop_ID: "2532715348",
+    Details: "A massive mod for the game Imperator Rome adding many features. More than fifty people in the team!",
+    Skills: "GUI Editing, Jomini Script",
+    Image: "/projectimgs/invictus.webp",
   },
-
 ];