2024-10-30 21:04:05 +01: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" / >
< title > {{brand_name}}: {{action}} {% if alias %}{{alias}}{% else %}{{title}}{% endif %}< / title >
< meta name = "description" content = "{{action}} {% if alias %}{{alias}}{% else %}{{title}}{% endif %}" / >
< 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}} {% if alias %}{{alias}}{% else %}{{title}}{% endif %}" / >
< meta property = "og:image" content = "/photo/{{filename}}" / >
< meta property = "og:site_name" content = "{{brand_name}}" / >
< meta property = "og:title" content = "{% if alias %}{{alias}}{% else %}{{title}}{% endif %}" / >
< 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" / >
2024-11-05 09:51:28 +01:00
{% if selection %}
< style >
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)
);
}
}
@media (max-width: 725px) and (prefers-color-scheme: dark) {
body {
background: #2b2a33;
}
}
@media (max-width: 725px) {
body {
background: #f5f5f5;
}
}
< / style >
{% endif %}
2024-10-30 21:04:05 +01:00
< / 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" >
< div id = "profile" >
< h1 >
{% if 'fn' in vcard_info and vcard_info['fn'] %}
{{vcard_info['fn']}}
2024-11-05 09:51:28 +01:00
{% elif title %}
{{title}}
2024-10-30 21:04:05 +01:00
{% else %}
{{jid_bare}}
{% endif %}
< / h1 >
2024-11-05 09:51:28 +01:00
{% 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 >
2024-10-30 21:04:05 +01:00
{% endif %}
2024-11-05 09:51:28 +01:00
< div id = "vcard-note" >
{% if note %}{{note}}{% endif %}
2024-10-30 21:04:05 +01:00
< / div >
2024-11-05 09:51:28 +01:00
<!-- div>
< pre id = "xmpp-uri" > {{xmpp_uri}}< / pre >
< /div -->
2024-10-30 21:04:05 +01:00
{% if exception %}
< div >
< code > {{exception}}< / code >
< / div >
{% endif %}
{% if links %}
< div id = "action" >
{% for link in links %}
< a href = "{{link['href']}}" id = "{{link['iden']}}" >
{{link['name']}}
< / a >
{% endfor %}
< / div >
{% endif %}
2024-11-05 09:51:28 +01:00
< div id = "vcard" >
{% if 'org' in vcard_info and vcard_info['org'] %}
< h2 > {{vcard_info['org']}}< / h2 >
{% endif %}
{% if 'note' in vcard_info and vcard_info['note'] %}
< div id = "vcard-note-full" > {{vcard_info['note']}}< / div >
{% endif %}
< div id = "vcard-links" >
{% if 'email' in vcard_info and vcard_info['email'] %}
< a class = "vcard-link" href = "mailto:{{vcard_info['email']}}" > ✉️< / a >
{% endif %}
{% if 'impp' in vcard_info and vcard_info['impp'] %}
< a class = "vcard-link" href = "{{vcard_info['impp']}}" > 💬️< / a >
{% endif %}
< a class = "vcard-link" href = "xmpp:{{xmpp_uri}}" > 💡️< / a >
{% if 'url' in vcard_info and vcard_info['url'] %}
< a class = "vcard-link" href = "{{vcard_info['url']}}" > 🔗️< / a >
{% endif %}
< / div >
< div id = "vcard-links-extra" >
{% for category in vcard_info['extras'] %}
< h3 > {{category.title()}}< / h3 >
{% for i in vcard_info['extras'][category] %}
< a href = "{{i['uri']}}" > {{i['label']}}< / a >
{% endfor %}
{% endfor %}
2024-10-30 21:04:05 +01:00
< / div >
2024-11-05 09:51:28 +01:00
< / div >
{% if previous %}
< div id = "number-of-pages" >
< a href = "./" > Previous< / a >
< / div >
{% endif %}
< / div >
< div id = "notice" >
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
< 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
2024-10-30 21:04:05 +01:00
{% endif %}
2024-11-05 09:51:28 +01:00
< strong > {{title}}< / strong >
right now.
2024-10-30 21:04:05 +01:00
< / div >
< / div >
{% if message %}
< div id = "xmpp-message" > {{message}}< / div >
{% endif %}
< / div >
< / body >
< / html >