moviewyrm/bookwyrm/templates/layout.html

197 lines
8.6 KiB
HTML
Raw Normal View History

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>
<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
2021-01-04 20:47:10 +00: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 23:25:19 +00:00
<meta name="twitter:card" content="summary">
2021-01-04 20:47:10 +00:00
<meta name="twitter:title" content="{% if title %}{{ title }} | {% endif %}{{ site.name }}">
<meta name="og:title" content="{% if title %}{{ title }} | {% endif %}{{ site.name }}">
<meta name="twitter:description" content="{{ site.instance_tagline }}">
<meta name="og:description" content="{{ site.instance_tagline }}">
2021-01-04 20:47:10 +00: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 23:25:19 +00:00
</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="/">
2021-01-04 20:47:10 +00: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 21:47:53 +00:00
</a>
<form class="navbar-item column" action="/search/">
<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>
</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">
<div class="navbar-link" role="button" aria-expanded=false" onclick="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>
<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 %}
<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">
<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>
{% else %}
2020-09-28 21:47:53 +00:00
<div class="navbar-item">
2021-01-04 18:48:48 +00:00
{% if request.path != '/login' and request.path != '/login/' and request.path != '/user-login' %}
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">
2021-01-04 18:48:48 +00: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 19:10:04 +00:00
</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>
{% if site.allow_registration and request.path != '' and request.path != '/' %}
2021-01-03 19:10:04 +00:00
<div class="column is-narrow">
<a href="/" class="button is-link">
2021-01-03 19:10:04 +00:00
Join
</a>
</div>
{% endif %}
2020-09-28 21:47:53 +00:00
</div>
{% endif %}
2020-01-25 23:25:19 +00:00
</div>
{% 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>
</div>
</div>
2021-01-03 20:53:51 +00:00
</footer>
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>