19e8910a4e
CSS : Add dark mode; Python : Custom QR code colors; SVG : Add graphics for dark mode; SVG : Optimize vector code; XHTML : Modify for dark mode.
140 lines
5.2 KiB
HTML
140 lines
5.2 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>XMPP: {{action}} {{title}}</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="XMPP" />
|
|
<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="https://xmpp.org">
|
|
<img id="logo" src="/img/logo-wordmark-horizontal.svg" />
|
|
</a>
|
|
<a id="download" href="https://xmpp.org/software/">
|
|
Download
|
|
</a>
|
|
</div>
|
|
<div id="container-of-profile">
|
|
<div id="profile-compact">
|
|
|
|
</div>
|
|
<div id="profile">
|
|
<div>
|
|
<a id="download-narrow" href="https://xmpp.org/software/">
|
|
<img id="logo-narrow" src="/img/logo.svg" />
|
|
Download
|
|
</a>
|
|
</div>
|
|
<h1>{{title}}</h1>
|
|
{% if note %}
|
|
<h2>{{note}}</h2>
|
|
{% endif %}
|
|
{% if services %}
|
|
<div id="services">
|
|
{% for category in services %}
|
|
{% if services[category] %}
|
|
<h3>Services ({{category}})</h3>
|
|
<dl>
|
|
{% for service in services[category] %}
|
|
{% if service['info']['text'] %}
|
|
<dt>
|
|
<h4>{{service['jid']}}</h4>
|
|
</dt>
|
|
<dd>
|
|
<strong>
|
|
<code>{{service['info']['condition']}}</code>
|
|
</strong>
|
|
</dd>
|
|
<dd>
|
|
<code>{{service['info']['text']}}</code>
|
|
</dd>
|
|
{% else %}
|
|
<dt>
|
|
<h4>
|
|
{% if service['identity'] and service['identity'][3] %}
|
|
{{service['identity'][3]}}
|
|
{% else %}
|
|
{{service['name']}}
|
|
{% endif %}
|
|
</h4>
|
|
</dt>
|
|
<dd>
|
|
<pre>Jabber ID: <a href="/d/{{service['jid']}}">{{service['jid']}}</a></pre>
|
|
{% if service['node'] %}
|
|
<pre>Node Name: <a href="/d/{{service['jid']}}/{{service['node']}}">{{service['node']}}</a></pre>
|
|
{% endif %}
|
|
</dd>
|
|
{% if service['kind'] %}
|
|
<dd>
|
|
<pre> Kind: {{service['kind']}}</pre>
|
|
</dd>
|
|
{% endif %}
|
|
{% if service['identity'] %}
|
|
<dd>
|
|
<pre> Category: {{service['identity'][0]}}</pre>
|
|
</dd>
|
|
<dd>
|
|
<pre> Type: {{service['identity'][1]}}</pre>
|
|
</dd>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
</dl>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
<div>
|
|
<pre id="xmpp-uri">{{xmpp_uri}}</pre>
|
|
</div>
|
|
{% if exception %}
|
|
<div>
|
|
<code id="exception">{{exception}}</code>
|
|
</div>
|
|
{% endif %}
|
|
<!-- % if mix or muc % -->
|
|
{% if link_href %}
|
|
<div>
|
|
<a id="action" href="{{link_href}}">
|
|
{{link_text}}
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
<!-- div>
|
|
<a id="preview" href="/view/{{jid_bare}}">
|
|
Preview journal OR Preview group chat
|
|
</a>
|
|
</div -->
|
|
<!-- div>
|
|
<a href="https://xmpp.org">
|
|
<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="message">{{message}}</div>
|
|
{% endif %}
|
|
</div>
|
|
</body>
|
|
</html>
|