




<html>
<head>
    <title>Login</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


    <link rel="shortcut icon" type="image/x-icon" href="/static/assets/favicon.svg">
    <link rel="shortcut icon" href="/static/assets/favicon.svg">
    <link rel="icon" type="image/png" href="/static/assets/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/static/assets/favicon-16x16.png" sizes="16x16">

    <link rel="mask-icon" href="/static/assets/safari-pinned-tab.svg" color="#161616">
    <link rel="apple-touch-icon" href="/static/assets/apple-touch-icon.png" sizes="180x180">

    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/mstile-144x144.png">


    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#161616">
    <meta name="msapplication-TileColor" content="#161616">
    <meta name="theme-color" content="#ffffff">


    <!-- Bootstrap 4 -->
    <link id="id_main_css" href="/static/themes/tandoor.min.css" rel="stylesheet">
    <link href="/static/css/app.min.css" rel="stylesheet">
    <script src="/static/js/jquery-3.5.1.min.js"></script>

    <script src="/static/js/popper.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>

    <!-- Select2 for use with django autocomplete light -->
    <link href="/static/css/select2.min.css" rel="stylesheet"/>
    <script src="/static/js/select2.min.js"></script>

    <!-- Bootstrap theme for select2 -->
    <link rel="stylesheet" href="/static/css/select2-bootstrap.css"/>

    <link rel="stylesheet" href="/static/themes/select2-bootstrap-theme.css"/>

    <script type="text/javascript">
        $.fn.select2.defaults.set("theme", "bootstrap");
    </script>

    <!-- Fontawesome icons -->
    <link rel="stylesheet" href="/static/fontawesome/fontawesome_all.min.css">

     <!-- block for templates to put stuff into header -->
    

</head>
<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-primary bg-header" id="id_main_nav"
     style="position: sticky; top: 0; left: 0; z-index: 1000;">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText"
            aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    
        <a class="navbar-brand p-0 me-2 justify-content-center" href="http://www.elementarteile.de" aria-label="Tandoor">
            <img class="brand-icon" src="/static/assets/brand_logo.png" alt="" style="height: 5vh;">
        </a>
    
    <div class="collapse navbar-collapse" id="navbarText">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item ">
                <a class="nav-link" href="/search/"><i
                        class="fas fa-book"></i> Cookbook</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/plan/"><i
                        class="fas fa-calendar"></i> Meal-Plan</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/list/shopping-list/"><i
                        class="fas fa-shopping-cart"></i> Shopping</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/books/"><i
                        class="fas fa-book-open"></i> Books</a>
            </li>
        </ul>

        <ul class="navbar-nav ml-auto">
            
                <li class="nav-item">
                    <a class="nav-link" href="/accounts/login/">Login <i
                            class="fas fa-sign-in-alt"></i></a>
                </li>
            
        </ul>
    </div>
</nav>




<div class="container-fluid mt-2 mt-md-5 mt-xl-5 mt-lg-5" id="id_base_container">
    <div class="row">
        <div class="col-xl-2 d-none d-xl-block">
            

            
        </div>
        <div class="col-xl-8 col-12">
            

            


    <div class="row">
        <div class="col-12" style="text-align: center">
            <h3>Sign In</h3>
        </div>
    </div>


    <div class="row">
        <div class="col-sm-12 col-lg-6 col-md-6 offset-lg-3 offset-md-3">
        <hr>
            <form class="login" method="POST" action="/accounts/login/">
                <input type="hidden" name="csrfmiddlewaretoken" value="ArgdPuWG1r7q09lGUon8gLpVhhHMwXzFowT9e1Vxnx2Q0rJPM7VuyNgT7JSrbXlo">
                

<div id="div_id_login" class="form-group"> <label for="id_login" class=" requiredField">
                Username<span class="asteriskField">*</span> </label> <div class=""> <input type="text" name="login" placeholder="Username" autocomplete="username" maxlength="150" class="textinput textInput form-control" required id="id_login"> </div> </div> <div id="div_id_password" class="form-group"> <label for="id_password" class=" requiredField">
                Password<span class="asteriskField">*</span> </label> <div class=""> <input type="password" name="password" placeholder="Password" autocomplete="current-password" class="textinput textInput form-control" required id="id_password"> </div> </div> <div class="form-group"> <div id="div_id_remember" class="form-check"> <input type="checkbox" name="remember" class="checkboxinput form-check-input" id="id_remember"> <label for="id_remember" class="form-check-label">
                    Remember Me
                </label> </div> </div>


                
                    <input type="hidden" name="next" value="/search/"/>
                

                <button class="btn btn-success" type="submit">Sign In</button>
                <a class="btn btn-secondary" href="/accounts/signup/">Sign Up</a>

                
            </form>
        </div>
    </div>

    

    



        </div>
        <div class="col-xl-2 d-none d-xl-block">
            

            
        </div>
    </div>

    
    

    
    <script id="user_preference" type="application/json">null</script>


</div>




<script type="application/javascript">
    localStorage.setItem('SCRIPT_NAME', "")
    localStorage.setItem('BASE_PATH', "http://www.elementarteile.de")
    localStorage.setItem('STATIC_URL', "/static/")
    localStorage.setItem('DEBUG', "True")
    window.addEventListener("load", () => {
        if ("serviceWorker" in navigator) {
            navigator.serviceWorker.register("/service-worker.js", {scope: "http://www.elementarteile.de" + '/'}).then(function (reg) {

            }).catch(function (err) {
                console.warn('Error whilst registering service worker', err);
            });
        } else {
            console.warn('service worker not in navigator');
        }
    });
</script>

</body>
</html>
