💄 some more changes

astro.config.mjs

@@ -8,12 +8,13 @@ const __dirname = import.meta.dirname;
 
 // https://astro.build/config
 export default defineConfig({
-    integrations: [tailwind(), sitemap()],
-    vite: {
-        resolve: {
-            alias: {
-                "~": path.resolve(__dirname, "./src"),
-            },
-        },
-    },
-});
+	site: "https://fredkiss.dev",
+	integrations: [tailwind(), sitemap()],
+	vite: {
+		resolve: {
+			alias: {
+				"~": path.resolve(__dirname, "./src"),
+			},
+		},
+	},
+});

src/layouts/base-layout.astro

@@ -106,7 +106,10 @@ const description =
 			class="max-w-2xl mx-auto mb-40 border-t border-zinc-500 mt-8 py-2 text-zinc-700 flex justify-between dark:text-inherit"
 		>
 			<small>Copyright &copy; 2024 - Fred KISSIE</small>
-			<small>Built with Astro & deployed on ZaneOps</small>
+			<div class="flex flex-col gap-1">
+				<small>Built with Astro & deployed on ZaneOps</small>
+				<small>Inspired by  <a href="https://nexxel.dev" class="inline-flex gap-1 items-center underline hover:decoration-wavy decoration-[0.11em]">nexxel.dev <Icon type="arrow-external" class="size-3" /> </a></small>
+			</div>
 		</footer>
 		{process.env.NODE_ENV === "development" && <TailwindIndicator />}
 	</body>

src/pages/index.astro

@@ -34,12 +34,13 @@ const totalYearsDev = new Date().getFullYear() - 2017;
 		<Image
 			src={portraitImage}
 			alt="Portrait of Fred KISSIE"
-			width={120}
-			height={120}
+			width={500}
+			height={500}
 			loading="eager"
 			class:list={[
 				"rounded-md object-center object-cover border-zinc-700 dark:border-white border-2",
 				"hover:rotate-0 -rotate-6 transition duration-150",
+				"size-32"
 			]}
 		/>
 	</section>