sch/JabberCard
1
0
Fork 0
Code Issues 14 Pull requests Projects Releases Packages Wiki Activity Actions
JabberCard/xhtml/jid.xhtml

141 lines
4.8 KiB
HTML
Raw Normal View History

This is the initial set of files of this project.
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" />
CSS : Improve appearance for narrower displays; Python : Add branding and correct cached data; TOML : Add keys for branding and add default values; XHTML : Modify HTML code for branding.
2024-10-16 12:24:11 +02:00
<title>{{brand_name}}: {{action}} {{title}}</title>
This is the initial set of files of this project.
2024-10-08 09:13:40 +02:00
<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}}" />
CSS : Improve appearance for narrower displays; Python : Add branding and correct cached data; TOML : Add keys for branding and add default values; XHTML : Modify HTML code for branding.
2024-10-16 12:24:11 +02:00
<meta property="og:site_name" content="{{brand_name}}" />
This is the initial set of files of this project.
2024-10-08 09:13:40 +02:00
<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" />
{% if selection %}
<style>
General : Add dark mode. CSS : Add dark mode; Python : Custom QR code colors; SVG : Add graphics for dark mode; SVG : Optimize vector code; XHTML : Modify for dark mode.
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)
);
}
This is the initial set of files of this project.
2024-10-08 09:13:40 +02:00
}
Add a dynamic message in accord to JID purpose (Thanks to Ramiro from Above Phone and TBOT).
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;
}
}
This is the initial set of files of this project.
2024-10-08 09:13:40 +02:00
</style>
{% endif %}
</head>
<body>
<div id="overlay">
<div id="bar">
CSS : Improve appearance for narrower displays; Python : Add branding and correct cached data; TOML : Add keys for branding and add default values; XHTML : Modify HTML code for branding.
2024-10-16 12:24:11 +02:00
<a href="{{brand_site}}">
General : Add dark mode. CSS : Add dark mode; Python : Custom QR code colors; SVG : Add graphics for dark mode; SVG : Optimize vector code; XHTML : Modify for dark mode.
2024-10-09 15:40:51 +02:00
<img id="logo" src="/img/logo-wordmark-horizontal.svg" />
This is the initial set of files of this project.
2024-10-08 09:13:40 +02:00
</a>
Python : Add instructions for download page; SVG : Add icons of XMPP clients; TOML : Add a list of XMPP clients; XHTML : Add a download page; XHTML : Remove unused code.
2024-10-20 16:30:06 +02:00
<a id="download" href="/download">
This is the initial set of files of this project.
2024-10-08 09:13:40 +02:00
Download
</a>
</div>
CSS : Modify the design of download page; Python: Add instructions for operating systems and for featured clients; SVG : Add new icons and optimize existing icons; TOML : Add a file for operating systems; XHTML : Add a page for operating systems.
2024-10-26 19:14:45 +02:00
<div id="container">
This is the initial set of files of this project.
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 %}
{% if note %}
<h3>{{note}}</h3>
{% endif %}
<div>
<pre id="xmpp-uri">{{xmpp_uri}}</pre>
</div>
{% if exception %}
<div>
<code>{{exception}}</code>
</div>
{% endif %}
CSS : Improve the design of the graphics container; CSS : Improve the design of actions bar; Python : Add multiple actions (URI Query Types).
2024-10-09 22:07:16 +02:00
{% if links %}
<div id="action">
{% for link in links %}
[WIP] Add caching functionality.
2024-10-15 14:38:27 +02:00
<a href="{{link['href']}}" id="{{link['iden']}}">
{{link['name']}}
CSS : Improve the design of the graphics container; CSS : Improve the design of actions bar; Python : Add multiple actions (URI Query Types).
2024-10-09 22:07:16 +02:00
</a>
{% endfor %}
This is the initial set of files of this project.
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 -->
Add a dynamic message in accord to JID purpose (Thanks to Ramiro from Above Phone and TBOT).
2024-10-14 13:37:18 +02:00
{% if count or jid_kind in ('conference', 'mix', 'muc') %}
Improve interface and subject display (Thanks to the blabber.im group chat).
2024-10-14 11:31:31 +02:00
<div id="count">
<a href="{{view_href}}">
{% if count %}
{{count}} {{instance}}
Add a dynamic message in accord to JID purpose (Thanks to Ramiro from Above Phone and TBOT).
2024-10-14 13:37:18 +02:00
{% elif jid_kind in ('conference', 'mix', 'muc') %}
Improve interface and subject display (Thanks to the blabber.im group chat).
2024-10-14 11:31:31 +02:00
Preview
{% endif %}
</a>
</div>
{% endif %}
This is the initial set of files of this project.
2024-10-08 09:13:40 +02:00
</div>
Add a dynamic message in accord to JID purpose (Thanks to Ramiro from Above Phone and TBOT).
2024-10-14 13:37:18 +02:00
<div id="notice">
CSS : Improve appearance for narrower displays; Python : Add branding and correct cached data; TOML : Add keys for branding and add default values; XHTML : Modify HTML code for branding.
2024-10-16 12:24:11 +02:00
If you already have <strong>{% if chat_client %}{{chat_client}}{% else %}an XMPP Client{% endif %}</strong> you can
Add a dynamic message in accord to JID purpose (Thanks to Ramiro from Above Phone and TBOT).
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>
This is the initial set of files of this project.
2024-10-08 09:13:40 +02:00
</div>
{% if message %}
[WIP] Add caching functionality.
2024-10-15 14:38:27 +02:00
<div id="xmpp-message">{{message}}</div>
This is the initial set of files of this project.
2024-10-08 09:13:40 +02:00
{% endif %}
</div>
</body>
</html>
Reference in a new issue Copy permalink