a lot of stuff

akisblack · Jan 25, 2023 · 371ecdb · 371ecdb
1 parent 30c99fc
commit 371ecdb
Show file tree

Hide file tree

Showing 17 changed files with 305 additions and 57 deletions.
diff --git a/.dockerignore b/.dockerignore
@@ -0,0 +1 @@
+node_modules
diff --git a/package.json b/package.json
@@ -17,13 +17,14 @@
 		"@sveltejs/adapter-node": "^1.1.3",
 		"@sveltejs/kit": "^1.0.0",
 		"@unocss/reset": "^0.48.4",
+		"axios": "^1.2.3",
 		"prettier": "^2.8.0",
 		"prettier-plugin-svelte": "^2.8.1",
+		"sanitize-html": "^2.8.1",
 		"svelte": "^3.54.0",
 		"svelte-check": "^3.0.1",
 		"svelte-copy": "^1.3.0",
 		"svelte-dark-mode": "^2.1.0",
-		"svelte-seo": "^1.4.1",
 		"tslib": "^2.4.1",
 		"typescript": "^4.9.3",
 		"unocss": "^0.48.4",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app.css b/src/app.css
@@ -3,7 +3,7 @@ html, html.light {
 	--secondary: #eeeeee;
 	--tertiary: #141414;
 	--grey: #444444;
-	--accent: #088058;
+	--accent: #009b50;
 	color-scheme: light;
 }
 
@@ -25,7 +25,7 @@ html, html.light {
 }
 
 body {
-	@apply bg-primary duration-400 font-primary text-grey transition;
+	@apply bg-primary duration-200 font-primary text-grey transition-colors;
 }
 
 .container {
@@ -37,5 +37,5 @@ h1 {
 }
 
 a {
-	@apply text-accent underline underline-offset-4 transition-opacity hover:opacity-75;
+	@apply text-accent underline underline-offset-4 transition-filter hover:brightness-75;
 }
diff --git a/src/app.html b/src/app.html
@@ -4,6 +4,7 @@
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/logo.png" />
 		<meta name="viewport" content="width=device-width" />
+		<script defer data-domain="akisblack.dev" src="https://pl.akisblack.dev/js/script.js"></script>
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">

diff --git a/src/hooks.server.ts b/src/hooks.server.ts
@@ -1,10 +1,37 @@
 import map from "$lib/map";
+import axios from "axios";
+import { Agent } from "https";
+
+const agent = new Agent({
+	family: 4
+});
 
 const updateMap = async () => {
-	const res = await fetch("https://gh-pinned-repos.egoist.dev/?username=akisblack");
-	const data = await res.json();
+	try {
+		const announcements = await axios("https://status.akisblack.dev/api/status-page/akisblack", { httpsAgent: agent });
+
+		if (announcements.status === 200) {
+			map.set("announcements", announcements.data);
+		} else {
+			map.set("announcements", { error: true, message: "Error: " + announcements.status });
+		}
+
+	} catch (err) {
+		map.set("announcements", { error: true, message: "Error: " + err });
+	}
+
+	try {
+		const projects = await axios("https://gh-pinned-repos.egoist.dev/?username=akisblack", { httpsAgent: agent });
 
-	map.set("data", data);
+		if (projects.status === 200) {
+			map.set("projects", projects.data);
+		} else {
+			map.set("projects", { error: true, message: "Error: " + projects.status });
+		}
+
+	} catch (err) {
+		map.set("projects", { error: true, message: "Error: " + err });
+	}
 };
 
 updateMap();

diff --git a/src/lib/Hero.svelte b/src/lib/Hero.svelte
@@ -33,6 +33,15 @@
 		{/if}
 	</div>
 	<span>Web developer, Linux enthusiast and average Greek.</span>
+	<div class="flex flex-row gap-2 text-2xl">
+		<div class="i-simple-icons:svelte" />
+		<div class="i-simple-icons:unocss" />
+		<div class="i-simple-icons:typescript" />
+		<div class="i-simple-icons:docker" />
+		<div class="i-simple-icons:git" />
+		<div class="i-simple-icons:linux" />
+		<div class="i-simple-icons:mongodb" />
+	</div>
 	<hr class="border-grey" />
 </div>
 

diff --git a/src/lib/PageTransition.svelte b/src/lib/PageTransition.svelte
@@ -0,0 +1,10 @@
+<script>
+	import { fly } from "svelte/transition";
+	export let pathname = "";
+</script>
+
+{#key pathname}
+	<div in:fly={{ x: -10, duration: 250, delay: 250 }} out:fly={{ x: 5, duration: 250 }}>
+		<slot />
+	</div>
+{/key}