https://blog.x-way.org/

Submitted URL:
https://blog.x-way.org/
Report Finished:

The outgoing links identified from the page

LinkText
https://meshtastic.org/Meshtastic
https://developer.mozilla.org/en-US/docs/Web/API/Web_Serial_APIWeb Serial API
https://mobile.galaxus.ch/Galaxus Mobile
https://daringfireball.net/linked/2024/09/28/hidden-pref-to-restore-slow-motion-dock-minimizing-on-macosDaring Fireball describes
https://mastodon.social/@charlesa/113212025522260922What I’d forgotten
https://www.talktalk.ch/TalkTalk
https://www.subset-festival.com/Subset Festival
https://www.andromedik.com/Andromedik
https://hybridmindsmusic.com/Hybrid Minds
http://netskymusic.com/Netsky

JavaScript Variables · 5 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
umamiobject

Console log messages · 1 found

Messages logged to the web console

TypeCategoryLog
warningother
Text
Error with Permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'.

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en" prefix="og: https://ogp.me/ns#"><head>

<meta name="robots" content="all">
<meta name="description" content="x-log - personal weblog of Andreas Jaggi">
<meta name="MSSmartTagsPreventParsing" content="yes">
<meta name="generator" content="x-log">
<meta name="version" content="jekyll">
<meta name="author" content="Andreas Jaggi">
<meta name="geo.position" content="46.5551;7.3705">
<meta name="geo.placename" content="Zweisimmen, Switzerland">
<meta name="geo.country" content="Switzerland">
<meta name="ICBM" content="46.5551, 7.3705">

<meta property="og:site_name" content="x-log">
<meta property="og:title" content="x-log">
<meta property="og:description" content="x-log - personal weblog of Andreas Jaggi">
<meta property="og:type" content="website">
<meta property="og:url" content="https://blog.x-way.org/">
<meta property="og:image" content="https://blog.x-way.org/logo.gif">
<meta property="og:locale" content="en">

<link rel="meta" type="application/rdf+xml" title="FOAF" href="https://blog.x-way.org/foaf.rdf">

<link rel="me" href="https://infosec.exchange/@x_way">
<link rel="me" href="https://github.com/x-way">

<link rel="pgpkey" type="application/pgp-keys" title="Andreas Jaggis GPG Public Key" href="http://andreas-jaggi.ch/A3A54203.asc">

<link rel="icon" href="https://blog.x-way.org/gfx/favicon.ico" type="image/ico">
<link rel="shortcut icon" type="image/x-icon" href="https://blog.x-way.org/gfx/favicon.ico">

<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="https://blog.x-way.org/rss.xml">
<link rel="alternate" type="application/atom+xml" title="Atom Feed" href="https://blog.x-way.org/atom.xml">
<link rel="alternate" type="application/json" title="JSON Feed" href="https://blog.x-way.org/feed.json">
<link rel="canonical" href="https://blog.x-way.org/">

<title>x-log</title>
<link rel="stylesheet" href="https://blog.x-way.org/css/plain.css?edc370" type="text/css" media="all">
<script type="module" src="https://blog.x-way.org/js/YouTubeVimeoEmbed.js"></script>


<script defer="" src="https://cloud.umami.is/script.js" data-website-id="448dcdd8-0fe8-4c9d-8b25-6e44b761db86"></script>
</head>
<body>
<div class="oneline">
<main>

	<header class="dates firstdates underlined"><strong>Saturday</strong><span class="sm">,  5. October 2024</span> <span class="sm wr">Week 40</span></header>
<article>
<header><h2 class="mytitle"><a href="https://blog.x-way.org/Radio/2024/10/05/Meshtastic-Web-Serial-in-Linux-as-non-root-user.html" title="Meshtastic Web Serial in Linux as non-root user">Meshtastic Web Serial in Linux as non-root user</a></h2></header>
<p>Today I played around a bit with a <a href="https://meshtastic.org/" title="Meshtastic">Meshtastic</a> device and tried to configure it through the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Serial_API" title="Web Serial API - Web APIs | MDN">Web Serial API</a> in Chrome.<br>On my Linux system it could see the device but not really change any values, update firmware etc.</p>
<p>This confused me for some time, until I looked at the permissions of <code>/dev/ttyACM0</code> (which were <samp>crw-rw----</samp>).<br>A quick <kbd>sudo chmod a+rw /dev/ttyACM0</kbd> later, and I could write to the configuration of the Meshtastic device.<br>The more tedious part was that after every config change the device rebooted and the USB serial connection was re-initialized by Linux, thus I needed to re-run the chmod command after every change. Luckily I figured out how to enable WiFi on the device and from then on no longer needed the serial access.</p>
<footer class="sm"><time datetime="2024-10-05T18:49:09+02:00">18:49</time> | <a href="https://blog.x-way.org/Radio/" class="log">Radio</a> | <a href="https://blog.x-way.org/Radio/2024/10/05/Meshtastic-Web-Serial-in-Linux-as-non-root-user.html" class="log">Permalink</a></footer>
</article>
	<header class="dates underlined"><strong>Monday</strong><span class="sm">, 30. September 2024</span> <span class="sm wr">Week 40</span></header>
<article>
<header><h2 class="mytitle"><a href="https://blog.x-way.org/Misc/2024/09/30/Enable-Visual-Voicemail-on-your-iPhone-with-Galaxus-Mobile.html" title="Enable Visual Voicemail on your iPhone with Galaxus Mobile">Enable Visual Voicemail on your iPhone with Galaxus Mobile</a></h2></header>
<p>Turns out that the procedure for enabling Visual Voicemail with <a href="https://mobile.galaxus.ch/" title="Galaxus Mobile">Galaxus Mobile</a> is the same as for <a href="https://blog.x-way.org/Misc/2024/09/24/Enable-Visual-Voicemail-on-your-iPhone-with-TalkTalk.html" title="Enable Visual Voicemail on your iPhone with TalkTalk">TalkTalk</a>.</p>
<p>In my case their database entry was somehow stuck and I first needed to send a <code>VVM OFF</code> to <code>935</code> before starting <a href="https://blog.x-way.org/Misc/2024/09/24/Enable-Visual-Voicemail-on-your-iPhone-with-TalkTalk.html" title="Enable Visual Voicemail on your iPhone with TalkTalk">the procedure</a>.</p>
<footer class="sm"><time datetime="2024-09-30T20:47:35+02:00">20:47</time> | <a href="https://blog.x-way.org/Misc/" class="log">Misc</a> | <a href="https://blog.x-way.org/Misc/2024/09/30/Enable-Visual-Voicemail-on-your-iPhone-with-Galaxus-Mobile.html" class="log">Permalink</a></footer>
</article>
	<header class="dates underlined"><strong>Sunday</strong><span class="sm">, 29. September 2024</span> <span class="sm wr">Week 39</span></header>
<article>
<header><h2 class="mytitle"><a href="https://blog.x-way.org/Mac/2024/09/29/Hidden-Pref-to-Restore-Slow-Motion-Dock-Minimizing-on-MacOS.html" title="Hidden Pref to Restore Slow-Motion Dock Minimizing on MacOS">Hidden Pref to Restore Slow-Motion Dock Minimizing on MacOS</a></h2></header>
<p><a href="https://daringfireball.net/linked/2024/09/28/hidden-pref-to-restore-slow-motion-dock-minimizing-on-macos" title="Daring Fireball: Hidden Pref to Restore Slow-Motion Dock Minimizing on MacOS">Daring Fireball describes</a> how to restore the old trick of slow motion MacOS Dock effects:</p>
<blockquote cite="https://daringfireball.net/linked/2024/09/28/hidden-pref-to-restore-slow-motion-dock-minimizing-on-macos">
<p>In the midst of recording last week’s episode of The Talk Show with Nilay Patel, I offhandedly mentioned the age-old trick of holding down the Shift key while minimizing a window (clicking the yellow button) to see the genie effect in slow motion. Nilay was like “Wait, what? That’s not working for me...” and we moved on.</p>
<p><a href="https://mastodon.social/@charlesa/113212025522260922">What I’d forgotten</a> is that Apple had removed this as default behavior a few years ago (I think in MacOS 10.14 Mojave), but you can restore the feature with this hidden preference, typed in Terminal:</p>
<pre>defaults write com.apple.dock slow-motion-allowed -bool YES</pre>
<p>Then restart the Dock:</p>
<pre>killall Dock</pre>
<p>Or, in a single command:</p>
<pre>defaults write com.apple.dock slow-motion-allowed -bool YES; killall Dock</pre>
<p>I had forgotten that this had become a hidden preference, and that I’d long ago enabled it.</p>
</blockquote>
<footer class="sm"><time datetime="2024-09-29T01:16:45+02:00">01:16</time> | <a href="https://blog.x-way.org/Mac/" class="log">Mac</a> | <a href="https://blog.x-way.org/Mac/2024/09/29/Hidden-Pref-to-Restore-Slow-Motion-Dock-Minimizing-on-MacOS.html" class="log">Permalink</a></footer>
</article>
	<header class="dates underlined"><strong>Wednesday</strong><span class="sm">, 25. September 2024</span> <span class="sm wr">Week 39</span></header>
<article>
<header><h2 class="mytitle"><a href="https://blog.x-way.org/Coding/2024/09/25/Notifying-external-services-about-changes-in-the-blog.html" title="Notifying external services about changes in the blog">Notifying external services about changes in the blog</a></h2></header>
<p>For some time now, I'm <a href="https://blog.x-way.org/Coding/2024/06/12/blogs-still-Pinging.html" title="blo.gs still Pinging - x-log">notifying blo.gs about changes in the blog</a>. After looking a bit into how search engines percieve my website recently, I learned that they also have some notification mechanisms for new pages/blogposts.</p>
<p>Thus I upgraded the oneliner into a dedicated script to notify external services about changes in the blog.<br>It is optimized for my Jekyll setup, where the generated pages in the _site folder are stored in git.<br>The notification ignores changes to summarized pages like rss.xml etc to only trigger notifications when there are changes in the original blog posts.</p>
<p>Here's the script, feel free to re-use (it expects to have <var>MYDOMAIN</var>, <var>INDEXNOW_API_KEY</var> and <var>BING_API_KEY</var> defined as environment variables):</p>
<pre>#!/bin/bash

set -e
set -u
set -o pipefail

CHANGES="$(git diff --name-only HEAD HEAD~1 -- _site)"

# early abort if no changes on _site
if [ -z "$CHANGES" ] ; then
	echo "No changes in _site found"
	exit 0
fi

# build URL list
URLLIST="\"https://${MYDOMAIN}/\""
for f in $CHANGES ; do
	case "$f" in
		_site/robots.txt|_site/humans.txt|_site/about.html|_site/rss.xml|_site/atom.xml|_site/feed.json|_site/sitemap.xml)
			continue
		;;
		*)
			url=$(echo "$f"|sed -e "sX^_siteXhttps://${MYDOMAIN}X")
			URLLIST="${URLLIST},\"${url}\""
		;;
	esac
done

if [ "\"https://${MYDOMAIN}/\"" = "$URLLIST" ] ; then
	echo "No relevant changes in _site found, skipping notifications"
	exit 0
fi

# notify ping.blo.gs (Automattic) about updates
curl --fail -s -D - -X POST http://ping.blo.gs -H 'content-type: text/xml' --data "&lt;?xml version=\"1.0\"?&gt;&lt;methodCall&gt;&lt;methodName&gt;weblogUpdates.extendedPing&lt;/methodName&gt;&lt;params&gt;&lt;param&gt;&lt;value&gt;x-log&lt;/value&gt;&lt;/param&gt;&lt;param&gt;&lt;value&gt;https://${MYDOMAIN}/&lt;/value&gt;&lt;/param&gt;&lt;param&gt;&lt;value&gt;&lt;/value&gt;&lt;/param&gt;&lt;param&gt;&lt;value&gt;https://${MYDOMAIN}/rss.xml&lt;/value&gt;&lt;/param&gt;&lt;/params&gt;&lt;/methodCall&gt;"

# report changed URLs to indexnow, include /indexnow canary URL
curl --fail -s -D - -X POST https://api.indexnow.org/IndexNow -H 'content-type: application/json; charset=utf-8' --data "{\"host\":\"${MYDOMAIN}\",\"key\":\"${INDEXNOW_API_KEY}\",\"urlList\":[${URLLIST},\"https://${MYDOMAIN}/indexnow\"]}"

# report changes URLs to bing, include /bingsubmit canary URL
curl --fail -s -D - -X POST "https://ssl.bing.com/webmaster/api.svc/json/SubmitUrlbatch?apikey=${BING_API_KEY}" -H 'content-type: application/json; charset=utf-8' --data "{\"siteUrl\":\"https://${MYDOMAIN}\",\"urlList\":[${URLLIST},\"https://${MYDOMAIN}/bingsubmit\"]}"</pre>
<footer class="sm"><time datetime="2024-09-25T10:23:25+02:00">10:23</time> | <a href="https://blog.x-way.org/Coding/" class="log">Coding</a> | <a href="https://blog.x-way.org/Coding/2024/09/25/Notifying-external-services-about-changes-in-the-blog.html" class="log">Permalink</a></footer>
</article>
	<header class="dates underlined"><strong>Tuesday</strong><span class="sm">, 24. September 2024</span> <span class="sm wr">Week 39</span></header>
<article>
<header><h2 class="mytitle"><a href="https://blog.x-way.org/Misc/2024/09/24/Enable-Visual-Voicemail-on-your-iPhone-with-TalkTalk.html" title="Enable Visual Voicemail on your iPhone with TalkTalk">Enable Visual Voicemail on your iPhone with TalkTalk</a></h2></header>
<p>When you switch to <a href="https://www.talktalk.ch/" title="TalkTalk • Dein Mobilfunk-, Telefon- &amp; Internetanbieter">TalkTalk</a> as your mobile phone provider, by default Visual Voicemail for your iPhone is not enabled.<br>And you're stuck with the 90s voiceprompt of the 'Talkbox'.</p>
<p>The following steps will activate Visual Voicemail for your iPhone:</p>
<ol>
	<li>Send a SMS text message with <code>VVM ON</code> to the number <code>935</code>.</li>
	<li>Shortly after you should get a text message confirming that Visual Voicemail has been enabled for you.</li>
	<li>Now on the iPhone, open the phone app and go to the voicemail tab. There you will either see a button asking you to setup the voicemail or a button taking you to the 90s voiceprompt.</li>
	<li>Do click on this button and setup the six-digit PIN code for your voicemail (this can be done either via a call/voiceprompt or via the guided iPhone button/dialog).</li>
	<li>Once you have setup the PIN for your voicemail, close the phone app on your iPhone.</li>
	<li>Then open the phone app again and go to the voicemail tab, where it should show the usual Visual Voicemail list of missed calls and no longer the button to call the 90s voiceprompt.<br>In my case it took a couple minutes for this to work, thus some patience might be needed.</li>
	<li>Congratulations, you have now a working Visual Voicemail on your iPhone with TalkTalk :-)</li>
</ol>
<footer class="sm"><time datetime="2024-09-24T18:36:01+02:00">18:36</time> | <a href="https://blog.x-way.org/Misc/" class="log">Misc</a> | <a href="https://blog.x-way.org/Misc/2024/09/24/Enable-Visual-Voicemail-on-your-iPhone-with-TalkTalk.html" class="log">Permalink</a></footer>
</article>
	<header class="dates underlined"><strong>Sunday</strong><span class="sm">, 22. September 2024</span> <span class="sm wr">Week 38</span></header>
<article>
<header><h2 class="mytitle"><a href="https://blog.x-way.org/Music/2024/09/22/Another-weekend-another-festival-Subset-Festival.html" title="Another weekend, another festival - Subset Festival">Another weekend, another festival - Subset Festival</a></h2></header>
<p>No festival this weekend. Did some hiking with friends instead.</p>
<p>Last weekend I attended the <a href="https://www.subset-festival.com/" title="Subset Festival | Drum &amp; Bass | Kempttal, Switzerland">Subset Festival</a>. It was the first edition of a new drum and bass focused festival.<br>There were some great artists there, most of them I knew before and was very much looking forward to see them live.</p>
<p>My favorite one was (unsurprisingly?) <a href="https://www.andromedik.com/" title="Andromedik">Andromedik</a>, but also liked <a href="https://hybridmindsmusic.com/" title="Hybrid Minds">Hybrid Minds</a>, <a href="http://netskymusic.com/" title="Netsky">Netsky</a> and <a href="https://www.andyc.cc/" title="ANDY C">Andy C</a>.<br>Very cool was that the festival was rather small, so felt quite intimate and super close to the artists.</p>
<p>Could post the same music video <a href="https://blog.x-way.org/Music/2024/09/05/Lost-Frequencies-The-Feeling.html" title="Lost Frequencies - The Feeling - x-log">as two weeks ago</a> (Andromedik's remix of The Feeling, which he said is a song very close to his heart), but you should also discover some other tracks.<br>Thus here we go with the recently released Paradise 🥳</p>
<p><youtube-vimeo-embed><a href="https://youtu.be/f0lFG63vSqc" title="Andromedik - Paradise (ft. Luka)" style="display:none">Andromedik - Paradise (ft. Luka)</a><iframe title="Andromedik - Paradise (ft. Luka)" allow="autoplay" allowfullscreen="" loading="lazy" src="https://www.youtube-nocookie.com/embed/f0lFG63vSqc" style="aspect-ratio:16/9;width:100%;" srcdoc="<style>body{background-image:url(https://i3.ytimg.com/vi/f0lFG63vSqc/hqdefault.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;display:grid;place-items:center;min-height:97dvh;overflow:hidden;}a{display:block;width:96px;height:96px;overflow:hidden;}a:focus{outline:none;}a:focus circle,a:hover circle{fill:#000;}a:focus circle:first-child + circle,a:hover circle:first-child + circle{stroke-dasharray:.4,.4;}a:focus polygon,a:hover polygon{stroke:#fff;stroke-width:.75;}</style><a href=&quot;https://www.youtube-nocookie.com/embed/f0lFG63vSqc?autoplay=1&amp;fs=1&amp;modestbranding=1&quot;><svg viewBox=&quot;0 0 16 16&quot; width=&quot;96&quot; height=&quot;96&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; aria-hidden=&quot;true&quot;><circle cx=&quot;50%&quot; cy=&quot;50%&quot; r=&quot;7.75&quot; fill=&quot;none&quot; stroke=&quot;#000&quot; stroke-width=&quot;.5&quot;/><circle cx=&quot;50%&quot; cy=&quot;50%&quot; r=&quot;7.25&quot; fill=&quot;none&quot; stroke=&quot;#fff&quot; stroke-width=&quot;.5&quot;/><circle cx=&quot;50%&quot; cy=&quot;50%&quot; r=&quot;7&quot; fill=&quot;#0009&quot;/><polygon points=&quot;12, 8 6, 4.5 6, 11.5&quot; fill=&quot;#fff&quot; stroke-linejoin=&quot;round&quot;></polygon></svg>Play</a>"></iframe></youtube-vimeo-embed></p>
<footer class="sm"><time datetime="2024-09-22T16:42:39+02:00">16:42</time> | <a href="https://blog.x-way.org/Music/" class="log">Music</a> | <a href="https://blog.x-way.org/Music/2024/09/22/Another-weekend-another-festival-Subset-Festival.html" class="log">Permalink</a></footer>
</article>
	<header class="dates underlined"><strong>Thursday</strong><span class="sm">, 19. September 2024</span> <span class="sm wr">Week 38</span></header>
<article>
<header><h2 class="mytitle"><a href="https://blog.x-way.org/Misc/2024/09/19/Simplified-archive-links.html" title="Simplified archive links">Simplified archive links</a></h2></header>
<p>Building up on the changes from the <a href="https://blog.x-way.org/Webdesign/2024/09/14/Canonical-hints.html" title="Canonical hints - x-log">canonical hints</a>, I simplified the structure of the archive links.</p><p>
</p><p>Now it's <var>/year/month/</var> everywhere.<br>Which of course brings another round of redirects to support in the nginx config to map the <var>/archive/archive-year-month.html</var> links to <var>/year/month/</var> 🙈</p>
<p>In theory all previous link schemes should still work, but if you find a broken link, please let me know :-)</p>
<footer class="sm"><time datetime="2024-09-19T23:07:06+02:00">23:07</time> | <a href="https://blog.x-way.org/Misc/" class="log">Misc</a> | <a href="https://blog.x-way.org/Misc/2024/09/19/Simplified-archive-links.html" class="log">Permalink</a></footer>
</article>
	<header class="dates underlined"><strong>Saturday</strong><span class="sm">, 14. September 2024</span> <span class="sm wr">Week 37</span></header>
<article>
<header><h2 class="mytitle"><a href="https://blog.x-way.org/Webdesign/2024/09/14/Canonical-hints.html" title="Canonical hints">Canonical hints</a></h2></header>
<p>To help regular search engines be less confused about the various pages of the blog (especially multiple generations of old inherited URL schemes), I added canonical hints to some pages.</p>
<p>Mostly straight-forward, except for the archives where I chose the concise <var>/year/month/</var> scheme instead of the full <var>/archive/archive-year-month.html</var>.<br>Curious to see how this works out. Currently the links in the navigation and overview point to the full URLs, and the short ones are only implemented with rewrites in nginx and visible in the canonical hints.</p>
<footer class="sm"><time datetime="2024-09-14T11:44:10+02:00">11:44</time> | <a href="https://blog.x-way.org/Webdesign/" class="log">Webdesign</a> | <a href="https://blog.x-way.org/Webdesign/2024/09/14/Canonical-hints.html" class="log">Permalink</a></footer>
</article>
<article>
<header><h2 class="mytitle"><a href="https://blog.x-way.org/Linux/2024/09/14/How-to-fix-missing-libcrypt-so-1-after-Debian-upgrade.html" title="How to fix missing libcrypt.so.1 after Debian upgrade">How to fix missing libcrypt.so.1 after Debian upgrade</a></h2></header>
<p>I encountered an old Debian system and tried to upgrade it from Debian 10 (buster) to Debian 12 (bookworm).<br>During the <kbd>apt-get dist-upgrade</kbd> it did run into a problem, where libcrypt.so.1 was removed and the upgrade failed to continue.<br>Additionally this caused that <kbd>dpkg</kbd> itself also stopped working and that sshd stopped accepting new connections.<br>Thus fixing the following error became urgent:</p>
<pre>/usr/bin/python3: error while loading shared libraries: libcrypt.so.1: cannot open shared object file: No such file or directory</pre>
<p>Luckily I was not the first person to run into this issue.<br>In <a href="https://stackoverflow.com/questions/76906383/libcrypt-so-1-error-after-dist-update-on-debian/77957251#77957251" title="upgrade - Libcrypt.so.1 error after dist-update on Debian - Stack Overflow">a Stack Overflow answer</a> I found the crucial workaround taken from <a href="https://bugs.debian.org/cgi-bin/bugreport.cgi?bug=993755#27" title="#993755 - libcrypt.so.1: cannot open shared object file when upgrading from Stretch to Sid - Debian Bug report logs">a comment on the corresponding Debian bugreport</a>.<br>The following steps allow to manually install a copy of the missing libcrypt.so files to fix the issue (when running this you might have a newer version of the package at hand, thus adjust the <kbd>dpkg-deb</kbd> step accordingly):</p>
<pre>cd /tmp
apt -y download libcrypt1
dpkg-deb -x libcrypt1_1%3a4.4.33-2_amd64.deb .
cp -av lib/x86_64-linux-gnu/* /lib/x86_64-linux-gnu/
apt -y --fix-broken install
</pre>
<footer class="sm"><time datetime="2024-09-14T06:12:04+02:00">06:12</time> | <a href="https://blog.x-way.org/Linux/" class="log">Linux</a> | <a href="https://blog.x-way.org/Linux/2024/09/14/How-to-fix-missing-libcrypt-so-1-after-Debian-upgrade.html" class="log">Permalink</a></footer>
</article>
	<header class="dates underlined"><strong>Tuesday</strong><span class="sm">, 10. September 2024</span> <span class="sm wr">Week 37</span></header>
<article>
<header><h2 class="mytitle"><a href="https://blog.x-way.org/Webdesign/2024/09/10/Flexboxed-archive.html" title="Flexboxed archive">Flexboxed archive</a></h2></header>
<p>Applied the <a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/" title="CSS Flexbox Layout Guide | CSS-Tricks">CSS flexbox mechanism</a> to the <a href="https://blog.x-way.org/archive/" title="x-log - Archive">archive page</a>.<br>This helps to transform the steadily growing lists of monthly archive links into a more userfriendly layout, going from a single column to eight columns and bringing all the links above 'the fold'.</p>
<footer class="sm"><time datetime="2024-09-10T09:57:35+02:00">09:57</time> | <a href="https://blog.x-way.org/Webdesign/" class="log">Webdesign</a> | <a href="https://blog.x-way.org/Webdesign/2024/09/10/Flexboxed-archive.html" class="log">Permalink</a></footer>
</article>
<footer class="navfooter">
<nav>
<a rel="prev" href="https://blog.x-way.org/page2/" title="earlier (page 2)">→</a>
</nav>
</footer>

</main>
<aside>
<nav>
<header class="navfeld">Navigation</header>
<ul class="navcontainer">
<li><a href="https://blog.x-way.org/" title="x-log - Home" class="navlink">x-log</a></li>
<li><a href="https://blog.x-way.org/archive/" title="x-log - Archive" class="navlink">Archive</a></li>
<li><a href="https://blog.x-way.org/on-this-day.html" title="x-log - On this day" class="navlink">On this day</a></li>
<li><a href="https://blog.x-way.org/statistics.html" title="x-log - Statistics" class="navlink">Statistics</a></li>
<li><a href="https://blog.x-way.org/about.html" title="x-log - About" class="navlink">About</a></li>
</ul>
</nav>

<nav>
<header class="navfeld">Blogs</header>
<ul class="navcontainer">

<li><a href="https://kniebes.com/" title="Markus Kniebes" class="navlink">mk</a></li>
<li><a href="https://vowe.net/" title="Volker Weber" class="navlink">vowe.net</a></li>
<li><a href="https://uninformation.org/" title="uninformation.org - Wald- und Wiesen-Weblog" class="navlink">uninformation.org</a></li>
<li><a href="http://binblog.info/" title="#!/bin/blog" class="navlink">#!/bin/blog</a></li>
<li><a href="http://blog.beetlebum.de/" title="beetlebum" class="navlink">beetlebum</a></li>
<li><a href="http://sushee.schreibsturm.org/" title="Su-Shee 2.0" class="navlink">Su-Shee 2.0</a></li>
<li><a href="http://codeascraft.com/" title="Code as Craft" class="navlink">Code as Craft</a></li>
<li><a href="http://engineeringblog.yelp.com" title="Yelp Product &amp; Engineering Blog" class="navlink">yelp Engineering</a></li>
<li><a href="http://utcc.utoronto.ca/~cks/space/blog/" title="Wandering Thoughts" class="navlink">Wandering Thoughts</a></li>
<li><a href="https://henrikwarne.com/" title="Henrik Warne's blog | Thoughts on programming..." class="navlink">Thoughts on programming</a></li>
<li><a href="https://rachelbythebay.com/w/" title="rachelbythebay : Writing" class="navlink">rachelbythebay.com</a></li>
<li><a href="https://blog.benjojo.co.uk/" title="Benjojo's Blog" class="navlink">Benjojo.co.uk</a></li>
<li><a href="https://charity.wtf/" title="charity.wtf - charity wtf's about technology, databases, startups, engineering management, and whiskey." class="navlink">charity.wtf</a></li>
<li><a href="https://blog.cassidoo.co/" title="Cassidy's blog" class="navlink">cassidoo</a></li>
<li><a href="https://danielmiessler.com/" title="Unsupervised Learning, by Daniel Miessler" class="navlink">danielmiessler.com</a></li>
<li><a href="https://ieftimov.com/posts/" title="Ilija Eftimov" class="navlink">ieftimov.com</a></li>
<li><a href="https://krebsonsecurity.com/" title="Krebs on Security" class="navlink">Krebs on Security</a></li>
<li><a href="https://www.troyhunt.com/" title="Troy Hunt" class="navlink">Troy Hunt</a></li>
<li><a href="http://travellingpigeon.blogspot.ch/" title="The Travelling Pigeon" class="navlink">The Travelling Pigeon</a></li>
</ul>
</nav>

<nav>
<header class="navfeld">Topics</header>
<ul class="navcontainer">
<li><a href="https://blog.x-way.org/Misc/" title="Misc" class="navlink">Misc</a></li>
<li><a href="https://blog.x-way.org/Webdesign/" title="Webdesign" class="navlink">Webdesign</a></li>
<li><a href="https://blog.x-way.org/Coding/" title="Coding" class="navlink">Coding</a></li>
<li><a href="https://blog.x-way.org/Tech/" title="Tech" class="navlink">Tech</a></li>
<li><a href="https://blog.x-way.org/Networking/" title="Networking" class="navlink">Networking</a></li>
<li><a href="https://blog.x-way.org/Linux/" title="Linux" class="navlink">Linux</a></li>
<li><a href="https://blog.x-way.org/School/" title="School" class="navlink">School</a></li>
<li><a href="https://blog.x-way.org/Mac/" title="Mac" class="navlink">Mac</a></li>
<li><a href="https://blog.x-way.org/NetBSD/" title="NetBSD" class="navlink">NetBSD</a></li>
<li><a href="https://blog.x-way.org/Music/" title="Music" class="navlink">Music</a></li>
<li><a href="https://blog.x-way.org/Cinema/" title="Cinema" class="navlink">Cinema</a></li>
<li><a href="https://blog.x-way.org/Badges/" title="Badges" class="navlink">Badges</a></li>
<li><a href="https://blog.x-way.org/Food/" title="Food" class="navlink">Food</a></li>
<li><a href="https://blog.x-way.org/Radio/" title="Radio" class="navlink">Radio</a></li>
</ul>
</nav>
</aside>

</div>

<footer>© 2002–2024 <a href="http://www.andreas-jaggi.ch/" title="Andreas Jaggi" rel="author">Andreas Jaggi</a> – Made in Switzerland</footer>



</body></html>