Annotate

mod_http_muc_log/res/http_muc_log.html @ 5107:1e10ddbf5c87

mod_http_muc_log: Tweak style towards the "modern" Also accidentally converted the hand-minified CSS to SCSS for easier editing. This gets rid of the <q> element because it makes browsers (at least Firefox) add annoying quotes to any text copied out of them, interfering with opening non-linkified URLs. That could have been considered a sort of security mechanism, but convenience trumps security!
author Kim Alvefur <zash@zash.se>
date Sun, 04 Dec 2022 23:16:31 +0100
parent 5104:d4b0a995e5e3
child 5108:21170bf1e76b
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1582
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
1 <!DOCTYPE html>
3700
0fc208973f0f mod_http_muc_log: Declare language as English #a11y
Kim Alvefur <zash@zash.se>
parents: 3692
diff changeset
2 <html lang="en">
1582
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
3 <head>
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
4 <meta charset="utf-8">
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
5 <meta name="viewport" content="width=device-width, initial-scale=1">
3714
04ff0de40ba9 mod_http_muc_log: Add date metadata to log pages
Kim Alvefur <zash@zash.se>
parents: 3704
diff changeset
6 {date&<meta name="dcterms.date" content="{date}">}
3715
f03a023cd523 mod_http_muc_log: Compose page title from room data
Kim Alvefur <zash@zash.se>
parents: 3714
diff changeset
7 <title>{title?{room.name?{jid_node}}{date& - {date}}}</title>
5104
d4b0a995e5e3 mod_http_muc_log: Move CSS and JS out of template
Kim Alvefur <zash@zash.se>
parents: 4990
diff changeset
8 <link rel="stylesheet" type="text/css" href="{static}/style.css">
1582
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
9 </head>
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
10 <body>
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
11 <header>
3715
f03a023cd523 mod_http_muc_log: Compose page title from room data
Kim Alvefur <zash@zash.se>
parents: 3714
diff changeset
12 <h1 {lang&lang="{lang}"} title="xmpp:{jid?}">{title?{room.name?{jid_node}}{date& - {date}}}</h1>
2083
fed0a71a5e68 mod_http_muc_log: Add XMPP URI link for joining the current room
Kim Alvefur <zash@zash.se>
parents: 1915
diff changeset
13 <nav>
3690
8c0a6d4541d5 mod_http_muc_log: Wrap navigation in unorderded lists (thanks jonas’)
Kim Alvefur <zash@zash.se>
parents: 3645
diff changeset
14 <ul>
3692
96c6d9b0969f mod_http_muc_log: Hide room join link from room listing
Kim Alvefur <zash@zash.se>
parents: 3691
diff changeset
15 {jid_node&
96c6d9b0969f mod_http_muc_log: Hide room join link from room listing
Kim Alvefur <zash@zash.se>
parents: 3691
diff changeset
16 <li class="button"><a href="xmpp:{jid?}?join">Join using a client</a></li>
96c6d9b0969f mod_http_muc_log: Hide room join link from room listing
Kim Alvefur <zash@zash.se>
parents: 3691
diff changeset
17 }
3716
3db27b8f1cb0 mod_http_muc_log: Add button-link to webchat URL if one is set via mod_muc_webchat_url
Kim Alvefur <zash@zash.se>
parents: 3715
diff changeset
18 {room.webchat_url&
3db27b8f1cb0 mod_http_muc_log: Add button-link to webchat URL if one is set via mod_muc_webchat_url
Kim Alvefur <zash@zash.se>
parents: 3715
diff changeset
19 <li class="button"><a href="{room.webchat_url}">Join via web</a></li>
3db27b8f1cb0 mod_http_muc_log: Add button-link to webchat URL if one is set via mod_muc_webchat_url
Kim Alvefur <zash@zash.se>
parents: 3715
diff changeset
20 }
3692
96c6d9b0969f mod_http_muc_log: Hide room join link from room listing
Kim Alvefur <zash@zash.se>
parents: 3691
diff changeset
21 {links#
3690
8c0a6d4541d5 mod_http_muc_log: Wrap navigation in unorderded lists (thanks jonas’)
Kim Alvefur <zash@zash.se>
parents: 3645
diff changeset
22 <li><a class="{item.rel?}" href="{item.href}{hide_presence&?p=h}" rel="{item.rel?}">{item.text}</a></li>}
8c0a6d4541d5 mod_http_muc_log: Wrap navigation in unorderded lists (thanks jonas’)
Kim Alvefur <zash@zash.se>
parents: 3645
diff changeset
23 </ul>
1582
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
24 </nav>
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
25 </header>
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
26 <hr>
3702
caf27826c7b2 mod_http_muc_log: Use configured room language in room title/desc #a11y
Kim Alvefur <zash@zash.se>
parents: 3701
diff changeset
27 <main {lang&lang="{lang}"} class="content">
1582
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
28 <nav>
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
29 <dl class="room-list">
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
30 {rooms#
3702
caf27826c7b2 mod_http_muc_log: Use configured room language in room title/desc #a11y
Kim Alvefur <zash@zash.se>
parents: 3701
diff changeset
31 <dt {item.lang&lang="{item.lang}"} class="name"><a href="{item.href}{hide_presence&?p=h}">{item.name}</a></dt>
caf27826c7b2 mod_http_muc_log: Use configured room language in room title/desc #a11y
Kim Alvefur <zash@zash.se>
parents: 3701
diff changeset
32 <dd {item.lang&lang="{item.lang}"} class="description">{item.description?}</dd>}
1582
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
33 </dl>
3750
9002c8a2165f mod_http_muc_log: Refactor calendarization of date list into a template filter BC
Kim Alvefur <zash@zash.se>
parents: 3718
diff changeset
34 {dates|calendarize#
1751
3f3a5daf31cc mod_http_muc_log: Update template for changes in template engine
Kim Alvefur <zash@zash.se>
parents: 1625
diff changeset
35 <h2 id="{item.year}">{item.year}</h2>
3f3a5daf31cc mod_http_muc_log: Update template for changes in template engine
Kim Alvefur <zash@zash.se>
parents: 1625
diff changeset
36 {item.months#
3f3a5daf31cc mod_http_muc_log: Update template for changes in template engine
Kim Alvefur <zash@zash.se>
parents: 1625
diff changeset
37 <table id="{item.month}-{item.year}">
3f3a5daf31cc mod_http_muc_log: Update template for changes in template engine
Kim Alvefur <zash@zash.se>
parents: 1625
diff changeset
38 <caption>{item.month}</caption>
3579
b5511c48c958 mod_http_muc_log: Add table header and body tags for improved semantics
Kim Alvefur <zash@zash.se>
parents: 3485
diff changeset
39 <thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead>
b5511c48c958 mod_http_muc_log: Add table header and body tags for improved semantics
Kim Alvefur <zash@zash.se>
parents: 3485
diff changeset
40 <tbody>{item.weeks#
3580
907ccda3f0d2 mod_http_muc_log: Increase clickable area on dates
Kim Alvefur <zash@zash.se>
parents: 3579
diff changeset
41 <tr>{item.days#<td>{item.href&<a href="{item.href}{hide_presence&?p=h}">}<span>{item.day?&nbsp;}</span>{item.href&</a>}</td>}</tr>}
3579
b5511c48c958 mod_http_muc_log: Add table header and body tags for improved semantics
Kim Alvefur <zash@zash.se>
parents: 3485
diff changeset
42 </tbody>
1606
2c8b985ebde5 mod_http_muc_log: Switch to a calendar view for selecting dates
Kim Alvefur <zash@zash.se>
parents: 1589
diff changeset
43 </table>
2c8b985ebde5 mod_http_muc_log: Switch to a calendar view for selecting dates
Kim Alvefur <zash@zash.se>
parents: 1589
diff changeset
44 }
2c8b985ebde5 mod_http_muc_log: Switch to a calendar view for selecting dates
Kim Alvefur <zash@zash.se>
parents: 1589
diff changeset
45 }
1582
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
46 </nav>
3485
181561d0aae5 mod_http_muc_log: Add functionality for hiding joins and parts
Kim Alvefur <zash@zash.se>
parents: 2083
diff changeset
47
181561d0aae5 mod_http_muc_log: Add functionality for hiding joins and parts
Kim Alvefur <zash@zash.se>
parents: 2083
diff changeset
48 <div>
3597
da7ec4ed6ddf mod_http_muc_log: Hide join/part controls if they are not stored by mod_muc_mam
Kim Alvefur <zash@zash.se>
parents: 3582
diff changeset
49 {presence_available&<form>
3485
181561d0aae5 mod_http_muc_log: Add functionality for hiding joins and parts
Kim Alvefur <zash@zash.se>
parents: 2083
diff changeset
50 <label>
181561d0aae5 mod_http_muc_log: Add functionality for hiding joins and parts
Kim Alvefur <zash@zash.se>
parents: 2083
diff changeset
51 <input name="p" value="h" type="checkbox"{hide_presence& checked}>
181561d0aae5 mod_http_muc_log: Add functionality for hiding joins and parts
Kim Alvefur <zash@zash.se>
parents: 2083
diff changeset
52 <span>Hide joins and parts</span>
181561d0aae5 mod_http_muc_log: Add functionality for hiding joins and parts
Kim Alvefur <zash@zash.se>
parents: 2083
diff changeset
53 </label>
181561d0aae5 mod_http_muc_log: Add functionality for hiding joins and parts
Kim Alvefur <zash@zash.se>
parents: 2083
diff changeset
54 <noscript>
181561d0aae5 mod_http_muc_log: Add functionality for hiding joins and parts
Kim Alvefur <zash@zash.se>
parents: 2083
diff changeset
55 <button type="submit">Apply</button>
181561d0aae5 mod_http_muc_log: Add functionality for hiding joins and parts
Kim Alvefur <zash@zash.se>
parents: 2083
diff changeset
56 </noscript>
3597
da7ec4ed6ddf mod_http_muc_log: Hide join/part controls if they are not stored by mod_muc_mam
Kim Alvefur <zash@zash.se>
parents: 3582
diff changeset
57 </form>}
3485
181561d0aae5 mod_http_muc_log: Add functionality for hiding joins and parts
Kim Alvefur <zash@zash.se>
parents: 2083
diff changeset
58 </div>
181561d0aae5 mod_http_muc_log: Add functionality for hiding joins and parts
Kim Alvefur <zash@zash.se>
parents: 2083
diff changeset
59
1582
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
60 <ol class="chat-logs">{lines#
4990
d55b10878e43 mod_http_muc_log: Rename variable for improved clarity
Kim Alvefur <zash@zash.se>
parents: 4987
diff changeset
61 <li {item.lang&lang="{item.lang}"} class="{item.st_name} {item.st_type?} {item.edited&edited}" id="{item.archive_id}">
1751
3f3a5daf31cc mod_http_muc_log: Update template for changes in template engine
Kim Alvefur <zash@zash.se>
parents: 1625
diff changeset
62 <b class="nick">{item.nick}</b>
3f3a5daf31cc mod_http_muc_log: Update template for changes in template engine
Kim Alvefur <zash@zash.se>
parents: 1625
diff changeset
63 <em class="verb">{item.verb?}</em>
5107
1e10ddbf5c87 mod_http_muc_log: Tweak style towards the "modern"
Kim Alvefur <zash@zash.se>
parents: 5104
diff changeset
64 <a class="time" href="#{item.archive_id}"><time id="{item.time}" datetime="{item.datetime}">{item.time}</time></a>
1e10ddbf5c87 mod_http_muc_log: Tweak style towards the "modern"
Kim Alvefur <zash@zash.se>
parents: 5104
diff changeset
65 <p class="body">{item.edited&<del>}{item.body?}{item.edited&</del> <a href="#{item.edited}" title="jump to corrected version">&#9998;</a>}{item.edit& <a href="#{item.edit}" title="jump to previous version">&#9999;</a>}{item.reply& <a href="#{item.reply}" title="jump to message responded to">&#8634;</a>}</p>
4963
479d618c9e6d mod_http_muc_log: Show XEP-0444 reactions
Kim Alvefur <zash@zash.se>
parents: 4593
diff changeset
66 {item.reactions%<span class="reaction">{idx} {item}</span>}
4972
b49d72160497 mod_http_muc_log: Move OOB style from attribute to <style> in header
Kim Alvefur <zash@zash.se>
parents: 4963
diff changeset
67 {item.oob.url&<figure><a rel="nofollow" href="{item.oob.url?}"><img alt="{item.oob.desc?}" src="{item.oob.url?}"/></a><figcaption>{item.oob.desc?}</figcaption></figure>}
1582
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
68 </li>}
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
69 </ol>
3701
3bb9a0806439 mod_http_muc_log: Use <main> element to mark main content #a11y
Kim Alvefur <zash@zash.se>
parents: 3700
diff changeset
70 </main>
1582
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
71 <hr>
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
72 <footer>
3690
8c0a6d4541d5 mod_http_muc_log: Wrap navigation in unorderded lists (thanks jonas’)
Kim Alvefur <zash@zash.se>
parents: 3645
diff changeset
73 <nav>
8c0a6d4541d5 mod_http_muc_log: Wrap navigation in unorderded lists (thanks jonas’)
Kim Alvefur <zash@zash.se>
parents: 3645
diff changeset
74 <ul>{links#
8c0a6d4541d5 mod_http_muc_log: Wrap navigation in unorderded lists (thanks jonas’)
Kim Alvefur <zash@zash.se>
parents: 3645
diff changeset
75 <li><a class="{item.rel?}" href="{item.href}{hide_presence&?p=h}" rel="{item.rel?}">{item.text}</a></li>}
8c0a6d4541d5 mod_http_muc_log: Wrap navigation in unorderded lists (thanks jonas’)
Kim Alvefur <zash@zash.se>
parents: 3645
diff changeset
76 </ul>
1582
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
77 </nav>
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
78 <br>
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
79 <div class="powered-by">Prosody</div>
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
80 </footer>
5104
d4b0a995e5e3 mod_http_muc_log: Move CSS and JS out of template
Kim Alvefur <zash@zash.se>
parents: 4990
diff changeset
81 <script defer type="application/javascript" src="{static}/timestamps.js"></script>
1582
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
82 </body>
8e282eb0c70c mod_http_muc_log: Split out template into a configurable file.
Kim Alvefur <zash@zash.se>
parents:
diff changeset
83 </html>