mariosant/mariosant.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

about, contact, blog

Browse Source
This commit is contained in:
Surjith S M
2022-11-07 22:01:03 +05:30
parent 7e64dc87e6
commit d40120e7a8
17 changed files with 950 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/layouts/BlogLayout.astro Normal file
View File

@@ -0,0 +1,49 @@
---
import Container from "@components/container.astro";
import { getFormattedDate } from "@utils/all";
import { log } from "astro/dist/core/logger/core";
import Layout from "./Layout.astro";
const { frontmatter } = Astro.props;
---
<Layout title={frontmatter.title}>
<Container>
<div class="mx-auto max-w-[735px] mt-14">
<span class="text-blue-400 uppercase tracking-wider text-sm font-medium">
{frontmatter.category}
</span>
<h1 class="text-4xl lg:text-5xl font-bold lg:tracking-tight mt-1">
{frontmatter.title}
</h1>
<div class="flex gap-2 mt-3 items-center">
<span class="text-gray-400">
{frontmatter.author}
</span>
<span class="text-gray-400">•</span>
<time class="text-gray-400" datetime={frontmatter.publishDate}>
{getFormattedDate(frontmatter.publishDate)}
</time>
<span class="text-gray-400">•</span>
<div class="flex gap-3">
{
frontmatter.tags.map((tag) => (
<span class="text-sm text-gray-500">#{tag}</span>
))
}
</div>
</div>
</div>
<div class="mx-auto prose prose-lg mt-6">
<slot />
</div>
<div class="text-center mt-8">
<a
href="/blog"
class="bg-gray-100 px-5 py-3 rounded-md hover:bg-gray-200 transition"
>← Back to Blog</a
>
</div>
</Container>
</Layout>

4
src/layouts/Layout.astro
View File

@@ -1,5 +1,6 @@
---
import { getImage } from "@astrojs/image";
// import { getImage } from "@astrojs/image";
import Footer from "@components/footer.astro";
import Navbar from "@components/navbar/navbar.astro";
import "@fontsource/inter/variable.css";
@@ -31,6 +32,7 @@ const { title } = Astro.props;
<body>
<Navbar />
<slot />
<Footer />
<style is:global>
/* Improve Page speed */
/* https://css-tricks.com/almanac/properties/c/content-visibility/ */