logo

blog

My website can't be that messy, right? git clone https://hacktivis.me/git/blog.git
commit: d92d16b076257b6ceca6bdf722d8a482fd7d8440
parent a07467fc1b1183bea2ff7513254a25915a8e3484
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date:   Thu,  2 Mar 2023 18:38:31 +0100

notes/index: Use table, with sorttable

Diffstat:

Mnotes/index.xhtml96++++++++++++++++++++++++++++++++++++++++++-------------------------------------
Mnotes_index.pm16+++++++++++++---
2 files changed, 64 insertions(+), 48 deletions(-)

diff --git a/notes/index.xhtml b/notes/index.xhtml @@ -3,55 +3,61 @@ <head> <!--#include file="/templates/head.shtml" --> <title>Index of /notes/</title> + <link rel="stylesheet" href="/css/sorttable.css?serial=2020091801"/> + <script defer="" src="/javascript/sorttable.js?serial=2020091801"></script> </head> <body> <!--#include file="/templates/en/nav.shtml" --> <main> - <ul> - <li><a href="0001-autotools-Lazily-change-libGL-to-libOpenGL.patch">0001-autotools-Lazily-change-libGL-to-libOpenGL.patch</a></li> - <li><a href="NETGEAR%20ReadyNAS%20Duo%20v2">NETGEAR ReadyNAS Duo v2</a></li> - <li><a href="PDAs">PDAs</a></li> - <li><a href="PPC.txt">PPC.txt</a></li> - <li><a href="SSH%20Daemon%20Comparison.md">SSH Daemon Comparison.md</a></li> - <li><a href="VR-wayland.gmi">VR-wayland.gmi</a></li> - <li><a href="ansi.txt">ansi.txt</a></li> - <li><a href="bc.txt">bc.txt</a></li> - <li><a href="bootstrapping">bootstrapping</a></li> - <li><a href="ciphers.txt">ciphers.txt</a></li> - <li><a href="cloudchaser-issues">cloudchaser-issues</a></li> - <li><a href="computing-truths.txt">computing-truths.txt</a></li> - <li><a href="contributions">contributions</a></li> - <li><a href="drivers">drivers</a></li> - <li><a href="editors">editors</a></li> - <li><a href="feeds">feeds</a></li> - <li><a href="font-test">font-test</a></li> - <li><a href="font-test.js">font-test.js</a></li> - <li><a href="free_ipv6.txt">free_ipv6.txt</a></li> - <li><a href="gitlab">gitlab</a></li> - <li><a href="index">index</a></li> - <li><a href="license-pick">license-pick</a></li> - <li><a href="minitel2.txt">minitel2.txt</a></li> - <li><a href="native-terms">native-terms</a></li> - <li><a href="native-terms/countries.txt">native-terms/countries.txt</a></li> - <li><a href="native-terms/languages.txt">native-terms/languages.txt</a></li> - <li><a href="new-install-checklist">new-install-checklist</a></li> - <li><a href="oric-atmos">oric-atmos</a></li> - <li><a href="osu%21">osu!</a></li> - <li><a href="petitions">petitions</a></li> - <li><a href="phone-required-features">phone-required-features</a></li> - <li><a href="pure-wayland">pure-wayland</a></li> - <li><a href="pure_wayland_T495_glewinfo.log">pure_wayland_T495_glewinfo.log</a></li> - <li><a href="pure_wayland_T495_glinfo.log">pure_wayland_T495_glinfo.log</a></li> - <li><a href="review%3A%20Anti-Capitalist%20Software%20License%20v%201.4.txt">review: Anti-Capitalist Software License v 1.4.txt</a></li> - <li><a href="right_tool">right_tool</a></li> - <li><a href="services">services</a></li> - <li><a href="sucks.txt">sucks.txt</a></li> - <li><a href="systems.json">systems.json</a></li> - <li><a href="tips.md">tips.md</a></li> - <li><a href="tuple_truth_table.txt">tuple_truth_table.txt</a></li> - <li><a href="unix-defects">unix-defects</a></li> - <li><a href="zfs">zfs</a></li> - </ul> + <table class="sortable"> + <thead> + <tr><th>Name</th><th>Size</th><th>Last Modified</th></tr> + </thead> + <tbody> + <tr><td><a href="0001-autotools-Lazily-change-libGL-to-libOpenGL.patch">0001-autotools-Lazily-change-libGL-to-libOpenGL.patch</a></td><td></td></tr> + <tr><td><a href="NETGEAR%20ReadyNAS%20Duo%20v2">NETGEAR ReadyNAS Duo v2</a></td><td></td></tr> + <tr><td><a href="PDAs">PDAs</a></td><td></td></tr> + <tr><td><a href="PPC.txt">PPC.txt</a></td><td></td></tr> + <tr><td><a href="SSH%20Daemon%20Comparison.md">SSH Daemon Comparison.md</a></td><td></td></tr> + <tr><td><a href="VR-wayland.gmi">VR-wayland.gmi</a></td><td></td></tr> + <tr><td><a href="ansi.txt">ansi.txt</a></td><td></td></tr> + <tr><td><a href="bc.txt">bc.txt</a></td><td></td></tr> + <tr><td><a href="bootstrapping">bootstrapping</a></td><td></td></tr> + <tr><td><a href="ciphers.txt">ciphers.txt</a></td><td></td></tr> + <tr><td><a href="cloudchaser-issues">cloudchaser-issues</a></td><td></td></tr> + <tr><td><a href="computing-truths.txt">computing-truths.txt</a></td><td></td></tr> + <tr><td><a href="drivers">drivers</a></td><td></td></tr> + <tr><td><a href="editors">editors</a></td><td></td></tr> + <tr><td><a href="feeds">feeds</a></td><td></td></tr> + <tr><td><a href="font-test">font-test</a></td><td></td></tr> + <tr><td><a href="font-test.js">font-test.js</a></td><td></td></tr> + <tr><td><a href="free_ipv6.txt">free_ipv6.txt</a></td><td></td></tr> + <tr><td><a href="gitlab">gitlab</a></td><td></td></tr> + <tr><td><a href="index">index</a></td><td></td></tr> + <tr><td><a href="license-pick">license-pick</a></td><td></td></tr> + <tr><td><a href="minitel2.txt">minitel2.txt</a></td><td></td></tr> + <tr><td><a href="native-terms">native-terms</a></td><td></td></tr> + <tr><td><a href="native-terms/countries.txt">native-terms/countries.txt</a></td><td></td></tr> + <tr><td><a href="native-terms/languages.txt">native-terms/languages.txt</a></td><td></td></tr> + <tr><td><a href="new-install-checklist">new-install-checklist</a></td><td></td></tr> + <tr><td><a href="oric-atmos">oric-atmos</a></td><td></td></tr> + <tr><td><a href="osu%21">osu!</a></td><td></td></tr> + <tr><td><a href="petitions">petitions</a></td><td></td></tr> + <tr><td><a href="phone-required-features">phone-required-features</a></td><td></td></tr> + <tr><td><a href="pure-wayland">pure-wayland</a></td><td></td></tr> + <tr><td><a href="pure_wayland_T495_glewinfo.log">pure_wayland_T495_glewinfo.log</a></td><td></td></tr> + <tr><td><a href="pure_wayland_T495_glinfo.log">pure_wayland_T495_glinfo.log</a></td><td></td></tr> + <tr><td><a href="review%3A%20Anti-Capitalist%20Software%20License%20v%201.4.txt">review: Anti-Capitalist Software License v 1.4.txt</a></td><td></td></tr> + <tr><td><a href="right_tool">right_tool</a></td><td></td></tr> + <tr><td><a href="services">services</a></td><td></td></tr> + <tr><td><a href="sucks.txt">sucks.txt</a></td><td></td></tr> + <tr><td><a href="systems.json">systems.json</a></td><td></td></tr> + <tr><td><a href="tips.md">tips.md</a></td><td></td></tr> + <tr><td><a href="tuple_truth_table.txt">tuple_truth_table.txt</a></td><td></td></tr> + <tr><td><a href="unix-defects">unix-defects</a></td><td></td></tr> + <tr><td><a href="zfs">zfs</a></td><td></td></tr> + </tbody> + </table> </main> <!--#include file="/templates/en/footer.shtml" --> </body> diff --git a/notes_index.pm b/notes_index.pm @@ -30,21 +30,31 @@ print '<!DOCTYPE html> <head> <!--#include file="/templates/head.shtml" --> <title>Index of /notes/</title> + <link rel="stylesheet" href="/css/sorttable.css?serial=2020091801"/> + <script defer="" src="/javascript/sorttable.js?serial=2020091801"></script> </head> <body> <!--#include file="/templates/en/nav.shtml" --> <main> - <ul> + <table class="sortable"> + <thead> + <tr><th>Name</th><th>Size</th><th>Last Modified</th></tr> + </thead> + <tbody> '; foreach(sort(@content)) { my $raw = $_; my $escaped = uri_escape_utf8($raw); $escaped =~ s@%2F@/@; - print ' <li><a href="', $escaped, '">', $raw, "</a></li>\n"; + + my ($dev, $ino, $mode, $nlink, $uid, $gid) = lstat($raw); + + print ' <tr><td><a href="', $escaped, '">', $raw, "</a></td><td></td></tr>\n"; }; -print ' </ul> +print ' </tbody> + </table> </main> <!--#include file="/templates/en/footer.shtml" --> </body>