From 9bba107ce3f009a5f967ca09934a8c1595a6ef86 Mon Sep 17 00:00:00 2001
From: Sangelo <contact@sangelo.space>
Date: Mon, 29 Jan 2024 21:06:22 +0100
Subject: [PATCH] Add Lunivity Modal

---
 src/routes/Projects.svelte        |  5 ++--
 src/routes/modals/lunivity.svelte | 42 +++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+), 2 deletions(-)
 create mode 100644 src/routes/modals/lunivity.svelte

diff --git a/src/routes/Projects.svelte b/src/routes/Projects.svelte
index 53a2528..a58b9a7 100644
--- a/src/routes/Projects.svelte
+++ b/src/routes/Projects.svelte
@@ -5,7 +5,8 @@
 	import SangeFaultModal from './modals/sangefault.svelte';
 	import ExploreCraftModal from './modals/explorecraft.svelte';
 	import UtilityClientModal from './modals/utilityclient.svelte';
-	import SangeloSpaceModal from './modals/sangelospace.svelte'
+	import SangeloSpaceModal from './modals/sangelospace.svelte';
+	import LunivityModal from './modals/lunivity.svelte';
 	import MoreProjectsModal from './modals/more.svelte';
 	// import type { SvelteComponent } from 'svelte';
 
@@ -88,7 +89,7 @@
 					<button class="button inactive" />
 					<button class="button inactive" />
 					<button class="button sangelo" on:click={() => openModalWith(SangeloSpaceModal)} />
-					<a href="https://lunivity.com" rel="noopener noreferrer" target="_blank" tabindex="-1"><button class="button lunivity" /></a>
+					<button class="button lunivity" on:click={() => openModalWith(LunivityModal)} />
 				</div>
 				<div class="two">
 					<a href="https://gitpot.dev" rel="noopener noreferrer" target="_blank" tabindex="-1"><button class="button gitpot" /></a>
diff --git a/src/routes/modals/lunivity.svelte b/src/routes/modals/lunivity.svelte
new file mode 100644
index 0000000..78748d4
--- /dev/null
+++ b/src/routes/modals/lunivity.svelte
@@ -0,0 +1,42 @@
+<script>
+	import IconOpenInNew from 'svelte-material-icons/OpenInNew.svelte';
+    let projectLogo = "assets/logos/lunivity.svg";
+    let projectReadme = "https://gitpot.dev/lunivity/.profile/raw/branch/main/README.md";
+    let projectSite = "https://lunivity.com"
+</script>
+
+<content>
+	<div class="parent">
+        <div class="gallery">
+            <img src="{projectLogo}" class="project-logo" alt="Project Logo" />
+		</div>
+		<div>
+			<zero-md class="markdown" src="{projectReadme}">
+				<template>
+                    <link
+                        rel="stylesheet"
+                        href="/assets/style/markdown.css"
+                    />
+				</template>
+			</zero-md>
+		</div>
+	</div>
+	<div class="button-container">
+		<a
+			class="button"
+			target="_blank"
+			rel="noopener noreferrer"
+			href="{projectSite}"
+			tabindex="-1"
+			><button>
+				<IconOpenInNew size="1.2em" />
+				<p>Visit Project</p>
+			</button>
+		</a>
+	</div>
+</content>
+
+<style lang="scss">
+	@import '../../styles/modal.scss';
+	@import '../../styles/mobile/modal-mobile.scss';
+</style>