<!DOCTYPE html>

<html>

<head>

    <meta charSet="utf-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <title>What is ts.net?</title>

    <!-- Tailwind CSS CDN -->

    <script src="https://cdn.tailwindcss.com"></script>

    <!-- Custom Font Definitions for WOFF2 -->

    <style>

        @font-face {

            font-family: '__Inter_3cdba3';

            src: url('/_next/static/media/97a52bce187043ec-s.p.woff2') format('woff2');

            font-display: swap; /* Ensures text is visible while font loads */

        }

        @font-face {

            font-family: '__MDIOFont_8d6c39';

            src: url('/_next/static/media/e4af272ccee01ff0-s.p.woff2') format('woff2');

            font-display: swap; /* Ensures text is visible while font loads */

        }

        /* Apply the Inter font to the body */

        body {

            font-family: '__Inter_3cdba3', sans-serif;

        }

    </style>

    <!-- Preload fonts (kept for performance) -->

    <link rel="preload" href="/_next/static/media/97a52bce187043ec-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/>

    <link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/>

</head>

<body>

    <div id="__next">

        <div>

            <!-- Header: items-center for horizontal centering of the header block -->

            <header class="flex flex-col items-center py-12 md:py-16">

                <div class="mb-8">

                    <!-- The <a> tag now wraps both the image and the SVG, and uses flex-col to stack them -->

                    <a href="https://tailscale.com/" class="flex flex-col items-center">

                        <!-- Image element for the profile picture - increased size and added margin-bottom -->

                        <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:tnnl6qjjj4lquabzmsuu34ip/bafkreiganpi566224q5r4mq6zx5hbvas3cw67fjfo27zkhjmc67qyxrnhi@jpeg" alt="Profile Picture" class="w-16 h-16 mb-2"/>

                        <!-- Original Tailscale text SVG - now on a new line below the image -->

                    </a>

                </div>

            </header>

            <!-- Content: mx-auto for horizontal centering -->

            <div class="w-9/10 max-w-md mx-auto">

                <h3 id="what-is-tsnet" class="mb-2 mt-5 text-xl font-medium first:mt-0">What is danielmorrisey.com?</h3>

                <p>

                    <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">danielmorrisey.com</code>

                   is my personal website, I use the doamin to host my projects. I also am the writer for

                    <a href="https://madebydanny.uk/" class="text-blue-600 transition-colors hover:text-blue-800">MBD News</a>

                    a tech news website I made using 

                    <a href="https://www.beehiiv.com/?utm_source=MBD%20News&utm_medium=footer" class="text-blue-600 transition-colors hover:text-blue-800">beehiiv</a>.

                    <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">danielmorrisey.com</code>

                    is not used for anything public, all my real <i>"stuff"</i> is @ <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="https://madebydanny.uk">madebydanny.uk</a></code>.

                </p>

                <h3 id="concerns" class="mb-2 mt-5 text-xl font-medium first:mt-0">Find <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm">danielmorrisey.com</code> on social media! </h3>

                <p>

                    I don't really update this site, I mainly use it to share my projects.

                    <br>

                    But you can find all my socials @ <code class="rounded-lg border bg-gray-50 px-1 py-0.5 text-sm"><a href="https://danielmorrisey.start.page">danielmorrisey.start.page</a></code>.

                </p>                

            </div>

        </div>

    </div>

</body>

</html>