tweaked the homepage

astro.config.ts

@@ -10,7 +10,7 @@ import rehypeAutolinkHeadings from 'rehype-autolink-headings'
 import rehypeSlug from 'rehype-slug'
 // import rehypePrettyCode from "rehype-pretty-code";
 import rehypeCodeTitles from 'rehype-code-titles'
-import tailwind from '@astrojs/tailwind'
+// import tailwind from '@astrojs/tailwind'
 
 // https://astro.build/config
 export default defineConfig({
@@ -22,7 +22,7 @@ export default defineConfig({
       fontFace: true,
       keyframes: true,
     }),
-    tailwind(),
+    // tailwind(),
   ],
   // output: 'hybrid',
   // adapter: cloudflare(),

package.json

@@ -21,13 +21,11 @@
     "@astrojs/mdx": "2.1.1",
     "@astrojs/rss": "4.0.5",
     "@astrojs/sitemap": "3.1.1",
-    "@astrojs/tailwind": "5.1.0",
     "@fontsource-variable/roboto-condensed": "5.0.2",
     "@iconify-json/pixelarticons": "1.1.10",
     "astro": "4.4.13",
     "astro-purgecss": "4.1.0",
     "purgecss": "5.0.0",
-    "tailwindcss": "3.4.1",
     "typescript": "5.4.2"
   },
   "devDependencies": {

src/pages/index.astro

@@ -10,27 +10,37 @@ const meta = await getEntry('meta', 'site-data')
   description={meta.data.site.description}
 >
   <main>
-    <h1>🧑‍🚀 Hello, {meta.data.site.title}!</h1>
-    <div class="logo"><b>d<span>ri</span>bb<span>b</span>le</b></div>
+    <!-- <h1>🧑‍🚀 Hello, {meta.data.site.title}!</h1> -->
+    <div class="logo"><b>a<span>ge</span>nn<span>sa</span>ism</b></div>
   </main>
 </BaseLayout>
 
 <style>
+  @import url(//fonts.googleapis.com/css?family=Vibur);
+  html,
+  body {
+    height: 100%;
+  }
+  body {
+    background: linear-gradient(rgba(27, 29, 44, 0.7), rgba(27, 29, 44, 0.7)),
+      url('/brick-wall.jpg');
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    backdrop-filter: grayscale(50%);
+    margin: 0;
+  }
   .logo {
     text-align: center;
-    width: 65%;
-    height: 250px;
+    font-size: 10rem;
+    /* width: 65%; */
+    /* height: 250px; */
     margin: auto;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
     user-select: none;
   }
 
   .logo b {
-    font: 500 10vh 'Vibur';
+    font: 500 13vh 'Vibur';
     color: #fee;
     text-shadow:
       0 -40px 100px,