misc

astro.config.mjs

@@ -1,9 +1,11 @@
 import { defineConfig } from "astro/config";
 import svelte from "@astrojs/svelte";
-
 import tailwind from "@astrojs/tailwind";
 
+import sitemap from "@astrojs/sitemap";
+
 // https://astro.build/config
 export default defineConfig({
-	integrations: [svelte(), tailwind()],
-});
+  site: 'https://simo.ng',
+  integrations: [svelte(), tailwind(), sitemap()]
+});

package-lock.json

@@ -8,6 +8,7 @@
       "name": "simo2",
       "version": "0.0.1",
       "dependencies": {
+        "@astrojs/sitemap": "^3.2.0",
         "@astrojs/svelte": "^4.0.0",
         "@astrojs/tailwind": "^5.1.0",
         "astro": "^3.0.2",
@@ -85,6 +86,24 @@
         "node": ">=18.14.1"
       }
     },
+    "node_modules/@astrojs/sitemap": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@astrojs/sitemap/-/sitemap-3.2.0.tgz",
+      "integrity": "sha512-SkrOCL3Z6HxdiXreZ1+aPBWgnBMJ31EgPdcscgQeLqI2Gqk/4EKLuw9q0SqKU9MmHpcPXXtcd0odfCk4barPoA==",
+      "dependencies": {
+        "sitemap": "^8.0.0",
+        "stream-replace-string": "^2.0.0",
+        "zod": "^3.23.8"
+      }
+    },
+    "node_modules/@astrojs/sitemap/node_modules/zod": {
+      "version": "3.23.8",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz",
+      "integrity": "sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
     "node_modules/@astrojs/svelte": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@astrojs/svelte/-/svelte-4.0.0.tgz",
@@ -1398,6 +1417,14 @@
         "@types/unist": "^2"
       }
     },
+    "node_modules/@types/node": {
+      "version": "22.7.4",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.4.tgz",
+      "integrity": "sha512-y+NPi1rFzDs1NdQHHToqeiX2TIS79SWEAw9GYhkkx8bD0ChpfqC+n2j5OXOCpzfojBEBt6DnEnnG9MY0zk1XLg==",
+      "dependencies": {
+        "undici-types": "~6.19.2"
+      }
+    },
     "node_modules/@types/parse5": {
       "version": "6.0.3",
       "license": "MIT"
@@ -1406,6 +1433,14 @@
       "version": "1.20.2",
       "license": "MIT"
     },
+    "node_modules/@types/sax": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/sax/-/sax-1.2.7.tgz",
+      "integrity": "sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/unist": {
       "version": "2.0.8",
       "license": "MIT"
@@ -5418,6 +5453,11 @@
       ],
       "license": "MIT"
     },
+    "node_modules/sax": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz",
+      "integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg=="
+    },
     "node_modules/section-matter": {
       "version": "1.0.0",
       "license": "MIT",
@@ -5556,6 +5596,29 @@
       "version": "1.0.5",
       "license": "MIT"
     },
+    "node_modules/sitemap": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/sitemap/-/sitemap-8.0.0.tgz",
+      "integrity": "sha512-+AbdxhM9kJsHtruUF39bwS/B0Fytw6Fr1o4ZAIAEqA6cke2xcoO2GleBw9Zw7nRzILVEgz7zBM5GiTJjie1G9A==",
+      "dependencies": {
+        "@types/node": "^17.0.5",
+        "@types/sax": "^1.2.1",
+        "arg": "^5.0.0",
+        "sax": "^1.2.4"
+      },
+      "bin": {
+        "sitemap": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0",
+        "npm": ">=6.0.0"
+      }
+    },
+    "node_modules/sitemap/node_modules/@types/node": {
+      "version": "17.0.45",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.45.tgz",
+      "integrity": "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw=="
+    },
     "node_modules/source-map-js": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
@@ -5589,6 +5652,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/stream-replace-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/stream-replace-string/-/stream-replace-string-2.0.0.tgz",
+      "integrity": "sha512-TlnjJ1C0QrmxRNrON00JvaFFlNh5TTG00APw23j74ET7gkQpTASi6/L2fuiav8pzK715HXtUeClpBTw2NPSn6w=="
+    },
     "node_modules/streamsearch": {
       "version": "1.1.0",
       "engines": {
@@ -5963,6 +6031,11 @@
         "node": ">=14.0"
       }
     },
+    "node_modules/undici-types": {
+      "version": "6.19.8",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw=="
+    },
     "node_modules/unherit": {
       "version": "3.0.1",
       "license": "MIT",

package.json

@@ -10,6 +10,7 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@astrojs/sitemap": "^3.2.0",
     "@astrojs/svelte": "^4.0.0",
     "@astrojs/tailwind": "^5.1.0",
     "astro": "^3.0.2",

src/components/aboutme.astro

@@ -15,7 +15,7 @@
       <!-- prettier-ignore -->
       <textarea
         readonly
-        id="text20"
+        id="text201"
         style="font-size: 22px; resize: none; padding: 10px; height: 25vh; font-family: inherit; width: 100%; background-color: #fff; border: 1px solid #ccc;  box-sizing: border-box;"
         >I'm Simon, a self taught programmer
 

src/components/app.astro

@@ -6,7 +6,7 @@ let itemName = app.name.replace(" ", "");
 
 <a id={itemName} data-id={app.name} href={app.link}>
 	<div class="h-100 m-4">
-		<img src={app.logo} class="w-auto h-16 mx-auto my-2" />
+		<img src={app.logo} alt={app.name} class="w-auto h-16 mx-auto my-2" />
 		<h3 class="font-sans text-white text-center">{app.name}</h3>
 	</div>
 </a>

src/components/contact.astro

@@ -15,7 +15,7 @@
 			<!-- prettier-ignore -->
 			<textarea
           readonly
-          id="text20"
+          id="text203"
           style="font-size: 22px; resize: none; padding: 10px;"
           >Email : simon@simo.ng
 Discord : s1monlol</textarea>

src/components/pgp.astro

@@ -15,7 +15,7 @@
 			<!-- prettier-ignore -->
 			<textarea
           readonly
-          id="text20"
+          id="text204"
           style="font-size: 22px; resize: none; padding: 10px; height: 92%"
           >-----BEGIN PGP PUBLIC KEY BLOCK-----
 

src/components/projects.astro

@@ -3,7 +3,6 @@ import scriptIcon from "../assets/script.png";
 
 let projects = Astro.props.projects;
 
-console.log(projects);
 ---
 
 <div

src/components/projects/imdb.astro

@@ -14,7 +14,7 @@
 		<div class="field-row-stacked" style="height: 100%;">
 			<!-- prettier-ignore -->
 			<div
-        id="text20"
+        id="text205"
         style="font-size: 22px; resize: none; padding: 10px; height:90%; overflow-y: hidden; padding-top: 0px; padding-bottom: 20px;"
         >
 		<a href="https://github.com/S1monlol/Imdb-but-based"><h1 style="width: fit-content;"><i><u><b>IMDB Frontend</b></u></i></h1></a>

src/components/projects/notion.astro

@@ -14,7 +14,7 @@
 		<div class="field-row-stacked" style="height: 100%;">
 			<!-- prettier-ignore -->
 			<div
-        id="text20"
+        id="text206"
         style="font-size: 22px; resize: none; padding: 10px; height:90%; overflow-y: hidden; padding-top: 0px; padding-bottom: 20px;"
         >
 		<a href="https://github.com/S1monlol/notionCanvas"><h1 style="width: fit-content;"><i><u><b>Notion Canvas</b></u></i></h1></a>

src/components/projects/summize.astro

@@ -18,7 +18,7 @@ import summizeExample from "../../assets/summizeExample.png";
 		<div class="field-row-stacked" style="height: 100%;">
 			<!-- prettier-ignore -->
 			<div
-        id="text20"
+        id="text207"
         style="font-size: 22px; resize: none; padding: 10px; height:90%; overflow-y: auto; padding-top: 0px;" 
         >
 		<a href="https://github.com/S1monlol/summize"><h1 style="width: fit-content;"><i><u><b>Summize - A Youtube Video Summarizer</b></u></i></h1></a>

src/components/taskbar.astro

@@ -5,7 +5,7 @@
 <div
     style="background-color: #D4D0C8; height: 3.5rem; width: 100%; position: absolute; bottom: 0; display: flex; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; justify-content: space-between; box-shadow: 0 -2px #fffdfc, 0 -4px #cce9eb; z-index: 0;"
 >
-  <button>
+  <button aria-label="startButton">
     <!-- <img class="h-full w-full" src={start.src} alt="start" /> -->
     <h1 id="start-button"></h1>
   </button>

src/pages/index.astro

@@ -88,7 +88,7 @@ function dragElement(elmnt) {
 
 /** Raise up window with given ID */
 function raiseUpSpec(id: string) {
-	console.log("raising ", id);
+	// console.log("raising ", id);
 	let els = document.getElementsByClassName("window");
 
 	let elArray = Array.from(els as HTMLCollectionOf<HTMLElement>);
@@ -210,8 +210,8 @@ let projectsArr: project[] = [
 	},
 	{
 		title: "IMDB Frontend",
-		id: "imdb"
-	}
+		id: "imdb",
+	},
 ];
 
 const row1Items = apps.filter((item) => item.row === 1);
@@ -251,8 +251,6 @@ apps = apps.map((item) => {
 			</div>
 		</div>
 
-
-
 		<Aboutme />
 		<Redirect />
 		<Contact />
@@ -260,22 +258,46 @@ apps = apps.map((item) => {
 		<Summize />
 		<Notion />
 		<Imdb />
-
-		
 	</div>
 	<Taskbar />
 </Layout>
+
 <script define:vars={{ apps, projectsArr, clientFunctions }}>
+	let dino = `
+	            	██████████████  
+                      ████░░████████████
+                      ██████████████████
+                      ██████████████████
+                      ██████████████████
+                      ████████          
+                      ██████████████░░  
+                      ██████            
+  ██              ██████████            
+  ██▒▒        ▒▒▒▒██████████▒▒▒▒        
+  ████▓▓      ██████████████  ▒▒        
+  ██████▒▒▒▒████████████████            
+  ██████████████████████████            
+    ██████████████████████              
+        ██████████████████              
+        ▒▒██████████████                
+          ▒▒██████▒▒██▓▓                
+            ████      ▓▓                
+            ██▒▒      ▓▓                
+            ██        ██                
+`;
+
+	console.log(dino);
+
 	for (func in clientFunctions) {
 		eval(clientFunctions[func]);
 	}
 
 	Array.from(document.getElementsByClassName("project")).forEach((project) => {
-		console.log(projectsArr[0].id + "item");
+		// console.log(projectsArr[0].id + "item");
 
 		let id = projectsArr.find((i) => i.id + "item" == project.id).id;
 
-		console.log(id);
+		// console.log(id);
 
 		if (id == "pgpcord") {
 			project.onclick = () => {
@@ -295,7 +317,7 @@ apps = apps.map((item) => {
 			setTimeout(() => {
 				document.getElementById(id).style.display = "block";
 				raiseUpSpec(id);
-				console.log("test");
+				// console.log("test");
 			}, 1);
 		};
 	});
@@ -335,7 +357,7 @@ apps = apps.map((item) => {
 	apps.forEach((app) => {
 		let itemName = app.name.replace(" ", "");
 
-		console.log(itemName)
+		// console.log(itemName)
 
 		if (app.onclick == "undefined") {
 			return;