moviewyrm/bookwyrm/templates/about/about.html

143 lines
6.1 KiB
HTML
Raw Normal View History

2022-01-06 05:42:41 +00:00
{% extends 'about/layout.html' %}
2022-01-06 17:04:59 +00:00
{% load humanize %}
2022-01-06 05:42:41 +00:00
{% load i18n %}
{% load utilities %}
2022-01-18 20:28:59 +00:00
{% load landing_page_tags %}
2022-01-08 19:43:56 +00:00
{% load cache %}
2022-01-06 05:42:41 +00:00
{% block title %}
{% trans "About" %}
{% endblock %}
{% block about_content %}
2022-01-08 19:43:56 +00:00
{# seven day cache #}
{% cache 604800 about_page %}
2022-01-08 19:43:56 +00:00
{% get_book_superlatives as superlatives %}
2022-01-06 17:04:59 +00:00
<section class="content pb-4">
<h2>
{% blocktrans with site_name=site.name %}Welcome to {{ site_name }}!{% endblocktrans %}
</h2>
<p class="subtitle notification has-background-primary-highlight">
2022-01-06 05:42:41 +00:00
{% blocktrans trimmed with site_name=site.name %}
2022-01-06 17:04:59 +00:00
{{ site_name }} is part of <em>BookWyrm</em>, a network of independent, self-directed communities for readers.
2022-01-09 19:01:55 +00:00
While you can interact seamlessly with users anywhere in the <a href="https://joinbookwyrm.com/instances/" target="_blank">BookWyrm network</a>, this community is unique.
2022-01-06 05:42:41 +00:00
{% endblocktrans %}
</p>
<div class="columns">
{% if superlatives.top_rated %}
{% with book=superlatives.top_rated.default_edition rating=superlatives.top_rated.rating %}
2022-01-06 17:22:10 +00:00
<div class="column is-one-third is-flex">
2022-01-06 05:42:41 +00:00
<div class="media notification">
<div class="media-left">
2022-01-08 19:18:53 +00:00
<a href="{{ book.local_path }}">
{% include 'snippets/book_cover.html' with book=book cover_class='is-h-m' size='medium' aria='show' %}
2022-01-06 05:42:41 +00:00
</a>
</div>
<div class="media-content">
2022-01-08 19:18:53 +00:00
{% blocktrans trimmed with title=book|book_title book_path=book.local_path site_name=site.name rating=rating|floatformat:1 %}
2022-01-06 17:47:46 +00:00
<a href="{{ book_path }}"><em>{{ title }}</em></a> is {{ site_name }}'s most beloved book, with an average rating of {{ rating }} out of 5.
2022-01-06 05:42:41 +00:00
{% endblocktrans %}
</div>
</div>
</div>
2022-01-08 19:18:53 +00:00
{% endwith %}
2022-01-06 17:58:10 +00:00
{% endif %}
{% if superlatives.wanted %}
2022-01-08 19:43:56 +00:00
{% with book=superlatives.wanted.default_edition %}
2022-01-06 17:22:10 +00:00
<div class="column is-one-third is-flex">
2022-01-06 05:42:41 +00:00
<div class="media notification">
<div class="media-left">
2022-01-08 19:18:53 +00:00
<a href="{{ book.local_path }}">
{% include 'snippets/book_cover.html' with book=book cover_class='is-h-m' size='medium' aria='show' %}
2022-01-06 05:42:41 +00:00
</a>
</div>
<div class="media-content">
2022-01-08 19:18:53 +00:00
{% blocktrans trimmed with title=book|book_title book_path=book.local_path site_name=site.name %}
More {{ site_name }} users want to read <a href="{{ book_path }}"><em>{{ title }}</em></a> than any other book.
2022-01-06 05:42:41 +00:00
{% endblocktrans %}
</div>
</div>
</div>
2022-01-08 19:18:53 +00:00
{% endwith %}
2022-01-06 17:58:10 +00:00
{% endif %}
{% if superlatives.controversial %}
2022-01-08 19:43:56 +00:00
{% with book=superlatives.controversial.default_edition %}
2022-01-06 17:22:10 +00:00
<div class="column is-one-third is-flex">
2022-01-06 05:42:41 +00:00
<div class="media notification">
<div class="media-left">
2022-01-08 19:18:53 +00:00
<a href="{{ book.local_path }}">
{% include 'snippets/book_cover.html' with book=book cover_class='is-h-m' size='medium' aria='show' %}
2022-01-06 05:42:41 +00:00
</a>
</div>
<div class="media-content">
2022-01-08 19:18:53 +00:00
{% blocktrans trimmed with title=book|book_title book_path=book.local_path site_name=site.name %}
2022-01-06 17:47:46 +00:00
<a href="{{ book_path }}"><em>{{ title }}</em></a> has the most divisive ratings of any book on {{ site_name }}.
2022-01-06 05:42:41 +00:00
{% endblocktrans %}
</div>
</div>
</div>
2022-01-08 19:18:53 +00:00
{% endwith %}
2022-01-06 17:58:10 +00:00
{% endif %}
2022-01-06 05:42:41 +00:00
</div>
<p>
2022-01-06 17:04:59 +00:00
{% trans "Track your reading, talk about books, write reviews, and discover what to read next. Always ad-free, anti-corporate, and community-oriented, BookWyrm is human-scale software, designed to stay small and personal. If you have feature requests, bug reports, or grand dreams, <a href='https://joinbookwyrm.com/get-involved' target='_blank'>reach out</a> and make yourself heard." %}
2022-01-06 05:42:41 +00:00
</p>
</section>
<section class="block">
<header class="content">
<h2 class="title is-3">{% trans "Meet your admins" %}</h2>
<p>
2022-01-06 17:09:00 +00:00
{% url "conduct" as coc_path %}
2022-01-20 17:57:42 +00:00
{% blocktrans trimmed with site_name=site.name %}
2022-01-06 17:09:00 +00:00
{{ site_name }}'s moderators and administrators keep the site up and running, enforce the <a href="coc_path">code of conduct</a>, and respond when users report spam and bad behavior.
{% endblocktrans %}
2022-01-06 05:42:41 +00:00
</p>
</header>
2022-01-06 17:09:00 +00:00
2022-01-06 05:42:41 +00:00
<div class="columns is-multiline">
{% for user in admins %}
<div class="column">
<div class="card is-stretchable">
{% with role=user.groups.first.name %}
<div class="card-header {% if role == "moderator" %}has-background-info-highlight{% else %}has-background-success-highlight{% endif %}">
2022-01-06 05:42:41 +00:00
<span class="card-header-title is-size-7 pt-1 pb-1">
{% if role == "moderator" %}
{% trans "Moderator" %}
{% else %}
{% trans "Admin" %}
{% endif %}
</span>
</div>
{% endwith %}
<div class="cord-content p-5">
{% include 'user/user_preview.html' with user=user %}
</div>
{% if request.user.is_authenticated and user.id != request.user.id %}
<div class="has-background-tertiary card-footer">
2022-01-06 05:42:41 +00:00
<div class="card-footer-item">
{% include 'snippets/follow_button.html' with user=user minimal=True %}
</div>
<div class="card-footer-item">
<a href="{% url 'direct-messages-user' user|username %}">{% trans "Send direct message" %}</a>
</div>
</div>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</section>
2022-01-08 19:43:56 +00:00
{% endcache %}
2022-01-06 05:42:41 +00:00
{% endblock %}