2022-11-05 20:17:27 +00:00
<!DOCTYPE html>
2022-12-22 21:28:28 +00:00
< html lang = "en" >
2022-11-05 20:17:27 +00: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 13:53:39 +00:00
< link rel = "manifest" href = "/manifest.json" / >
2022-11-23 23:15:00 +00:00
< link rel = "shortcut icon" href = "{{ config.site_icon }}" >
2022-11-13 23:14:38 +00:00
< script src = "{% static " js / hyperscript . min . js " % } " > < / script >
2022-11-16 01:30:30 +00:00
< script src = "{% static " js / htmx . min . js " % } " > < / script >
2022-12-29 20:23:47 +00:00
< script src = "{% static " js / takahe . min . js " % } " > < / script >
2022-11-17 00:23:46 +00:00
< style >
body {
--color-highlight: {{ config.highlight_color }};
}
2022-12-24 05:56:59 +00:00
{% if not config_identity.visible_reaction_counts %}
2022-12-24 05:16:26 +00:00
.like-count {
display: none;
}
{% endif %}
2022-11-17 00:23:46 +00:00
< / style >
2022-12-24 14:28:39 +00: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 17:39:33 +00:00
{% block opengraph %}
{% include "_opengraph.html" with opengraph_local=opengraph_defaults %}
{% endblock %}
2022-11-05 20:17:27 +00:00
{% block extra_head %}{% endblock %}
< / head >
2022-11-16 01:30:30 +00:00
< body class = "{% block body_class %}{% endblock %}" hx-headers = '{"X-CSRFToken": "{{ csrf_token }}"}' >
2022-12-07 16:12:43 +00: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-13 06:21:52 +00:00
< main >
2022-12-22 21:06:35 +00:00
{% block body_main %}
2022-11-13 06:21:52 +00:00
< header >
< a class = "logo" href = "/" >
2022-11-18 02:21:00 +00:00
< img src = "{{ config.site_icon }}" width = "32" >
2022-11-06 02:10:39 +00:00
{{ config.site_name }}
< / a >
2022-11-13 06:21:52 +00:00
< menu >
2022-11-05 20:17:27 +00:00
{% if user.is_authenticated %}
2022-12-07 16:12:43 +00:00
< a href = "{% url " compose " % } " title = "Compose" role = "menuitem" { % if top_section = = " compose " % } class = "selected" { % endif % } >
2022-11-18 02:21:00 +00:00
< i class = "fa-solid fa-feather" > < / i >
2022-11-17 04:12:28 +00:00
< / a >
2022-12-24 05:52:20 +00:00
< a href = "{% url " search " % } " title = "Search" role = "menuitem" class = "search {% if top_section == " search " % } selected { % endif % } " >
2022-11-18 02:21:00 +00:00
< i class = "fa-solid fa-search" > < / i >
2022-11-18 00:43:00 +00:00
< / a >
2022-11-23 02:21:01 +00:00
{% if allows_refresh %}
2022-12-29 20:23:47 +00: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-23 02:21:01 +00:00
< i class = "fa-solid fa-rotate" > < / i >
< / a >
{% endif %}
2022-11-13 06:21:52 +00:00
< div class = "gap" > < / div >
2022-12-30 08:01:03 +00:00
< a href = "{{ request.identity.urls.view }}" role = "menuitem" class = "identity" >
2022-11-06 20:48:04 +00:00
{% if not request.identity %}
2022-11-13 06:21:52 +00:00
No Identity
< img src = "{% static " img / unknown-icon-128 . png " % } " title = "No identity selected" >
2022-11-06 02:10:39 +00:00
{% else %}
2022-11-17 15:21:42 +00:00
{{ request.identity.username }}
2022-12-12 14:22:11 +00:00
< img src = "{{ request.identity.local_icon_url.relative }}" title = "{{ request.identity.handle }}" >
2022-11-06 02:10:39 +00:00
{% endif %}
< / a >
2022-11-05 20:17:27 +00:00
{% else %}
2022-11-18 02:21:00 +00:00
< div class = "gap" > < / div >
2022-12-07 16:12:43 +00:00
< a href = "/auth/login/" role = "menuitem" class = "identity" > < i class = "fa-solid fa-right-to-bracket" > < / i > Login< / a >
2022-11-05 20:17:27 +00:00
{% endif %}
2022-11-13 06:21:52 +00:00
< / menu >
< / header >
2022-11-05 20:17:27 +00:00
2022-11-18 00:43:00 +00:00
{% block full_content %}
2022-11-18 02:21:00 +00:00
{% block pre_content %}
{% endblock %}
< div class = "columns" >
2022-12-07 16:12:43 +00:00
< div class = "left-column" id = "main-content" >
2022-11-18 02:21:00 +00:00
{% block content %}
{% endblock %}
< / div >
2022-12-07 16:12:43 +00:00
< div class = "right-column" id = "side-navigation" >
2022-11-18 02:21:00 +00:00
{% block right_content %}
{% include "activities/_menu.html" %}
{% endblock %}
< / div >
2022-11-18 00:43:00 +00:00
< / div >
2022-11-05 20:17:27 +00:00
{% endblock %}
2022-12-22 21:06:35 +00:00
{% endblock %}
2022-11-05 20:17:27 +00:00
< / main >
2022-11-18 02:21:00 +00:00
< footer >
2022-12-06 02:21:00 +00:00
{% if config.site_about %}< a href = "{% url " about " % } " > About< / a > {% endif %}
2022-12-06 02:32:35 +00: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-18 02:21:00 +00:00
< / footer >
2022-11-05 20:17:27 +00:00
< / body >
< / html >
