714103a331
Python : Add branding and correct cached data; TOML : Add keys for branding and add default values; XHTML : Modify HTML code for branding.
138 lines
5.3 KiB
HTML
138 lines
5.3 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<!-- Kayla (Céile) XMPP Invite -->
|
|
<!-- Zenya (Xenia) XMPP Invite -->
|
|
<!-- Fast And Sleek Invite (FASI) -->
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
|
|
<title>{{brand_name}}: {{action}} {% if title %}{{title}}{% else %}{{jid_bare}}{% endif %}</title>
|
|
<meta name="description" content="{{action}} {{title}}" />
|
|
<meta name="generator" content="Fast And Sleek Invite" />
|
|
<meta name="uri" content="{{xmpp_uri}}" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta property="og:description" content="{{action}} {{title}}" />
|
|
<meta property="og:image" content="/photo/{{filename}}" />
|
|
<meta property="og:site_name" content="{{brand_name}}" />
|
|
<meta property="og:title" content="{{title}}" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="{{url}}" />
|
|
<link rel="alternate icon" href="/img/favicon.ico" type="image/x-icon" />
|
|
<link rel="icon" href="/img/favicon.svg" type="image/svg+xml" />
|
|
<link rel="stylesheet" href="/css/stylesheet.css" media="screen" type="text/css" />
|
|
</head>
|
|
<body>
|
|
<div id="overlay">
|
|
<div id="bar">
|
|
<a href="{{brand_site}}">
|
|
<img id="logo" src="/img/logo-wordmark-horizontal.svg" />
|
|
</a>
|
|
<a id="download" href="https://monocles.chat/software/">
|
|
Download
|
|
</a>
|
|
</div>
|
|
<div id="container-of-content">
|
|
<div id="content">
|
|
{% if links %}
|
|
<div id="action-bar">
|
|
{% for link in links %}
|
|
<a href="{{link['href']}}" id="{{link['iden']}}">
|
|
{{link['name']}}
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
<div id="profile-top">
|
|
{% if filename %}
|
|
<img id="photo" src="/photo/{{filename}}" />
|
|
{% endif %}
|
|
<span id="titles">
|
|
<h1>{% if jid_title %}{{jid_title}}{% else %}Group Chat{% endif %}</h1>
|
|
<a href="/j/{{jid_bare}}">
|
|
<h2>{% if jid_note %}{{jid_note}}{% else %}{{jid_bare}}{% endif %}</h2>
|
|
</a>
|
|
</span>
|
|
<img id="qrcode" src="/qr/{{jid_bare}}.png" />
|
|
</div>
|
|
<div>
|
|
{% if subject %}
|
|
<pre id="subject">{{subject}}</pre>
|
|
{% endif %}
|
|
</div>
|
|
{% if messages %}
|
|
<div id="entries">
|
|
{% for message in messages %}
|
|
<div class="entry"
|
|
id="{{message['id']}}">
|
|
<strong>{{message['alias']}}</strong>
|
|
<div class="summary">{{message['body']}}</div>
|
|
<div class="date">{{message['timestamp']}}</div>
|
|
<!--
|
|
% if reactions %
|
|
<div class="reactions">
|
|
% for reaction in reactions %
|
|
<span>{{reaction}}</span>
|
|
% endfor %
|
|
</div>
|
|
% endif %
|
|
-->
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% if exception %}
|
|
<div>
|
|
<code id="exception">{{exception}}</code>
|
|
</div>
|
|
{% endif %}
|
|
{% if number_of_pages %}
|
|
<div id="number-of-pages">
|
|
{% if number_of_pages > 3 %}
|
|
{% if page_number < 2 %}
|
|
<span class="inactive" id="first">First</span>
|
|
<span class="inactive">Back</span>
|
|
{% else %}
|
|
<a href="?page=1" id="first">First</a>
|
|
<a href="?page={{page_number-1}}">Back</a>
|
|
{% endif %}
|
|
<a href="?page={{page_number}}">{{page_number}}</a>
|
|
{% if page_number == number_of_pages %}
|
|
<span class="inactive">Proceed</span>
|
|
<span class="inactive" id="last">Last</span>
|
|
{% else %}
|
|
<a href="?page={{page_number+1}}">Proceed</a>
|
|
<a href="?page={{number_of_pages}}" id="last">Last</a>
|
|
{% endif %}
|
|
{% else %}
|
|
{% for number in range(number_of_pages) %}
|
|
<a href="?page={{number+1}}">{{number+1}}</a>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
{% if previous %}
|
|
<div id="number-of-pages">
|
|
<a href="./">Previous</a>
|
|
</div>
|
|
{% endif %}
|
|
<!-- div>
|
|
<a id="preview" href="/view/{{jid_bare}}">
|
|
Preview journal OR Preview group chat
|
|
</a>
|
|
</div -->
|
|
<!-- div>
|
|
<a href="{{brand_site}}">
|
|
<img id="logo-bottom" src="/img/logo-wordmark-vertical.svg" />
|
|
</a>
|
|
</div -->
|
|
<!-- div id="note">
|
|
The Universal Messaging Standard
|
|
</div -->
|
|
</div>
|
|
</div>
|
|
{% if message %}
|
|
<div id="xmpp-message">{{message}}</div>
|
|
{% endif %}
|
|
</div>
|
|
</body>
|
|
</html>
|