<!DOCTYPE html>
<html>

<head>
    <title>Burgernotes</title>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="./static/css/style.css" />
    <meta content="Burgernotes" property="og:title" />
    <meta content="A simple note-taking app!" property="og:description" />
</head>

<body>
    <a href="https://notes.old.hectabit.org" class="hiddenButton">Click here</a>
    <div class="mainDiv">
    <div class="startDiv">
    <h1 class="w300">Burgernotes</h1>
    <p>A simple note-taking service!</p>
    <br>
    <a href="./app/index.html">Open in your browser</a>

    <a href="./static/burgernotes.mobileconfig" style="margin-top: 5px;">Download for iOS</a>

    <a style="padding: 0; padding-bottom: 0; margin-top: 5px; background-color: rgba(0, 0, 0, 0);" href="https://flathub.org/apps/org.hectabit.burgernotes">
        <img class="flathubLogo" style="height: 55px;"src="./static/svg/flathublight.svg">
    </a>
    </div>
    <br>
    <div class="feature green">
        <h7 class="w300">Secure</h7>
        <p2>All your notes are fully end-to-end encrypted. Only you can read your notes, not anyone else.</p2>
    </div>
    <div class="feature yellow">
        <h7 class="w300">Always up-to-date</h7>
        <p2>Your notes seamlessly sync across your devices.</p2>
    </div>
    </div>
    <div class="links">
        <a href="https://centrifuge.hectabit.org/hectabit/burgernotes"><img src="/static/svg/code.svg">Source Code</a>
        <a href="../privacy/index.html"><img src="/static/svg/info.svg">Privacy &amp; Terms</a>
        <a href="https://discord.gg/8EbKTjmH2d"><img src="/static/svg/forum.svg">Discord</a>
    </div>
    <br>
</body>

</html>
