From d4c5b29f3d1e1389a46093f00f86efc290678c8c Mon Sep 17 00:00:00 2001
From: bitbloxhub <45184892+bitbloxhub@users.noreply.github.com>
Date: Sat, 22 Jul 2023 12:01:26 -0700
Subject: [PATCH] a blog?

---
 src/components/Card.astro            | 63 --------------------------
 src/layouts/MarkdownPostLayout.astro |  7 +++
 src/pages/index.astro                | 68 +---------------------------
 src/pages/posts/first-post.md        | 11 +++++
 4 files changed, 20 insertions(+), 129 deletions(-)
 delete mode 100644 src/components/Card.astro
 create mode 100644 src/layouts/MarkdownPostLayout.astro
 create mode 100644 src/pages/posts/first-post.md

diff --git a/src/components/Card.astro b/src/components/Card.astro
deleted file mode 100644
index 200b041..0000000
--- a/src/components/Card.astro
+++ /dev/null
@@ -1,63 +0,0 @@
----
-interface Props {
-	title: string
-	body: string
-	href: string
-}
-
-const { href, title, body } = Astro.props
----
-
-<li class="link-card">
-	<a href={href}>
-		<h2>
-			{title}
-			<span>&rarr;</span>
-		</h2>
-		<p>
-			{body}
-		</p>
-	</a>
-</li>
-<style>
-	.link-card {
-		list-style: none;
-		display: flex;
-		padding: 0.25rem;
-		background-color: white;
-		background-image: none;
-		background-size: 400%;
-		border-radius: 0.6rem;
-		background-position: 100%;
-		transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
-	}
-
-	.link-card > a {
-		width: 100%;
-		text-decoration: none;
-		line-height: 1.4;
-		padding: 1rem 1.3rem;
-		border-radius: 0.35rem;
-		color: #111;
-		background-color: white;
-		opacity: 0.8;
-	}
-	h2 {
-		margin: 0;
-		font-size: 1.25rem;
-		transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-	}
-	p {
-		margin-top: 0.5rem;
-		margin-bottom: 0;
-		color: #444;
-	}
-	.link-card:is(:hover, :focus-within) {
-		background-position: 0;
-		background-image: var(--accent-gradient);
-	}
-	.link-card:is(:hover, :focus-within) h2 {
-		color: rgb(var(--accent));
-	}
-</style>
diff --git a/src/layouts/MarkdownPostLayout.astro b/src/layouts/MarkdownPostLayout.astro
new file mode 100644
index 0000000..cc718e2
--- /dev/null
+++ b/src/layouts/MarkdownPostLayout.astro
@@ -0,0 +1,7 @@
+---
+const { frontmatter } = Astro.props;
+---
+<h1>{frontmatter.title}</h1>
+<p>Written by {frontmatter.author}</p>
+<p>Published {frontmatter.pubDate}</p>
+<slot />
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1ce3f43..040efae 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,81 +1,17 @@
 ---
 import Layout from "../layouts/Layout.astro"
-import Card from "../components/Card.astro"
 ---
 
 <Layout title="Welcome to Astro.">
-	<main>
-		<h1>Welcome to <span class="text-gradient">Astro</span></h1>
-		<p class="instructions">
-			To get started, open the directory <code>src/pages</code> in your project.<br />
-			<strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
-		</p>
-		<ul role="list" class="link-card-grid">
-			<Card
-				href="https://docs.astro.build/"
-				title="Documentation"
-				body="Learn how Astro works and explore the official API docs."
-			/>
-			<Card
-				href="https://astro.build/integrations/"
-				title="Integrations"
-				body="Supercharge your project with new frameworks and libraries."
-			/>
-			<Card
-				href="https://astro.build/themes/"
-				title="Themes"
-				body="Explore a galaxy of community-built starter themes."
-			/>
-			<Card
-				href="https://astro.build/chat/"
-				title="Community"
-				body="Come say hi to our amazing Discord community. ❤️"
-			/>
-		</ul>
+	<main class="m-auto p-6 max-w-6xl text-center">
+		<h1>Welcome to bitbloxhub's website</h1>
 	</main>
 </Layout>
 
 <style>
-	main {
-		margin: auto;
-		padding: 1.5rem;
-		max-width: 60ch;
-	}
 	h1 {
 		font-size: 3rem;
 		font-weight: 800;
 		margin: 0;
 	}
-	.text-gradient {
-		background-image: var(--accent-gradient);
-		-webkit-background-clip: text;
-		-webkit-text-fill-color: transparent;
-		background-size: 400%;
-		background-position: 0%;
-	}
-	.instructions {
-		line-height: 1.6;
-		margin: 1rem 0;
-		border: 1px solid rgba(var(--accent), 25%);
-		background-color: white;
-		padding: 1rem;
-		border-radius: 0.4rem;
-	}
-	.instructions code {
-		font-size: 0.875em;
-		font-weight: bold;
-		background: rgba(var(--accent), 12%);
-		color: rgb(var(--accent));
-		border-radius: 4px;
-		padding: 0.3em 0.45em;
-	}
-	.instructions strong {
-		color: rgb(var(--accent));
-	}
-	.link-card-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
-		gap: 1rem;
-		padding: 0;
-	}
 </style>
diff --git a/src/pages/posts/first-post.md b/src/pages/posts/first-post.md
new file mode 100644
index 0000000..17da948
--- /dev/null
+++ b/src/pages/posts/first-post.md
@@ -0,0 +1,11 @@
+---
+layout: ../../layouts/MarkdownPostLayout.astro
+title: "I have a new blog!"
+pubDate: 2023-07-22
+description: "This is the first post of my new blog."
+author: "bitbloxhub"
+image:
+	url: "https://docs.astro.build/assets/full-logo-light.png"
+	alt: "The full Astro logo."
+---
+Welcome to my new blog i have built using astro!
\ No newline at end of file