2020-12-13 02:25:04 +00:00
{% load bookwyrm_tags %}
2020-01-25 23:25:19 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2020-12-11 20:07:37 +00:00
< title > {% if title %}{{ title }} | {% endif %}{{ site.name }}< / 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-12-11 20:07:37 +00:00
< meta name = "twitter:title" content = "{{ site.name }}" >
< meta name = "og:title" content = "{{ site.name }}" >
2020-01-25 23:25:19 +00:00
< meta name = "twitter:description" content = "Federated Social Reading" >
< meta name = "og:description" content = "Federated Social Reading" >
< / head >
< body >
2021-01-03 20:53:51 +00:00
< nav class = "navbar container" role = "navigation" aria-label = "main navigation" >
2020-09-28 21:47:53 +00:00
< 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-21 05:27:50 +00:00
< form class = "navbar-item column" action = "/search/" >
2020-11-21 05:19:26 +00:00
< div class = "field has-addons" >
< div class = "control" >
< 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 }}" >
< / div >
< div class = "control" >
< button class = "button" type = "submit" >
< span class = "icon icon-search" >
< span class = "is-sr-only" > search< / span >
< / span >
< / button >
< / div >
2020-11-08 21:23:05 +00:00
< / div >
< / form >
2020-09-28 21:47:53 +00:00
2020-11-10 00:53:52 +00:00
< label for = "main-nav" role = "button" class = "navbar-burger" aria-label = "menu" aria-expanded = "false" data-target = "mainNav" onclick = "toggleMenu(this)" tabindex = "0" >
< div class = "navbar-item mt-3" >
< div class = "icon icon-dots-three-vertical" >
< span class = "is-sr-only" > Main navigation menu< / span >
< / div >
< / 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" >
2021-01-03 18:03:57 +00:00
< div class = "navbar-link" role = "button" aria-expanded = false" onmouseover = "toggleMenu(this)" tabindex = "0" aria-haspopup = "true" aria-controls = "navbar-dropdown" > < 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 >
2021-01-03 18:03:57 +00:00
< ul class = "navbar-dropdown" id = "navbar-dropdown" >
< li >
< a href = "/direct-messages" class = "navbar-item" >
Direct messages
< / a >
< / li >
< li >
< a href = "/user/{{request.user.localname}}" class = "navbar-item" >
Profile
< / a >
< / li >
< li >
< a href = "/user-edit" class = "navbar-item" >
Settings
< / a >
< / li >
< li >
< a href = "/import" class = "navbar-item" >
Import books
< / a >
< / li >
2020-10-01 20:09:37 +00:00
{% if perms.bookwyrm.create_invites %}
2021-01-03 18:03:57 +00:00
< li >
< a href = "/invite" class = "navbar-item" >
Invites
< / a >
< / li >
2020-10-01 20:09:37 +00:00
{% endif %}
2020-09-28 21:47:53 +00:00
< hr class = "navbar-divider" >
2021-01-03 18:03:57 +00:00
< li >
< a href = "/logout" class = "navbar-item" >
Log out
< / a >
< / li >
< / ul >
2020-09-28 21:47:53 +00:00
< / 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 >
2021-01-03 22:35:28 +00:00
{% elif request.path != '/login' and request.path != '/login/' %}
2020-09-28 21:47:53 +00:00
< div class = "navbar-item" >
2021-01-03 19:10:04 +00:00
< div class = "columns" >
< div class = "column" >
< form name = "login" method = "post" action = "/user-login" >
2021-01-03 22:35:28 +00:00
{% csrf_token %}
2021-01-03 19:10:04 +00:00
< div class = "field is-grouped" >
< div class = "control" >
< label class = "is-sr-only" for = "id_username" > Username:< / label >
< input type = "text" name = "username" maxlength = "150" class = "input" required = "" id = "id_username" placeholder = "username" >
< / div >
< div class = "control" >
< label class = "is-sr-only" for = "id_password" > Username:< / label >
< input type = "password" name = "password" maxlength = "128" class = "input" required = "" id = "id_password" placeholder = "password" >
< p class = "help" > < a href = "/password-reset" > Forgot your password?< / a > < / p >
< / div >
< button class = "button is-primary" type = "submit" > Log in< / button >
< / div >
< / form >
< / div >
< div class = "column is-narrow" >
< a href = "/login" class = "button is-link" >
Join
< / a >
< / div >
2020-09-28 21:47:53 +00:00
< / div >
2020-01-25 23:25:19 +00:00
< / div >
2021-01-03 22:35:28 +00:00
{% else %}
< div class = "navbar-item" >
< a href = "/login" class = "button is-link" >
Join
< / a >
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
2021-01-03 20:53:51 +00:00
< div class = "section container" >
2020-01-29 01:23:38 +00:00
{% block content %}
{% endblock %}
2020-01-25 23:25:19 +00:00
< / div >
2021-01-03 20:53:51 +00:00
< footer class = "footer" >
< div class = "container" >
< div class = "columns" >
< div class = "column" >
< p >
< a href = "/about" > About this server< / a >
< / p >
{% if site.admin_email %}
< p >
< a href = "mailto:{{ site.admin_email }}" > Contact site admin< / a >
< / p >
{% endif %}
< / div >
{% if site.support_link %}
< div class = "column" >
< span class = "icon icon-heart" > < / span >
Support {{ site.name }} on < a href = "{{ site.support_link }}" target = "_blank" > {{ site.support_title }}< / a >
< / div >
2020-12-11 20:31:02 +00:00
{% endif %}
2021-01-03 20:53:51 +00:00
< div class = "column" >
BookWyrm is open source software. You can contribute or report issues on < a href = "https://github.com/mouse-reeve/bookwyrm" > GitHub< / a > .
< / div >
2020-12-11 20:07:37 +00:00
< / div >
< / div >
2021-01-03 20:53:51 +00:00
< / footer >
2020-12-11 20:07:37 +00:00
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 >
