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