2024-10-08 09:13:40 +02:00
<?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" / >
2024-10-30 21:04:05 +01:00
< title > {{brand_name}}: {{action}} {% if alias %}{{alias}}{% else %}{{title}}{% endif %}< / title >
< meta name = "description" content = "{{action}} {% if alias %}{{alias}}{% else %}{{title}}{% endif %}" / >
2024-10-08 09:13:40 +02:00
< meta name = "generator" content = "Fast And Sleek Invite" / >
< meta name = "uri" content = "{{xmpp_uri}}" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1" / >
2024-10-30 21:04:05 +01:00
< meta property = "og:description" content = "{{action}} {% if alias %}{{alias}}{% else %}{{title}}{% endif %}" / >
2024-10-08 09:13:40 +02:00
< meta property = "og:image" content = "/photo/{{filename}}" / >
2024-10-16 12:24:11 +02:00
< meta property = "og:site_name" content = "{{brand_name}}" / >
2024-10-30 21:04:05 +01:00
< meta property = "og:title" content = "{% if alias %}{{alias}}{% else %}{{title}}{% endif %}" / >
2024-10-08 09:13:40 +02:00
< 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" / >
{% if selection %}
< style >
2024-10-09 15:40:51 +02:00
body {
/* background-repeat: no-repeat; */
background:
url(/img/background.svg),
linear-gradient(
to right,
rgba({{selection[0][2]}}, {{selection[0][1]}}, {{selection[0][0]}}, 0.7),
rgba({{selection[1][2]}}, {{selection[1][1]}}, {{selection[1][0]}}, 0.7)
);
}
@media (prefers-color-scheme: dark) {
body {
background:
url(/img/background.svg),
linear-gradient(
to right,
rgba({{selection[0][2]-50}}, {{selection[0][1]-50}}, {{selection[0][0]-50}}, 0.7),
rgba({{selection[1][2]-50}}, {{selection[1][1]-50}}, {{selection[1][0]-50}}, 0.7)
);
}
2024-10-08 09:13:40 +02:00
}
2024-10-14 13:37:18 +02:00
@media (max-width: 725px) and (prefers-color-scheme: dark) {
body {
background: #2b2a33;
}
}
@media (max-width: 725px) {
body {
background: #f5f5f5;
}
}
2024-10-08 09:13:40 +02:00
< / style >
{% endif %}
< / head >
< body >
< div id = "overlay" >
< div id = "bar" >
2024-10-16 12:24:11 +02:00
< a href = "{{brand_site}}" >
2024-10-09 15:40:51 +02:00
< img id = "logo" src = "/img/logo-wordmark-horizontal.svg" / >
2024-10-08 09:13:40 +02:00
< / a >
2024-10-20 16:30:06 +02:00
< a id = "download" href = "/download" >
2024-10-08 09:13:40 +02:00
Download
< / a >
< / div >
2024-10-26 19:14:45 +02:00
< div id = "container" >
2024-10-08 09:13:40 +02:00
< div id = "profile" >
< h1 > {{title}}< / h1 >
{% if filename %}
< div id = "graphics" >
<!-- a href="xmpp:{{jid_bare}}" -->
< img id = "photo" src = "/photo/{{filename}}" / >
< img id = "qrcode" src = "/qr/{{jid_bare}}.png" / >
<!-- /a -->
< / div >
{% endif %}
2024-10-30 21:04:05 +01:00
< div id = "vcard-note" >
{% if note %}{{note}}{% endif %}
2024-10-08 09:13:40 +02:00
< / div >
2024-10-30 21:04:05 +01:00
<!-- div>
< pre id = "xmpp-uri" > {{xmpp_uri}}< / pre >
< /div -->
2024-10-08 09:13:40 +02:00
{% if exception %}
< div >
< code > {{exception}}< / code >
< / div >
{% endif %}
2024-10-09 22:07:16 +02:00
{% if links %}
< div id = "action" >
{% for link in links %}
2024-10-15 14:38:27 +02:00
< a href = "{{link['href']}}" id = "{{link['iden']}}" >
{{link['name']}}
2024-10-09 22:07:16 +02:00
< / a >
{% endfor %}
2024-10-08 09:13:40 +02:00
< / div >
{% endif %}
<!-- div>
< a id = "preview" href = "/view/{{jid_bare}}" >
Preview journal OR Preview group chat
< / a >
< /div -->
2024-10-30 21:04:05 +01:00
< div id = "count" >
2024-11-05 09:51:28 +01:00
{% if jid_kind in ('conference', 'mix', 'muc') %}
{% if count_message %}
< a href = "{{view_href}}" >
{% if count_item %}
{{count_item}} {{instance}}
{% else %}
Preview
{% endif %}
< / a >
2024-11-05 10:52:26 +01:00
{% elif count_item %}
2024-11-05 09:51:28 +01:00
< span >
{{count_item}} {{instance}}
< / span >
{% endif %}
{% elif count_item %}
< a href = "{{view_href}}" >
{{instance}}
< / a >
2024-10-30 21:04:05 +01:00
{% endif %}
{% if vcard4 %}
2024-11-05 09:51:28 +01:00
< a href = "/c/{{jid_bare}}" > interests< / a >
2024-10-30 21:04:05 +01:00
{% endif %}
< / div >
2024-10-08 09:13:40 +02:00
< / div >
2024-10-14 13:37:18 +02:00
< div id = "notice" >
2024-10-30 21:04:05 +01:00
If you already have < strong > {% if news_client and jid_kind == 'pubsub' %}{{news_client}}{% elif chat_client %}{{chat_client}}{% else %}an XMPP Client{% endif %}< / strong > you can
2024-10-14 13:37:18 +02:00
< br / >
{% if jid_kind in ('conference', 'mix', 'muc') %}
join to
{% elif jid_kind == 'pubsub' %}
subscribe to
{% elif jid_kind == 'bot' %}
try
{% elif jid_kind == 'server' %}
explore
{% else %}
talk with
{% endif %}
< strong > {{title}}< / strong >
right now.
< / div >
2024-10-08 09:13:40 +02:00
< / div >
{% if message %}
2024-10-15 14:38:27 +02:00
< div id = "xmpp-message" > {{message}}< / div >
2024-10-08 09:13:40 +02:00
{% endif %}
< / div >
< / body >
< / html >