2020-03-07 22:50:29 +00:00
|
|
|
{% load fr_display %}
|
2020-01-25 23:25:19 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
2020-03-15 21:15:36 +00:00
|
|
|
<title>BookWyrm</title>
|
2020-01-25 23:25:19 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2020-09-29 01:30:12 +00:00
|
|
|
<link type="text/css" rel="stylesheet" href="/static/css/bulma.min.css">
|
2020-09-28 21:47:53 +00:00
|
|
|
<link type="text/css" rel="stylesheet" href="/static/css/format.css">
|
|
|
|
<link type="text/css" rel="stylesheet" href="/static/css/icons.css">
|
2020-01-25 23:25:19 +00:00
|
|
|
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="/static/images/favicon.ico">
|
|
|
|
|
|
|
|
<meta name="twitter:card" content="summary">
|
2020-03-15 21:15:36 +00:00
|
|
|
<meta name="twitter:title" content="BookWyrm">
|
|
|
|
<meta name="og:title" content="BookWyrm">
|
2020-01-25 23:25:19 +00:00
|
|
|
<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>
|
|
|
|
|
2020-09-28 21:47:53 +00:00
|
|
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
|
|
|
<div class="navbar-brand">
|
|
|
|
<a class="navbar-item" href="/">
|
|
|
|
<img src="/static/images/logo-small.png" alt="BookWyrm" width="112" height="28">
|
|
|
|
</a>
|
|
|
|
<form class="navbar-item" action="/search/">
|
|
|
|
<div class="field is-grouped">
|
|
|
|
<input class="input" type="text" name="q" placeholder="Search for a book or user">
|
|
|
|
<button class="button" type="submit">
|
|
|
|
<span class="icon icon-search">
|
2020-09-30 22:10:37 +00:00
|
|
|
<span class="is-sr-only">search</span>
|
2020-09-28 21:47:53 +00:00
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
<label for="main-nav" role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="mainNav">
|
|
|
|
<span aria-hidden="true"></span>
|
|
|
|
<span aria-hidden="true"></span>
|
|
|
|
<span aria-hidden="true"></span>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<input class="toggle-control" type="checkbox" id="main-nav">
|
|
|
|
<div id="mainNav" class="navbar-menu toggle-content">
|
|
|
|
<div class="navbar-start">
|
2020-09-29 17:21:10 +00:00
|
|
|
{% if request.user.is_authenticated %}
|
2020-09-30 16:00:33 +00:00
|
|
|
<a href="" class="navbar-item">
|
|
|
|
Lists
|
2020-09-28 21:47:53 +00:00
|
|
|
</a>
|
2020-09-30 16:00:33 +00:00
|
|
|
<a href="" class="navbar-item">
|
|
|
|
Groups
|
2020-04-02 02:38:07 +00:00
|
|
|
</a>
|
2020-09-29 17:21:10 +00:00
|
|
|
{% endif %}
|
2020-04-02 02:38:07 +00:00
|
|
|
</div>
|
2020-03-15 21:15:36 +00:00
|
|
|
|
2020-09-28 21:47:53 +00:00
|
|
|
<div class="navbar-end">
|
|
|
|
{% if request.user.is_authenticated %}
|
|
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
2020-09-29 21:11:55 +00:00
|
|
|
<div class="navbar-link"><p>
|
2020-09-28 21:47:53 +00:00
|
|
|
{% include 'snippets/avatar.html' with user=user %}
|
|
|
|
{% include 'snippets/username.html' with user=request.user %}
|
2020-09-29 21:11:55 +00:00
|
|
|
</p></div>
|
2020-09-28 21:47:53 +00:00
|
|
|
<div class="navbar-dropdown">
|
|
|
|
<a href="/user/{{request.user.localname}}" class="navbar-item">
|
|
|
|
Profile
|
|
|
|
</a>
|
2020-09-30 04:45:59 +00:00
|
|
|
<a href="/user-edit" class="navbar-item">
|
|
|
|
Settings
|
|
|
|
</a>
|
|
|
|
<a href="/invite" class="navbar-item">
|
|
|
|
Invites
|
|
|
|
</a>
|
|
|
|
<a href="/import" class="navbar-item">
|
2020-09-28 21:47:53 +00:00
|
|
|
Import books
|
|
|
|
</a>
|
|
|
|
<hr class="navbar-divider">
|
|
|
|
<a href="/logout" class="navbar-item">
|
|
|
|
Log out
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="navbar-item">
|
2020-09-30 18:56:02 +00:00
|
|
|
<a href="/notifications">
|
|
|
|
<div class="tags has-addons">
|
2020-09-30 19:01:17 +00:00
|
|
|
<span class="tag is-medium">
|
2020-09-30 18:56:02 +00:00
|
|
|
<span class="icon icon-bell">
|
2020-09-30 22:10:37 +00:00
|
|
|
<span class="is-sr-only">Notitications</span>
|
2020-09-30 18:56:02 +00:00
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
{% if request.user|notification_count %}
|
2020-09-30 19:02:00 +00:00
|
|
|
<span class="tag is-danger is-medium">{{ request.user | notification_count }}</span>
|
2020-09-29 21:45:04 +00:00
|
|
|
{% endif %}
|
2020-09-30 18:56:02 +00:00
|
|
|
</div>
|
|
|
|
</a>
|
2020-03-15 21:15:36 +00:00
|
|
|
</div>
|
2020-09-28 21:47:53 +00:00
|
|
|
{% else %}
|
|
|
|
<div class="navbar-item">
|
|
|
|
<div class="buttons">
|
|
|
|
<a href="/register" class="button is-primary">
|
|
|
|
<strong>Sign up</strong>
|
|
|
|
</a>
|
|
|
|
<a href="/login" class="button is-light">
|
|
|
|
Log in
|
|
|
|
</a>
|
|
|
|
</div>
|
2020-01-25 23:25:19 +00:00
|
|
|
</div>
|
2020-09-28 21:47:53 +00:00
|
|
|
{% endif %}
|
2020-01-25 23:25:19 +00:00
|
|
|
</div>
|
2020-09-28 21:47:53 +00:00
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
|
2020-01-25 23:25:19 +00:00
|
|
|
|
2020-09-29 17:21:10 +00:00
|
|
|
<div class="section">
|
2020-01-29 01:23:38 +00:00
|
|
|
{% block content %}
|
|
|
|
{% endblock %}
|
2020-01-25 23:25:19 +00:00
|
|
|
</div>
|
|
|
|
|
2020-03-15 21:15:36 +00:00
|
|
|
<script>
|
2020-03-16 01:12:45 +00:00
|
|
|
var csrf_token = '{{ csrf_token }}';
|
2020-03-15 21:15:36 +00:00
|
|
|
</script>
|
|
|
|
<script src="/static/js/shared.js"></script>
|
2020-01-25 23:25:19 +00:00
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
|