From ebd8a930faa92a7ff0e328adf464aa44b5e341d7 Mon Sep 17 00:00:00 2001
From: Sangelo <contact@sangelo.space>
Date: Tue, 29 Oct 2024 18:50:59 +0100
Subject: [PATCH] [a] stelian.net

---
 src/lib/components/Projects.svelte    | 10 +++----
 src/lib/modals/more.svelte            | 15 +++++++---
 src/lib/modals/stelian-net.svelte     | 34 ++++++++++++++++++++++
 src/lib/modals/utilityclient.svelte   | 42 ---------------------------
 src/styles/projects.scss              | 39 +++++++++++++------------
 static/assets/logos/stelian-net.svg   | 11 +++++++
 static/assets/markdown/stelian-net.md |  6 ++++
 7 files changed, 87 insertions(+), 70 deletions(-)
 create mode 100644 src/lib/modals/stelian-net.svelte
 delete mode 100644 src/lib/modals/utilityclient.svelte
 create mode 100644 static/assets/logos/stelian-net.svg
 create mode 100644 static/assets/markdown/stelian-net.md

diff --git a/src/lib/components/Projects.svelte b/src/lib/components/Projects.svelte
index 66e5b5b..309157b 100644
--- a/src/lib/components/Projects.svelte
+++ b/src/lib/components/Projects.svelte
@@ -1,18 +1,17 @@
 <script lang="ts">
-
 	import { smoothScrollTo, handleKeydown } from '$lib/index';
-	
+
 	// Modal
 	import Modal from '$lib/components/Modal.svelte';
 	import DashinitModal from '$lib/modals/dashinit.svelte';
 	import SangeFaultModal from '$lib/modals/sangefault.svelte';
 	import ExploreCraftModal from '$lib/modals/explorecraft.svelte';
-	import UtilityClientModal from '$lib/modals/utilityclient.svelte';
+	import StelianNetModal from '$lib/modals/stelian-net.svelte';
 	import SangeloSpaceModal from '$lib/modals/sangelospace.svelte';
 	import LunivityModal from '$lib/modals/lunivity.svelte';
 	import GitpotModal from '$lib/modals/gitpot.svelte';
 	import MoreProjectsModal from '$lib/modals/more.svelte';
-	
+
 	let showModal = false;
 	let selectedModule: any = null;
 
@@ -24,7 +23,6 @@
 	function handleModalClose() {
 		showModal = false;
 	}
-
 </script>
 
 <div id="projects" class="section">
@@ -77,7 +75,7 @@
 					<button class="button gitpot" on:click={() => openModalWith(GitpotModal)} />
 					<button class="button dashinit" on:click={() => openModalWith(DashinitModal)} />
 					<button class="button explorecraft" on:click={() => openModalWith(ExploreCraftModal)} />
-					<button class="button utility" on:click={() => openModalWith(UtilityClientModal)} />
+					<button class="button stelian" on:click={() => openModalWith(StelianNetModal)} />
 				</div>
 				<div class="thr">
 					<button class="button inactive" />
diff --git a/src/lib/modals/more.svelte b/src/lib/modals/more.svelte
index 0f88c6d..2e23a6c 100644
--- a/src/lib/modals/more.svelte
+++ b/src/lib/modals/more.svelte
@@ -52,11 +52,11 @@
 						<p class="item-description">Minecraft 1.19.2 Quilt modpack oriented towards exploration. Powered by packwiz!</p>
 					</div>
 				</a>
-				<a class="item" href="https://uc.gamingcraft.de" rel="noopener noreferrer" target="_blank" tabindex="0">
-					<div class="thumbnail"><img src="assets/logos/utilityclient.svg" alt="UtilityClient Logo" /></div>
+				<a class="item" href="https://stelian.net" rel="noopener noreferrer" target="_blank" tabindex="0">
+					<div class="thumbnail"><img src="assets/logos/stelian-net.svg" alt="stelian.net Logo" /></div>
 					<div class="item-details">
-						<h2>UtilityClient</h2>
-						<p class="item-description">Performance oriented 1.8.9 Minecraft Client. I'm responsible for UI/UX.</p>
+						<h2>stelian.net</h2>
+						<p class="item-description">My portfolio/blog website for my non-internet personality.</p>
 					</div>
 				</a>
 				<a class="item" href="https://github.com/SangeloDev/SangeFault" rel="noopener noreferrer" target="_blank" tabindex="0">
@@ -66,6 +66,13 @@
 						<p class="item-description">Open-source Minecraft resourcepack for 1.8.9 </p>
 					</div>
 				</a>
+				<a class="item" href="https://utilityclient.org" rel="noopener noreferrer" target="_blank" tabindex="0">
+					<div class="thumbnail"><img src="assets/logos/utilityclient.svg" alt="UtilityClient Logo" /></div>
+					<div class="item-details">
+						<h2>UtilityClient</h2>
+						<p class="item-description">Performance oriented 1.8.9 Minecraft Client. I'm responsible for UI/UX.</p>
+					</div>
+				</a>
 			</ul>
 
 			<h2 class="modal-title no-select"><IconArchive /> Archive</h2>
diff --git a/src/lib/modals/stelian-net.svelte b/src/lib/modals/stelian-net.svelte
new file mode 100644
index 0000000..b0bbd2b
--- /dev/null
+++ b/src/lib/modals/stelian-net.svelte
@@ -0,0 +1,34 @@
+<script>
+	import IconOpenInNew from 'svelte-material-icons/OpenInNew.svelte';
+	let projectLogo = 'assets/logos/stelian-net.svg';
+	let projectReadme = '/assets/markdown/stelian-net.md';
+	let projectSite = 'https://stelian.net';
+</script>
+
+<content>
+	<div class="parent">
+		<div class="gallery">
+			<img src={projectLogo} class="project-logo" alt="Project Logo" />
+		</div>
+		<div class="content">
+			<zero-md 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.scss';
+</style>
diff --git a/src/lib/modals/utilityclient.svelte b/src/lib/modals/utilityclient.svelte
deleted file mode 100644
index 9bf3dc8..0000000
--- a/src/lib/modals/utilityclient.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<script>
-	import IconOpenInNew from 'svelte-material-icons/OpenInNew.svelte';
-    let projectLogo = "assets/logos/utilityclient.svg";
-    let projectReadme = "https://raw.githubusercontent.com/Utility-Client/UtilityClient/development/README.md";
-    let projectSite = "https://uc.gamingcraft.de";
-</script>
-
-<content>
-	<div class="parent">
-        <div class="gallery">
-            <img src="{projectLogo}" class="project-logo" alt="Project Logo" />
-		</div>
-		<div class="content">
-			<zero-md 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.scss';
-</style>
diff --git a/src/styles/projects.scss b/src/styles/projects.scss
index 78d868d..dc956f6 100644
--- a/src/styles/projects.scss
+++ b/src/styles/projects.scss
@@ -58,19 +58,19 @@
 				cursor: default;
 				align-items: center;
 			}
-	
+
 			.one {
 				grid-area: one;
 			}
-	
+
 			.two {
 				grid-area: two;
 			}
-	
+
 			.thr {
 				grid-area: thr;
 			}
-	
+
 			.button {
 				width: 8em;
 				height: 8em;
@@ -89,39 +89,42 @@
 			.button:hover {
 				opacity: 0.9;
 			}
-	
+
 			.button:active {
 				opacity: 0.8;
 			}
-	
+
 			.inactive {
 				visibility: hidden;
 			}
-	
+
 			.sangelo {
 				background-image: url('/assets/logos/sangelos-space-website.svg');
 			}
-	
+
 			.lunivity {
 				background-image: url('/assets/logos/lunivity.svg');
 			}
-	
+
 			.gitpot {
-				background: url('/assets/icons/gitpot.svg') no-repeat center / 4.5em, radial-gradient(103.52% 103.52% at 34.04% 26.17%, #fa7042 24.28%, #d23652 120%) no-repeat center;
+				background:
+					url('/assets/icons/gitpot.svg') no-repeat center / 4.5em,
+					radial-gradient(103.52% 103.52% at 34.04% 26.17%, #fa7042 24.28%, #d23652 120%) no-repeat
+						center;
 			}
-	
-			.utility {
-				background-image: url('/assets/logos/utilityclient.svg');
+
+			.stelian {
+				background-image: url('/assets/logos/stelian-net.svg');
 			}
-	
+
 			.explorecraft {
 				background-image: url('/assets/logos/explorecraft.svg');
 			}
-	
+
 			.dashinit {
 				background-image: url('/assets/logos/dashinit.svg');
 			}
-	
+
 			.sangefault {
 				background-image: url('/assets/logos/sangefault.svg');
 			}
@@ -131,7 +134,7 @@
 				background-image: url('/assets/icons/next.svg');
 				background-size: 3em;
 			}
-			
+
 			.tip {
 				width: 10em;
 				text-align: left;
@@ -139,7 +142,7 @@
 				font-size: 25px;
 				z-index: 1;
 				margin-left: 1em;
-	
+
 				.capri {
 					color: $capri;
 				}
diff --git a/static/assets/logos/stelian-net.svg b/static/assets/logos/stelian-net.svg
new file mode 100644
index 0000000..6ee8cca
--- /dev/null
+++ b/static/assets/logos/stelian-net.svg
@@ -0,0 +1,11 @@
+<svg width="2000" height="2000" viewBox="0 0 2000 2000" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="2000" height="2000" fill="url(#paint0_linear_1002_2)"/>
+<path d="M1196.35 577.992C1260.95 543.059 1262.9 452.843 1190.5 440.513C1133.96 430.884 1076.07 432.487 1020.15 445.228C964.228 457.97 911.364 481.602 864.575 514.774C817.786 547.946 777.988 590.009 747.455 638.562C716.922 687.114 696.25 741.207 686.622 797.748C676.993 854.289 678.595 912.173 691.337 968.095C704.079 1024.02 727.71 1076.88 760.883 1123.67C803.36 1183.59 883.828 1142.75 887.327 1069.39C892.674 957.276 906.984 821.068 944.02 762.175C981.056 703.281 1097.62 631.378 1196.35 577.992Z" fill="#121316"/>
+<path d="M754.942 1371.04C690.337 1405.97 688.39 1496.19 760.793 1508.52C817.334 1518.15 875.218 1516.55 931.141 1503.8C987.063 1491.06 1039.93 1467.43 1086.72 1434.26C1133.51 1401.09 1173.3 1359.02 1203.84 1310.47C1234.37 1261.92 1255.04 1207.83 1264.67 1151.28C1274.3 1094.74 1272.7 1036.86 1259.95 980.936C1247.21 925.014 1223.58 872.149 1190.41 825.36C1147.93 765.445 1067.46 806.283 1063.96 879.644C1058.62 991.755 1044.31 1127.96 1007.27 1186.86C970.235 1245.75 853.671 1317.65 754.942 1371.04Z" fill="#121316"/>
+<defs>
+<linearGradient id="paint0_linear_1002_2" x1="1213.5" y1="496" x2="562.5" y2="1725.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00C4FB"/>
+<stop offset="1" stop-color="#0075F7"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/static/assets/markdown/stelian-net.md b/static/assets/markdown/stelian-net.md
new file mode 100644
index 0000000..6051307
--- /dev/null
+++ b/static/assets/markdown/stelian-net.md
@@ -0,0 +1,6 @@
+# stelian.net
+
+This is a website I've been working on for a few months in 2024.\
+It should act as my digital corner on the internet where I'll write about many things regarding techology, gaming, and more.
+
+Go check it out, it has a lot more to explore if you're interested :D