2018-05-13 12:18:09 -04:00
{% load static %}
2018-09-20 15:00:31 -04:00
{% load taglinks %}
2018-05-13 12:18:09 -04:00
2018-04-23 18:16:22 -04:00
<!DOCTYPE html>
< html >
2018-08-30 15:21:51 -04:00
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< title >
{% block title %}
2018-09-20 15:00:31 -04:00
{% if own_acct %}
brutaldon ('{{ own_acct.username }}')
{% else %}
brutaldon
{% endif %}
2018-08-30 15:21:51 -04:00
{% endblock %}< / title >
2018-09-20 15:00:31 -04:00
< link rel = "manifest" href = "{% static 'manifest.webmanifest' %}" >
{% if not preferences %}
< link rel = "stylesheet"
href="{% static 'css/bulma.min.css' %}">
< link rel = "stylesheet"
href="{% static 'css/fork-awesome.min.css' %}">
2019-01-17 21:02:23 -05:00
< link rel = "stylesheet"
href="{% static 'css/bulma-badge.min.css' %}">
< link rel = "stylesheet"
href="{% static 'css/bulma-tooltip.min.css' %}">
< link rel = "stylesheet"
href="{% static 'css/magnific-popup.css' %}">
2018-09-20 15:00:31 -04:00
< link rel = "stylesheet" href = "{% static " css / brutaldon . css " % } " >
{% else %}
< link rel = "stylesheet"
href="{% static preferences.theme.main_css %}">
< link rel = "stylesheet" href = "{% static preferences.theme.tweaks_css %}" >
2019-03-22 08:31:31 -04:00
< link rel = "stylesheet"
href="{% static 'css/magnific-popup.css' %}">
2018-09-20 15:00:31 -04:00
{% 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"
2019-01-17 21:02:23 -05:00
href="{% static 'css/bulma-tooltip.min.css' %}">
2018-10-09 13:08:02 -04:00
{% endif %}
{% if not preferences.no_javascript %}
2018-08-30 18:33:20 -04:00
< script type = "text/javascript" src = "{% static 'js/jquery.min.js' %}" > < / script >
2018-09-15 20:00:15 -04:00
< script type = "text/javascript" src = "{% static 'js/intercooler.js' %}" > < / script >
2018-11-01 09:53:07 -04:00
< script type = "application/javascript" src = "{% static 'js/mousetrap.min.js' %}" > < / script >
2018-11-06 10:44:26 -05:00
< script type = "text/javascript" src = "{% static 'js/jquery.magnific-popup.min.js' %}" > < / script >
2018-09-15 18:47:25 -04:00
< script type = "text/javascript" src = "{% static 'js/brutaldon-enhancements.js' %}" > < / script >
{% block page_scripts %}
2018-08-30 15:21:51 -04:00
{% endblock %}
{% endif %}
{% endif %}
2018-07-18 13:33:16 -04:00
{% if own_acct %}
2018-08-30 15:21:51 -04:00
< link rel = "icon" href = "{{ own_acct.avatar_static }}" >
2018-07-18 13:33:16 -04:00
{% else %}
2018-08-30 15:21:51 -04:00
< link rel = "icon" href = "{% static " images / brutaldon . png " % } " type = "image/png" >
2018-07-18 13:33:16 -04:00
{% endif %}
2019-02-05 19:05:33 -05:00
< 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.">
2018-08-30 15:21:51 -04:00
< / head >
2018-12-06 10:14:25 -05:00
< body ic-global-include = '{"csrfmiddlewaretoken": "{{ csrf_token }}"}' >
2019-01-30 10:53:14 -05:00
< div id = "page-load-indicator" > < / div >
2018-11-01 09:53:07 -04:00
< div id = "new-toot-modal" class = "modal" > < / div >
2018-09-20 08:23:12 -04:00
{% block navbar %}
2018-12-06 10:14:25 -05:00
< nav class = "navbar is-primary" role = "navigation"
2018-09-20 08:23:12 -04:00
aria-label="main navigation" id="main-nav-bar">
2018-08-30 15:21:51 -04:00
< div class = "navbar-brand" >
2018-11-15 14:45:40 -05:00
< a class = "navbar-item" href = "{% url " home " % } " >
2018-08-30 15:21:51 -04:00
{% if own_acct %}
2018-09-20 08:23:12 -04:00
< img src = "{{ own_acct.avatar_static }}"
class="image is-32x32 avatar"
alt="Brutaldon ('{{ own_acct.username }}')">
2018-08-30 15:21:51 -04:00
{% else %}
2018-09-20 08:23:12 -04:00
< img src = "{% static " images / brutaldon . png " % } "
class="image is-32x32" alt="Brutaldon">
2018-08-30 15:21:51 -04:00
{% endif %}
< / a >
< / div >
2019-04-23 18:29:30 -04:00
{% if request.session.active_instance and request.session.active_username %}
< div class = "navbar-menu is-active" id = "navMenu" >
<!-- navbar start, navbar end -->
< div class = "navbar-start" >
< a href = "{% url " home " % } " class = "navbar-item" >
< span class = "fa fa-home" > < / span >
< span > Home< / span >
< / a >
< a class = "navbar-item" href = "{% url " note " % } " >
< span class = "fa fa-bell-o" > < / span >
{% if preferences.notifications and not preferences.theme.is_brutalist %}
< span ic-src = "{% url 'notes_count' %}"
ic-poll="{{ preferences.poll_frequency }}s"
ic-target="this"
ic-select-from-response="#notes-count">
< span
{% if notifications and notifications != '0' %}
class="badge"
{% endif %}
data-badge="{{ notifications }}">
Notifications< / span >
< / span >
{% elif notifications and preferences.notifications %}
< span ic-src = "{% url 'notes_count' %}"
ic-poll="{{ preferences.poll_frequency }}s"
ic-target="this"
ic-select-from-response="#notes-count">
< span > Notifications ({{ notifications }})< / span >
< / span >
{% else %}
< span > Notifications< / span >
{% endif %}
< / a >
< a class = "navbar-item" href = "{% url " local " % } " >
< span class = "fa fa-community" > < / span >
< span > Local< / span >
< / a >
< a class = "navbar-item" href = "{% url " fed " % } " >
< span class = "fa fa-globe" > < / span >
< span > Federated< / span >
< / a >
< a class = "navbar-item" 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 > New Toot< / span >
< / a >
< a class = "navbar-item" 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 > Search< / span >
< / a >
2018-08-30 15:21:51 -04:00
< / div >
2019-04-23 18:29:30 -04:00
< div class = "navbar-end" >
< a class = "navbar-item" href = "{% url " settings " % } " >
< span class = "fa fa-gear" > < / span >
< span > Settings< / span >
< / a >
2019-04-24 06:32:57 -04:00
< a class = "navbar-item" href = "{% url " accounts " % } "
< span class = "fa fa-id-card-o" > < / span >
< span > Accounts< / span >
2019-04-23 18:29:30 -04:00
< / a >
< / div >
< / div >
2018-08-30 15:21:51 -04:00
{% endif %}
< / nav >
2018-09-20 08:23:12 -04:00
{% endblock %}
2018-09-20 08:50:32 -04:00
2019-02-04 15:06:02 -05:00
< main id = "main" class = "section" >
2018-09-20 08:23:12 -04:00
< div class = "container" >
{% block content %}
< h1 class = "title" >
Title
< / h1 >
< p class = "subtitle" >
Brutaldon is totally a thing.
< / p >
{% endblock %}
2018-08-30 15:21:51 -04:00
< / div >
2019-02-04 15:06:02 -05:00
< / main >
2018-08-30 15:21:51 -04:00
< footer class = "footer" >
< div class = "level" >
< div class = "level-left" >
< a class = "level-item is-size-7" href = "{% url " about " % } " >
About
< / a >
< a class = "level-item is-size-7" href = "https://github.com/jfmcbrayer/brutaldon" >
Source
< / a >
< / div >
< div class = "level-right" >
{% if preferences.theme.is_brutalist %}
< img class = "level-item" src = "{% static '/images/lynx.gif' %}"
alt="Lynx Now!">
< img class = "level-item" src = "{% static '/images/now9.gif' %}"
alt="Netscape Now!">
{% endif %}
< a class = "level-item is-size-7" href = "{% url " privacy " % } " >
Privacy
< / a >
< / div >
< / div >
< / footer >
2018-10-09 13:08:02 -04:00
{% if not preferences.no_javascript %}
2018-08-30 15:21:51 -04:00
< script type = "application/javascript" >
2018-10-14 20:59:38 -04:00
$(document).ready(function () {
2018-09-20 08:15:07 -04:00
menuPrepare();
});
2018-10-09 18:12:47 -04:00
{% if preferences.lightbox %}
2018-09-19 10:48:27 -04:00
Intercooler.ready(function ()
{
2018-11-06 10:44:26 -05:00
$('.attachments').each(function() {
$(this).magnificPopup({
2019-02-05 10:34:03 -05:00
delegate: 'figure.attachment-image a',
2018-11-06 10:44:26 -05:00
type: 'image',
preload: [1, 1],
gallery: {enabled: true },
zoom: { enabled: true }
});
});
2018-09-19 10:48:27 -04:00
});
2018-10-09 18:12:47 -04:00
{% endif %}
2018-08-30 15:21:51 -04:00
< / script >
{% block page_scripts_inline %}
2018-08-28 12:22:20 -04:00
{% endblock %}
2018-08-30 15:21:51 -04:00
2018-08-28 12:22:20 -04:00
{% endif %}
2018-08-30 15:21:51 -04:00
< / body >
2018-04-23 18:16:22 -04:00
< / html >
