---
import BaseLayout from "./BaseLayout.astro";

const pageTitle = "blog";
const { frontmatter } = Astro.props;
---

<BaseLayout pageTitle="blog" pageCustomTitle={frontmatter.title}>
    <style>
        .post-description,
        .post-content {
            line-height: 1.8;
        }

        .post-content {
            hr {
                width: 84px;
                border-style: dotted none none;
                border-width: 7px;
                border-color: white;
            }
        }
    </style>

    <div class="post-view" style="text-align: left">
        <h3>{frontmatter.title}</h3>
        <p>
            Published on {frontmatter.pubDate.toString().slice(0, 10)} by Rudra Saraswat.
        </p>
        <p class="post-description"><em>{frontmatter.description}</em></p>
        <hr />
        <div class="post-content">
            <slot />
            <br /><hr /><br />
            <p>
                Thank you for taking the time to read this article. If you wish
                to reach me, you may do so at any of my social accounts as
                listed on my <a href="/">homepage</a>, although among those, I
                am most likely to take notice of an email first.
            </p>
        </div>
    </div>
</BaseLayout>
