Skip to content
Snippets Groups Projects
base.html 2.58 KiB
Newer Older
  • Learn to ignore specific revisions
  • Tobias Mieves's avatar
    Tobias Mieves committed
    {% load static %}
    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<title>{% block title %}Core{% endblock %}</title>
    	<link href="{% static 'core/css/daisyui.css' %}" rel="stylesheet" type="text/css">
    	<link href="{% static 'core/css/tailwind.min.css' %}" rel="stylesheet" type="text/css">
    	<link href="{% static 'wedding/css/output.css' %}" rel="stylesheet" type="text/css">
    	<meta http-equiv="refresh" content="10">
    </head>
    <body>
    <div class="navbar mb-2 shadow-lg bg-neutral text-neutral-content rounded-box">
    	<div class="flex-none lg:hidden">
    		<label for="my-drawer-3" class="btn btn-square btn-ghost">
    			<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
    			     class="inline-block w-6 h-6 stroke-current">
    				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
    				      d="M4 6h16M4 12h16M4 18h16"></path>
    			</svg>
    		</label>
    	</div>
    	<div class="flex-1 px-2 mx-2 navbar-start">
    		<a href="{% url 'home_view' %}" class="text-lg font-bold">
    			{% block home_logo %}DaisyUI{% endblock %}
    		</a>
    	</div>
    	<div class="flex-none gap-2">
    		{% block navbar_extra %}
    			<div class="form-control">
    				<input type="text" placeholder="Search" class="input input-bordered" />
    			</div>
    		{% endblock %}
    		<div class="dropdown dropdown-end">
    			{% block account_picture %}
    				<label tabindex="0" class="btn btn-ghost btn-circle avatar">
    					<div class="w-10 rounded-full">
    						<img src="https://placeimg.com/80/80/people" />
    					</div>
    				</label>
    			{% endblock %}
    			<ul tabindex="0"
    			    class="mt-3 p-2 shadow menu menu-compact dropdown-content bg-base-100 text-base-content rounded-box w-52">
    				{% block account_dropdown_list %}
    					<li>
    						<a href="{% url 'password_change' %}">Passwort ändern</a>
    					</li>
    					<li>
    						<a href="{% url 'logout' %}">{{ user.username }} abmelden</a>
    					</li>
    				{% endblock %}
    			</ul>
    		</div>
    	</div>
    </div>
    <div class="drawer drawer-mobile">
    	<input id="my-drawer-3" type="checkbox" class="drawer-toggle" />
    	<div class="drawer-content flex flex-col">
    		<!-- Navbar -->
    
    		<!-- Page content here -->
    		<main>
    			<div class="p-4 lg:pl-0">
    				{% block content %}
    				{% endblock %}
    			</div>
    		</main>
    	</div>
    	<div class="drawer-side sm:shadow-lg sm:rounded-box m-4">
    		<label for="my-drawer-3" class="drawer-overlay"></label>
    		<ul class="menu p-4 w-fit m-w-xs bg-base-100">
    			<!-- Sidebar content here -->
    			{% block sidebar_list %}
    				<li><a>Sidebar Item 1</a></li>
    				<li><a>Sidebar Item 2</a></li>
    			{% endblock %}
    		</ul>
    
    	</div>
    </div>
    </body>
    </html>