wlair.us.to 14.1, featuring a new design

404.md

 ---
 layout: wlair
 permalink: /404.html
-exclude_from_nav: true
+exculde_from_nav: true
 ---
 404 Not Found
 -------------

_config.yml

@@ -5,15 +5,16 @@ description: "xoddf2's personal Web site"
 baseurl: ""
 url: "http://wlair.us.to"
 timezone: UTC
-wlverid: 14.0
-wlblogverid: 10.1
-twitter_username: woddfellow2
-gitlab_username:  xoddf2
-youtube_username: woddfellow2
-reddit_username:  xoddf2
+wlverid: 14.1
+wlblogverid: 10.1.1
+
+paginate: 5
 
 # Build settings
 markdown: kramdown
 permalink: blog/:year/:month/:day/:title/index.html
 category_dir: category
 highlighter: rouge
+
+# Gems
+gems: [jekyll-paginate]

_includes/footer.html

 <hr class="contentedge">
 <footer>
-	<span class="leftalign"><a href="http://validator.w3.org/check?uri=referer"><img src="{{ "/assets/images/html_valid.png" | prepend: site.baseurl }}" alt="Valid HTML" title="Valid HTML"></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="{{ "/assets/images/css_valid.png" | prepend: site.baseurl }}" alt="Valid CSS" title="Valid CSS"></a> <a href="{{ "/feed.xml" | prepend: site.baseurl }}"><img src="{{ "/assets/images/feed.png" | prepend: site.baseurl }}" alt="RSS" title="RSS feed of wlair.us.to"></a> <a href="https://www.gnu.org/software/emacs/"><img src="{{ "/assets/images/emacs.png" | prepend: site.baseurl }}" alt="GNU Emacs" title="Made with GNU Emacs, the extensible, customizable, self-documenting real-time display editor."></a></span>
-	<span style="display: none;"> | </span>
-	<span class="rightalign"><a href="mailto:{{ site.email }}"><img src="{{ "/assets/images/email-16x16.png" | prepend: site.baseurl }}" alt="Email" title="Email: {{ site.email }}"></a> <a href="https://twitter.com/woddfellow2"><img src="{{ "/assets/images/twitter-16x16.png" | prepend: site.baseurl }}" alt="Twitter" title="Twitter: @woddfellow2"></a> <a href="https://www.youtube.com/user/{{ site.youtube_username }}/"><img src="{{ "/assets/images/youtube-16x16.png" | prepend: site.baseurl }}" alt="YouTube" title="YouTube: {{ site.youtube_username }}"></a> <!-- <a href="https://gitlab.com/{{ site.gitlab_username }}"><img src="{{ "/assets/images/github-16x16.png" | prepend: site.baseurl }}" alt="GitLab" title="GitLab: {{ site.gitlab_username }}"></a> --><a href="https://www.reddit.com/user/{{ site.reddit_username }}/"><img src="{{ "/assets/images/reddit-16x16.png" | prepend: site.baseurl }}" alt="Reddit" title="Reddit: /u/{{ site.reddit_username }}"></a></span>
+	<div class="copyright">&copy;2001&ndash;2019 xoddf2</div>
+	<div class="credits">Powered by <a href="https://jekyllrb.com/">Jekyll</a> &middot; Hosted by <a href="https://about.gitlab.com/features/pages/">GitLab Pages</a></div>
 	<div style="clear: both;"></div>
-	<span id="copyright">&copy;2001&ndash;2018 xoddf2 | Powered by <a href="https://jekyllrb.com/">Jekyll</a> | Hosted by <a href="https://about.gitlab.com/features/pages/">GitLab Pages</a></span>
 </footer>

_includes/head.html

@@ -5,7 +5,8 @@
 	<meta name="wlverid" content="{{ site.wlverid }}">
 	<meta name="wlblogverid" content="{{ site.wlblogverid }}">
 	<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
-	<link rel="stylesheet" href="{{ "/assets/style.css" | prepend: site.baseurl }}">
-	<link rel="stylesheet" href="{{ "/assets/syntax.css" | prepend: site.baseurl }}">
+	<link rel="stylesheet" href="{{ "/assets/css/style.css" | prepend: site.baseurl }}">
+	<link rel="stylesheet" href="{{ "/assets/css/syntax.css" | prepend: site.baseurl }}">
 	<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl }}" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>

_includes/header.html

 <header>
 	<h1 id="sitename"><a href="{{ site.baseurl }}/">{{ site.title }}</a></h1>
-	<nav id="navi">
-		<ul>
-			{% for page in site.pages %}
-			{% unless page.exclude_from_nav %}
-			{% if page.title %}<li><a href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>{% endif %}
-			{% endunless %}
-			{% endfor %}
-		</ul>
-	</nav>
+	{% include navigation.html %}
 </header>
 <hr class="contentedge">

_includes/navigation.html

+<nav id="navi">
+	<ul>
+		{% for page in site.pages %}
+		{% unless page.exclude_from_nav %}
+		{% if page.title %}<li><a href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>{% endif %}
+		{% endunless %}
+		{% endfor %}
+		<li><a href="{{ "/feed.xml" | prepend: site.baseurl }}">Feed</a></li>
+	</ul>
+</nav>

_layouts/page.html

@@ -2,7 +2,7 @@
 layout: wlair
 ---
 <div class="post">
-	<h2>{{ page.title }}</h2>
+	<h2 class="post-title">{{ page.title }}</h2>
 	<article class="post-content">
 		{{ content }}
 	</article>

_layouts/post.html

@@ -2,13 +2,14 @@
 layout: wlair
 ---
 <div class="post">
-	<h2>{{ page.title }} ({{ page.date | date_to_long_string }}{% if page.author %} by {{ page.author }}{% endif %})</h2>
+	<h2 class="post-title">{{ page.title }} ({{ page.date | date_to_long_string }}{% if page.author %} by {{ page.author }}{% endif %})</h2>
 	<article class="post-content">
+		{% assign author = site.authors | where: 'short_name', page.author | first %}
 		{{ content }}
 	</article>
 	<nav>
-		<span class="leftalign">{% if page.previous.url %}<a href="{{ site.baseurl }}{{ page.previous.url }}">&larr; Previous: {{ page.previous.title }}</a>{% endif %}</span>
-		<span class="rightalign">{% if page.next.url %} <a href="{{ site.baseurl }}{{ page.next.url }}">Next: {{ page.next.title }} &rarr;</a>{% endif %}</span>
+		<div class="previous">{% if page.previous.url %}<a href="{{ site.baseurl }}{{ page.previous.url }}">&larr; Previous: {{ page.previous.title }}</a>{% endif %}</div>
+		<div class="next">{% if page.next.url %}<a href="{{ site.baseurl }}{{ page.next.url }}">Next: {{ page.next.title }} &rarr;</a>{% endif %}</div>
 		<div style="clear: both;"></div>
 	</nav>
 </div>

_layouts/wlair.html

-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	{% include head.html %}
 	<body>
 		{% include header.html %}
-		{{ content }}
+		<main>
+			{{ content }}
+		</main>
 		{% include footer.html %}
 	</body>
 </html>

_posts/2011-09-26-re-linux-console-colors.markdown

 ---
 layout: post
 title: "Re: Linux Console Colors"
-date: 2011-09-26 04:28
 published: false
 ---
 Over [here](http://phraktured.net/linux-console-colors.html) is a page explaining how to change the colours of the Linux framebuffer console (I am not sure about the VGA console).

_posts/2013-01-13-wlair131.markdown

 ---
 layout: post
 title: "wlair.us.to 13.1"
-date: 2013-01-13 05:50
-category: wlair
 ---
 Welcome to wlair.us.to 13.1!
 

_posts/2013-01-15-arch-box-changes.markdown

 ---
 layout: post
 title: "Arch Box Changes"
-date: 2013-01-15 04:29
 ---
 Over a week ago, I noticed that my Arch Linux box's /home hard drive had started to fail. I then rsync'd its data to my Slackware box. I lost barely any data. I then removed that drive, and made the smaller / hard drive the master.
 

_posts/2013-01-18-end-of-domain-outage.markdown

 ---
 layout: post
 title: "End of Domain Outage"
-date: 2013-01-18 03:33
 ---
 wlair.us.to has returned after an outage at my domain registrar.
\ No newline at end of file

_posts/2013-01-23-wlair-bot.markdown

 ---
 layout: post
 title: "Introducing wlair-bot"
-date: 2013-01-23 16:27
 ---
 \#wlair's channel bot, wlair-bot, now works. It is powered by Supybot. It has the MoobotFactoids and QuoteGrabs modules installed, among others.
 

_posts/2013-01-31-my-irssi-config.markdown

 ---
 layout: post
 title: "My irssi Config"
-date: 2013-01-31 02:26
 ---
 Recently, I customised irssi. 
 

_posts/2013-02-27-arch-genesis.markdown

 ---
 layout: post
 title: "Arch Linux on genesis"
-date: 2013-02-27 23:04
 ---
 A few days ago, I installed Arch on what was formerly my Gentoo box. I noticed that [a terrible bug in nouveau][1] was still present under Arch, therfore I shamefully switched to the proprietary NVIDIA driver. I am considering uninstalling X on my old box to use a framebuffer.
 

_posts/2013-03-23-slackware-volunteer.markdown

 ---
 layout: post
 title: "Slackware on volunteer"
-date: 2013-03-23 11:56
 ---
 A while ago, I installed Slackware on my old box. At one point, I accidentally switched to -current because I chose the slackpkg mirror too carelessly.
 

_posts/2013-04-15-x11-ssh-askpass-HOWTO.markdown

 ---
 layout: post
 title: "x11-ssh-askpass HOWTO"
-date: 2013-04-15 16:22
 ---
 I discovered this in OpenBSD. There, by default, at the beginning of an X session, it asks for the SSH key passphraseif there is a key. It does this with [x11-ssh-askpass][1]. I [installed it][3] on both of my boxes ([the SlackBuild of x11-ssh-askpass intended for Slackware 12.1][2] still works as of Slackware 14.0), and borrowed this from OpenBSD's default ~/.xinitrc:
 

_posts/2013-04-25-server-move.markdown

 ---
 layout: post
 title: "Server Move"
-date: 2013-04-25 21:52
 ---
-I have moved wlair.us.to from [Meskarune's personal VPS][1] (maharani.meskarune.com) to the [Hacker Haven][2] server (tesseract.hackerhaven.net). Beware that in some cases, it may take 24ߝ48 hours for the new DNS record to propagate.
+I have moved wlair.us.to from [Meskarune's personal VPS][1] (maharani.meskarune.com) to the [Hacker Haven][2] server (tesseract.hackerhaven.net). Beware that in some cases, it may take 24–48 hours for the new DNS record to propagate.
 
 [1]: http://meskarune.com/
 [2]: http://hackerhaven.net/

_posts/2013-05-02-xbiff-gmail.markdown

 ---
 layout: post
 title: "xbiff with Gmail"
-date: 2013-05-02 06:35
 ---
 It is possible to use [xbiff][1] with Gmail. It involves fetchmail and IMAP.
 

_posts/2013-05-09-jekyll100.markdown

 ---
 layout: post
 title: "Jekyll 1.0.0 Upgrade"
-date: 2013-05-09 12:12
 ---
 I just finished upgrading wlair.us.to Blog to Jekyll 1.0.0. That was nightmarish...

_posts/2013-05-16-openbsd-genesis.markdown

 ---
 layout: post
 title: "OpenBSD on genesis"
-date: 2013-05-16 04:37
 ---
 A few days ago, I installed OpenBSD 5.3 on genesis.
 

_posts/2014-12-27-editors.markdown

 ---
 layout: post
 title: "Editors"
-date: 2014-12-27 06:28
 ---
 Since mid-2013 (with a brief exception in late 2014), [GNU Emacs](http://www.gnu.org/software/emacs/) has been my main text editor.  From late 2010 to mid-2013, and for over a month in late 2014, I used [Vim](http://www.vim.org/).  After using both, I have decided on Emacs.
 

_posts/2015-12-21-making-firefox-sane.markdown

 ---
 layout: post
 title: "Making Firefox Sane"
-date: 2015-12-21 17:36
 ---
 Here are some solutions to fixing UI issues in recent versions of Firefox:
 

_posts/2016-05-16-wlair140.markdown

 ---
 layout: post
 title: "wlair.us.to 14.0"
-date: 2016-05-16 22:21
 ---
 Welcome to wlair.us.to 14.0!
 

_posts/2016-05-17-freebsd-vs-debian-on-nomad.markdown

 ---
 layout: post
 title: "FreeBSD vs Debian on nomad"
-date: 2016-05-17 01:24
 ---
 The first few weeks after I got [nomad](http://wlair.us.to/my-computers/), it ran FreeBSD 10.3.  After that, I tried Debian GNU/Linux 8.4, and certain things worked better.
 
 ### FreeBSD
 
-Most things I tried worked.  For some reason, Wi-Fi signal strength wasn't reported, and only 2.4 GHz networks were supported.  Some of the various Fn hotkeys (e.g., Fn+F7) didn't work.  Some issues weren't the fault of FreeBSD itself, but of unportable software, such as Emacs's display-battery-mode not working.  Also, there was a regression starting with FreeBSD 10.x in wich QEMU no longer supported KVM, suggesting that users use bhyve or VirtualBox instead.
+Most things I tried worked.  For some reason, Wi-Fi signal strength wasn't reported, and only 2.4 GHz networks were supported.  Some of the various Fn hotkeys (e.g., Fn+F7) didn't work.  Some issues weren't the fault of FreeBSD itself, but of unportable software, such as Emacs's display-battery-mode not working.  Also, there was a regression starting with FreeBSD 10.x in which QEMU no longer supported KVM, suggesting that users use bhyve or VirtualBox instead.
 
 Suspension barely worked,  To get the TrackPoint to work after resuming, I had to switch to a text console and then back to X.  Also, sometimes suspension would fail, and would need a reboot to be able to suspend again.  I also once left VirtualBox running overnight when suspended, and I awoke to a kernel panic.  Hibernation also didn't work.
 

_posts/2017-11-20-laptop-batteries.markdown

 ---
 layout: post
 title: "Laptop Batteries"
-date: 2017-11-20 18:15
 ---
 When I got [nomad](http://wlair.us.to/my-computers/#nomad) in April 2016, it included a 6-cell battery.  [acpi](https://sourceforge.net/projects/acpiclient/) told me its "last full capacity" was 54%.  Eventually that ended up at 34%.
 

_posts/2018-03-08-mu4e-polishing.markdown

 ---
 layout: post
 title: "mu4e Polishing"
-date: 2018-03-08 23:45
 ---
 Until recently, [mu4e](http://www.djcbsoftware.nl/code/mu/mu4e.html)'s "Unread messages" bookmark gave me messages from Gmail's <tt>/[Gmail].Spam</tt> folder, and duplicates of legitimate emails from both the <tt>/INBOX</tt> and <tt>/Gmail.[All Mail]</tt> folders.  Today, I fixed that.
 

_posts/2018-06-09-moved-to-gitlab.markdown → _posts/2018-06-10-moved-to-gitlab.markdown

 ---
 layout: post
 title: "Moved to GitLab"
-date: 2018-06-10 01:02
 ---
 I just finished migrating [my repositories](https://gitlab.com/users/xoddf2/projects) (including this Web site) from GitHub to GitLab.  For now, nothing else has changed.
 

_posts/2019-01-09-wlair141.markdown

+---
+layout: post
+title: "wlair.us.to 14.1"
+---
+Welcome to wlair.us.to 14.1!
+
+The new design features a darker colour scheme and less visual clutter, and should work better with mobile devices.  Also, the main page now consists of a more typical blog-style paginated listing instead of a list of post titles.
+
+Next, I should implement SSL support...  >_>

about.md

@@ -3,47 +3,12 @@ layout: page
 title: About
 permalink: /about/
 ---
-### Colophon
-wlair.us.to was written with [GNU Emacs](https://www.gnu.org/software/emacs/).  It is hosted at [GitLab Pages](https://about.gitlab.com/features/pages/) and is powered by [Jekyll](https://jekyllrb.com/).  The footer uses icons from the [Silk](http://www.famfamfam.com/lab/icons/silk/) icon set by [famfamfam](http://www.famfamfam.com/) and the [Social Media Icons](https://github.com/paulrobertlloyd/socialmediaicons) icon set by [Paul Robert Lloyd](https://github.com/paulrobertlloyd).  The colour scheme was designed with the help of [Paletton](http://paletton.com/#uid=7000u0kllllaFw0g0qFqFg0w0aF).  wlair.us.to is [designed to work with any browser](http://www.anybrowser.org/campaign/).  wlair.us.to's source code can be found at [GitLab](https://gitlab.com/xoddf2/xoddf2.gitlab.io).
-
-### Contact
-You can email me at [woddfellow2@gmail.com](mailto:woddfellow2@gmail.com), IM me via XMPP at [woddfellow2@jabber.org](xmpp:woddfellow2@jabber.org), or see my social media profiles:
+wlair.us.to is the personal Web site of xoddf2.  Here, you will find blog posts about nothing in particular.
 
-* [Twitter](https://twitter.com/{{ site.twitter_username }})
-* [YouTube](https://www.youtube.com/user/{{ site.youtube_username }}/)
-* [GitLab](https://gitlab.com/{{ site.gitlab_username }})
-* [Reddit](https://www.reddit.com/user/{{ site.reddit_username }}/)
+### Who am I?
+xoddf2 is a computer and electronics geek based in the United States.
 
-### PGP Public Key (F2C8F26120EB90D3)
-<pre>-----BEGIN PGP PUBLIC KEY BLOCK-----
-Version: GnuPG v2.0.19 (GNU/Linux)
-
-mQENBE6aoA8BCADmTnJt8kPI0khGJJi9+P4+HGsGmCel8kFFuyjbKTvEPVuS5Yxj
-/Qw/5sTqwnzJGfZCkzUcXJc6Vuyn/TPHQR6HKzRfambJN4jXl9fZkhtWwYzyrqby
-EUM3KZwjHUNjMrv17aU9PEskdpuAMlko3O9d9wKJxDPypdt2pv62kaRgdhvKUMON
-Ad+tnEMhQ9G6DHtjKpOld6+XE/Xp4zxkWlIGNWJKhsZfuOoBK7RNovRTRhf1bKg2
-3wkd2q7bEhAV/U9O5Wun1GdONuFua3v45LBPsNbVHZ8mVStiYu+0eCKMmKZRn6hf
-zfaR7hNj7k20ejVuXrBcy4PEl26HC3rHWx2dABEBAAG0I3dvZGRmZWxsb3cyIDx3
-b2RkZmVsbG93MkBnbWFpbC5jb20+iQE4BBMBAgAiBQJOmqAPAhsDBgsJCAcDAgYV
-CAIJCgsEFgIDAQIeAQIXgAAKCRDyyPJhIOuQ010UB/wLSLEEdYuFnVGVGGZPJf34
-e/U7PGyaEmtpdeA1Kr4X/EoLF+ao1nKygGma+/su0nkFYgG6iN8eQbZm0M/0k5CU
-NORYCVfzB/RlkAzT59K5lofaPcJimRRJhD2hf14kjU4pn32/67PPqCx23pwySUH6
-3+FIxmNjxWEulRYeVgNtlmukRYBmWNP55gyFtuYZ9ruItwWti9PYnKm9kZmtlbUq
-gCYeimauKe1r8Q1EiVRqj9J3cmr6gWEUfEREmgoFxzp/nGjViY7+edsDm8EQnvdM
-ICBa6evqwhQillepPalEOlLao5um09szplc+sdyms587Bj9+25d2SSniHE5uxo2j
-uQENBE6aoA8BCADObe4oniKh3xqDcFVNEHHJxh5CH2pN+oGjpmfoLWkrPTqjft4t
-LIaFuSfFxQfy8Inc5T3WfvBmtlemt156p8fnT7J2tfPqA7zOmy8ujBz2B/5k+OUI
-Duzk1al974ILAyfUdYaOPQ2bhl2DEhj1yFGr/Pl+09Z+PZSxNK2yQcCTf8WxFZBQ
-jEbQpF/G2lo5oMInhzHmObi0zoR+kadU0lClnmrN+IJVxVRIbmlzeycyYp2K2MLb
-MXbqvqsf23j1IGf2/F7aE5MJKB234ZPkDnhq+16qZrHd1w31GjfUUfHBEQaatcsg
-oBYT+W07RBuNiOffeDACltdsvJMnpn4CWpmVABEBAAGJAR8EGAECAAkFAk6aoA8C
-GwwACgkQ8sjyYSDrkNPqLwf/QTb+nP8QQzWJi2rWFA83Sf+yvi04b0SlWGYszXeN
-1oehW3X0VwPqL0+0blVRXq7T5pAVWYdnjhKvSOeiJs5VakJpDJjJUSKcBb9V2+Ux
-CWJY21lae6/hXdB86PuGfVvO8XMNjJGh1CuDI/H/Hn2b4ayx4+FQfUu3/FPUuC4F
-Lg68Q9gNnO+JSTxX609QDaQnV0axQZLK7nupQ/cYXEu0fS2jorste2IT3BcBjIFq
-hRi8GC/dMFYwq3bDEOUiU6jmSayL4D0OaaUqJBQ7p1hNwiwr9/ToWeh4su/7UX01
-9SO0KqVTRSSx0zubmwDQPDruun/lWJwa2ZoArBU7N1yW+A==
-=Mzbc
------END PGP PUBLIC KEY BLOCK-----</pre>
+### Colophon
+wlair.us.to is hosted at [GitLab Pages](https://about.gitlab.com/features/pages/) and is powered by [Jekyll](https://jekyllrb.com/).  The colour scheme was designed with [terminal.sexy](https://terminal.sexy/).  wlair.us.to is [designed to work with any browser](http://www.anybrowser.org/campaign/).  wlair.us.to's source code can be found at [GitLab](https://gitlab.com/xoddf2/xoddf2.gitlab.io).
 
-<span class="modified">Last modified 9 June 2018</span>
+<span class="modified">Last modified 9 January 2019</span>

assets/style.css → assets/css/style.css

 /* wlair.us.to Stylesheet
-   Time-stamp: <2016-05-16 04:14:18 PDT xoddf2> */
+   Copyright 2018 xoddf2 */
 
 body {
-	font-family: sans-serif;
-	font-size: 90%;
-	background: #F3F3F3;
-	color: #0C0C0C;
+	font-family: Helvetica, FreeSans, Arial, sans-serif;
+	background: #242424;
+	color: #E5E5E5;
 }
 
-/* Header */
 header {
 	text-align: center;
 }
-#sitename a:link, #sitename a:visited {
-	color: #6699FF;
-}
 
 /* Navigation Bar */
 nav#navi ul {
@@ -31,12 +26,6 @@ nav#navi li {
 .center {
 	text-align: center;
 }
-.leftalign {
-	float: left;
-}
-.rightalign {
-	float: right;
-}
 .inlinetitle {
 	font-weight: bold;
 }
@@ -44,35 +33,134 @@ nav#navi li {
 	font-style: italic;
 }
 
-/* List */
-li {
+h2 {
+	font-size: 130%;
+}
+
+img {
+	border: 0;
+}
+
+ul li {
 	list-style-type: square;
 }
 
-/* Horizontal Lines */
 hr.contentedge {
 	border: 0;
 	height: 1px;
 	margin: 8px 0px 8px 0px;
-	background: #CCCCCC;
+	background: #515151;
 }
 
 /* Links */
 a:link {
-	text-decoration: none;
-	color: #226666;
+	text-decoration-style: dotted;
+	color: #8BDE58;
 }
 a:visited {
-	color: #2D882D;
+	color: #DBDF39;
 }
 a:active {
-	color: #AA3939;
+	color: #DD424C;
 }
 a:hover {
 	text-decoration: underline;
+	text-decoration-style: solid;
+}
+
+#sitename a:link, #sitename a:visited {
+	color: #E5E5E5;
+	text-decoration: none;
+}
+#sitename a:hover {
+	text-decoration: underline;
+	text-decoration-style: solid;
+}
+
+/* Navigation Links */
+.previous {
+	float: left;
+}
+.next {
+	float: right;
+}
+
+/* Desktop */
+@media screen and (min-width: 800px) {
+	body {
+		font-size: 100%;
+		max-width: 50em;
+		margin: auto;
+		padding: 8px;
+	}
+	main {
+		line-height: 1.25;
+	}
+	footer {
+		font-size: 95%;
+	}
+	.copyright {
+		float: left;
+	}
+	.credits {
+		float: right;
+	}
+}
+
+/* Mobile */
+@media screen and (max-width: 799px) {
+	body {
+		font-size: 105%;
+	}
+	main {
+		line-height: 1.5;
+	}
+	h1#sitename {
+		margin: 0.5em 0em 0.5em 0em;
+	}
+	nav {
+		line-height: 1.5;
+	}
+	footer {
+		font-size: 90%;
+		line-height: 1.5;
+		text-align: center;
+	}
+	nav#navi {
+		font-size: 100%;
+	}
+	img {
+		max-width: 100%;
+	}
 }
 
-/* Footer */
-footer {
-	font-size: 85%;
+/* Print */
+@media print {
+	body {
+		background: white;
+		color: black;
+	}
+	nav {
+		display: none;
+	}
+	a:link, a:visited {
+		text-decoration: underline;
+		color: blue;
+	}
+	#sitename a:link, #sitename a:visited {
+		text-decoration: none;
+	}
+	.previous {
+		display: none;
+	}
+	.next {
+		display: none;
+	}
+	img {
+		max-width: 100%;
+	}
+	footer {
+		font-size: 95%;
+		text-align: center;
+	}
 }

assets/css/syntax.css

+.highlight  { color: #E5E5E5; background: #242424; }
+.highlight .c { color: #7DACDE; font-style: italic } /* Comment */
+.highlight .err { color: #87222A; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #7DACDE; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #DBDF39; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #7DACDE; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #7DACDE; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #242424; background-color: #87222A } /* Generic.Deleted */
+.highlight .gd .x { color: #242424; background-color: #DD424C } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #DD424C } /* Generic.Error */
+.highlight .gh { color: #929292 } /* Generic.Heading */
+.highlight .gi { color: #242424; background-color: #8BDE58 } /* Generic.Inserted */
+.highlight .gi .x { color: #242424; background-color: #8BDE58 } /* Generic.Inserted.Specific */
+.highlight .go { color: #242424 } /* Generic.Output */
+.highlight .gp { color: #515151 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #929292 } /* Generic.Subheading */
+.highlight .gt { color: #87222A } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #7FE0DC; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #407D78 } /* Literal.Number */
+.highlight .s { color: #8BDE58 } /* Literal.String */
+.highlight .na { color: #407D78 } /* Name.Attribute */
+.highlight .nb { color: #7FE0DC; font-weight: bold } /* Name.Builtin */
+.highlight .nc { color: #407D78; font-weight: bold } /* Name.Class */
+.highlight .no { color: #407D78 } /* Name.Constant */
+.highlight .ni { color: #6F3971 } /* Name.Entity */
+.highlight .ne { color: #87222A; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #7FE0DC; font-weight: bold } /* Name.Function */
+.highlight .nn { font-weight: bold } /* Name.Namespace */
+.highlight .nt { color: #23415D } /* Name.Tag */
+.highlight .nv { color: #DBDF39 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #929292 } /* Text.Whitespace */
+.highlight .mf { color: #7FE0DC } /* Literal.Number.Float */
+.highlight .mh { color: #7FE0DC } /* Literal.Number.Hex */
+.highlight .mi { color: #7FE0DC } /* Literal.Number.Integer */
+.highlight .mo { color: #7FE0DC } /* Literal.Number.Oct */
+.highlight .sb { color: #8BDE58 } /* Literal.String.Backtick */
+.highlight .sc { color: #8BDE58 } /* Literal.String.Char */
+.highlight .sd { color: #8BDE58 } /* Literal.String.Doc */
+.highlight .s2 { color: #8BDE58 } /* Literal.String.Double */
+.highlight .se { color: #8BDE58 } /* Literal.String.Escape */
+.highlight .sh { color: #8BDE58 } /* Literal.String.Heredoc */
+.highlight .si { color: #8BDE58 } /* Literal.String.Interpol */
+.highlight .sx { color: #8BDE58 } /* Literal.String.Other */
+.highlight .sr { color: #69943B } /* Literal.String.Regex */
+.highlight .s1 { color: #8BDE58 } /* Literal.String.Single */
+.highlight .ss { color: #69943B } /* Literal.String.Symbol */
+.highlight .bp { color: #929292 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #DBDF39 } /* Name.Variable.Class */
+.highlight .vg { color: #DBDF39 } /* Name.Variable.Global */
+.highlight .vi { color: #DBDF39 } /* Name.Variable.Instance */
+.highlight .il { color: #407D78 } /* Literal.Number.Integer.Long */

assets/syntax.css

-.highlight  { background: #ffffff; }
-.highlight .c { color: #999988; font-style: italic } /* Comment */
-.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.highlight .k { font-weight: bold } /* Keyword */
-.highlight .o { font-weight: bold } /* Operator */
-.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
-.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
-.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #aa0000 } /* Generic.Error */
-.highlight .gh { color: #999999 } /* Generic.Heading */
-.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
-.highlight .go { color: #888888 } /* Generic.Output */
-.highlight .gp { color: #555555 } /* Generic.Prompt */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
-.highlight .gt { color: #aa0000 } /* Generic.Traceback */
-.highlight .kc { font-weight: bold } /* Keyword.Constant */
-.highlight .kd { font-weight: bold } /* Keyword.Declaration */
-.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
-.highlight .kr { font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
-.highlight .m { color: #009999 } /* Literal.Number */
-.highlight .s { color: #d14 } /* Literal.String */
-.highlight .na { color: #008080 } /* Name.Attribute */
-.highlight .nb { color: #0086B3 } /* Name.Builtin */
-.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
-.highlight .no { color: #008080 } /* Name.Constant */
-.highlight .ni { color: #800080 } /* Name.Entity */
-.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
-.highlight .nn { color: #555555 } /* Name.Namespace */
-.highlight .nt { color: #000080 } /* Name.Tag */
-.highlight .nv { color: #008080 } /* Name.Variable */
-.highlight .ow { font-weight: bold } /* Operator.Word */
-.highlight .w { color: #bbbbbb } /* Text.Whitespace */
-.highlight .mf { color: #009999 } /* Literal.Number.Float */
-.highlight .mh { color: #009999 } /* Literal.Number.Hex */
-.highlight .mi { color: #009999 } /* Literal.Number.Integer */
-.highlight .mo { color: #009999 } /* Literal.Number.Oct */
-.highlight .sb { color: #d14 } /* Literal.String.Backtick */
-.highlight .sc { color: #d14 } /* Literal.String.Char */
-.highlight .sd { color: #d14 } /* Literal.String.Doc */
-.highlight .s2 { color: #d14 } /* Literal.String.Double */
-.highlight .se { color: #d14 } /* Literal.String.Escape */
-.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
-.highlight .si { color: #d14 } /* Literal.String.Interpol */
-.highlight .sx { color: #d14 } /* Literal.String.Other */
-.highlight .sr { color: #009926 } /* Literal.String.Regex */
-.highlight .s1 { color: #d14 } /* Literal.String.Single */
-.highlight .ss { color: #990073 } /* Literal.String.Symbol */
-.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #008080 } /* Name.Variable.Class */
-.highlight .vg { color: #008080 } /* Name.Variable.Global */
-.highlight .vi { color: #008080 } /* Name.Variable.Instance */