From 8a6cf76b769a5930b67164e46b3240119f4ed164 Mon Sep 17 00:00:00 2001
From: marpme <7430964+marpme@users.noreply.github.com>
Date: Sun, 22 Oct 2023 20:17:21 +0200
Subject: [PATCH] =?UTF-8?q?add=20frontpage=20=F0=9F=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AboutTheTheme.astro | 52 ------------------------------
 src/components/Footer.astro        |  2 +-
 src/components/Intro.astro         | 26 +++++++--------
 src/pages/index.astro              |  2 --
 4 files changed, 12 insertions(+), 70 deletions(-)
 delete mode 100644 src/components/AboutTheTheme.astro

diff --git a/src/components/AboutTheTheme.astro b/src/components/AboutTheTheme.astro
deleted file mode 100644
index a13dd98..0000000
--- a/src/components/AboutTheTheme.astro
+++ /dev/null
@@ -1,52 +0,0 @@
----
----
-
-<div>
-  <p>
-    Here are a few reasons why you will love this template:
-  </p>
-  <ul class="mt-5">
-    <li>
-      <strong>Sleek.</strong>
-      A beautiful <a href="https://astro.build" target="_blank">Astro</a> theme built with <a href="https://tailwindcss.com">Tailwind</a>.
-    </li>
-    <li>
-      <strong>Fast.</strong>
-      Fast by default. Blogster templates are engineered to be performant 
-      and load before you could blink, even when not cached.
-    </li>
-    <li>
-      <strong>Dark mode.</strong> Auto dark mode with a manual toggle. Hit that
-      toggle button at the top of the page and see the mode change.
-    </li>
-    <li>
-      <strong>Mobile first.</strong> Responsive and loads fast in all devices.
-    </li>
-    <li>
-      <strong>Accessible.</strong> A well thought out semantic and accessible
-      content.
-    </li>
-    <li>
-      <strong>Perfect lighthouse score.</strong> 100 across the board.
-    </li>
-    <li>
-      <strong>Content authoring for everyone.</strong> Author content using markdown
-      (<code>.md</code>) from your code editor or directly in GitHub.
-    </li>
-    <li>
-      <span>
-        <strong>Extended markdown</strong> with 
-        <a href="https://markdoc.dev">Markdoc</a>.
-      </span>
-      <span>
-        Type-safe custom components like YouTube embed, Twitter embed (or
-        anything you want really) in your markdown (<code>.md</code>) files.</span
-      >
-    </li>
-    <li>
-      Built-in <strong>RSS feed</strong> for you blog, excellent<strong>
-        SEO</strong
-      > and more.
-    </li>
-  </ul>
-</div>
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 7478f0f..c04e841 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -3,7 +3,7 @@
 
 <footer class="text-sm leading-[1.75] mt-4">
   <div>
-    This blog is built with 
+    This blog is built with <span class="text-red-500">❤</span> and
     <a
       class="unset gradient-link tracking-wider font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#f57111] to-[#f79605] hover:after:bg-gradient-to-r hover:after:from-[#f57111] hover:after:to-[#f79605]"
       href={"https://github.com/flexdinesh/blogster"}
diff --git a/src/components/Intro.astro b/src/components/Intro.astro
index 705f333..ef5097b 100644
--- a/src/components/Intro.astro
+++ b/src/components/Intro.astro
@@ -2,32 +2,28 @@
 ---
 
 <section class="mb-8">
-  <div class="mb-4">
+  <div class="my-20 text-center whitespace-nowrap overflow-auto">
     <h1
       class="font-extrabold text-5xl md:text-6xl tracking-tight pt-4 pb-2 overflow-hidden"
     >
       <span
         class="bg-gradient-to-br from-[#fb923c] via-[#f97316] to-[#ea580c] dark:from-primary-main dark:via-primary-main dark:to-primary-main bg-clip-text text-transparent"
       >
-        Captain Awesome
+        Welcome, I'm Marvin 👋🏻
       </span>
     </h1>
-    <p class="text-2xl pb-4">Web Developer. OSS Wizard. Blogger.</p>
+    <p class="text-xl italic pb-4 text-gray-300 hover:text-black transition-all">Software Engineer &mdash; Sometimes creating exciting things</p>
   </div>
   <div>
     <p class="mb-5">
-      Hello! This is a starter template to build your own blog with 
-      <a href={"https://github.com/flexdinesh/blogster"} target="_blank">Blogster</a>. 
-      Available in four themes  
-      <a href={"https://blogster-minimal.netlify.app"} target="_blank">minimal</a>, 
-      <a href={"https://blogster-sleek.netlify.app"} target="_blank">sleek</a>, 
-      <a href={"https://blogster-newspaper.netlify.app"} target="_blank">newspaper</a> and
-      <a href={"https://blogster-bubblegum.netlify.app"} target="_blank">bubblegum</a>. 
-      This blog is a demo for <strong>sleek</strong> theme.
-      Get started with one simple command.
-    </p>
-    <p class="text-center whitespace-nowrap overflow-auto">
-      <code class="py-1 px-2">npx create-blogster@latest --theme sleek</code>
+      Hey and thank you for stepping into my corner of the digital world.
+      I'm thrilled to have you here. Whether you stumbled upon this blog by chance or arrived intentionally,
+      your presence is sincerely welcomed.
+
+      <strong>
+        Enjoy your stay and checkout my
+        <a href="/blog">blog</a> or <a href="/projects">projects</a> alike.
+      </strong>
     </p>
   </div>
 </section>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b1699af..2447314 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,7 +2,6 @@
 import PageMeta from "../components/PageMeta.astro";
 import PageLayout from "../layouts/PageLayout.astro";
 import Intro from "../components/Intro.astro";
-import AboutTheTheme from "../components/AboutTheTheme.astro";
 import { SITE_TITLE } from "../config";
 ---
 
@@ -10,6 +9,5 @@ import { SITE_TITLE } from "../config";
   <PageMeta title={`${SITE_TITLE}`} slot="meta" />
   <Fragment slot="main">
     <Intro />
-    <AboutTheTheme />
   </Fragment>
 </PageLayout>