<script>
    import "../app.css";
</script>

<div id="header">
    <nav>
        <ul>
            <li id="appName"><strong>NoteApp</strong></li>
        </ul>
        <ul>
            <li><a href="/">Startseite</a></li>
            <li><a href="/createNote">Neue Notiz</a></li>
        </ul>
    </nav>
</div>

<slot></slot>

<style>
    #header{
        padding: 15px;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 99.14vw;
    }

    #appName{
        font-size: 30px;
    }
</style>
