2020-12-12 21:25:04 -05:00
{% load bookwyrm_tags %}
2020-01-25 18:25:19 -05:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2020-12-11 15:07:37 -05:00
< title > {% if title %}{{ title }} | {% endif %}{{ site.name }}< / title >
2020-01-25 18:25:19 -05:00
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2020-09-28 21:30:12 -04:00
< link type = "text/css" rel = "stylesheet" href = "/static/css/bulma.min.css" >
2020-09-28 17:47:53 -04: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 18:25:19 -05:00
2021-01-04 15:47:10 -05:00
< link rel = "shortcut icon" type = "image/x-icon" href = "{% if site.favicon %}/images/{{ site.favicon }}{% else %}/static/images/favicon.ico{% endif %}" >
2020-01-25 18:25:19 -05:00
< meta name = "twitter:card" content = "summary" >
2021-01-04 15:47:10 -05:00
< meta name = "twitter:title" content = "{% if title %}{{ title }} | {% endif %}{{ site.name }}" >
< meta name = "og:title" content = "{% if title %}{{ title }} | {% endif %}{{ site.name }}" >
2021-01-04 15:58:31 -05:00
< meta name = "twitter:description" content = "{{ site.instance_tagline }}" >
< meta name = "og:description" content = "{{ site.instance_tagline }}" >
2021-01-04 15:47:10 -05:00
< meta name = "twitter:image" content = "{% if site.logo %}/images/{{ site.logo }}{% else %}/static/images/logo.png{% endif %}" >
< meta name = "og:image" content = "{% if site.logo %}/images/{{ site.logo }}{% else %}/static/images/logo.png{% endif %}" >
< meta name = "twitter:image:alt" content = "BookWyrm Logo" >
2020-01-25 18:25:19 -05:00
< / head >
< body >
2021-01-03 15:53:51 -05:00
< nav class = "navbar container" role = "navigation" aria-label = "main navigation" >
2020-09-28 17:47:53 -04:00
< div class = "navbar-brand" >
< a class = "navbar-item" href = "/" >
2021-01-04 15:47:10 -05:00
< img class = "image logo" src = "{% if site.logo_small %}/images/{{ site.logo_small }}{% else %}/static/images/logo-small.png{% endif %}" alt = "Home page" >
2020-09-28 17:47:53 -04:00
< / a >
2020-11-21 00:27:50 -05:00
< form class = "navbar-item column" action = "/search/" >
2020-11-21 00:19:26 -05: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" >
2021-01-14 17:13:23 -05:00
< span class = "icon icon-search" title = "Search" >
2020-11-21 00:19:26 -05:00
< span class = "is-sr-only" > search< / span >
< / span >
< / button >
< / div >
2020-11-08 16:23:05 -05:00
< / div >
< / form >
2020-09-28 17:47:53 -04:00
2021-01-14 18:45:30 -05:00
< label for = "main-nav" role = "button" class = "navbar-burger pulldown-menu" aria-label = "menu" aria-expanded = "false" data-target = "mainNav" tabindex = "0" >
2020-11-09 19:53:52 -05:00
< div class = "navbar-item mt-3" >
2021-01-14 17:13:23 -05:00
< div class = "icon icon-dots-three-vertical" title = "Main navigation menu" >
2020-11-09 19:53:52 -05:00
< span class = "is-sr-only" > Main navigation menu< / span >
< / div >
< / div >
2020-09-28 17:47:53 -04:00
< / label >
< / div >
< input class = "toggle-control" type = "checkbox" id = "main-nav" >
2021-01-17 14:09:49 -05:00
< div id = "mainNav" class = "navbar-menu" >
2020-09-28 17:47:53 -04:00
< div class = "navbar-start" >
2020-09-29 13:21:10 -04:00
{% if request.user.is_authenticated %}
2020-10-28 16:17:02 -04:00
< a href = "/user/{{ request.user.localname }}/shelves" class = "navbar-item" >
Your shelves
2020-09-28 17:47:53 -04:00
< / a >
2020-10-28 16:17:02 -04:00
< a href = "/#feed" class = "navbar-item" >
Feed
2020-04-01 22:38:07 -04:00
< / a >
2020-09-29 13:21:10 -04:00
{% endif %}
2020-04-01 22:38:07 -04:00
< / div >
2020-03-15 17:15:36 -04:00
2020-09-28 17:47:53 -04:00
< div class = "navbar-end" >
{% if request.user.is_authenticated %}
< div class = "navbar-item has-dropdown is-hoverable" >
2021-01-14 18:45:30 -05:00
< div class = "navbar-link pulldown-menu" role = "button" aria-expanded = "false" tabindex = "0" aria-haspopup = "true" aria-controls = "navbar-dropdown" > < p >
2020-10-13 19:20:04 -04:00
{% include 'snippets/avatar.html' with user=request.user %}
2020-09-28 17:47:53 -04:00
{% include 'snippets/username.html' with user=request.user %}
2020-09-29 17:11:55 -04:00
< / p > < / div >
2021-01-03 13:03:57 -05: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 >
2021-01-12 15:05:30 -05:00
< a href = "/edit-profile" class = "navbar-item" >
2021-01-03 13:03:57 -05:00
Settings
< / a >
< / li >
< li >
< a href = "/import" class = "navbar-item" >
Import books
< / a >
< / li >
2020-10-01 16:09:37 -04:00
{% if perms.bookwyrm.create_invites %}
2021-01-03 13:03:57 -05:00
< li >
< a href = "/invite" class = "navbar-item" >
Invites
< / a >
< / li >
2020-10-01 16:09:37 -04:00
{% endif %}
2020-09-28 17:47:53 -04:00
< hr class = "navbar-divider" >
2021-01-03 13:03:57 -05:00
< li >
< a href = "/logout" class = "navbar-item" >
Log out
< / a >
< / li >
< / ul >
2020-09-28 17:47:53 -04:00
< / div >
< div class = "navbar-item" >
2020-09-30 14:56:02 -04:00
< a href = "/notifications" >
< div class = "tags has-addons" >
2020-09-30 15:01:17 -04:00
< span class = "tag is-medium" >
2021-01-14 17:13:23 -05:00
< span class = "icon icon-bell" title = "Notifications" >
2020-11-08 15:24:50 -05:00
< span class = "is-sr-only" > Notifications< / span >
2020-09-30 14:56:02 -04:00
< / span >
< / span >
{% if request.user|notification_count %}
2020-09-30 15:02:00 -04:00
< span class = "tag is-danger is-medium" > {{ request.user | notification_count }}< / span >
2020-09-29 17:45:04 -04:00
{% endif %}
2020-09-30 14:56:02 -04:00
< / div >
< / a >
2020-03-15 17:15:36 -04:00
< / div >
2021-01-03 18:41:20 -05:00
{% else %}
2020-09-28 17:47:53 -04:00
< div class = "navbar-item" >
2021-01-12 11:19:08 -05:00
{% if request.path != '/login' and request.path != '/login/' %}
2021-01-03 14:10:04 -05:00
< div class = "columns" >
< div class = "column" >
2021-01-12 11:19:08 -05:00
< form name = "login" method = "post" action = "/login" >
2021-01-03 17:35:28 -05:00
{% csrf_token %}
2021-01-13 22:14:01 -05:00
< div class = "columns is-variable is-1" >
< div class = "column" >
2021-01-04 13:48:48 -05:00
< label class = "is-sr-only" for = "id_localname" > Username:< / label >
< input type = "text" name = "localname" maxlength = "150" class = "input" required = "" id = "id_localname" placeholder = "username" >
2021-01-03 14:10:04 -05:00
< / div >
2021-01-13 22:14:01 -05:00
< div class = "column" >
2021-01-03 14:10:04 -05:00
< 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 >
2021-01-13 22:14:01 -05:00
< div class = "column is-narrow" >
< button class = "button is-primary" type = "submit" > Log in< / button >
< / div >
2021-01-03 14:10:04 -05:00
< / div >
< / form >
< / div >
2021-01-03 18:41:20 -05:00
{% if site.allow_registration and request.path != '' and request.path != '/' %}
2021-01-03 14:10:04 -05:00
< div class = "column is-narrow" >
2021-01-03 18:41:20 -05:00
< a href = "/" class = "button is-link" >
2021-01-03 14:10:04 -05:00
Join
< / a >
< / div >
2021-01-03 18:41:20 -05:00
{% endif %}
2020-09-28 17:47:53 -04:00
< / div >
2021-01-03 18:41:20 -05:00
{% endif %}
2020-01-25 18:25:19 -05:00
< / div >
2021-01-03 18:41:20 -05:00
{% endif %}
2020-01-25 18:25:19 -05:00
< / div >
2020-09-28 17:47:53 -04:00
< / div >
< / nav >
2020-01-25 18:25:19 -05:00
2021-01-03 15:53:51 -05:00
< div class = "section container" >
2020-01-28 20:23:38 -05:00
{% block content %}
{% endblock %}
2020-01-25 18:25:19 -05:00
< / div >
2021-01-03 15:53:51 -05: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 15:31:02 -05:00
{% endif %}
2021-01-03 15:53:51 -05: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 15:07:37 -05:00
< / div >
< / div >
2021-01-03 15:53:51 -05:00
< / footer >
2020-12-11 15:07:37 -05:00
2020-03-15 17:15:36 -04:00
< script >
2020-03-15 21:12:45 -04:00
var csrf_token = '{{ csrf_token }}';
2020-03-15 17:15:36 -04:00
< / script >
< script src = "/static/js/shared.js" > < / script >
2020-01-25 18:25:19 -05:00
< / body >
< / html >
