chore: Update astro.config.mjs with sitemap integration

astro.config.mjs

@@ -1,17 +1,14 @@
-import { defineConfig, passthroughImageService } from 'astro/config';
+import { defineConfig } from 'astro/config';
 import tailwind from "@astrojs/tailwind";
 import mdx from '@astrojs/mdx';
-
+import { shield } from '@kindspells/astro-shield'
 import sitemap from "@astrojs/sitemap";
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind(), mdx(), sitemap()],
+  integrations: [tailwind(), mdx(), sitemap(), shield({})],
   site: 'https://rnd332.com',
   build: {
     inlineStylesheets: 'always'
-  },
-  image: {
-    service: passthroughImageService()
   }
 });

package.json

@@ -24,6 +24,7 @@
     "typescript": "^5.4.5"
   },
   "devDependencies": {
+    "@kindspells/astro-shield": "^1.3.6",
     "prettier": "^3.3.1",
     "prettier-plugin-astro": "^0.14.0"
   }

src/pages/arcanum.astro

@@ -6,7 +6,7 @@ import arcanum from "../../public/arcanum.svg";
 
 <Layout page="arcanum">
     <div class="flex flex-col items-center w-full mt-4 p-4 border border-[#30363d] rounded">
-        <Image src={arcanum} alt="Arcanum Logo" class="w-12 h-12" />
+        <Image src={arcanum} loading="eager" alt="Arcanum Logo" class="w-12 h-12" />
         <div class="w-full text-center text-xs">
             Arcanum is an on-chain ETF protocol built upon a new crypto primitive - AAM (Automated Asset Manager) utilizing multipools. 
             Arcanum is enforced by unique balancing mechanisms of the ETFs' portfolio approved by the governance.

src/pages/assets.astro

@@ -8,12 +8,12 @@ import avatarfull from "../../public/avatarfull.jpg"
 <Layout page="assets">
     <div class="pt-4 w-full">
         <div class="grid grid-cols-[1fr,2fr] gap-2">
-            <Image src={smfigma} alt="figma" class="rounded" />
+            <Image src={smfigma} loading="eager" alt="figma" class="rounded" />
             <div class="border border-[#30363d] rounded p-4 text-xs flex flex-col justify-between">
                 Social Media icons
                 <a class="text-purple-500" href="https://www.figma.com/community/file/929729132405358534" target="_blank">Figma</a>
             </div>
-            <Image src={avatarfull} alt="avatar" class="rounded" />
+            <Image src={avatarfull} loading="eager" alt="avatar" class="rounded" />
             <div class="border border-[#30363d] rounded p-4 text-xs flex flex-col justify-between">
                 No Game No Life: Yuu Kamiya Art Works
                 <a class="text-purple-500" href="https://www.ebay.com/itm/264448308138?itmmeta=01HZWA3BCGQ815RZFYDP7N2DSX&hash=item3d9258f3aa:g:umwAAOSwXF5dac3N&itmprp=enc%3AAQAJAAAA8KYjiL5QX9npNIeIteo0GXYtUvqQdEa4BRvkfZGaAYQz0vmy81h37jSg6ZMycnTtBf3nLb%2BEe5tJ71e1r47z%2FAI%2BP1j1ilePeZ3TtNbKlTkvF1vrSEXp9Lj8bkTrUlHIIYLYEVIvVmTod44cx076cFrylp0wJCCTgEdVyWx45MkNxPTxSdguMQQ3mZ%2BvxD6qmbInvu71sHQYtk8Cn8oJc1ftMlfe9xSSakcDKymfOAAmeyCuWmXx8XEqWlLUxdePcPynyzIdDhzT0HsFBk4HkgZoz0jA1TpH4d2G%2F%2B%2F0jD0hq929aA9uOr0N3UmEYhbyTg%3D%3D%7Ctkp%3ABFBMrraNiv9j" target="_blank">eBay</a>

src/pages/index.astro

@@ -6,7 +6,7 @@ import Layout from "../layouts/Layout.astro";
 
 <Layout>
   <div class="grid p-2 grid-cols-1 gap-2 grid-rows-[1fr, 2fr]">
-    <Image src={Avatar} alt="avatar" class="rounded-full w-full" />
+    <Image src={Avatar} loading="eager" alt="avatar" class="rounded-full w-full" />
     <div class="border border-[#30363d] rounded p-4">
       <h1 class="text-base font-bold">Hi, I'm <span class="text-purple-500">RND</span></h1>
       <p class="text-xs">I'm a frontend engineer. I'm passionate about web development, open source and cryptocurrencies.</p>

src/pages/socials.astro

@@ -7,8 +7,9 @@ import Twittercircle from "../../public/twittercircle.png";
 <Layout page="socials">
     <div class="p-2 w-full grid grid-cols-1 gap-2 grid-rows-[1fr, 2fr]">
         <Image
-            class="rounded-full w-full"
             src={Twittercircle}
+            loading="eager"
+            class="rounded-full w-full"
             alt="Avatar"
         />
 

src/pages/source.astro

@@ -6,7 +6,7 @@ import github from "../../public/github.svg";
 
 <Layout page="source">
     <div class="flex flex-col items-center w-full mt-4 p-4 border border-[#30363d] rounded">
-        <Image src={github} alt="GitHub Logo" class="w-12 h-12" />
+        <Image src={github} loading="eager" alt="GitHub Logo" class="w-12 h-12" />
         <div class="text-xs">Check out Source Code!</div>
         <a href="https://github.com/RND332/rnd-landing" class="text-xs text-white p-1 border border-[#30363d] rounded" target="_blank">
             View on GitHub