JabberCard/template/download.xhtml
Schimon Jehudah, Adv. 5e495579c2 Add file PyProject;
Support display of a single pubsub node item;
Update document README;
Modularize code;
2024-11-17 17:30:38 +02:00

252 lines
11 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}}: Download</title>
<meta name="description" content="Download an XMPP client and access to the world's foremost and premier publishing and telecommunication platform with top-tier encryption, privacy and security that are to be offered as of yet." />
<meta name="generator" content="Fast And Sleek Invite" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:description" content="Download an XMPP client and access to the world's foremost and premier publishing and telecommunication platform with top-tier encryption, privacy and security that are to be offered as of yet." />
<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-selection">
{% if client_selection %}
<div id="system-title">
<a class="system-menu" href="/selection">&lt; Systems</a>
<h1>{{title}}</h1>
{% if skipped %}
<a class="system-menu" href="/download/{{software}}/all">Clients &gt;</a>
{% elif not featured %}
<a class="system-menu" href="/download/{{software}}">Featured &gt;</a>
{% else %}
<span class="system-menu" />
{% endif %}
</div>
<div id="software-menu">
{% for client in client_selection %}
<a class="system" href="#{{client['iden']}}">
<img src="/img/{{client['iden']}}.svg"/>
<div>{{client['name']}}</div>
</a>
{% endfor %}
</div>
{% if title == 'Apple' %}
<div id="security-notices">
<span class="notice">
<a href="/download/haiku">
<img src="/img/haiku.svg" />
</a>
<span>
Please refer to the section
<a href="/download/haiku">Haiku</a> for a selection of
clients for the Haiku operating system.
</span>
</span>
</div>
{% endif %}
{% if title == 'Android' %}
<div id="security-notices">
<span class="notice">
<a href="https://f-droid.org">
<img src="/img/fdroid.svg" />
</a>
<span>
<strong>Recommended:</strong>
We advise installing an XMPP client with the
<a href="https://f-droid.org">F-Droid</a> repository, to
ensure that you are always using the most updated and secure
version of your XMPP chat client of choice, with the latest
and best that XMPP has to offer.
</span>
</span>
<span class="notice">
<a href="https://customrombay.org">
<img src="/img/plant.svg" />
</a>
<span>
<strong>Optional:</strong>
We further suggest using an updated Android system. If your
smartphone manufacturer has ceased to provide updates,
then you can install <a href="https://divestos.org">DivestOS
Mobile</a>, <a href="https://grapheneos.org/">GrapheneOS</a>
or find another custom ROM for your device at
<a href="https://customrombay.org">CustomRomBay</a>.
</span>
</span>
</div>
{% endif %}
{% if title == 'Haiku' %}
<div id="security-notices">
<span class="notice">
<img src="/img/haikudepot.svg" />
<span>
Most of the software that are listed herein should be
available for you to install from desktop directly with
HaikuDepot.
</span>
</span>
</div>
{% endif %}
{% if title == 'Linux' %}
<div id="security-notices">
<span class="notice">
<img src="/img/linux.svg" />
<span>
The listed XMPP clients, herein, are also usable with Linux
systems that are designed for mobile devices, such as
<a href="https://droidian.org">Droidian</a>,
<a href="https://mobian.org">Mobian</a> and
<a href="https://postmarketos.org">postmarketOS</a>.
</span>
</span>
<span class="notice">
<a href="/download/posix">
<img src="/img/posix.svg" />
</a>
<span>
Please refer to section <a href="/download/posix">POSIX</a>
for a selection of console software with text-based interface.
</span>
</span>
</div>
{% endif %}
{% if title == 'POSIX' %}
<div id="security-notices">
<span class="notice">
<img src="/img/posix.svg" />
<span>
The software that are listed herein are intended for people
who either want to use console interface, or remotely
control their chat client.
</span>
</span>
</div>
{% endif %}
{% if title == 'UBports' %}
<div id="security-notices">
<span class="notice">
<img src="/img/openstore.svg" style="border-radius: 8px" />
<span>
The software that are listed herein are available for you to
install directly with OpenStore.
</span>
</span>
</div>
{% endif %}
{% if title == 'Windows' %}
<div id="security-notices">
<span class="notice">
<a href="https://reactos.org">
<img src="/img/reactos.svg" />
</a>
<span>
The listed XMPP clients, herein, are also compatible with
the <a href="https://reactos.org">ReactOS</a> operating
system.
</span>
</span>
</div>
{% endif %}
<br/>
<hr/>
<dl id="selection">
{% for client in client_selection %}
<dt>
<a href="{{client['href']}}" id="{{client['iden']}}">
<img class="narrow" src="/img/{{client['iden']}}.svg"/>
<!-- img class="narrow" src="/img/{{client['iden']}}-small.svg"/ -->
<strong>{{client['name']}}</strong>
</a>
</dt>
<dd>
<span>
<span class="text">{{client['about']}}</span>
<div class="features">
{% if 'adhoc' in client['properties'] %}
<span>🪄️ Ad-Hoc Commands</span>
{% endif %}
{% if 'desktop' in client['properties'] %}
<span>🖥️ Desktop</span>
{% endif %}
{% if 'mobile' in client['properties'] %}
<span>📱 Mobile</span>
{% endif %}
{% if 'omemo' in client['properties'] %}
<!-- img class="icon" src="/img/omemo.svg" / -->
<span>🐟 OMEMO</span>
{% endif %}
{% if 'openpgp' in client['properties'] %}
<span>🔐️ OpenPGP</span>
{% endif %}
{% if 'otr' in client['properties'] %}
<span>🔏️ OTR</span>
{% endif %}
{% if 'plugin' in client['properties'] %}
<span>🧩️ Plugins</span>
{% endif %}
{% if 'pubsub' in client['properties'] %}
<span>📡️ PubSub</span>
{% endif %}
{% if 'resources' in client %}
<input type="checkbox" id="toggle-{{client['iden']}}" />
<label for="toggle-{{client['iden']}}" title="Click to display more information.">Details</label>
<ul class="details">
{% for resource in client['resources'] %}
<li><a href="{{resource['url']}}">{{resource['txt']}}</a></li>
{% endfor %}
</ul>
{% endif %}
</div>
</span>
<span>
<img class="wide" src="/img/{{client['iden']}}.svg" />
</span>
</dd>
{% endfor %}
<br/>
<hr/>
<dt>
<a href="https://xmpp.org/software/">
<img class="narrow" src="/img/xmpp.svg"/>
<strong>About XMPP</strong>
</a>
</dt>
<dd>
<span>
XMPP is the decentralized, free, open, and private messaging
and publishing protocol that drives the world's top-tier and
largest open IM network which allows for end-to-end
encrypted messaging, group chats, voice calls, video
conferences and more. Join to the community! (est. 1999)
</span>
<span>
<img class="wide" src="/img/xmpp.svg" />
</span>
</dd>
</dl>
{% endif %}
</div>
</div>
</body>
</html>