all: move front into its own directory

1 files changed, 50 insertions, 0 deletions

diff --git a/front/src/pages/projects.tsx b/front/src/pages/projects.tsx
new file mode 100644
index 0000000..4e64704
--- /dev/null
+++ b/front/src/pages/projects.tsx
@@ -0,0 +1,50 @@
+import './projects.css';
+import Carousel from '../components/carousel';
+
+export default function Projects() {
+  return (
+    <>
+      <div class="main-info">
+        <div class="main-info-title">
+          Other Projects
+        </div>
+        <div class="main-info-subtitle">
+          projects that are not games
+        </div>
+      </div>
+
+      <div class="projects-container">
+
+        <div class="project">
+          <div class="project-title"><a href="https://spiritmod.fandom.com/wiki/Spirit_Mod_Wiki">Spirit Mod</a></div>
+          <div class="project-info">
+            <div class="icon-row">
+              <div class="icon-text">Made using</div>
+              <div class="icon-container">
+                <img class="grow icon" src="./assets/images/csharp.png" />
+              </div>
+            </div>
+            <div class="icon-row">
+              <div class="icon-text">Available on</div>
+              <div class="icon-container">
+                <img class="grow icon" src="./assets/images/windows.png" />
+              </div>
+            </div>
+            <hr />
+            <div class="project-description">
+              The Spirit Mod is one of the largest mods for Terraria: with more than 1300 items, 8 bosses, and
+              hundreds of enemies, as well as 3 new events and 3 brand new biomes, the mod has a lot to offer.
+              <br />
+              I had the privilege of contributing some system code, mainly the "Stargoop" system.
+            </div>
+          </div>
+          <Carousel>
+            <img class="project-image-gallery-item" src="assets/projects/spirit-mod/Thumbnail.png" />
+            <img class="project-image-gallery-item" src="assets/projects/spirit-mod/Demo1.gif" />
+            <img class="project-image-gallery-item" src="assets/projects/spirit-mod/Demo2.gif" />
+          </Carousel>
+        </div>
+      </div>
+    </>
+  );
+}