CSS : Modifications consequent to XHTML modifications;
Python : Modifications consequent to XHTML modifications; TOML : Various of modifications; XHTML : Uniform templates.
This commit is contained in:
parent
82fb55ca1c
commit
cbcf3b58d0
8 changed files with 512 additions and 289 deletions
|
@ -20,6 +20,41 @@
|
|||
<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>
|
||||
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 %}
|
||||
</head>
|
||||
<body>
|
||||
<div id="overlay">
|
||||
|
@ -36,65 +71,26 @@
|
|||
<h1>
|
||||
{% if 'fn' in vcard_info and vcard_info['fn'] %}
|
||||
{{vcard_info['fn']}}
|
||||
{% elif title %}
|
||||
{{title}}
|
||||
{% else %}
|
||||
{{jid_bare}}
|
||||
{% endif %}
|
||||
</h1>
|
||||
{% if 'org' in vcard_info and vcard_info['org'] %}
|
||||
<h2>{{vcard_info['org']}}</h2>
|
||||
{% 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' 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">
|
||||
{% if 'movim' in vcard_info and vcard_info['movim'] %}
|
||||
<h3>Movim</h3>
|
||||
{% for i in vcard_info['movim'] %}
|
||||
<a href="{{i['uri']}}">{{i['label']}}</a>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if 'journal' in vcard_info and vcard_info['journal'] %}
|
||||
<h3>Journal</h3>
|
||||
{% for i in vcard_info['journal'] %}
|
||||
<a href="{{i['uri']}}">{{i['label']}}</a>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if 'gallery' in vcard_info and vcard_info['gallery'] %}
|
||||
<h3>Gallery</h3>
|
||||
{% for i in vcard_info['gallery'] %}
|
||||
<a href="{{i['uri']}}">{{i['label']}}</a>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if 'peertube' in vcard_info and vcard_info['peertube'] %}
|
||||
<h3>PeerTube</h3>
|
||||
{% for i in vcard_info['peertube'] %}
|
||||
<a href="{{i['uri']}}">{{i['label']}}</a>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if 'code' in vcard_info and vcard_info['code'] %}
|
||||
<h3>Code</h3>
|
||||
{% for i in vcard_info['code'] %}
|
||||
<a href="{{i['uri']}}">{{i['label']}}</a>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div>
|
||||
{% for i in vcard_info %}
|
||||
<!-- a href="{{vcard_info[i]}}">{{i}}</a -->
|
||||
{% endfor %}
|
||||
<div id="vcard-note">
|
||||
{% if note %}{{note}}{% endif %}
|
||||
</div>
|
||||
<!-- div>
|
||||
<pre id="xmpp-uri">{{xmpp_uri}}</pre>
|
||||
</div -->
|
||||
{% if exception %}
|
||||
<div>
|
||||
<code>{{exception}}</code>
|
||||
|
@ -109,23 +105,57 @@
|
|||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<!-- div>
|
||||
<a id="preview" href="/view/{{jid_bare}}">
|
||||
Preview journal OR Preview group chat
|
||||
</a>
|
||||
</div -->
|
||||
{% if count or jid_kind in ('conference', 'mix', 'muc') %}
|
||||
<div id="count">
|
||||
<a href="{{view_href}}">
|
||||
{% if count %}
|
||||
{{count}} {{instance}}
|
||||
{% elif jid_kind in ('conference', 'mix', 'muc') %}
|
||||
Preview
|
||||
{% endif %}
|
||||
</a>
|
||||
<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 %}
|
||||
</div>
|
||||
</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
|
||||
{% endif %}
|
||||
<strong>{{title}}</strong>
|
||||
right now.
|
||||
</div>
|
||||
</div>
|
||||
{% if message %}
|
||||
<div id="xmpp-message">{{message}}</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue