octo/brutaldon
1
0
Fork 0
mirror of https://gitlab.com/brutaldon/brutaldon synced 2025-02-19 21:10:45 +01:00
Code Issues Projects Releases Wiki Activity

Remove all css classes and id in templates.

Browse Source 
imo brutal css addresses semantic html only, using classes
as a last resort.
This commit is contained in:
Dorian Wood 2024-04-18 15:57:42 -04:00
parent c240f37c81
commit 834324813b
45 changed files with 595 additions and 645 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
brutaldon/templates/about.html
View File

@ -7,10 +7,9 @@
<img src="{% static "/images/brutaldon.png" %}" <img src="{% static "/images/brutaldon.png" %}"
</div> </div>
<h1 class="title">Brutaldon</h1> <h1>Brutaldon</h1>
<h2 class="subtitle">a brutalist web interface for Mastodon</h2> <p>a brutalist web interface for Mastodon</p>
<section class="section"> <section>
<p> <p>
Brutaldon is a client for <a href="https://joinmastodon.org/">Mastodon</a>. You can use it to log in to any Mastodon instance from any browser, including text browsers such as lynx. Brutaldon is a client for <a href="https://joinmastodon.org/">Mastodon</a>. You can use it to log in to any Mastodon instance from any browser, including text browsers such as lynx.
</p> </p>

14
brutaldon/templates/accounts/account_partial.html
View File

@ -1,18 +1,18 @@
<article class="media box"> <article >
<figure class="media-left"> <figure >
<p class="image is-64x64"> <p >
<img src="{{ account.user.avatar_static }}" <img src="{{ account.user.avatar_static }}"
alt="{{ account.user.acct }}"> alt="{{ account.user.acct }}">
</p> </p>
</figure> </figure>
<div class="media-content"> <div >
<strong>{{ account.user.display_name }}</strong> ({{ account.user.username }}) <strong>{{ account.user.display_name }}</strong> ({{ account.user.username }})
</div> </div>
<div class="media-right"> <div >
<form method="POST" action="{% url "accounts" account.account_id %}"> <form method="POST" action="{% url "accounts" account.account_id %}">
{% csrf_token %} {% csrf_token %}
<button class="button" name="activate" value="1">Activate</button> <button name="activate" value="1">Activate</button>
<button class="button" name="forget" value="1">Forget</button> <button name="forget" value="1">Forget</button>
</form> </form>
</div> </div>
</article> </article>

4
brutaldon/templates/accounts/list.html
View File

@ -2,8 +2,8 @@
{% load widget_tweaks %} {% load widget_tweaks %}
{% block content %} {% block content %}
<div class="container"> <div >
<h1 class="title">Signed-in accounts</h1> <h1 >Signed-in accounts</h1>
{% if not accounts %} {% if not accounts %}
<p>No accounts.</p> <p>No accounts.</p>

114
brutaldon/templates/base.html
View File

@ -15,17 +15,27 @@
{% endif %} {% endif %}
{% endblock %}</title> {% endblock %}</title>
<link rel="manifest" href="{% static 'manifest.webmanifest' %}"> <link rel="manifest" href="{% static 'manifest.webmanifest' %}">
{% if not preferences %} {% if own_acct %}
<link rel="stylesheet" <link rel="icon" href="{{ own_acct.avatar_static }}">
href="{% static 'css/bulma.min.css' %}"> {% else %}
<link rel="stylesheet" <link rel="icon" href="{% static "images/brutaldon.png" %}" type="image/png">
href="{% static 'css/fork-awesome.min.css' %}"> {% endif %}
<link rel="stylesheet"
href="{% static 'css/bulma-badge.min.css' %}"> <meta name="twitter:card" content="summary">
<link rel="stylesheet" <meta property="og:type" content="website">
href="{% static 'css/bulma-tooltip.min.css' %}"> <meta name="twitter:url" property="og:url" content="{% url "about" %}">
<meta name="twitter:title" property="og:title" content="Brutaldon">
<meta name="twitter:image" property="og:image"
content="{% static "images/brutaldon.png" %}">
<meta name="twitter:description" property="og:description"
content="A brutalist, web-1.0 web client for Mastodon and Pleroma. Supports text-only browsers like Lynx, older browsers, as well as the latest mainstream browsers. All JavaScript is completely optional and progressively enhances the core application.">
<!-- Minified version -->
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
{% if not preferences %}
<link rel="stylesheet" <link rel="stylesheet"
href="{% static 'css/magnific-popup.css' %}"> href="{% static 'css/magnific-popup.css' %}">
<link rel="stylesheet"
href="{% static 'css/simple.css' %}">
<link rel="stylesheet" href="{% static "css/brutaldon.css" %}"> <link rel="stylesheet" href="{% static "css/brutaldon.css" %}">
{% else %} {% else %}
<link rel="stylesheet" <link rel="stylesheet"
@ -34,12 +44,6 @@
<link rel="stylesheet" <link rel="stylesheet"
href="{% static 'css/magnific-popup.css' %}"> href="{% static 'css/magnific-popup.css' %}">
{% if not preferences.theme.is_brutalist %} {% if not preferences.theme.is_brutalist %}
<link rel="stylesheet"
href="{% static 'css/fork-awesome.min.css' %}">
<link rel="stylesheet"
href="{% static 'css/bulma-badge.min.css' %}">
<link rel="stylesheet"
href="{% static 'css/bulma-tooltip.min.css' %}">
{% endif %} {% endif %}
{% if not preferences.no_javascript %} {% if not preferences.no_javascript %}
<script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script>
@ -52,21 +56,6 @@
{% endblock %} {% endblock %}
{% endif %} {% endif %}
{% endif %} {% endif %}
{% if own_acct %}
<link rel="icon" href="{{ own_acct.avatar_static }}">
{% else %}
<link rel="icon" href="{% static "images/brutaldon.png" %}" type="image/png">
{% endif %}
<meta name="twitter:card" content="summary">
<meta property="og:type" content="website">
<meta name="twitter:site" content="@jfmcbrayer">
<meta name="twitter:url" property="og:url" content="{% url "about" %}">
<meta name="twitter:title" property="og:title" content="Brutaldon">
<meta name="twitter:image" property="og:image"
content="{% static "images/brutaldon.png" %}">
<meta name="twitter:description" property="og:description"
content="A brutalist, web-1.0 web client for Mastodon and Pleroma. Supports text-only browsers like Lynx, older browsers, as well as the latest mainstream browsers. All JavaScript is completely optional and progressively enhances the core application.">
@ -76,29 +65,28 @@
<div id="page-load-indicator"></div> <div id="page-load-indicator"></div>
<div id="new-toot-modal" class="modal"></div> <div id="new-toot-modal" class="modal"></div>
{% block navbar %} {% block navbar %}
<nav class="navbar is-primary" role="navigation" <nav role="navigation"
aria-label="main navigation" id="main-nav-bar"> aria-label="main navigation">
<div class="navbar-brand"> <div>
<a class="navbar-item" href="{% url "home" %}"> <a href="{% url "home" %}">
{% if own_acct %} {% if own_acct %}
<img src="{{ own_acct.avatar_static }}" <img src="{{ own_acct.avatar_static }}"
class="image is-32x32 avatar"
alt="Brutaldon ('{{ own_acct.username }}')"> alt="Brutaldon ('{{ own_acct.username }}')">
{% else %} {% else %}
<img loading="lazy" src="{% static "images/brutaldon.png" %}" <img loading="lazy" src="{% static "images/brutaldon.png" %}"
class="image is-32x32" alt="Brutaldon"> alt="Brutaldon">
{% endif %} {% endif %}
</a> </a>
</div> </div>
{% if request.session.active_instance and request.session.active_username %} {% if request.session.active_instance and request.session.active_username %}
<div class="navbar-menu is-active" id="navMenu"> <div>
<!-- navbar start, navbar end --> <!-- navbar start, navbar end -->
<div class="navbar-start"> <div>
<a href="{% url "home" %}" class="navbar-item"> <a href="{% url "home" %}">
<span class="fa fa-home"></span> <span class="fa fa-home"></span>
<span>Home</span> <span>Home</span>
</a> </a>
<a class="navbar-item" href="{% url "note" %}"> <a href="{% url "note" %}">
<span class="fa fa-bell"></span> <span class="fa fa-bell"></span>
{% if preferences.notifications and not preferences.theme.is_brutalist %} {% if preferences.notifications and not preferences.theme.is_brutalist %}
<span ic-src="{% url 'notes_count' %}" <span ic-src="{% url 'notes_count' %}"
@ -113,45 +101,36 @@
Notifications</span> Notifications</span>
</span> </span>
{% elif notifications and preferences.notifications %} {% elif notifications and preferences.notifications %}
<span ic-src="{% url 'notes_count' %}" <span
ic-poll="{{ preferences.poll_frequency }}s"
ic-target="this"
ic-select-from-response="#notes-count">
<span >Notifications ({{ notifications }})</span> <span >Notifications ({{ notifications }})</span>
</span> </span>
{% else %} {% else %}
<span >Notifications</span> <span >Notifications</span>
{% endif %} {% endif %}
</a> </a>
<a class="navbar-item" href="{% url "local" %}"> <a href="{% url "local" %}">
<span class="fa fa-community"></span> <span class="fa fa-community"></span>
<span >Local</span> <span >Local</span>
</a> </a>
<a class="navbar-item" href="{% url "fed" %}"> <a href="{% url "fed" %}">
<span class="fa fa-globe"></span> <span class="fa fa-globe"></span>
<span >Federated</span> <span >Federated</span>
</a> </a>
<a class="navbar-item" href="{% url "toot" %}" <a href="{% url "toot" %}"
ic-get-from="{% url "toot" %}"
ic-target="#new-toot-modal"
ic-on-complete="$('#new-toot-modal').toggleClass('is-active');">
<span class="fa fa-edit"> </span> <span class="fa fa-edit"> </span>
<span >New Toot</span> <span >New Toot</span>
</a> </a>
<a class="navbar-item" href="{% url "search" %}" <a href="{% url "search" %}"
ic-get-from="{% url "search" %}"
ic-target="#new-toot-modal"
ic-on-complete="$('#new-toot-modal').toggleClass('is-active');">
<span class="fa fa-search"> </span> <span class="fa fa-search"> </span>
<span >Search</span> <span >Search</span>
</a> </a>
</div> </div>
<div class="navbar-end" > <div>
<a class="navbar-item" href="{% url "settings" %}"> <a href="{% url "settings" %}">
<span class="fa fa-gear"></span> <span class="fa fa-gear"></span>
<span >Settings</span> <span >Settings</span>
</a> </a>
<a class="navbar-item" href="{% url "accounts" %}"> <a href="{% url "accounts" %}">
<span class="fa fa-id-card-o"> </span> <span class="fa fa-id-card-o"> </span>
<span >Accounts</span> <span >Accounts</span>
</a> </a>
@ -161,7 +140,7 @@
</nav> </nav>
{% endblock %} {% endblock %}
<main id="main" class="section"> <main>
<div class="container"> <div class="container">
{% block content %} {% block content %}
<h1 class="title"> <h1 class="title">
@ -174,18 +153,18 @@
</div> </div>
</main> </main>
<footer class="footer"> <footer>
<div class="level"> <div>
<div class="level-left"> <div>
<a class="level-item is-size-7" href="{% url "about" %}"> <a href="{% url "about" %}">
About About
</a> </a>
<a class="level-item is-size-7" href="https://gitlab.com/brutaldon/brutaldon"> <a href="https://gitlab.com/brutaldon/brutaldon">
Source Source
</a> </a>
<span class="level-item is-size-7" >Bookmarklet: <a href="{{ bookmarklet_url }}">Share via brutaldon</a></span> <span>Bookmarklet: <a href="{{ bookmarklet_url }}">Share via brutaldon</a></span>
</div> </div>
<div class="level-right"> <div>
{% if preferences.theme.is_brutalist %} {% if preferences.theme.is_brutalist %}
<noscript class="loading-lazy"> <noscript class="loading-lazy">
<img loading="lazy" class="level-item" src="{% static '/images/lynx.gif' %}" <img loading="lazy" class="level-item" src="{% static '/images/lynx.gif' %}"
@ -194,14 +173,13 @@
alt="Netscape Now!"> alt="Netscape Now!">
</noscript> </noscript>
{% endif %} {% endif %}
<a class="level-item is-size-7" href="{% url "privacy" %}"> <a href="{% url "privacy" %}">
Privacy Privacy
</a> </a>
</div> </div>
</div> </div>
</footer> </footer>
{% if not preferences.no_javascript %}
{% if not preferences.no_javascript %}
<script type="application/javascript"> <script type="application/javascript">
$(document).ready(function () { $(document).ready(function () {

48
brutaldon/templates/filters/create.html
View File

@ -3,8 +3,8 @@
{% block content %} {% block content %}
<div class="container"> <div >
<h1 class="title">Create Filter</h1> <h1 >Create Filter</h1>
<form method="post" id="create-filter-form" action="{% url "create_filter" %}"> <form method="post" id="create-filter-form" action="{% url "create_filter" %}">
{% csrf_token %} {% csrf_token %}
@ -13,62 +13,62 @@
{{ form.non_field_errors }} {{ form.non_field_errors }}
</div> </div>
<div class="field"> <div >
<label class="label"> {{ form.phrase.label }}</label> <label > {{ form.phrase.label }}</label>
<div class="control"> <div >
{% render_field form.phrase class+="input" %} {% render_field form.phrase class+="input" %}
</div> </div>
</div> </div>
<div class="columns"> <div >
<div class="column field"> <div >
<label class="label checkbox"> <label >
{{ form.context_home.label }} {{ form.context_home.label }}
{% render_field form.context_home %} {% render_field form.context_home %}
</label> </label>
</div> </div>
<div class="column field"> <div >
<label class="label checkbox"> <label >
{{ form.context_public.label }} {{ form.context_public.label }}
{% render_field form.context_public %} {% render_field form.context_public %}
</label> </label>
</div> </div>
<div class="column field"> <div >
<label class="label checkbox"> <label >
{{ form.context_notes.label }} {{ form.context_notes.label }}
{% render_field form.context_notes %} {% render_field form.context_notes %}
</label> </label>
</div> </div>
<div class="column field"> <div >
<label class="label checkbox"> <label >
{{ form.context_thread.label }} {{ form.context_thread.label }}
{% render_field form.context_thread %} {% render_field form.context_thread %}
</label> </label>
</div> </div>
</div> </div>
<div class="field"> <div >
<label class="label checkbox"> <label >
{{ form.whole_word.label }} {{ form.whole_word.label }}
{% render_field form.whole_word %} {% render_field form.whole_word %}
</label> </label>
</div> </div>
<div class="field"> <div >
<label class="label" for="expires_in">{{ form.expires_in.label }}</label> <label for="expires_in">{{ form.expires_in.label }}</label>
<div class="control has-icons-left"> <div >
<div class="select"> <div >
{% render_field form.expires_in class+="select" %} {% render_field form.expires_in class+="select" %}
<span class="icon is-small is-left"> <span >
<span class="fa fa-clock-o"></span> <span ></span>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
<div class="field"> <div >
<input type="submit" name="submit" value="Save" <input type="submit" name="submit" value="Save"
class="button is-primary"> >
</div> </div>
</form> </form>

26
brutaldon/templates/filters/delete.html
View File

@ -2,26 +2,26 @@
{% load widget_tweaks %} {% load widget_tweaks %}
{% block content %} {% block content %}
<h1 class="title">Delete that filter?</h1> <h1 >Delete that filter?</h1>
<div class="container"> <div >
<p class="label">Phrase: {{ filter.phrase }}</p> <p >Phrase: {{ filter.phrase }}</p>
<p class="label">Context: {{ filter.context|join:", " }}</p> <p >Context: {{ filter.context|join:", " }}</p>
<p class="label">Whole word? {{ filter.whole_word }}</p> <p >Whole word? {{ filter.whole_word }}</p>
</div> </div>
<div class="container"> <div >
<form method="POST" action="{% url "delete_filter" filter.id %}"> <form method="POST" action="{% url "delete_filter" filter.id %}">
{% csrf_token %} {% csrf_token %}
<div class="level is-mobile"> <div >
<div class="level-left"> <div >
<div class="level-item"> <div >
<input class="button" type="submit" name="cancel" value="Cancel"> <input type="submit" name="cancel" value="Cancel">
</div> </div>
</div> </div>
<div class="level-right"> <div >
<div class="level-item"> <div >
<input class="button is-primary" type="submit" name="delete" <input type="submit" name="delete"
value="Delete"> value="Delete">
</div> </div>
</div> </div>

48
brutaldon/templates/filters/edit.html
View File

@ -3,8 +3,8 @@
{% block content %} {% block content %}
<div class="container"> <div >
<h1 class="title">Edit Filter</h1> <h1 >Edit Filter</h1>
<form method="post" id="edit-filter-form" <form method="post" id="edit-filter-form"
action="{% url "edit_filter" filter.id %}"> action="{% url "edit_filter" filter.id %}">
@ -14,62 +14,62 @@
{{ form.non_field_errors }} {{ form.non_field_errors }}
</div> </div>
<div class="field"> <div >
<label class="label"> {{ form.phrase.label }}</label> <label > {{ form.phrase.label }}</label>
<div class="control"> <div >
{% render_field form.phrase class+="input" %} {% render_field form.phrase class+="input" %}
</div> </div>
</div> </div>
<div class="columns"> <div >
<div class="column field"> <div >
<label class="label checkbox"> <label >
{{ form.context_home.label }} {{ form.context_home.label }}
{% render_field form.context_home %} {% render_field form.context_home %}
</label> </label>
</div> </div>
<div class="column field"> <div >
<label class="label checkbox"> <label >
{{ form.context_public.label }} {{ form.context_public.label }}
{% render_field form.context_public %} {% render_field form.context_public %}
</label> </label>
</div> </div>
<div class="column field"> <div >
<label class="label checkbox"> <label >
{{ form.context_notes.label }} {{ form.context_notes.label }}
{% render_field form.context_notes %} {% render_field form.context_notes %}
</label> </label>
</div> </div>
<div class="column field"> <div >
<label class="label checkbox"> <label >
{{ form.context_thread.label }} {{ form.context_thread.label }}
{% render_field form.context_thread %} {% render_field form.context_thread %}
</label> </label>
</div> </div>
</div> </div>
<div class="field"> <div >
<label class="label checkbox"> <label >
{{ form.whole_word.label }} {{ form.whole_word.label }}
{% render_field form.whole_word %} {% render_field form.whole_word %}
</label> </label>
</div> </div>
<div class="field"> <div >
<label class="label" for="expires_in">{{ form.expires_in.label }}</label> <label for="expires_in">{{ form.expires_in.label }}</label>
<div class="control has-icons-left"> <div >
<div class="select"> <div >
{% render_field form.expires_in class+="select" %} {% render_field form.expires_in class+="select" %}
<span class="icon is-small is-left"> <span >
<span class="fa fa-clock-o"></span> <span ></span>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
<div class="field"> <div >
<input type="submit" name="submit" value="Save" <input type="submit" name="submit" value="Save"
class="button is-primary"> >
</div> </div>
</form> </form>

15
brutaldon/templates/filters/list.html
View File

@ -2,17 +2,17 @@
{% load widget_tweaks %} {% load widget_tweaks %}
{% block content %} {% block content %}
<div class="container"> <div >
<h1 class="title">Filters</h1> <h1 >Filters</h1>
<table class="table"> <table >
<thead> <thead>
<tr> <tr>
<th>Phrase</th> <th>Phrase</th>
<th>Filter contexts</th> <th>Filter contexts</th>
<th></th> <th></th>
<th></th> <th></th>
<th class="empty-cell"></th> <th ></th>
</thead> </thead>
<tbody> <tbody>
{% for filter in filters %} {% for filter in filters %}
@ -36,12 +36,11 @@
ic-confirm="Really delete that filter?" ic-confirm="Really delete that filter?"
ic-success-action="fadeOut;remove" ic-success-action="fadeOut;remove"
ic-action-target="#filter-{{ filter.id }}"> ic-action-target="#filter-{{ filter.id }}">
<span class="fa fa-times"></span> <span ></span>
Delete filter Delete filter
</td> </td>
<td class="empty-cell"> <td >
<i id="filter-spinner-{{filter.id}}" <i id="filter-spinner-{{filter.id}}"
class="fa fa-spinner fa-spin"
style="display:none"></i> style="display:none"></i>
</td> </td>
</tr> </tr>
@ -50,7 +49,7 @@
</table> </table>
<p> <p>
<a class="button is-primary" href="{% url "create_filter" %}"> <a href="{% url "create_filter" %}">
Create filter Create filter
</a> </a>
</div> </div>

8
brutaldon/templates/intercooler/block.html
View File

@ -1,15 +1,15 @@
{% if not relationship.blocking %} {% if not relationship.blocking %}
<a class="level-item fa fa-ban" title="block" <a title="block"
href="{% url 'block' user.id %}" href="{% url 'block' user.id %}"
ic-post-to="{% url 'block' user.id %}" ic-post-to="{% url 'block' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true"> ic-indicator="#user-spinner" ic-replace-target="true">
<span class="is-hidden">Block</span> <span >Block</span>
</a> </a>
{% else %} {% else %}
<a class="level-item fa fa-circle-o" title="unblock" <a title="unblock"
href="{% url 'block' user.id %}" href="{% url 'block' user.id %}"
ic-post-to="{% url 'block' user.id %}" ic-post-to="{% url 'block' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true"> ic-indicator="#user-spinner" ic-replace-target="true">
<span class="is-hidden">Unblock</span> <span >Unblock</span>
</a> </a>
{% endif %} {% endif %}

8
brutaldon/templates/intercooler/boost.html
View File

@ -1,10 +1,10 @@
{% if toot.visibility != 'private' and toot.visibility != 'direct' %} {% if toot.visibility != 'private' and toot.visibility != 'direct' %}
{% if toot.reblogged %} {% if toot.reblogged %}
<span class="fa fa-retweet has-text-warning"> <span >
<strong class="is-hidden-mobile" >Boosted</strong> <strong >Boosted</strong>
{% else %} {% else %}
<span class="fa fa-retweet" > <span >
<span class="is-hidden-mobile" >Boost</span> <span >Boost</span>
{% endif %} {% endif %}
</span> </span>
</span> </span>

8
brutaldon/templates/intercooler/fav.html
View File

@ -1,9 +1,9 @@
{% if toot.favourited %} {% if toot.favourited %}
<span class="fa fa-heart has-text-warning"> <span >
<strong class="is-hidden-mobile" >Favorited</strong> <strong >Favorited</strong>
{% else %} {% else %}
<span class="fa fa-heart"> <span >
<span class="is-hidden-mobile" >Favorite</span> <span >Favorite</span>
{% endif %} {% endif %}
</span> </span>
</span> </span>

12
brutaldon/templates/intercooler/follow.html
View File

@ -1,22 +1,22 @@
{% if relationship.requested %} {% if relationship.requested %}
<a class="level-item fa fa-hourglass" title="cancel request" <a title="cancel request"
href="{% url 'follow' user.id %}" href="{% url 'follow' user.id %}"
ic-post-to="{% url 'follow' user.id %}" ic-post-to="{% url 'follow' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true"> ic-indicator="#user-spinner" ic-replace-target="true">
<span class="is-hidden">Cancel request</span> <span >Cancel request</span>
</a> </a>
{% elif not relationship.following %} {% elif not relationship.following %}
<a class="level-item fa fa-user-plus" title="follow" <a title="follow"
href="{% url 'follow' user.id %}" href="{% url 'follow' user.id %}"
ic-post-to="{% url 'follow' user.id %}" ic-post-to="{% url 'follow' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true"> ic-indicator="#user-spinner" ic-replace-target="true">
<span class="is-hidden">Follow</span> <span >Follow</span>
</a> </a>
{% else %} {% else %}
<a class="level-item fa fa-user-times" title="unfollow" <a title="unfollow"
href="{% url 'follow' user.id %}" href="{% url 'follow' user.id %}"
ic-post-to="{% url 'follow' user.id %}" ic-post-to="{% url 'follow' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true"> ic-indicator="#user-spinner" ic-replace-target="true">
<span class="is-hidden">Unfollow</span> <span >Unfollow</span>
</a> </a>
{% endif %} {% endif %}

6
brutaldon/templates/intercooler/mute.html
View File

@ -1,15 +1,15 @@
{% if not relationship.muting %} {% if not relationship.muting %}
<a class="level-item fa fa-volume-off" title="mute" <a title="mute"
href="{% url 'mute' user.id %}" href="{% url 'mute' user.id %}"
ic-post-to="{% url 'mute' user.id %}" ic-post-to="{% url 'mute' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true"> ic-indicator="#user-spinner" ic-replace-target="true">
<span class="is-hidden">Mute</span> <span class="is-hidden">Mute</span>
</a> </a>
{% else %} {% else %}
<a class="level-item fa fa-volume-up" title="unmute" <a title="unmute"
href="{% url 'mute' user.id %}" href="{% url 'mute' user.id %}"
ic-post-to="{% url 'mute' user.id %}" ic-post-to="{% url 'mute' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true"> ic-indicator="#user-spinner" ic-replace-target="true">
<span class="is-hidden">Unmute</span> <span >Unmute</span>
</a> </a>
{% endif %} {% endif %}

8
brutaldon/templates/intercooler/post.html
View File

@ -1,10 +1,10 @@
<div class="modal-background" ></div> <div ></div>
<div class="modal-content"> <div >
<div class="box"> <div >
{% include "main/post_partial.html" %} {% include "main/post_partial.html" %}
</div> </div>
</div> </div>
<button id="toot-modal-close" class="modal-close is-large" aria-label="close"></button> <button aria-label="close"></button>
<script type="application/javascript"> <script type="application/javascript">
$("#toot-modal-close").on("click", function () { $("#new-toot-modal").toggleClass("is-active"); }); $("#toot-modal-close").on("click", function () { $("#new-toot-modal").toggleClass("is-active"); });

26
brutaldon/templates/intercooler/search.html
View File

@ -1,10 +1,10 @@
<div class="modal-background" ></div> <div ></div>
<div class="modal-content"> <div >
<div class="box"> <div >
<h1 class="title">Search</h1> <h1 >Search</h1>
<div class="notification"> <div >
<div> <div>
You can search for tags, users, or for specific toots by URL. You may You can search for tags, users, or for specific toots by URL. You may
also be able to full-text search for toots you have previously also be able to full-text search for toots you have previously
@ -12,23 +12,23 @@
</div> </div>
</div> </div>
<form method="get" action="{% url "search_results" %}"> <form method="get" action="{% url "search_results" %}">
<div class="field"> <div >
<label class="label">{{ form.instance.label }}</label> <label >{{ form.instance.label }}</label>
<div class="control has-icons-left"> <div >
<input type="search" name="q" id="q" class="input"> <input type="search" name="q" id="q" class="input">
<span class="icon is-small is-left"> <span >
<i class="fa fa-search"></i> <i ></i>
</span> </span>
</div> </div>
</div> </div>
<div class="field"> <div >
<input type="submit" value="Search" class="button is-primary" > <input type="submit" value="Search" >
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<button id="toot-modal-close" class="modal-close is-large" aria-label="close"></button> <button aria-label="close"></button>
<script type="application/javascript"> <script type="application/javascript">
$("#toot-modal-close").on("click", function () { $("#new-toot-modal").toggleClass("is-active"); }); $("#toot-modal-close").on("click", function () { $("#new-toot-modal").toggleClass("is-active"); });

2
brutaldon/templates/intercooler/users.html
View File

@ -1,2 +1,2 @@
<div class="tooltip is-tooltip-active is-tooltip-multiline is-tooltip-bottom" <div
data-tooltip="{{ users }}"></div> data-tooltip="{{ users }}"></div>

28
brutaldon/templates/main/block.html
View File

@ -6,22 +6,22 @@
{% block content %} {% block content %}
{% if relationship.blocking %} {% if relationship.blocking %}
<h1 class="title">Unblock this user?</h1> <h1>Unblock this user?</h1>
{% else %} {% else %}
<h1 class="title">Block this user?</h1> <h1>Block this user?</h1>
{% endif %} {% endif %}
<article class="media user-info"> <article>
<figure class="media-left"> <figure>
<p class="image is-64x64"> <p>
<a href="{% url "user" user.acct %}"> <a href="{% url "user" user.acct %}">
<img src="{{ user.avatar }}" <img src="{{ user.avatar }}"
alt=""> alt="">
</a> </a>
</p> </p>
</figure> </figure>
<div class="media-content"> <div>
<div class="content"> <div>
<p> <p>
<strong>{{ user.display_name }}</strong> <strong>{{ user.display_name }}</strong>
<small> <small>
@ -40,15 +40,15 @@
<form method="POST" action="{% url 'block' user.id %}"> <form method="POST" action="{% url 'block' user.id %}">
{% csrf_token %} {% csrf_token %}
<div class="level is-mobile"> <div>
<div class="level-left"> <div>
<div class="level-item"> <div>
<input class="button" type="submit" name="cancel" value="Cancel"> <input type="submit" name="cancel" value="Cancel">
</div> </div>
</div> </div>
<div class="level-right"> <div>
<div class="level-item"> <div>
<input class="button is-primary" type="submit" name="block" <input type="submit" name="block"
value="Confirm"> value="Confirm">
</div> </div>
</div> </div>

20
brutaldon/templates/main/boost.html
View File

@ -4,27 +4,27 @@
{% block content %} {% block content %}
{% if toot.reblogged %} {% if toot.reblogged %}
<h1 class="title">Unboost that toot?</h1> <h1>Unboost that toot?</h1>
{% else %} {% else %}
<h1 class="title" >Boost that toot?</h1> <h1>Boost that toot?</h1>
{% endif %} {% endif %}
{% include "main/toot_partial.html" with toot=toot %} {% include "main/toot_partial.html" with toot=toot %}
<form method="POST" action="{% url "boost" toot.id %}"> <form method="POST" action="{% url "boost" toot.id %}">
{% csrf_token %} {% csrf_token %}
<div class="level is-mobile"> <div>
<div class="level-left"> <div>
<div class="level-item"> <div>
<input class="button" type="submit" name="cancel" value="Cancel"> <input type="submit" name="cancel" value="Cancel">
</div> </div>
</div> </div>
<div class="level-right"> <div>
<div class="level-item"> <div>
{% if toot.reblogged %} {% if toot.reblogged %}
<input class="button is-primary" type="submit" name="boost" <input type="submit" name="boost"
value="Unboost"> value="Unboost">
{% else %} {% else %}
<input class="button is-primary" type="submit" name="boost" <input type="submit" name="boost"
value="Boost"> value="Boost">
{% endif %} {% endif %}
</div> </div>

14
brutaldon/templates/main/delete.html
View File

@ -3,20 +3,20 @@
{% block title %} Brutaldon - confirm delete {% endblock %} {% block title %} Brutaldon - confirm delete {% endblock %}
{% block content %} {% block content %}
<h1 class="title">Delete that toot?</h1> <h1>Delete that toot?</h1>
{% include "main/toot_partial.html" with toot=toot %} {% include "main/toot_partial.html" with toot=toot %}
<form method="POST" action="{% url "delete" toot.id %}"> <form method="POST" action="{% url "delete" toot.id %}">
{% csrf_token %} {% csrf_token %}
<div class="level is-mobile"> <div>
<div class="level-left"> <div>
<div class="level-item"> <div>
<input class="button" type="submit" name="cancel" value="Cancel"> <input class="button" type="submit" name="cancel" value="Cancel">
</div> </div>
</div> </div>
<div class="level-right"> <div>
<div class="level-item"> <div>
<input class="button is-primary" type="submit" name="delete" <input type="submit" name="delete"
value="Delete"> value="Delete">
</div> </div>
</div> </div>

14
brutaldon/templates/main/emoji.html
View File

@ -4,20 +4,20 @@
{% block content %} {% block content %}
<section> <section>
<h1 class="title">Custom emoji reference</h1> <h1>Custom emoji reference</h1>
<p class="subtitle"> <p>
Copy shortcodes from the list below to use your instance's custom emoji. Copy shortcodes from the list below to use your instance's custom emoji.
</p> </p>
</section> </section>
<hr> <hr>
<section> <section>
<div class="columns is-9 is-variable is-centered is-multiline"> <div>
{% for emojo in emojos %} {% for emojo in emojos %}
<div class="column is-one-fifth"> <div>
<p class="level emoji-box"> <p>
<img alt="" class="level-item emoji" src="{{ emojo.url }}"> <img alt="" src="{{ emojo.url }}">
<span class="level-item">:{{ emojo.shortcode }}:</span> <span>:{{ emojo.shortcode }}:</span>
</p> </p>
</div> </div>
{% endfor %} {% endfor %}

20
brutaldon/templates/main/fav.html
View File

@ -4,27 +4,27 @@
{% block content %} {% block content %}
{% if toot.favourited %} {% if toot.favourited %}
<h1 class="title">Unfav that toot?</h1> <h1>Unfav that toot?</h1>
{% else %} {% else %}
<h1 class="title" >Fav that toot?</h1> <h1 >Fav that toot?</h1>
{% endif %} {% endif %}
{% include "main/toot_partial.html" with toot=toot %} {% include "main/toot_partial.html" with toot=toot %}
<form method="POST" action="{% url "fav" toot.id %}"> <form method="POST" action="{% url "fav" toot.id %}">
{% csrf_token %} {% csrf_token %}
<div class="level is-mobile"> <div>
<div class="level-left"> <div>
<div class="level-item"> <div>
<input class="button" type="submit" name="cancel" value="Cancel"> <input type="submit" name="cancel" value="Cancel">
</div> </div>
</div> </div>
<div class="level-right"> <div>
<div class="level-item"> <div>
{% if toot.favorited %} {% if toot.favorited %}
<input class="button is-primary" type="submit" name="fav" <input type="submit" name="fav"
value="Unfavorite"> value="Unfavorite">
{% else %} {% else %}
<input class="button is-primary" type="submit" name="fav" <input type="submit" name="fav"
value="Favorite"> value="Favorite">
{% endif %} {% endif %}
</div> </div>

30
brutaldon/templates/main/follow.html
View File

@ -6,24 +6,24 @@
{% block content %} {% block content %}
{% if relationship.requested %} {% if relationship.requested %}
<h1 class="title">Cancel follow request?</h1> <h1 >Cancel follow request?</h1>
{% elif relationship.following %} {% elif relationship.following %}
<h1 class="title">Unfollow this user?</h1> <h1 >Unfollow this user?</h1>
{% else %} {% else %}
<h1 class="title">Follow this user?</h1> <h1 >Follow this user?</h1>
{% endif %} {% endif %}
<article class="media user-info"> <article>
<figure class="media-left"> <figure>
<p class="image is-64x64"> <p>
<a href="{% url "user" user.acct %}"> <a href="{% url "user" user.acct %}">
<img src="{{ user.avatar }}" <img src="{{ user.avatar }}"
alt=""> alt="">
</a> </a>
</p> </p>
</figure> </figure>
<div class="media-content"> <div>
<div class="content"> <div>
<p> <p>
<strong>{{ user.display_name }}</strong> <strong>{{ user.display_name }}</strong>
<small> <small>
@ -42,15 +42,15 @@
<form method="POST" action="{% url 'follow' user.id %}"> <form method="POST" action="{% url 'follow' user.id %}">
{% csrf_token %} {% csrf_token %}
<div class="level is-mobile"> <div>
<div class="level-left"> <div>
<div class="level-item"> <div>
<input class="button" type="submit" name="cancel" value="Cancel"> <input type="submit" name="cancel" value="Cancel">
</div> </div>
</div> </div>
<div class="level-right"> <div>
<div class="level-item"> <div>
<input class="button is-primary" type="submit" name="follow" <input type="submit" name="follow"
value="Confirm"> value="Confirm">
</div> </div>
</div> </div>

6
brutaldon/templates/main/local_timeline.html
View File

@ -1,12 +1,12 @@
{% extends "main/timeline.html" %} {% extends "main/timeline.html" %}
{% block pagination %} {% block pagination %}
<nav class="pagination is-centered" role="navigation" aria-label="pagination"> <nav role="navigation" aria-label="pagination">
{% if prev %} {% if prev %}
<a class="pagination-next" rel="next" href="{% url 'local_prev' prev.min_id %}">Newer</a> <a rel="next" href="{% url 'local_prev' prev.min_id %}">Newer</a>
{% endif %} {% endif %}
{% if next %} {% if next %}
<a class="pagination-previous" rel="prev" href="{% url 'local_next' next.max_id %}">Older</a> <a rel="prev" href="{% url 'local_next' next.max_id %}">Older</a>
{% endif %} {% endif %}
</nav> </nav>
{% endblock %} {% endblock %}

28
brutaldon/templates/main/mute.html
View File

@ -6,22 +6,22 @@
{% block content %} {% block content %}
{% if relationship.muting %} {% if relationship.muting %}
<h1 class="title">Unmute this user?</h1> <h1>Unmute this user?</h1>
{% else %} {% else %}
<h1 class="title">Mute this user?</h1> <h1>Mute this user?</h1>
{% endif %} {% endif %}
<article class="media user-info"> <article>
<figure class="media-left"> <figure>
<p class="image is-64x64"> <p>
<a href="{% url "user" user.acct %}"> <a href="{% url "user" user.acct %}">
<img src="{{ user.avatar }}" <img src="{{ user.avatar }}"
alt=""> alt="">
</a> </a>
</p> </p>
</figure> </figure>
<div class="media-content"> <div >
<div class="content"> <div >
<p> <p>
<strong>{{ user.display_name }}</strong> <strong>{{ user.display_name }}</strong>
<small> <small>
@ -40,15 +40,15 @@
<form method="POST" action="{% url 'mute' user.id %}"> <form method="POST" action="{% url 'mute' user.id %}">
{% csrf_token %} {% csrf_token %}
<div class="level is-mobile"> <div >
<div class="level-left"> <div >
<div class="level-item"> <div >
<input class="button" type="submit" name="cancel" value="Cancel"> <input type="submit" name="cancel" value="Cancel">
</div> </div>
</div> </div>
<div class="level-right"> <div >
<div class="level-item"> <div >
<input class="button is-primary" type="submit" name="mute" <input type="submit" name="mute"
value="Confirm"> value="Confirm">
</div> </div>
</div> </div>

32
brutaldon/templates/main/notifications.html
View File

@ -22,7 +22,7 @@ mastodon.notifications()[0]
{% block content %} {% block content %}
<h1 class="title">Your notifications timeline</h1> <h1>Your notifications timeline</h1>
{% for group in groups %} {% for group in groups %}
{% if bundle_notifications and group.0.type in bundleable %} {% if bundle_notifications and group.0.type in bundleable %}
{% if group.0.type == 'favourite' %} {% if group.0.type == 'favourite' %}
@ -34,7 +34,7 @@ mastodon.notifications()[0]
favorited your toot. favorited your toot.
</p> </p>
{% include "main/toot_partial.html" with toot=group.0.status %} {% include "main/toot_partial.html" with toot=group.0.status %}
<hr class="is-hidden"> <hr>
{% elif group.0.type == 'reblog' %} {% elif group.0.type == 'reblog' %}
<p> <p>
{% for account in group.accounts %} {% for account in group.accounts %}
@ -44,7 +44,7 @@ mastodon.notifications()[0]
boosted your toot. boosted your toot.
</p> </p>
{% include "main/toot_partial.html" with toot=group.0.status reblog=True reblog_by=group.0.account.acct reblog_icon=group.0.account.avatar_static %} {% include "main/toot_partial.html" with toot=group.0.status reblog=True reblog_by=group.0.account.acct reblog_icon=group.0.account.avatar_static %}
<hr class="is-hidden"> <hr>
{% endif %} {% endif %}
{% else %} {% else %}
{% for note in group %} {% for note in group %}
@ -56,7 +56,7 @@ mastodon.notifications()[0]
</p> </p>
<br> <br>
{% include "main/toot_partial.html" with toot=note.status reblog=False %} {% include "main/toot_partial.html" with toot=note.status reblog=False %}
<hr class="is-hidden"> <hr>
{% elif note.type == 'reblog' %} {% elif note.type == 'reblog' %}
<p> <p>
{{ note.account.display_name | fix_emojos:note.account.emojis |strip_html |safe }} {{ note.account.display_name | fix_emojos:note.account.emojis |strip_html |safe }}
@ -67,7 +67,7 @@ mastodon.notifications()[0]
</span>) </span>)
</p> </p>
{% include "main/toot_partial.html" with toot=note.status reblog=True reblog_by=note.account.acct reblog_icon=note.account.avatar_static %} {% include "main/toot_partial.html" with toot=note.status reblog=True reblog_by=note.account.acct reblog_icon=note.account.avatar_static %}
<hr class="is-hidden"> <hr>
{% elif note.type == 'favourite' %} {% elif note.type == 'favourite' %}
<p> <p>
{{ note.account.display_name | fix_emojos:note.account.emojis |strip_html |safe }} {{ note.account.display_name | fix_emojos:note.account.emojis |strip_html |safe }}
@ -78,16 +78,16 @@ mastodon.notifications()[0]
</span>) </span>)
</p> </p>
{% include "main/toot_partial.html" with toot=note.status %} {% include "main/toot_partial.html" with toot=note.status %}
<hr class="is-hidden"> <hr>
{% elif note.type == 'follow' %} {% elif note.type == 'follow' %}
<article class="media"> <article>
<figure class="media-left"> <figure>
<p class="image is-64x64"> <p>
<img src="{{ note.account.avatar_static }}" alt=""> <img src="{{ note.account.avatar_static }}" alt="">
</p> </p>
</figure> </figure>
<div class="media-content" > <div>
<div class="content"> <div>
<strong>{{ note.account.display_name | fix_emojos:note.account.emojis |strip_html |safe }}</strong> <strong>{{ note.account.display_name | fix_emojos:note.account.emojis |strip_html |safe }}</strong>
(<a href="{{ note.account.url |localuser }}">{{ note.account.acct }}</a>) (<a href="{{ note.account.url |localuser }}">{{ note.account.acct }}</a>)
followed you. followed you.
@ -97,22 +97,22 @@ mastodon.notifications()[0]
</div> </div>
</div> </div>
</article> </article>
<hr class="is-hidden"> <hr>
{% elif note.type == 'poll' %} {% elif note.type == 'poll' %}
<p>A poll you created or voted in has ended.</p> <p>A poll you created or voted in has ended.</p>
{% include "main/toot_partial.html" with toot=note.status %} {% include "main/toot_partial.html" with toot=note.status %}
<hr class="is-hidden"> <hr>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
<nav class="pagination is-centered" role="navigation" aria-label="pagination"> <nav role="navigation" aria-label="pagination">
{% if prev %} {% if prev %}
<a class="pagination-next" rel="next" href="{% url 'note_prev' prev.min_id %}">Newer</a> <a rel="next" href="{% url 'note_prev' prev.min_id %}">Newer</a>
{% endif %} {% endif %}
{% if next %} {% if next %}
<a class="pagination-previous" rel="prev" href="{% url 'note_next' next.max_id %}">Older</a> <a rel="prev" href="{% url 'note_next' next.max_id %}">Older</a>
{% endif %} {% endif %}
</nav> </nav>

4
brutaldon/templates/main/post.html
View File

@ -4,8 +4,8 @@
{% block title %} Brutaldon ({{ own_acct.username }}) - toot {% endblock %} {% block title %} Brutaldon ({{ own_acct.username }}) - toot {% endblock %}
{% block content %} {% block content %}
<h1 class="title" >Toot!</h1> <h1>Toot!</h1>
<div class="box"> <div>
{% include "main/post_partial.html" %} {% include "main/post_partial.html" %}
</div> </div>
{% endblock %} {% endblock %}

46
brutaldon/templates/main/post_minimal_partial.html
View File

@ -7,49 +7,39 @@
<br> <br>
</div> </div>
<div class="field"> <div >
<label class="label"> {{ form.spoiler_text.label }}</label> <label> {{ form.spoiler_text.label }}</label>
<div class="control"> <div>
{% render_field form.spoiler_text class+="input mousetrap" placeholder="Optional" %} {% render_field form.spoiler_text class+="input mousetrap" placeholder="Optional" %}
</div> </div>
</div> </div>
<div class="field" > <div>
<label class="label" >{{ form.status.label }}</label> <label >{{ form.status.label }}</label>
<div class="control"> <div>
<textarea name="status" cols="40" rows="3" class="textarea is-primary mousetrap" <textarea name="status" cols="40" rows="3"
required="" id="id_status" required="" id="id_status">
ic-post-to="{% url "user_search" %}" {% if form.status.value %}{{ form.status.value }}{% endif %}</textarea>
ic-trigger-on="keyup changed" ic-trigger-delay="500ms" <div></div>
ic-target="#username_autocomplete">{% if form.status.value %}{{ form.status.value }}{% endif %}</textarea>
<div id="username_autocomplete"></div>
</div> </div>
<div id="status_count"></div> <div></div>
</div> </div>
<div class="field has-addons"> <div>
<div class="control level is-mobile"> <div>
<a href="{% url "user" own_acct.acct %}" class="image avatar is-48x48 level-item"> <a href="{% url "user" own_acct.acct %}" >
<img src="{{ own_acct.avatar_static }}" alt="[{{ own_acct.acct }}]"> <img src="{{ own_acct.avatar_static }}" alt="[{{ own_acct.acct }}]">
</a> </a>
<input type="submit" class="button is-primary level-item" <input type="submit"
name="toot" value="Toot"> name="toot" value="Toot">
<a href="{% url "emoji" %}" target="_blank" rel="noopener noreferrer" <a href="{% url "emoji" %}" target="_blank" rel="noopener noreferrer"
class="level-item emoji-link" title="custom emoji reference">😊</a> title="custom emoji reference">😊</a>
<a href="{% url "toot" %}" <a href="{% url "toot" %}"
ic-get-from="{% url "toot" %}" title="Complete toot form (media, visibility, etc">
ic-target="#post-form" <span>Complete toot form (media, visibility etc)</span>
ic-select-from-response="#post-form"
ic-include="#id_status,#id_spoiler_text"
title="Complete toot form (media, visibility, etc"
class="fa fa-edit">
<span class="is-hidden">Complete toot form (media, visibility etc)</span>
</a> </a>
</div> </div>
</div> </div>
{% if not preferences.theme.no_javascript %} {% if not preferences.theme.no_javascript %}
<script type="application/javascript">
Intercooler.ready(characterCountSetup);
</script>
{% endif %} {% endif %}
</form> </form>

117
brutaldon/templates/main/post_partial.html
View File

@ -14,130 +14,121 @@
<br> <br>
</div> </div>
<div class="field"> <div>
<label class="label"> {{ form.spoiler_text.label }}</label> <label> {{ form.spoiler_text.label }}</label>
<div class="control"> <div>
{% render_field form.spoiler_text class+="input mousetrap" placeholder="Optional" %} {% render_field form.spoiler_text class+="input mousetrap" placeholder="Optional" %}
</div> </div>
</div> </div>
<div class="field" > <div >
<label class="label" >{{ form.status.label }}</label> <label >{{ form.status.label }}</label>
<div class="control"> <div >
<textarea name="status" cols="40" rows="3" class="textarea is-primary mousetrap" <textarea name="status" cols="40" rows="3"
required="" id="id_status" required="" id="id_status">
ic-post-to="{% url "user_search" %}" {% if form.status.value %}{{ form.status.value }}{% endif %}</textarea>
ic-trigger-on="keyup changed" ic-trigger-delay="500ms" <div></div>
ic-target="#username_autocomplete">{% if form.status.value %}{{ form.status.value }}{% endif %}</textarea>
<div id="username_autocomplete"></div>
</div> </div>
<div id="status_count"></div> <div></div>
</div> </div>
<div class="field"> <div >
<label class="label" > {{ form.visibility.label }}</label> <label > {{ form.visibility.label }}</label>
<div class="control has-icons-left"> <div >
<div class="select"> <div >
{% render_field form.visibility class+="select"%} {% render_field form.visibility class+="select"%}
<span class="icon is-small is-left" > <span >
<i class="fa fa-address-card"></i> <i ></i>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
<div class="field has-addons"> <div >
<div class="file"> <div >
<label class="file-label"> <label >
{% render_field form.media_file_1 class+="file-input" %} {% render_field form.media_file_1 class+="file-input" %}
<span class="file-cta"> <span >
<span class="file-icon"> <span >
<i class="fa fa-upload"></i> <i ></i>
</span> </span>
<span class="file-label" id="media_filename_1"> <span >
{{ form.media_file_1.label }} {{ form.media_file_1.label }}
</span> </span>
</span> </span>
</label> </label>
</div> </div>
<div class="control is-expanded"> <div >
{% render_field form.media_text_1 class+="input mousetrap" placeholder="Describe attachment" %} {% render_field form.media_text_1 class+="input mousetrap" placeholder="Describe attachment" %}
</div> </div>
</div> </div>
<div class="field has-addons"> <div >
<div class="file"> <div >
<label class="file-label"> <label >
{% render_field form.media_file_2 class+="file-input" %} {% render_field form.media_file_2 class+="file-input" %}
<span class="file-cta"> <span >
<span class="file-icon"> <span >
<i class="fa fa-upload"></i> <i ></i>
</span> </span>
<span class="file-label" id="media_filename_2"> <span >
{{ form.media_file_2.label }} {{ form.media_file_2.label }}
</span> </span>
</span> </span>
</label> </label>
</div> </div>
<div class="control is-expanded"> <div >
{% render_field form.media_text_2 class+="input mousetrap" placeholder="Describe attachment" %} {% render_field form.media_text_2 class+="input mousetrap" placeholder="Describe attachment" %}
</div> </div>
</div> </div>
<div class="field has-addons"> <div >
<div class="file"> <div >
<label class="file-label"> <label >
{% render_field form.media_file_3 class+="file-input" %} {% render_field form.media_file_3 class+="file-input" %}
<span class="file-cta"> <span >
<span class="file-icon"> <span >
<i class="fa fa-upload"></i> <i ></i>
</span> </span>
<span class="file-label" id="media_filename_3"> <span >
{{ form.media_file_3.label }} {{ form.media_file_3.label }}
</span> </span>
</span> </span>
</label> </label>
</div> </div>
<div class="control is-expanded"> <div >
{% render_field form.media_text_3 class+="input mousetrap" placeholder="Describe attachment" %} {% render_field form.media_text_3 class+="input mousetrap" placeholder="Describe attachment" %}
</div> </div>
</div> </div>
<div class="field has-addons"> <div >
<div class="file"> <div >
<label class="file-label"> <label >
{% render_field form.media_file_4 class+="file-input" %} {% render_field form.media_file_4 class+="file-input" %}
<span class="file-cta"> <span >
<span class="file-icon"> <span >
<i class="fa fa-upload"></i> <i ></i>
</span> </span>
<span class="file-label" id="media_filename_4"> <span >
{{ form.media_file_4.label }} {{ form.media_file_4.label }}
</span> </span>
</span> </span>
</label> </label>
</div> </div>
<div class="control is-expanded"> <div >
{% render_field form.media_text_4 class+="input mousetrap" placeholder="Describe attachment" %} {% render_field form.media_text_4 class+="input mousetrap" placeholder="Describe attachment" %}
</div> </div>
</div> </div>
<div class="field has-addons"> <div >
<div class="control level is-mobile"> <div >
<a href="{% url "user" own_acct.acct %}" class="image avatar is-48x48 level-item" > <a href="{% url "user" own_acct.acct %}" >
<img src="{{ own_acct.avatar_static }}" alt="[{{ own_acct.acct }}]"> <img src="{{ own_acct.avatar_static }}" alt="[{{ own_acct.acct }}]">
</a> </a>
<input type="submit" class="button is-primary level-item" <input type="submit"
name="toot" value="Toot"> name="toot" value="Toot">
<a href="{% url "emoji" %}" target="_blank" rel="noopener noreferrer" <a href="{% url "emoji" %}" target="_blank" rel="noopener noreferrer"
class="level-item emoji-link" title="custom emoji reference">😊</a> title="custom emoji reference">😊</a>
</div> </div>
</div> </div>
{% if not preferences.no_javascript %}
<script type="application/javascript">
fileButtonUpdaters();
Intercooler.ready(fileButtonUpdaters);
Intercooler.ready(characterCountSetup);
</script>
{% endif %}
</form> </form>

6
brutaldon/templates/main/public_timeline.html
View File

@ -1,12 +1,12 @@
{% extends "main/timeline.html" %} {% extends "main/timeline.html" %}
{% block pagination %} {% block pagination %}
<nav class="pagination is-centered" role="navigation" aria-label="pagination"> <nav role="navigation" aria-label="pagination">
{% if prev %} {% if prev %}
<a class="pagination-next" rel="next" href="{% url 'fed_prev' prev.min_id %}">Newer</a> <a rel="next" href="{% url 'fed_prev' prev.min_id %}">Newer</a>
{% endif %} {% endif %}
{% if next %} {% if next %}
<a class="pagination-previous" rel="prev" href="{% url 'fed_next' next.max_id %}">Older</a> <a rel="prev" href="{% url 'fed_next' next.max_id %}">Older</a>
{% endif %} {% endif %}
</nav> </nav>
{% endblock %} {% endblock %}

10
brutaldon/templates/main/redraft.html
View File

@ -11,19 +11,19 @@ Brutaldon ({{ own_acct.username }}) - reply
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<h1 class="title">Redraft</h1> <h1 >Redraft</h1>
{% include "main/toot_partial.html" with toot=toot active=True %} {% include "main/toot_partial.html" with toot=toot active=True %}
<hr class="is-hidden"> <hr >
<div class="notification"> <div >
<p> <p>
Submitting this form will <em>post</em> this replacement toot, and Submitting this form will <em>post</em> this replacement toot, and
<em class="error">delete</em> the original toot. The replacement toot will not <em>delete</em> the original toot. The replacement toot will not
have any favs, boosts, or replies that the original toot had. have any favs, boosts, or replies that the original toot had.
Currently, media attachments must be re-uploaded. Sorry, working on it. Currently, media attachments must be re-uploaded. Sorry, working on it.
</p> </p>
</div> </div>
<div class="box"> <div >
{% include "main/post_partial.html" %} {% include "main/post_partial.html" %}
</div> </div>

8
brutaldon/templates/main/reply.html
View File

@ -11,14 +11,14 @@ Brutaldon ({{ own_acct.username }}) - reply
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<h1 class="title">Thread</h1> <h1 >Thread</h1>
{% for ancestor in context.ancestors %} {% for ancestor in context.ancestors %}
{% include "main/toot_partial.html" with toot=ancestor %} {% include "main/toot_partial.html" with toot=ancestor %}
<hr class="is-hidden"> <hr >
{% endfor %} {% endfor %}
{% include "main/toot_partial.html" with toot=toot active=True %} {% include "main/toot_partial.html" with toot=toot active=True %}
<hr class="is-hidden"> <hr >
<div class="box"> <div >
{% include "main/post_partial.html" %} {% include "main/post_partial.html" %}
</div> </div>

20
brutaldon/templates/main/search.html
View File

@ -4,9 +4,9 @@
{% block title %}brutaldon ({{ own_acct.username }}) – search {% endblock %} {% block title %}brutaldon ({{ own_acct.username }}) – search {% endblock %}
{% block content %} {% block content %}
<h1 class="title">Search</h1> <h1 >Search</h1>
<div class="notification"> <div >
<div> <div>
You can search for tags, users, or for specific toots by URL. You may You can search for tags, users, or for specific toots by URL. You may
also be able to full-text search for toots you have previously also be able to full-text search for toots you have previously
@ -15,18 +15,18 @@
</div> </div>
<form method="get" action="{% url "search_results" %}"> <form method="get" action="{% url "search_results" %}">
<div class="field"> <div >
<label class="label">{{ form.instance.label }}</label> <label >{{ form.instance.label }}</label>
<div class="control has-icons-left"> <div >
<input type="search" name="q" id="q" class="input"> <input type="search" name="q" id="q" >
<span class="icon is-small is-left"> <span >
<i class="fa fa-search"></i> <i ></i>
</span> </span>
</div> </div>
</div> </div>
<div class="field"> <div >
<input type="submit" value="Search" class="button is-primary" > <input type="submit" value="Search" >
</div> </div>
</form> </form>

34
brutaldon/templates/main/search_results.html
View File

@ -22,36 +22,36 @@ mastodon.search("<query>")
<section> <section>
<form method="get" action="{% url "search_results" %}"> <form method="get" action="{% url "search_results" %}">
<div class="field has-addons"> <div >
<label class="label">{{ form.instance.label }}</label> <label >{{ form.instance.label }}</label>
<div class="control has-icons-left"> <div >
<input type="search" name="q" id="q" class="input"> <input type="search" name="q" id="q" >
<span class="icon is-small is-left"> <span >
<i class="fa fa-search"></i> <i ></i>
</span> </span>
</div> </div>
<input type="submit" value="Search" class="button is-primary" > <input type="submit" value="Search" >
</div> </div>
</form> </form>
<br> <br>
</section> </section>
<h1 class="title">Search results</h1> <h1 >Search results</h1>
<div class="container"> <div >
<h2 class="subtitle">Users</h2> <h2 >Users</h2>
{% for user in results.accounts %} {% for user in results.accounts %}
<article class="media user-info"> <article >
<figure class="media-left"> <figure >
<p class="image is-64x64"> <p >
<a href="{% url "user" user.acct %}"> <a href="{% url "user" user.acct %}">
<img src="{{ user.avatar }}" <img src="{{ user.avatar }}"
alt=""> alt="">
</a> </a>
</p> </p>
</figure> </figure>
<div class="media-content"> <div >
<div class="content"> <div >
<p> <p>
<strong>{{ user.display_name }}</strong> <strong>{{ user.display_name }}</strong>
<small> <small>
@ -72,14 +72,14 @@ mastodon.search("<query>")
{% endfor %} {% endfor %}
<h2 class="subtitle">Tags</h2> <h2 >Tags</h2>
<ul> <ul>
{% for tag in results.hashtags %} {% for tag in results.hashtags %}
<li><a href="{% url 'tag' tag.name %}">#{{ tag.name }}</a></li> <li><a href="{% url 'tag' tag.name %}">#{{ tag.name }}</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
<h2 class="subtitle">Toots</h2> <h2 >Toots</h2>
{% for toot in results.statuses %} {% for toot in results.statuses %}
{% include "main/toot_partial.html" with toot=toot reblog=False %} {% include "main/toot_partial.html" with toot=toot reblog=False %}
{% endfor %} {% endfor %}

4
brutaldon/templates/main/thread.html
View File

@ -15,7 +15,7 @@ mastodon.status_context(<numerical id>)
{% endcomment %} {% endcomment %}
{% block content %} {% block content %}
<h1 id="title" class="title"> <h1>
Thread Thread
</h1> </h1>
{% include "main/toot_partial.html" with toot=root %} {% include "main/toot_partial.html" with toot=root %}
@ -25,7 +25,7 @@ mastodon.status_context(<numerical id>)
{% else %} {% else %}
{% include "main/toot_partial.html" with toot=descendant %} {% include "main/toot_partial.html" with toot=descendant %}
{% endif %} {% endif %}
<hr class="is-hidden"> <hr >
{% endfor %} {% endfor %}
{% if not preferences.no_javascript %} {% if not preferences.no_javascript %}

26
brutaldon/templates/main/timeline.html
View File

@ -16,14 +16,14 @@
{% block content %} {% block content %}
<h1>Brutaldon ({{ own_acct.username }}) - {{ timeline_name }} timelime</h1> <h1>Brutaldon ({{ own_acct.username }}) - {{ timeline_name }} timelime</h1>
{% if form %} {% if form %}
<h2 class="title">Post</h2> <h2 >Post</h2>
<div class="box"> <div >
{% include "main/post_minimal_partial.html" %} {% include "main/post_minimal_partial.html" %}
</div> </div>
<hr class="is-hidden"> <hr >
{% endif %} {% endif %}
<h2 class="title">Your {{ timeline_name }} timeline</h2> <h2 >Your {{ timeline_name }} timeline</h2>
<div id="timeline"> <div>
{% for toot in toots %} {% for toot in toots %}
{% cache 600 toot_partial toot.id %} {% cache 600 toot_partial toot.id %}
{% if toot.reblog %} {% if toot.reblog %}
@ -32,15 +32,15 @@
{% include "main/toot_partial.html" with toot=toot reblog=False %} {% include "main/toot_partial.html" with toot=toot reblog=False %}
{% endif %} {% endif %}
{% endcache %} {% endcache %}
<hr class="is-hidden"> <hr >
{% endfor %} {% endfor %}
{% block pagination %} {% block pagination %}
<div class="around-pagination"> <div >
<div class="columns"> <div >
{% if next %} {% if next %}
<p class="column is-one-quarter"> <p >
<a class="pagination-previous is-fullwidth button" <a
rel="prev" rel="prev"
href="{% url 'home_next' next.max_id %}" href="{% url 'home_next' next.max_id %}"
{% if preferences.click_to_load %} {% if preferences.click_to_load %}
@ -54,11 +54,11 @@
Older Older
</a> </a>
</p> </p>
<p class="column is-one-half"></p> <p ></p>
{% endif %} {% endif %}
{% if prev %} {% if prev %}
<p class="column is-one-quarter"> <p >
<a class="pagination-next is-fullwidth button" <a
rel="next" rel="next"
href="{% url 'home_prev' prev.min_id %}"> href="{% url 'home_prev' prev.min_id %}">
Newer Newer

93
brutaldon/templates/main/toot_partial.html
View File

@ -6,28 +6,28 @@
{% if toot %} {% if toot %}
{% if active %} {% if active %}
<article id="toot-{{toot.id}}" class="media box active-context"> <article>
{% else %} {% else %}
<article id="toot-{{toot.id}}" class="media box"> <article>
{% endif %} {% endif %}
<figure class="media-left"> <figure >
<p class="image is-64x64 account-avatar"> <p >
<a href="{% url "user" toot.account.acct %}"> <a href="{% url "user" toot.account.acct %}">
<img loading="auto" src="{{ toot.account.avatar_static }}" <img loading="auto" src="{{ toot.account.avatar_static }}"
alt=""> alt="">
</a> </a>
</p> </p>
{% if reblog %} {% if reblog %}
<p class="image is-32x32 reblog-icon" > <p >
<a href="{% url "user" reblog_by %}"> <a href="{% url "user" reblog_by %}">
<img loading="auto" src ="{{ reblog_icon }}" alt=""> <img loading="auto" src ="{{ reblog_icon }}" alt="">
</a> </a>
</p> </p>
{% endif %} {% endif %}
</figure> </figure>
<div class="media-content"> <div >
<div class="content"> <div >
<p> <p>
<h3><strong>{{ toot.account.display_name | fix_emojos:toot.account.emojis | strip_html |safe}}</strong></h3> <h3><strong>{{ toot.account.display_name | fix_emojos:toot.account.emojis | strip_html |safe}}</strong></h3>
<small><a href="{% url "user" toot.account.acct %}"> <small><a href="{% url "user" toot.account.acct %}">
@ -41,20 +41,20 @@
{% endif %} {% endif %}
</p> </p>
{% if toot.spoiler_text %} {% if toot.spoiler_text %}
<details class="toot"> <details >
<summary><strong>{{ toot.spoiler_text }} </strong></summary> <summary><strong>{{ toot.spoiler_text }} </strong></summary>
<div class="toot"> <div >
{{ toot.content | relink_toot | fix_emojos:toot.emojis | strip_html | safe }} {{ toot.content | relink_toot | fix_emojos:toot.emojis | strip_html | safe }}
</div> </div>
</details> </details>
{% else %} {% else %}
<div class="toot"> <div >
{{ toot.content | relink_toot | fix_emojos:toot.emojis | strip_html | safe }} {{ toot.content | relink_toot | fix_emojos:toot.emojis | strip_html | safe }}
</div> </div>
{% endif %} {% endif %}
{% if toot.poll %} {% if toot.poll %}
<div class="poll"> <div >
{% if toot.poll.voted or toot.poll.expired %} {% if toot.poll.voted or toot.poll.expired %}
{% include "polls/completed_partial.html" with toot=toot %} {% include "polls/completed_partial.html" with toot=toot %}
{% else %} {% else %}
@ -66,20 +66,19 @@
{% if toot.card %} {% if toot.card %}
<div class="card"> <div >
<div class="card-content columns"> <div >
{% if toot.card.image %} {% if toot.card.image %}
<div class="column is-one-third"> <div >
<a href="{{ toot.card.url }}"> <a href="{{ toot.card.url }}">
<noscript class="loading-lazy"> <noscript class="loading-lazy">
<img loading="lazy" alt="{{ toot.card.title }}" <img loading="lazy" alt="{{ toot.card.title }}"
src="{{ toot.card.image }}" src="{{ toot.card.image }}">
class="is-max-128">
</noscript> </noscript>
</a> </a>
</div> </div>
{% endif %} {% endif %}
<div class="column is-two-thirds"> <div >
<p> <p>
<strong> <strong>
<a href="{{ toot.card.url }}"> <a href="{{ toot.card.url }}">
@ -95,10 +94,10 @@
{% if toot.media_attachments %} {% if toot.media_attachments %}
<br> <br>
<div class="columns is-multiline attachments is-gapless"> <div >
{% for media in toot.media_attachments %} {% for media in toot.media_attachments %}
{% if media.type == "image" %} {% if media.type == "image" %}
<figure class="column attachment-image"> <figure >
<a href="{{ media.url }}"> <a href="{{ media.url }}">
<noscript class="loading-lazy"> <noscript class="loading-lazy">
{% if toot.sensitive and not preferences.preview_sensitive %} {% if toot.sensitive and not preferences.preview_sensitive %}
@ -116,13 +115,13 @@
{% if media.description %} {% if media.description %}
title="{{ media.description }}" title="{{ media.description }}"
{% endif %} {% endif %}
class="image is-max-256"> >
</noscript> </noscript>
</a> </a>
</figure> </figure>
{% else %} {% else %}
<figure class="column"> <figure >
<video controls loop class="is-max-256" <video controls loop
poster="{{ media.preview_url }}"> poster="{{ media.preview_url }}">
<source src="{{ media.url }}" type="video/mp4"> <source src="{{ media.url }}" type="video/mp4">
<a href="{{ media.url }}"> <a href="{{ media.url }}">
@ -142,7 +141,7 @@
{% if media.description %} {% if media.description %}
title="{{ media.description }}" title="{{ media.description }}"
{% endif %} {% endif %}
class="image is-max-256"> >
</noscript> </noscript>
</a> </a>
</video> </video>
@ -153,20 +152,20 @@
</div> </div>
{% endif %} {% endif %}
<br> <br>
<p class="is-hidden"></p> <p ></p>
</div> </div>
{% if not confirm_page %} {% if not confirm_page %}
<nav class="level is-mobile"> <nav >
<div class="level-left"> <div >
<a href="{% url "reply" toot.id %}#toot-{{ toot.id }}" class="level-item"> <a href="{% url "reply" toot.id %}#toot-{{ toot.id }}" >
{% if toot.replies_count > 0 %} {% if toot.replies_count > 0 %}
<span class="fa fa-reply-all"> <span >
<span class="is-hidden-mobile"><strong>Reply</strong></span> <span ><strong>Reply</strong></span>
</span> </span>
{% else %} {% else %}
<span class="fa fa-reply"> <span >
<span class="is-hidden-mobile">Reply</span> <span >Reply</span>
</span> </span>
{% endif %} {% endif %}
</a> </a>
@ -175,11 +174,11 @@
ic-post-to="{% url "boost" toot.id %}" ic-post-to="{% url "boost" toot.id %}"
ic-indicator="#toot-spinner-{{toot.id}}"> ic-indicator="#toot-spinner-{{toot.id}}">
{% if toot.reblogged %} {% if toot.reblogged %}
<span class="fa fa-retweet has-text-warning"> <span >
<strong class="is-hidden-mobile" >Boosted</strong> <strong >Boosted</strong>
{% else %} {% else %}
<span class="fa fa-retweet" > <span >
<span class="is-hidden-mobile" >Boost</span> <span >Boost</span>
{% endif %} {% endif %}
</span> </span>
</span> </span>
@ -189,23 +188,23 @@
ic-post-to="{% url "fav" toot.id %}" ic-post-to="{% url "fav" toot.id %}"
ic-indicator="#toot-spinner-{{toot.id}}"> ic-indicator="#toot-spinner-{{toot.id}}">
{% if toot.favourited %} {% if toot.favourited %}
<span class="fa fa-heart has-text-warning"> <span >
<strong class="is-hidden-mobile" >Favorited</strong> <strong >Favorited</strong>
{% else %} {% else %}
<span class="fa fa-heart"> <span >
<span class="is-hidden-mobile" >Favorite</span> <span >Favorite</span>
{% endif %} {% endif %}
</span> </span>
</span> </span>
</a> </a>
<i id="toot-spinner-{{toot.id}}" class="fa fa-spinner fa-spin" style="display:none"></i> <i></i>
</div> </div>
<div class="level-right"> <div >
{% if toot.account.acct == own_acct.acct %} {% if toot.account.acct == own_acct.acct %}
<a class="level-item" href="{% url "redraft" toot.id %}"> <a href="{% url "redraft" toot.id %}">
redraft redraft
</a> </a>
<a class="level-item" href="{% url "delete" toot.id %}" <a href="{% url "delete" toot.id %}"
ic-delete-from="{% url "delete" toot.id %}" ic-delete-from="{% url "delete" toot.id %}"
ic-indicator="#toot-spinner-{{toot.id}}" ic-indicator="#toot-spinner-{{toot.id}}"
ic-confirm="Really delete that toot?" ic-confirm="Really delete that toot?"
@ -221,12 +220,12 @@
{% endif %} {% endif %}
&nbsp;&nbsp; &nbsp;&nbsp;
{% if toot.in_reply_to_id or toot.replies_count > 0 %} {% if toot.in_reply_to_id or toot.replies_count > 0 %}
<a class="level-item" href="{% url "thread" toot.id %}#toot-{{ toot.id }}"> <a href="{% url "thread" toot.id %}#toot-{{ toot.id }}">
<span class="fa fa-comments"></span> <span ></span>
<strong> thread</strong> <strong> thread</strong>
</a> </a>
{% else %} {% else %}
<a class="level-item" href="{% url "thread" toot.id %}#toot-{{ toot.id }}"> <a href="{% url "thread" toot.id %}#toot-{{ toot.id }}">
thread thread
</a> </a>
{% endif %} {% endif %}
@ -235,6 +234,6 @@
{% endif %} {% endif %}
</div> </div>
<div class="media-right"></div> <div ></div>
</article> </article>
{% endif %} {% endif %}

70
brutaldon/templates/main/user.html
View File

@ -9,97 +9,97 @@ Brutaldon ({{ own_acct.username }}) - {{ user.acct }} timelime
{% block content %} {% block content %}
<div class="card user-card"> <div >
{% if not preferences.theme.is_brutalist %} {% if not preferences.theme.is_brutalist %}
<div class="card-header" style="background-image: url({{ user.header }});"> <div style="background-image: url({{ user.header }});">
{% else %} {% else %}
<div class="card-header"> <div >
{% endif %} {% endif %}
<div class="card-header-title title"> <div >
<a href="{{ user.url }}"> <a href="{{ user.url }}">
{{ user.display_name }} {{ user.display_name }}
</a> </a>
</div> </div>
<figure class="image is-96x96 card-header-icon"> <figure >
<img src="{{ user.avatar }}" alt="Avatar"> <img src="{{ user.avatar }}" alt="Avatar">
{% if user.locked %} {% if user.locked %}
<span class="fa fa-lock account-locked"> <span >
<span class="is-hidden">Private</span> <span >Private</span>
</span> </span>
{% endif %} {% endif %}
</figure> </figure>
</div> </div>
<div class="card-content"> <div >
<div class="content"> <div >
{{ user.note | relink_toot | strip_html | safe }} {{ user.note | relink_toot | strip_html | safe }}
</div> </div>
{% if user.acct != own_acct.acct %} {% if user.acct != own_acct.acct %}
<div class="level is-mobile"> <div >
<div class="level-left"> <div >
{% if relationship.requested %} {% if relationship.requested %}
<a class="level-item fa fa-hourglass" title="cancel request" <a title="cancel request"
href="{% url 'follow' user.id %}" href="{% url 'follow' user.id %}"
ic-post-to="{% url 'follow' user.id %}" ic-post-to="{% url 'follow' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true"> ic-indicator="#user-spinner" ic-replace-target="true">
<span class="is-hidden">Cancel request</span> <span >Cancel request</span>
</a> </a>
{% elif not relationship.following %} {% elif not relationship.following %}
<a class="level-item fa fa-user-plus" title="follow" <a title="follow"
href="{% url 'follow' user.id %}" href="{% url 'follow' user.id %}"
ic-post-to="{% url 'follow' user.id %}" ic-post-to="{% url 'follow' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true"> ic-indicator="#user-spinner" ic-replace-target="true">
<span class="is-hidden">Follow</span> <span >Follow</span>
</a> </a>
{% else %} {% else %}
<a class="level-item fa fa-user-times" title="unfollow" <a title="unfollow"
href="{% url 'follow' user.id %}" href="{% url 'follow' user.id %}"
ic-post-to="{% url 'follow' user.id %}" ic-post-to="{% url 'follow' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true" ic-indicator="#user-spinner" ic-replace-target="true"
ic-confirm="Unfollow this user?"> ic-confirm="Unfollow this user?">
<span class="is-hidden">Unfollow</span> <span >Unfollow</span>
</a> </a>
{% endif %} {% endif %}
<a class="level-item fa fa-social-home" <a
href="{{ user.url }}" title="home"> href="{{ user.url }}" title="home">
<span class="is-hidden">View on home site</span> <span >View on home site</span>
</a> </a>
<a class="level-item fa fa-envelope" <a
href="{% url 'toot' user.acct %}" title="mention"> href="{% url 'toot' user.acct %}" title="mention">
<span class="is-hidden">Mention</span> <span >Mention</span>
</a> </a>
<i id="user-spinner" class="fa fa-spinner fa-spin" style="display:none"></i> <i style="display:none"></i>
</div> </div>
<div class="level-right"> <div >
{% if not relationship.muting %} {% if not relationship.muting %}
<a class="level-item fa fa-volume-off" title="mute" <a title="mute"
href="{% url 'mute' user.id %}" href="{% url 'mute' user.id %}"
ic-post-to="{% url 'mute' user.id %}" ic-post-to="{% url 'mute' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true" ic-indicator="#user-spinner" ic-replace-target="true"
ic-confirm="Mute this user?"> ic-confirm="Mute this user?">
<span class="is-hidden">Mute</span> <span >Mute</span>
</a> </a>
{% else %} {% else %}
<a class="level-item fa fa-volume-up" title="unmute" <a title="unmute"
href="{% url 'mute' user.id %}" href="{% url 'mute' user.id %}"
ic-post-to="{% url 'mute' user.id %}" ic-post-to="{% url 'mute' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true"> ic-indicator="#user-spinner" ic-replace-target="true">
<span class="is-hidden">Unmute</span> <span >Unmute</span>
</a> </a>
{% endif %} {% endif %}
{% if not relationship.blocking %} {% if not relationship.blocking %}
<a class="level-item fa fa-ban" title="block" <a title="block"
href="{% url 'block' user.id %}" href="{% url 'block' user.id %}"
ic-post-to="{% url 'block' user.id %}" ic-post-to="{% url 'block' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true" ic-indicator="#user-spinner" ic-replace-target="true"
ic-confirm="Block this user?"> ic-confirm="Block this user?">
<span class="is-hidden">Block</span> <span >Block</span>
</a> </a>
{% else %} {% else %}
<a class="level-item fa fa-circle-o" title="unblock" <a title="unblock"
href="{% url 'block' user.id %}" href="{% url 'block' user.id %}"
ic-post-to="{% url 'block' user.id %}" ic-post-to="{% url 'block' user.id %}"
ic-indicator="#user-spinner" ic-replace-target="true"> ic-indicator="#user-spinner" ic-replace-target="true">
<span class="is-hidden">Unblock</span> <span >Unblock</span>
</a> </a>
{% endif %} {% endif %}
</div> </div>
@ -116,14 +116,14 @@ Brutaldon ({{ own_acct.username }}) - {{ user.acct }} timelime
{% else %} {% else %}
{% include "main/toot_partial.html" with toot=toot reblog=False %} {% include "main/toot_partial.html" with toot=toot reblog=False %}
{% endif %} {% endif %}
<hr class="is-hidden"> <hr >
{% endfor %} {% endfor %}
<nav class="pagination is-centered" role="navigation" aria-label="pagination"> <nav role="navigation" aria-label="pagination">
{% if prev %} {% if prev %}
<a class="pagination-next" rel="next" href="{% url 'user_prev' user.acct prev.min_id %}">Newer</a> <a rel="next" href="{% url 'user_prev' user.acct prev.min_id %}">Newer</a>
{% endif %} {% endif %}
{% if next %} {% if next %}
<a class="pagination-previous" rel="prev" href="{% url 'user_next' user.acct next.max_id %}">Older</a> <a rel="prev" href="{% url 'user_next' user.acct next.max_id %}">Older</a>
{% endif %} {% endif %}
</nav> </nav>

8
brutaldon/templates/polls/completed_partial.html
View File

@ -1,15 +1,15 @@
{% load sanitizer %} {% load sanitizer %}
{% load taglinks %} {% load taglinks %}
{% load static %} {% load static %}
<div class="columns is-multiline"> <div>
{% for option in toot.poll.options %} {% for option in toot.poll.options %}
<div class="column is-one-quarter"> <div>
<strong>{{ option.title }}</strong> <strong>{{ option.title }}</strong>
({{ option.votes_count}} vote{{ option.votes_count|pluralize }}) ({{ option.votes_count}} vote{{ option.votes_count|pluralize }})
</div> </div>
<div class="column is-three-quarters"> <div>
<progress class="progress is-primary" <progress
value="{{ option.votes_count }}" value="{{ option.votes_count }}"
max="{{ toot.poll.votes_count }}" max="{{ toot.poll.votes_count }}"
{{ option.votes_count }} {{ option.votes_count }}

16
brutaldon/templates/polls/new_partial.html
View File

@ -2,23 +2,19 @@
{% load taglinks %} {% load taglinks %}
{% load static %} {% load static %}
<form method="POST" action="{% url "vote" toot.id %}" <form method="POST" action="{% url "vote" toot.id %}">
ic-post-to="{% url "vote" toot.id %}"
ic-target="closest article"
ic-indicator="#poll-spinner-{{ toot.id }}"
ic-replace-target="true">
{% csrf_token %} {% csrf_token %}
{% for option in toot.poll.options %} {% for option in toot.poll.options %}
<div class="field"> <div>
{% if toot.poll.multiple %} {% if toot.poll.multiple %}
<label class="checkbox"> <label>
<input type="checkbox" <input type="checkbox"
name="poll-multiple" name="poll-multiple"
value="{{ forloop.counter0 }}"> value="{{ forloop.counter0 }}">
{{ option.title }} {{ option.title }}
</label> </label>
{% else %} {% else %}
<label class="radio"> <label>
<input type="radio" <input type="radio"
name="poll-single" name="poll-single"
value="{{ forloop.counter0 }}"> value="{{ forloop.counter0 }}">
@ -27,8 +23,8 @@
{% endif %} {% endif %}
</div> </div>
{% endfor %} {% endfor %}
<input type="submit" class="button is-primary" name="Vote" value="Vote"> <input type="submit" name="Vote" value="Vote">
<span id="poll-spinner-{{toot.id}}" class="fa fa-spinner fa-spin" <span id="poll-spinner-{{toot.id}}"
style="display:none"></span> style="display:none"></span>
</form> </form>

14
brutaldon/templates/privacy.html
View File

@ -2,17 +2,15 @@
{% load static %} {% load static %}
{% block content %} {% block content %}
<h1 class="title">Privacy statement</h1> <h1>Privacy statement</h1>
<h2 class="subtitle">A shameful attempt at ass-covering</h2> <section>
<h2>Summary</h2>
<section class="section">
<h2 class="subtitle">Summary</h2>
<p> <p>
Brutaldon tries to collect as little information about you as possible. The information that it collects in order to log you in to your instance and to implement client features is stored as transiently as possible. Brutaldon tries to collect as little information about you as possible. The information that it collects in order to log you in to your instance and to implement client features is stored as transiently as possible.
</p> </p>
</section> </section>
<section class="section"> <section>
<h2 class="subtitle"> <h2>
Information that is stored until a database wipe Information that is stored until a database wipe
</h2> </h2>
<p> <p>
@ -28,7 +26,7 @@
<p> <p>
You can always revoke an access token through the web interface of your instance. You can always revoke an access token through the web interface of your instance.
</p> </p>
<h2 class="subtitle"> <h2>
Information that is stored only during your session Information that is stored only during your session
</h2> </h2>
<p> <p>

4
brutaldon/templates/requests/list.html
View File

@ -2,8 +2,8 @@
{% load widget_tweaks %} {% load widget_tweaks %}
{% block content %} {% block content %}
<div class="container"> <div>
<h1 class="title">Follow requests</h1> <h1>Follow requests</h1>
{% if not requests %} {% if not requests %}
<p>No follow requests.</p> <p>No follow requests.</p>

14
brutaldon/templates/requests/request_partial.html
View File

@ -1,20 +1,20 @@
<article class="media box"> <article>
<figure class="media-left"> <figure>
<p class="image is-64x64"> <p>
<img src="{{ request.avatar_static }}" <img src="{{ request.avatar_static }}"
alt="{{ request.acct }}"> alt="{{ request.acct }}">
</p> </p>
</figure> </figure>
<div class="media-content"> <div>
<strong>{{ request.display_name }}</strong> ({{ request.acct }}) <strong>{{ request.display_name }}</strong> ({{ request.acct }})
</div> </div>
<div class="media-right"> <div>
<form method="POST" action="{% url "follow_requests" request.id %}"> <form method="POST" action="{% url "follow_requests" request.id %}">
{% csrf_token %} {% csrf_token %}
<button name="accept" class="button is-success" value="Accept"> <button name="accept" value="Accept">
Accept Accept
</button> </button>
<button name="reject" class="button is-danger" value="Reject"> <button name="reject" value="Reject">
Reject Reject
</button> </button>
</form> </form>

18
brutaldon/templates/setup/login-oauth.html
View File

@ -2,28 +2,28 @@
{% load widget_tweaks %} {% load widget_tweaks %}
{% block content %} {% block content %}
<h1 class="title">Log in to your instance</h1> <h1>Log in to your instance</h1>
<form method="post" action="{% url "login" %}"> <form method="post" action="{% url "login" %}">
{% csrf_token %} {% csrf_token %}
<div class="field"> <div>
<label class="label">{{ form.instance.label }}</label> <label>{{ form.instance.label }}</label>
<div class="control has-icons-left"> <div>
{% render_field form.instance class+="input" %} {% render_field form.instance class+="input" %}
<span class="icon is-small is-left"> <span>
<i class="fa fa-mastodon"></i> <i></i>
</span> </span>
</div> </div>
</div> </div>
<div class="field"> <div>
<input type="submit" name="log_in" <input type="submit" name="log_in"
value="Log in" class="button is-primary" > value="Log in" class="button is-primary" >
</div> </div>
</form> </form>
<div class="notification"> <div>
<button class="delete"></button> <button></button>
<div> <div>
Not able to log in with this form? Maybe your brutaldon instance isn't Not able to log in with this form? Maybe your brutaldon instance isn't
visible on the internet to your Mastodon instance? If so, you can use visible on the internet to your Mastodon instance? If so, you can use

36
brutaldon/templates/setup/login.html
View File

@ -2,39 +2,39 @@
{% load widget_tweaks %} {% load widget_tweaks %}
{% block content %} {% block content %}
<h1 class="title">Log in to your instance</h1> <h1>Log in to your instance</h1>
<form method="post" action="{% url "oldlogin" %}"> <form method="post" action="{% url "oldlogin" %}">
{% csrf_token %} {% csrf_token %}
<div class="field"> <div class="field">
<label class="label">{{ form.instance.label }}</label> <label>{{ form.instance.label }}</label>
<div class="control has-icons-left"> <div>
{% render_field form.instance class+="input" %} {% render_field form.instance class+="input" %}
<span class="icon is-small is-left"> <span>
<i class="fa fa-mastodon"></i> <i></i>
</span> </span>
</div> </div>
</div> </div>
<div class="field"> <div>
<label class="label">{{ form.email.label }}</label> <label>{{ form.email.label }}</label>
<div class="control has-icons-left"> <div>
{% render_field form.email class+="input" %} {% render_field form.email class+="input" %}
<span class="icon is-small is-left"> <span>
<i class="fa fa-user"></i> <i></i>
</span> </span>
</div> </div>
</div> </div>
<div class="field" > <div>
<label class="label" >{{ form.password.label }}</label> <label>{{ form.password.label }}</label>
<div class="control has-icons-left" > <div>
{% render_field form.password class+="input" type="password" %} {% render_field form.password class+="input" type="password" %}
<span class="icon is-small is-left"> <span>
<i class="fa fa-lock" ></i> <i></i>
</span> </span>
</div> </div>
</div> </div>
<div class="field"> <div>
<input type="submit" name="log_in" <input type="submit" name="log_in"
value="Log in" class="button is-primary" > value="Log in" class="button is-primary" >
</div> </div>
@ -45,8 +45,8 @@
</p> </p>
{% endif %} {% endif %}
<div class="notification"> <div>
<button class="delete"></button> <button></button>
<p> <p>
This information is only used to log you in to your instance for the This information is only used to log you in to your instance for the
first time. Brutaldon never stores your username and password; it first time. Brutaldon never stores your username and password; it

146
brutaldon/templates/setup/settings.html
View File

@ -2,195 +2,195 @@
{% load widget_tweaks %} {% load widget_tweaks %}
{% block content %} {% block content %}
<div class="container"> <div>
<h1 class="title">Settings</h1> <h1>Settings</h1>
<form method="post" action="{% url "settings" %}" > <form method="post" action="{% url "settings" %}" >
{% csrf_token %} {% csrf_token %}
<h2 class="subtitle">General Options</h2> <h2>General Options</h2>
<div class="field"> <div>
<label class="label" for="id_theme">{{ form.theme.label }}</label> <label for="id_theme">{{ form.theme.label }}</label>
<div class="control has-icons-left"> <div>
<div class="select"> <div>
{% render_field form.theme class+="select" %} {% render_field form.theme class+="select" %}
<span class="icon is-small is-left"> <span>
<span class="fa fa-paint-brush"></span> <span></span>
</div> </div>
</div> </div>
</div> </div>
<div class="field"> <div>
<label class="label" for="id_timezone">{{ form.timezone.label }}</label> <label for="id_timezone">{{ form.timezone.label }}</label>
<div class="control has-icons-left"> <div>
<div class="select"> <div>
{% render_field form.timezone class+="select" %} {% render_field form.timezone class+="select" %}
<span class="icon is-small is-left"> <span">
<span class="fa fa-clock-o"></span> <span></span>
</div> </div>
</div> </div>
</div> </div>
<h2 class="subtitle">Content Options</h2> <h2>Content Options</h2>
<div class="columns"> <div>
<div class="column is-quarter"> <div>
<label class="label checkbox" for="id_preview_sensitive"> <label for="id_preview_sensitive">
{% render_field form.preview_sensitive class+="checkbox" %} {% render_field form.preview_sensitive class+="checkbox" %}
{{ form.preview_sensitive.label }} {{ form.preview_sensitive.label }}
</label> </label>
</div> </div>
<div class="column is-quarter"> <div>
<p class="notification is-info preferences-help"> <p>
{{ form.preview_sensitive.help_text }} {{ form.preview_sensitive.help_text }}
</p> </p>
</div> </div>
<div class="column is-half"> <div>
</div> </div>
</div> </div>
<h2 class="subtitle">Timeline Options</h2> <h2>Timeline Options</h2>
<div class="field"> <div>
<label class="label checkbox"> <label>
{% render_field form.filter_replies %} {% render_field form.filter_replies %}
{{ form.filter_replies.label }} {{ form.filter_replies.label }}
</label> </label>
</div> </div>
<div class="field"> <div>
<label class="label checkbox""> <label>
{% render_field form.filter_boosts %} {% render_field form.filter_boosts %}
{{ form.filter_boosts.label }} {{ form.filter_boosts.label }}
</label> </label>
</div> </div>
<div class="columns"> <div>
<div class="column is-quarter"> <div>
<label class="label checkbox" for="id_filter_notifications"> <label class="label checkbox" for="id_filter_notifications">
{% render_field form.filter_notifications class+="checkbox" %} {% render_field form.filter_notifications class+="checkbox" %}
{{ form.filter_notifications.label }} {{ form.filter_notifications.label }}
</label> </label>
</div> </div>
<div class="column is-quarter"> <div>
<p class="notification is-info preferences-help"> <p>
{{ form.filter_notifications.help_text }} {{ form.filter_notifications.help_text }}
</p> </p>
</div> </div>
<div class="column is-half"> <div>
</div> </div>
</div> </div>
<div class="columns"> <div>
<div class="column is-quarter"> <div>
<label class="label checkbox" for="id_bundle_notifications"> <label for="id_bundle_notifications">
{% render_field form.bundle_notifications class+="checkbox" %} {% render_field form.bundle_notifications class+="checkbox" %}
{{ form.bundle_notifications.label }} {{ form.bundle_notifications.label }}
</label> </label>
</div> </div>
<div class="column is-quarter"> <div>
<p class="notification is-info preferences-help"> <p>
{{ form.bundle_notifications.help_text }} {{ form.bundle_notifications.help_text }}
</p> </p>
</div> </div>
<div class="column is-half"> <div>
</div> </div>
</div> </div>
<h2 class="subtitle">JavaScript Options</h2> <h2>JavaScript Options</h2>
<div class="columns"> <div>
<div class="column is-quarter"> <div>
<label class="label checkbox" for="id_no_javascript"> <label for="id_no_javascript">
{% render_field form.no_javascript class+="checkbox" %} {% render_field form.no_javascript class+="checkbox" %}
{{ form.no_javascript.label }} {{ form.no_javascript.label }}
</label> </label>
</div> </div>
<div class="column is-quarter"> <div>
<p class="notification is-info preferences-help"> <p>
{{ form.no_javascript.help_text }} {{ form.no_javascript.help_text }}
</p> </p>
</div> </div>
<div class="column is-half"> <div>
</div> </div>
</div> </div>
<div class="columns"> <div>
<div class="column is-quarter"> <div>
<label class="label checkbox" for="id_notifications"> <label for="id_notifications">
{% render_field form.notifications class+="checkbox" %} {% render_field form.notifications class+="checkbox" %}
{{ form.notifications.label }} {{ form.notifications.label }}
</label> </label>
</div> </div>
<div class="column is-quarter"> <div>
<p class="notification is-info preferences-help"> <p>
{{ form.notifications.help_text }} {{ form.notifications.help_text }}
</p> </p>
</div> </div>
<div class="column is-half"> <div>
</div> </div>
</div> </div>
<div class="columns"> <div>
<div class="column is-quarter"> <div>
<label class="label checkbox" for="id_click_to_load"> <label for="id_click_to_load">
{% render_field form.click_to_load class+="checkbox" %} {% render_field form.click_to_load class+="checkbox" %}
{{ form.click_to_load.label }} {{ form.click_to_load.label }}
</label> </label>
</div> </div>
<div class="column is-quarter"> <div>
<p class="notification is-info preferences-help"> <p>
{{ form.click_to_load.help_text }} {{ form.click_to_load.help_text }}
</p> </p>
</div> </div>
<div class="column is-half"> <div>
</div> </div>
</div> </div>
<div class="columns"> <div>
<div class="column is-quarter"> <div>
<label class="label checkbox" for="id_lightbox"> <label for="id_lightbox">
{% render_field form.lightbox class+="checkbox" %} {% render_field form.lightbox class+="checkbox" %}
{{ form.lightbox.label }} {{ form.lightbox.label }}
</label> </label>
</div> </div>
<div class="column is-quarter"> <div>
<p class="notification is-info preferences-help"> <p>
{{ form.lightbox.help_text }} {{ form.lightbox.help_text }}
</p> </p>
</div> </div>
<div class="column is-half"> <div>
</div> </div>
</div> </div>
<div class="columns"> <div>
<div class="column is-quarter"> <div>
<label class="label" for="id_poll_frequency"> <label for="id_poll_frequency">
{{ form.poll_frequency.label }} {{ form.poll_frequency.label }}
</label> </label>
<div class="control"> <div>
{% render_field form.poll_frequency class+="input" %} {% render_field form.poll_frequency class+="input" %}
</div> </div>
</div> </div>
<div class="column is-quarter"> <div>
<p class="notification is-info preferences-help"> <p>
{{ form.poll_frequency.help_text }} {{ form.poll_frequency.help_text }}
</p> </p>
</div> </div>
<div class="column is-half"> <div>
</div> </div>
</div> </div>
<div class="field"> <div>
<input type="submit" name="submit" <input type="submit" name="submit"
value="Save" class="button is-primary" > value="Save" class="button is-primary" >
</div> </div>
</form> </form>
<h2 class="subtitle">Bookmarklet</h2> <h2>Bookmarklet</h2>
<p> <p>
<a href="{{ bookmarklet_url }}">Share via brutaldon</a> <a href="{{ bookmarklet_url }}">Share via brutaldon</a>
</p> </p>
<h2 class="subtitle">Filters and More</h2> <h2>Filters and More</h2>
<p><a href="{% url "list_filters" %}">List filters</a></p> <p><a href="{% url "list_filters" %}">List filters</a></p>
<p><a href="{% url "follow_requests" %}">Follow requests</a></p> <p><a href="{% url "follow_requests" %}">Follow requests</a></p>