about.astro

---
import DefaultPageLayout from '$/layouts/default.astro'

const title = 'About';
const description = 'There\'s a simple secret to building a faster website — just ship less.';
---
<DefaultPageLayout content={{ title, description }}>
    <article class="page__content prose lg:prose-md max-w-none dark:text-white">
        <p>
            Astro-Ink is a crisp, minimal, personal blog theme for Astro, that shows the capability of statically built sites - offering all the goodness and DX of the modern JS ecosystem without actually shipping any JS by default. It's built by...
        </p>
        <h3>Few Bots, Meta-humans & a Guy!</h3>
        <div class="author">
            <img class="rounded-full" width="160" src="https://assets.website-files.com/5e51c674258ffe10d286d30a/5e5358878e2493fbea064dd9_peep-59.svg" title="Aalam" />
            <div>
                Aftab Alam //
                <a href="https://twitter.com/aftabbuddy" title="Author's Twitter Handle">@aftabbuddy</a> //
                <a href="https://github.com/one-aalam" title="Author's Github URL">one-aalam</a>
            </div>
        </div>
    </article>
</DefaultPageLayout>

<style>
    .author {
        @apply flex flex-col w-full
    }
</style>