rafaelcaricio/moviewyrm
1
0
Fork 0
forked from mirrors/bookwyrm
Code Issues 4 Pull requests Projects Releases Wiki Activity
moviewyrm/bookwyrm/templates/layout.html

236 lines
11 KiB
HTML
Raw Normal View History

Renames custom template tags file
2020-12-13 02:25:04 +00:00
{% load bookwyrm_tags %}
Adds test localization file
2021-02-27 23:00:19 +00:00
{% load i18n %}
Basic authentication views
2020-01-25 23:25:19 +00:00
<!DOCTYPE html>
Accessibility: add language to `lang` attr on `html` tag I only use the first subtag of the language string given by `get_language()`, because `get_language()` returns an all-lowercase string, and I don't know if it'll be considered valid by browsers.
2021-04-22 18:41:58 +00:00
<html lang="{% get_lang %}">
Basic authentication views
2020-01-25 23:25:19 +00:00
<head>
Switches layout to use in-template html header titles
2021-02-27 19:07:16 +00:00
<title>{% block title %}BookWyrm{% endblock %} | {{ site.name }}</title>
Basic authentication views
2020-01-25 23:25:19 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1">
[assets] Move some frontend assets to _vendor_ directories: This simplifies linting of files we have no grasp on, and clarifies responsibilities. - Add .eslintignore. - Restrict linting to bookwyrm/static.
2021-04-05 14:17:11 +00:00
<link rel="stylesheet" href="/static/css/vendor/bulma.min.css">
<link rel="stylesheet" href="/static/css/vendor/icons.css">
<link rel="stylesheet" href="/static/css/bookwyrm.css">
Basic authentication views
2020-01-25 23:25:19 +00:00
Use uploaded logos in templates
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 %}">
Basic authentication views
2020-01-25 23:25:19 +00:00
<meta name="twitter:card" content="summary">
Use uploaded logos in templates
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 }}">
Makes more about instance text customizable
2021-01-04 20:58:31 +00:00
<meta name="twitter:description" content="{{ site.instance_tagline }}">
<meta name="og:description" content="{{ site.instance_tagline }}">
Use uploaded logos in templates
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">
Basic authentication views
2020-01-25 23:25:19 +00:00
</head>
<body>
Set body height
2021-04-15 19:51:14 +00:00
<nav class="navbar" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<img class="image logo" src="{% if site.logo_small %}/images/{{ site.logo_small }}{% else %}/static/images/logo-small.png{% endif %}" alt="Home page">
</a>
<form class="navbar-item column" action="/search/">
<div class="field has-addons">
<div class="control">
<input aria-label="{% trans 'Search for a book or user' %}" id="search-input" class="input" type="text" name="q" placeholder="{% trans 'Search for a book or user' %}" value="{{ query }}">
</div>
<div class="control">
<button class="button" type="submit">
<span class="icon icon-search" title="{% trans 'Search' %}">
<span class="is-sr-only">{% trans "Search" %}</span>
</span>
</button>
</div>
Fix navbar on mobile, make search an addon In reading up on Bulma I found the has-addons option which is a nice touch, I think
2020-11-21 05:19:26 +00:00
</div>
Set body height
2021-04-15 19:51:14 +00:00
</form>
Switches to Bulma for layout
2020-09-28 21:47:53 +00:00
Set body height
2021-04-15 19:51:14 +00:00
<div role="button" tabindex="0" class="navbar-burger pulldown-menu" data-controls="main-nav" aria-expanded="false">
<div class="navbar-item mt-3">
<div class="icon icon-dots-three-vertical" title="{% trans 'Main navigation menu' %}">
<span class="is-sr-only">{% trans "Main navigation menu" %}</span>
</div>
Fixes mobile-only navbar menu
2020-11-10 00:53:52 +00:00
</div>
</div>
Fixes mobile menu dropdown
2021-01-18 04:31:37 +00:00
</div>
Switches to Bulma for layout
2020-09-28 21:47:53 +00:00
Set body height
2021-04-15 19:51:14 +00:00
<div class="navbar-menu" id="main-nav">
<div class="navbar-start">
{% if request.user.is_authenticated %}
<a href="{% url 'user-shelves' request.user.localname %}" class="navbar-item">
{% trans "Your books" %}
[profile] Various HTML fixes: - Wrap block level elements within block level elements, not inline. - Avoid empty blocks. - Change `<hr>` in lists into allowed type of children. - Fix duplicated ID (some change that was not propagated across the template?). - Make the anchor optional in the navbar (interactive elements (`a`, `input`, `button`…) should not appear into other interactive elements). - Remove redundant `role` on main navigation. - Make the modal a modal with `role="dialog". - Use `button` instead of form-less `label`.
2021-03-03 19:10:09 +00:00
</a>
Set body height
2021-04-15 19:51:14 +00:00
<a href="/#feed" class="navbar-item">
{% trans "Feed" %}
</a>
<a href="{% url 'lists' %}" class="navbar-item">
{% trans "Lists" %}
Use "tag" for notifications
2020-09-30 18:56:02 +00:00
</a>
Set body height
2021-04-15 19:51:14 +00:00
{% endif %}
Redesign (front page, login page)
2020-03-15 21:15:36 +00:00
</div>
Set body height
2021-04-15 19:51:14 +00:00
<div class="navbar-end">
{% if request.user.is_authenticated %}
<div class="navbar-item has-dropdown is-hoverable">
<a
href="{{ request.user.local_path }}"
class="navbar-link pulldown-menu"
role="button"
aria-expanded="false"
tabindex="0"
aria-haspopup="true"
aria-controls="navbar-dropdown"
>
{% include 'snippets/avatar.html' with user=request.user %}
<span class="ml-2">{{ request.user.display_name }}</span>
</a>
<ul class="navbar-dropdown" id="navbar-dropdown">
<li>
<a href="{% url 'direct-messages' %}" class="navbar-item">
{% trans "Direct Messages" %}
</a>
</li>
<li>
<a href="{% url 'directory' %}" class="navbar-item">
{% trans 'Directory' %}
</a>
</li>
<li>
Use reverse lookups for urls
2021-05-04 16:34:16 +00:00
<a href="{% url 'import' %}" class="navbar-item">
Set body height
2021-04-15 19:51:14 +00:00
{% trans 'Import Books' %}
</a>
</li>
<li>
Use reverse lookups for urls
2021-05-04 16:34:16 +00:00
<a href="{% url 'prefs-profile' %}" class="navbar-item">
Set body height
2021-04-15 19:51:14 +00:00
{% trans 'Settings' %}
</a>
</li>
{% if perms.bookwyrm.create_invites or perms.moderate_users %}
<li class="navbar-divider" role="presentation"></li>
{% endif %}
{% if perms.bookwyrm.create_invites %}
<li>
<a href="{% url 'settings-invite-requests' %}" class="navbar-item">
{% trans 'Invites' %}
</a>
</li>
{% endif %}
{% if perms.bookwyrm.moderate_users %}
<li>
<a href="{% url 'settings-users' %}" class="navbar-item">
{% trans 'Admin' %}
</a>
</li>
{% endif %}
<li class="navbar-divider" role="presentation"></li>
<li>
Use reverse lookups for urls
2021-05-04 16:34:16 +00:00
<a href="{% url 'logout' %}" class="navbar-item">
Set body height
2021-04-15 19:51:14 +00:00
{% trans 'Log out' %}
</a>
</li>
</ul>
</div>
<div class="navbar-item">
Use reverse lookups for urls
2021-05-04 16:34:16 +00:00
<a href="{% url 'notifications' %}" class="tags has-addons">
Set body height
2021-04-15 19:51:14 +00:00
<span class="tag is-medium">
<span class="icon icon-bell" title="{% trans 'Notifications' %}">
<span class="is-sr-only">{% trans "Notifications" %}</span>
</span>
</span>
Only make notification count red for mentions
2021-04-30 14:49:34 +00:00
<span
class="{% if not request.user.unread_notification_count %}is-hidden {% elif request.user.has_unread_mentions %}is-danger {% endif %}tag is-medium transition-x"
data-poll-wrapper
>
<span data-poll="notifications">{{ request.user.unread_notification_count }}</span>
Set body height
2021-04-15 19:51:14 +00:00
</span>
</a>
</div>
{% else %}
<div class="navbar-item">
{% if request.path != '/login' and request.path != '/login/' %}
<div class="columns">
<div class="column">
<form name="login" method="post" action="/login">
{% csrf_token %}
<div class="columns is-variable is-1">
<div class="column">
<label class="is-sr-only" for="id_localname">{% trans "Username:" %}</label>
<input type="text" name="localname" maxlength="150" class="input" required="" id="id_localname" placeholder="{% trans 'username' %}">
</div>
<div class="column">
<label class="is-sr-only" for="id_password">{% trans "Username:" %}</label>
<input type="password" name="password" maxlength="128" class="input" required="" id="id_password" placeholder="{% trans 'password' %}">
Use reverse lookups for urls
2021-05-04 16:34:16 +00:00
<p class="help"><a href="{% url 'password-reset' %}">{% trans "Forgot your password?" %}</a></p>
Set body height
2021-04-15 19:51:14 +00:00
</div>
<div class="column is-narrow">
<button class="button is-primary" type="submit">{% trans "Log in" %}</button>
</div>
Make login form wrap nicely on mobile Changing to columns from a grouped form item isn't my favorite, but I think it's okay, and it gets us better mobile behavior for free
2021-01-14 03:14:01 +00:00
</div>
Set body height
2021-04-15 19:51:14 +00:00
</form>
</div>
{% if site.allow_registration and request.path != '' and request.path != '/' %}
<div class="column is-narrow">
<a href="/" class="button is-link">
{% trans "Join" %}
</a>
</div>
{% endif %}
Discovery landing page
2021-01-03 19:10:04 +00:00
</div>
Hide join button when registration is closed
2021-01-03 23:41:20 +00:00
{% endif %}
Switches to Bulma for layout
2020-09-28 21:47:53 +00:00
</div>
Hide join button when registration is closed
2021-01-03 23:41:20 +00:00
{% endif %}
Basic authentication views
2020-01-25 23:25:19 +00:00
</div>
</div>
Switches to Bulma for layout
2020-09-28 21:47:53 +00:00
</div>
</nav>
Basic authentication views
2020-01-25 23:25:19 +00:00
Set body height
2021-04-15 19:51:14 +00:00
<div class="section is-flex-grow-1">
<div class="container">
{% block content %}
{% endblock %}
</div>
Basic authentication views
2020-01-25 23:25:19 +00:00
</div>
User container class in layout
2021-01-03 20:53:51 +00:00
<footer class="footer">
<div class="container">
<div class="columns">
Changes column spacing
2021-04-30 18:03:36 +00:00
<div class="column is-one-fifth">
User container class in layout
2021-01-03 20:53:51 +00:00
<p>
Use reverse lookups for urls
2021-05-04 16:34:16 +00:00
<a href="{% url 'about' %}">{% trans "About this server" %}</a>
User container class in layout
2021-01-03 20:53:51 +00:00
</p>
{% if site.admin_email %}
<p>
Quick first pass at tagging strings for localization
2021-02-27 22:22:39 +00:00
<a href="mailto:{{ site.admin_email }}">{% trans "Contact site admin" %}</a>
User container class in layout
2021-01-03 20:53:51 +00:00
</p>
{% endif %}
Changes column spacing
2021-04-30 18:03:36 +00:00
<p>
<a href="https://docs.joinbookwyrm.com/">{% trans "Documentation" %}</a>
</p>
</div>
<div class="column content is-two-fifth">
{% if site.support_link %}
<p>
<span class="icon icon-heart"></span>
{% blocktrans with site_name=site.name support_link=site.support_link support_title=site.support_title %}Support {{ site_name }} on <a href="{{ support_link }}" target="_blank">{{ support_title }}</a>{% endblocktrans %}
</p>
{% endif %}
<p>
{% trans 'BookWyrm is open source software. You can contribute or report issues on <a href="https://github.com/mouse-reeve/bookwyrm">GitHub</a>.' %}
</p>
User container class in layout
2021-01-03 20:53:51 +00:00
</div>
Free text field for the site footer
2021-04-30 17:42:27 +00:00
{% if site.footer_item %}
<div class="column">
<p>{{ site.footer_item|safe }}</p>
</div>
{% endif %}
Use context processor to include site settings in templates
2020-12-11 20:07:37 +00:00
</div>
</div>
User container class in layout
2021-01-03 20:53:51 +00:00
</footer>
Use context processor to include site settings in templates
2020-12-11 20:07:37 +00:00
Redesign (front page, login page)
2020-03-15 21:15:36 +00:00
<script>
Javascript boost/favorite button
2020-03-16 01:12:45 +00:00
var csrf_token = '{{ csrf_token }}';
Redesign (front page, login page)
2020-03-15 21:15:36 +00:00
</script>
[assets] Rename some files for consistency.
2021-04-05 14:16:48 +00:00
<script src="/static/js/bookwyrm.js"></script>
Move tabs javascript into separate file
2021-03-19 17:47:32 +00:00
{% block scripts %}{% endblock %}
Basic authentication views
2020-01-25 23:25:19 +00:00
</body>
</html>
Reference in a new issue Copy permalink