index.html

<html lang="en">

<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-163989453-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'UA-163989453-1');
    </script>

    <meta charset="UTF-8">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0a4fcd">
    <meta name="msapplication-TileColor" content="#0a4fcd">
    <meta name="theme-color" content="#ffffff">

    <meta property="og:type" content="website">
    <meta property="og:url" content="https://pluteum.io">
    <meta property="og:title" content="Pluteum">
    <meta property="og:description" content="A device agnostic eBook library management system.">
    <meta property="og:image" content="https://pluteum.io/assets/img/meta.jpg">

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

    <link
        href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Serif+Text&family=IBM+Plex+Sans:wght@400;600&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="main.css">
</head>

<body>
    <header>
        <img src="assets/img/pluteum.svg" alt="Pluteum's Logo">
    </header>

    <main>
        <div>
            <h1>Pluteum</h1>
            <p class="t-subtitle">(ploo-teh-oom)</p>
            <p class="t-body">A device agnostic eBook library. Host it yourself or use our managed solution.</p>
            <ul>
                <li><img src="assets/img/refresh-ccw.svg" alt="Sync Icon">Sync with Calibre</li>
                <li><img src="assets/img/search.svg" alt="Search Icon">Metadata Lookup</li>
                <li><img src="assets/img/tablet.svg" alt="Tablet Icon">Send to Kindle</li>
            </ul>
            <form name="mailing-list" netlify>
                <label for="email">Your Email</label>
                <input name="email" id="email" type="email">
                <p class="t-promise">We’ll only send you emails to let you know when it’s ready. Promise.</p>
                <button type="submit">Submit</button>
            </form>
        </div>
        <div>
            <img src="assets/img/screenshot.png" srcset="assets/img/screenshot.png 1x, assets/img/screenshot@2x.png 2x">
        </div>
    </main>
</body>

</html>