smartbar/pages/cover.html

<style>
    #cover-page {
        position: relative;
        background: 
            linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)),
            url("/assets/img/cover.jpg") no-repeat center center;
        background-size: cover;
    }

    #logo {
        position: absolute;
        top: 29px;
        left: 8px;

        transform: scaleY(1.85);

        font-family: "Heading Now";
        font-size: 68px;

        color: #fff;
        text-shadow:
            0px 10px 0 rgb(209, 1, 209),
            0px 20px 0 black;
    }

    #edition {
        position: absolute;
        right: 8px;
        bottom: 20px;

        transform: scaleY(0.8);

        font-family: "Heading Now";
        font-size: 32px;

        text-align: right;
    }
</style>

<div id="cover-page" class="page-base">

    <div id="logo" class="ytmnd-1">smart bar</div>

    <div id="edition" class="ytmnd-2">
        <div>sf cyberculture zine</div>
        <div>issue 1, 2025</div>
    </div>

</div>