2022-11-05 13:17:27 -07:00
<!DOCTYPE html>
2022-12-22 13:28:28 -08:00
< html lang = "en" >
2022-11-05 13:17:27 -07:00
< head >
< title > {% block title %}{% endblock %} - {{ config.site_name }}< / title >
< meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
{% load static %}
< link rel = "stylesheet" href = "{% static " css / style . css " % } " type = "text/css" media = "screen" / >
< link rel = "stylesheet" href = "{% static " fonts / raleway / raleway . css " % } " type = "text/css" / >
< link rel = "stylesheet" href = "{% static " fonts / font_awesome / all . min . css " % } " type = "text/css" / >
2022-11-16 05:53:39 -08:00
< link rel = "manifest" href = "/manifest.json" / >
2022-11-23 15:15:00 -08:00
< link rel = "shortcut icon" href = "{{ config.site_icon }}" >
2022-11-13 15:14:38 -08:00
< script src = "{% static " js / hyperscript . min . js " % } " > < / script >
2022-11-15 17:30:30 -08:00
< script src = "{% static " js / htmx . min . js " % } " > < / script >
2022-12-29 12:23:47 -08:00
< script src = "{% static " js / takahe . min . js " % } " > < / script >
2022-11-16 16:23:46 -08:00
< style >
body {
--color-highlight: {{ config.highlight_color }};
}
2022-12-23 21:56:59 -08:00
{% if not config_identity.visible_reaction_counts %}
2022-12-23 21:16:26 -08:00
.like-count {
display: none;
}
{% endif %}
2022-11-16 16:23:46 -08:00
< / style >
2022-12-24 06:28:39 -08:00
{% if config_identity.custom_css %}
< style > { { c o n f i g _ i d e n t i t y . c u s t o m _ c s s } } < / style >
{% endif %}
2022-12-26 09:39:33 -08:00
{% block opengraph %}
{% include "_opengraph.html" with opengraph_local=opengraph_defaults %}
{% endblock %}
2022-11-05 13:17:27 -07:00
{% block extra_head %}{% endblock %}
< / head >
2022-11-15 17:30:30 -08:00
< body class = "{% block body_class %}{% endblock %}" hx-headers = '{"X-CSRFToken": "{{ csrf_token }}"}' >
2022-12-07 08:12:43 -08:00
< a id = 'skip-to-main' class = 'screenreader-text' href = '#main-content' > Skip to Content< / a >
< a id = 'skip-to-nav' class = 'screenreader-text' href = '#side-navigation' > Skip to Navigation< / a >
2022-11-12 22:21:52 -08:00
< main >
2022-12-22 13:06:35 -08:00
{% block body_main %}
2022-11-12 22:21:52 -08:00
< header >
< a class = "logo" href = "/" >
2022-11-17 18:21:00 -08:00
< img src = "{{ config.site_icon }}" width = "32" >
2022-11-05 19:10:39 -07:00
{{ config.site_name }}
< / a >
2022-11-12 22:21:52 -08:00
< menu >
2022-11-05 13:17:27 -07:00
{% if user.is_authenticated %}
2022-12-07 08:12:43 -08:00
< a href = "{% url " compose " % } " title = "Compose" role = "menuitem" { % if top_section = = " compose " % } class = "selected" { % endif % } >
2022-11-17 18:21:00 -08:00
< i class = "fa-solid fa-feather" > < / i >
2022-11-16 20:12:28 -08:00
< / a >
2022-12-23 21:52:20 -08:00
< a href = "{% url " search " % } " title = "Search" role = "menuitem" class = "search {% if top_section == " search " % } selected { % endif % } " >
2022-11-17 18:21:00 -08:00
< i class = "fa-solid fa-search" > < / i >
2022-11-17 16:43:00 -08:00
< / a >
2022-11-22 18:21:01 -08:00
{% if allows_refresh %}
2022-12-29 12:23:47 -08:00
< a href = "." title = "Refresh" role = "menuitem" hx-get = "." hx-select = ".left-column" hx-target = ".left-column" hx-swap = "outerHTML" hx-trigger = "click, every 120s[isAtTopOfPage()]" >
2022-11-22 18:21:01 -08:00
< i class = "fa-solid fa-rotate" > < / i >
< / a >
{% endif %}
2022-11-12 22:21:52 -08:00
< div class = "gap" > < / div >
2022-12-07 08:12:43 -08:00
< a href = "/identity/select/" role = "menuitem" class = "identity" >
2022-11-06 12:48:04 -08:00
{% if not request.identity %}
2022-11-12 22:21:52 -08:00
No Identity
< img src = "{% static " img / unknown-icon-128 . png " % } " title = "No identity selected" >
2022-11-05 19:10:39 -07:00
{% else %}
2022-11-17 07:21:42 -08:00
{{ request.identity.username }}
2022-12-12 06:22:11 -08:00
< img src = "{{ request.identity.local_icon_url.relative }}" title = "{{ request.identity.handle }}" >
2022-11-05 19:10:39 -07:00
{% endif %}
< / a >
2022-11-05 13:17:27 -07:00
{% else %}
2022-11-17 18:21:00 -08:00
< div class = "gap" > < / div >
2022-12-07 08:12:43 -08:00
< a href = "/auth/login/" role = "menuitem" class = "identity" > < i class = "fa-solid fa-right-to-bracket" > < / i > Login< / a >
2022-11-05 13:17:27 -07:00
{% endif %}
2022-11-12 22:21:52 -08:00
< / menu >
< / header >
2022-11-05 13:17:27 -07:00
2022-11-17 16:43:00 -08:00
{% block full_content %}
2022-11-17 18:21:00 -08:00
{% block pre_content %}
{% endblock %}
< div class = "columns" >
2022-12-07 08:12:43 -08:00
< div class = "left-column" id = "main-content" >
2022-11-17 18:21:00 -08:00
{% block content %}
{% endblock %}
< / div >
2022-12-07 08:12:43 -08:00
< div class = "right-column" id = "side-navigation" >
2022-11-17 18:21:00 -08:00
{% block right_content %}
{% include "activities/_menu.html" %}
{% endblock %}
< / div >
2022-11-17 16:43:00 -08:00
< / div >
2022-11-05 13:17:27 -07:00
{% endblock %}
2022-12-22 13:06:35 -08:00
{% endblock %}
2022-11-05 13:17:27 -07:00
< / main >
2022-11-17 18:21:00 -08:00
< footer >
2022-12-05 18:21:00 -08:00
{% if config.site_about %}< a href = "{% url " about " % } " > About< / a > {% endif %}
2022-12-05 18:32:35 -08:00
{% if config.policy_rules %}< a href = "{% url " rules " % } " > Server Rules< / a > {% endif %}
{% if config.policy_terms %}< a href = "{% url " terms " % } " > Terms of Service< / a > {% endif %}
{% if config.policy_privacy %}< a href = "{% url " privacy " % } " > Privacy Policy< / a > {% endif %}
< a href = "https://jointakahe.org" > Takahē {{ config.version }}< / a >
2022-11-17 18:21:00 -08:00
< / footer >
2022-11-05 13:17:27 -07:00
< / body >
< / html >
