<?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="/download"> 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>