Move project icons to subdirectory

public/index.css

@@ -26,7 +26,15 @@
 	animation: fadeIn 1s linear 1.25s forwards;
 }
 
-.link img {
+#bio {
+	margin-bottom: 20px;
+}
+
+#socials {
+	margin-top: 20px;
+}
+
+.social-link img {
 	width: 32px;
 	height: 32px;
 }

public/index.html

@@ -18,12 +18,18 @@
 		<div id="main">
 		 	<img id="pfp" src="assets/pfp.jpg" alt="Profile Picture">
 		 	<div id="info">
+				<div id="bio">
 					<h1>EnumDev</h1>
 					<span>Computer programmer and Linux enthusiast</span>
-		 		<br><br>
+				</div>
-		 		<a class="link" href="https://git.enumerated.dev/EnumDev"><img src="assets/gitea-logo.png" alt="Gitea"></a>
+				<hr>
-		 		<a class="link" href="https://gitlab.com/EnumDev"><img src="assets/gitlab-logo.png" alt="Gitlab"></a>
+				<div id="socials">
-		 		<a class="link" href="https://github.com/EnumuratedDev"><img src="assets/github-logo.png" alt="Github"></a>
+					<a class="social-link" href="https://git.enumerated.dev/EnumDev"><img src="assets/socials/gitea-logo.png" alt="Gitea"></a>
+					<a class="social-link" href="https://gitlab.com/EnumDev"><img src="assets/socials/gitlab-logo.png" alt="Gitlab"></a>
+					<a class="social-link" href="https://github.com/EnumuratedDev"><img src="assets/socials/github-logo.png" alt="Github"></a>
+					<a class="social-link" href="https://bsky.app/profile/enumerated.dev"><img src="assets/socials/bsky-logo.png" alt="BlueSky"></a>
+					<a class="social-link" href="https://x.com/EnumDev_"><img src="assets/socials/x-logo.png" alt="X/Twitter"></a>
+				</div>
 		 	</div>
 		 </div>
 	</body>

public/projects.html

@@ -18,7 +18,7 @@
 		 
 		<div class="project">
 		 	<div>
-		 		<img src="assets/bpm.png" alt="BPM">
+		 		<img src="assets/projects/bpm.png" alt="BPM">
 		 		<div>
 		 			<a href="https://git.enumerated.dev/bubble-package-manager/bpm"><h1>Bubble Package Manager - BPM</h1></a>
 		 			<p>The Bubble Package manager is a simple package manager for linux systems primarily designed for the Tide Linux distribution
@@ -28,7 +28,7 @@
 
 		<div class="project" style="float: right;">
 		 	<div>
-		 		<img src="assets/tidelinux.png" alt="Tide Linux">
+		 		<img src="assets/projects/tidelinux.png" alt="Tide Linux">
 		 		<div>
 		 			<a href="https://gitlab.com/tidelinux"><h1>Tide Linux</h1></a>
 		 			<p>Tide Linux is an independent linux distribution utilizing BPM as its package manager
@@ -38,7 +38,7 @@
 
 		<div class="project">
 		 	<div>
-		 		<img src="assets/stormfetch.png" alt="Stormfetch">
+		 		<img src="assets/projects/stormfetch.png" alt="Stormfetch">
 		 		<div>
 		 			<a href="https://git.enumerated.dev/EnumDev/stormfetch"><h1>Stormfetch</h1></a>
 		 			<p>Stormfetch is a simple linux fetch program written in go with the ability to configure its output in bash