moviewyrm/fedireads/templates/layout.html
2020-03-21 14:29:39 -07:00

79 lines
2.8 KiB
HTML

{% load fr_display %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>BookWyrm</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet" href="/static/format.css">
<link type="text/css" rel="stylesheet" href="/static/icons.css">
<link rel="shortcut icon" type="image/x-icon" href="/static/images/favicon.ico">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="BookWyrm">
<meta name="og:title" content="BookWyrm">
<meta name="twitter:description" content="Federated Social Reading">
<meta name="og:description" content="Federated Social Reading">
<meta name="twitter:creator" content="@tripofmice">
<meta name="twitter:site" content="@tripofmice">
</head>
<body>
<div id="top-bar">
<header>
<div id="branding"><a href="/"><img id="logo" src="/static/images/logo-small.png" alt="BookWyrm"></img></a></div>
<ul class="menu">
<li><a href="/user/{{request.user.localname}}/shelves">Your shelves</a></li>
<li><a href="/#feed">Updates</a></li>
<li><a href="/books">Discover Books</a></li>
</ul>
<div id="actions">
<div id="search">
<form action="/search/">
<input type="text" name="q" placeholder="Search for a book or user"></input>
<button type="submit">
<span class="icon icon-search">
<span class="hidden-text">search</span>
</span>
</button>
</form>
</div>
{% if request.user.is_authenticated %}
<div id="notifications">
<a href="/notifications">
<span class="icon icon-bell">
<span class="hidden-text">Notitications</span>
</span>
{% if request.user|notification_count %}<span class="count">{{ request.user | notification_count }}</span>{% endif %}
</a>
</div>
<div class="pulldown-container">
{% include 'snippets/avatar.html' with user=request.user %}
<ul class="pulldown">
<li><a href="/user/{{ request.user }}">Your profile</a></li>
<li><a href="/user-edit/">Settings</a></li>
<li><a href="/logout/">Log out</a></li>
</ul>
</p>
{% endif %}
</div>
</header>
</div>
<div id="main">
{% block content %}
{% endblock %}
</div>
<script>
var csrf_token = '{{ csrf_token }}';
</script>
<script src="/static/js/unfetch.js"></script>
<script src="/static/js/shared.js"></script>
</body>
</html>