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-11-02 22:25:16 +00:00
< title > {% if title %}{{ title }} | {% endif %}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 = "/" >
2020-11-08 20:38:27 +00:00
< img class = "image logo" src = "/static/images/logo-small.png" alt = "Home page" >
2020-09-28 21:47:53 +00:00
< / a >
2020-11-08 21:23:05 +00:00
< form class = "navbar-item" action = "/search/" >
< div class = "field is-grouped" >
< input aria-label = "Search for a book or user" id = "search-input" class = "input" type = "text" name = "q" placeholder = "Search for a book or user" value = "{{ query }}" >
< button class = "button" type = "submit" >
< span class = "icon icon-search" >
< span class = "is-sr-only" > search< / span >
< / span >
< / button >
< / div >
< / form >
2020-09-28 21:47:53 +00:00
2020-11-09 19:58:19 +00:00
< label for = "main-nav" role = "button" class = "navbar-item" aria-label = "menu" aria-expanded = "false" data-target = "mainNav" onclick = "toggleMenu(this)" >
2020-11-09 19:29:17 +00:00
< div class = "icon icon-dots-three-vertical" > < span class = "is-sr-only" > Main navigation menu< / div >
2020-09-28 21:47:53 +00:00
< / 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-10-28 20:17:02 +00:00
< a href = "/user/{{ request.user.localname }}/shelves" class = "navbar-item" >
Your shelves
2020-09-28 21:47:53 +00:00
< / a >
2020-10-28 20:17:02 +00:00
< a href = "/#feed" class = "navbar-item" >
Feed
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-10-13 23:20:04 +00:00
{% include 'snippets/avatar.html' with user=request.user %}
2020-09-28 21:47:53 +00:00
{% 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 = "/import" class = "navbar-item" >
2020-09-28 21:47:53 +00:00
Import books
< / a >
2020-10-01 20:09:37 +00:00
{% if perms.bookwyrm.create_invites %}
< a href = "/invite" class = "navbar-item" >
Invites
< / a >
{% endif %}
2020-09-28 21:47:53 +00:00
< 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-11-08 20:24:50 +00:00
< span class = "is-sr-only" > Notifications< / 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" >
2020-10-01 03:31:44 +00:00
< a href = "/login" class = "button is-primary" >
Join
2020-09-28 21:47:53 +00:00
< / 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 >
