CSS : Add code for element collapse/expand;

Python : Addd support for UBports;
SVG    : Add more icons;
TOML   : Add more clients;
XHTML  : Add a note of UBports, and an element to collapse/expand details.
This commit is contained in:
Schimon Jehudah, Adv. 2024-10-25 15:52:52 +03:00
parent 4c9621972a
commit 6625035969
10 changed files with 4189 additions and 80 deletions

View file

@ -47,7 +47,7 @@
Linux
</a>
<a href="/download/windows" id="windows">
Win
Windows
</a>
</div>
<div id="container-of-selection">
@ -89,9 +89,10 @@
<span>
We further suggest using an updated Android system. If your
smartphone manufacturer has ceased to provide updates,
please visit <a href="https://divestos.org">DivestOS
Mobile</a> or <a href="https://customrombay.org">
CustomRomBay</a> to find an updated version for your device.
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>.
<strong>(optional)</strong>
</span>
</span>
@ -103,7 +104,7 @@
<img src="/img/haikudepot.svg" />
<span>
Most of the software that are listed here should be available
for you to install directly from desktop with HaikuDepot.
for you to install from desktop directly with HaikuDepot.
</span>
</span>
</div>
@ -113,8 +114,8 @@
<span class="notice">
<img src="/img/tux.svg" />
<span>
The listed XMPP clients, herein, are also usable with the
Linux systems that are designed for mobile devices, e.g.
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>.
@ -125,9 +126,30 @@
<img src="/img/posix.svg" />
</a>
<span>
Please refer to the section <a href="/download/posix">XMPP
Clients For POSIX</a>, if you prefer software with text
based (i.e. console) interface.
Please refer to section <a href="/download/posix">XMPP
Clients For POSIX</a>, if you prefer console software with
text based interface.
</span>
</span>
<span class="notice">
<a href="/download/ubports">
<img src="/img/ubports.svg" />
</a>
<span>
Please refer to section <a href="/download/ubports">XMPP
Clients For UBports</a>, if you are using the UBports
mobile system (also Ubuntu Touch).
</span>
</span>
</div>
{% endif %}
{% if title == 'UBports' %}
<div id="security-notices">
<span class="notice">
<img src="/img/openstore.svg" style="border-radius: 8px" />
<span>
Most of the software that are listed here should be available
for you to install from device directly with OpenStore.
</span>
</span>
</div>
@ -135,7 +157,9 @@
{% if title == 'Windows' %}
<div id="security-notices">
<span class="notice">
<img src="/img/reactos.svg" />
<a href="https://reactos.org">
<img src="/img/reactos.svg" />
</a>
<span>
The listed XMPP clients, herein, are compatible with the
<a href="https://reactos.org">ReactOS</a> operating system.
@ -177,6 +201,15 @@
{% if 'pubsub' in client['features'] %}
<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>