index.html

<!DOCTYPE html>

<head>
    <title>Decibels - a Data Sonification Community</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;400;900&display=swap');
    </style>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
    <link rel="icon" href="https://decibels.community/img/favicon.png" type="image/x-icon">
    <meta property="og:title" content="Decibels" />
    <meta property="og:description" content="A friendly data sonification community" />
    <meta property="og:url" content="https://decibels.community" />
    <meta property="og:image" content="https://decibels.community/img/og.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:type" content="text/html" />
</head>

<body>
    <div id="biglogo">
    </div>
    <div class="text">
        <h1>Decibels</h1>
        <h2>a data sonification community</h2>
        <ul>
            <li>Share tips, learnings, and advice with fellow sonifiers</li>
            <li>Figure out what works in sonification, together</li>
            <li>Get a wider audience for your work</li>
            <li>Create connections across different disciplines</li>
            <li><a href="https://www.thedictionaryofobscuresorrows.com/word/midding">Midding</a> is warmly
                encouraged!</li>
        </ul>
        <a href="https://discord.gg/HazbaZzupq" target="_blank">
            <p class="invite">Join the community</p>
        </a>
        <p class="small">Questions? <a href='mailto:numbersloud@gmail.com'>Email us</a>.</p>
    </div>
</body>