paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit 3616c44b0221cf7021a041e744b2d1bea0d859d6
parent e1a322b918a6fce0400abd40466bf85375f11269
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Wed, 12 Feb 2020 21:40:44 -0500

Use <figures> instead of plain <img>

Using plain <img> with `display: block` caused the whole area to the
sides of the image to be clickable instead of just the image. Changing
this to <figure> and centering by 'text-align: center' fixes this and
also naturally allows the addition of captions for those images which
may need it.

Diffstat:
Mpages/blog/website-redesign.md | 12++++++++----
Mpages/guides/debian-with-btrfs.md | 55++++++++++++++++++++++++++++++++++++-------------------
Mstyle/main.css | 16++++++----------
3 files changed, 50 insertions(+), 33 deletions(-)

diff --git a/pages/blog/website-redesign.md b/pages/blog/website-redesign.md @@ -17,13 +17,17 @@ paritybit.ca to make it more accessible. In that time I've completely overhauled the design of the website to make it scale better on different screen sizes and make use of as many accessibility features as I can. I've gone from this: -<a href="/img/website-before.png"><img src="/img/website-before-thumb.png" -alt="My website before the redesign."/></a> +<figure> + <a href="/img/website-before.png"><img src="/img/website-before-thumb.png" + alt="My website before the redesign."/></a> +</figure> To this: -<a href="/img/website-after.png"><img src="/img/website-after-thumb.png" alt="My -website after the redesign."/></a> +<figure> + <a href="/img/website-after.png"><img src="/img/website-after-thumb.png" + alt="My website after the redesign."/></a> +</figure> Which I think also looks a lot better and cleaner in addition to being much better in terms of accessibility. diff --git a/pages/guides/debian-with-btrfs.md b/pages/guides/debian-with-btrfs.md @@ -53,9 +53,11 @@ you want). Run through the installation as normal until you reach the section on partitioning: -<a href="/img/debian-with-btrfs/partition-screen.png"><img -src="/img/debian-with-btrfs/partition-screen.png" alt="The Debian installer -partition menu showing 3 guided options and 1 manual option"/></a> +<figure> + <a href="/img/debian-with-btrfs/partition-screen.png"><img + src="/img/debian-with-btrfs/partition-screen.png" alt="The Debian installer + partition menu showing 3 guided options and 1 manual option"/></a> +</figure> On this screen, if you want an encrypted root file system (recommended) then choose the option `Guided - use entire disk and set up encrypted LVM`. Otherwise @@ -67,9 +69,12 @@ necessary for your configuration. Once you have run through the setup of the partitions you should now see a screen similar to the one below: -<a href="/img/debian-with-btrfs/partition-results.png"><img -src="/img/debian-with-btrfs/partition-results.png" alt="The screen showing the -overview of your currently configured partitions and mount points step."/></a> +<figure> + <a href="/img/debian-with-btrfs/partition-results.png"><img + src="/img/debian-with-btrfs/partition-results.png" alt="The screen showing + the overview of your currently configured partitions and mount points + step."/></a> +</figure> Select your root file system (the one with the `/` as the mount point), change the `Use as:` field to `btrfs journaling file system` and select `Done setting @@ -81,8 +86,11 @@ After this and before continuing with the installation, type <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>F2</kbd> to be put into a shell. Press <kbd>Enter</kbd> to activate this shell and follow the following procedure to set up subvolumes: -<a href="/img/debian-with-btrfs/shell.png"><img -src="/img/debian-with-btrfs/shell.png" alt="The busybox terminal on tty2."/></a> +<figure> + <a href="/img/debian-with-btrfs/shell.png"><img + src="/img/debian-with-btrfs/shell.png" alt="The busybox terminal on + tty2."/></a> +</figure> Use the `df` command to view what the current mounted partitions are. In my case there is `/dev/mapper/debianbtrfs--vg-root` mounted to `/target` and `/dev/vda1` @@ -90,8 +98,11 @@ mounted to `/target/boot`. `/target` is the place where the Debian system files will be installed. We need to change and set some things up so that it becomes a btrfs subvolume. -<a href="/img/debian-with-btrfs/df.png"><img src="/img/debian-with-btrfs/df.png" -alt="The output of the df command."/></a> +<figure> + <a href="/img/debian-with-btrfs/df.png"><img + src="/img/debian-with-btrfs/df.png" alt="The output of the df + command."/></a> +</figure> The first step is to unmount both `/target/boot` and then `/target` using the `umount` command. @@ -121,13 +132,17 @@ subvolume. Also, mount the boot partition (which in my case resides on `/dev/vda1` to `/target/boot/efi` (or just `/target/boot` for a legacy BIOS system). The following screenshots show the exact commands that I ran: -<a href="/img/debian-with-btrfs/commands-before-boot-mount.png"><img -src="/img/debian-with-btrfs/commands-before-boot-mount.png" alt="All of the -commands run as described above (minus mounting boot)."/></a> +<figure> + <a href="/img/debian-with-btrfs/commands-before-boot-mount.png"><img + src="/img/debian-with-btrfs/commands-before-boot-mount.png" alt="All of the + commands run as described above (minus mounting boot)."/></a> +</figure> -<a href="/img/debian-with-btrfs/boot-mount.png"><img -src="/img/debian-with-btrfs/boot-mount.png" alt="The commands run to mount the -boot partition."/></a> +<figure> + <a href="/img/debian-with-btrfs/boot-mount.png"><img + src="/img/debian-with-btrfs/boot-mount.png" alt="The commands run to mount + the boot partition."/></a> +</figure> Now, edit `/target/etc/fstab` (you must use `nano` as unfortunately there is no version of `vi` in this busybox configuration) and add the relevant @@ -146,9 +161,11 @@ noatime,compress=lzo,space_cache,subvol=@ 0 0` Where the other lines will look similar: -<a href="/img/debian-with-btrfs/target-fstab.png"><img -src="/img/debian-with-btrfs/target-fstab.png" alt="The contents of the -/target/etc/fstab file after modification."/></a> +<figure> + <a href="/img/debian-with-btrfs/target-fstab.png"><img + src="/img/debian-with-btrfs/target-fstab.png" alt="The contents of the + /target/etc/fstab file after modification."/></a> +</figure> Once this is all done and you have saved your changes, you may exit out of this terminal (<kbd>Ctrl</kbd> + <kbd>D</kbd>) and return to the installation diff --git a/style/main.css b/style/main.css @@ -55,15 +55,15 @@ nav > a { text-decoration: none; } +nav > a:visited { + color: var(--unvis-link); +} + nav > a:hover { text-decoration: underline; color: var(--hov-link); } -nav > a:visited { - color: var(--unvis-link); -} - a { background-color: transparent; color: var(--unvis-link); @@ -113,13 +113,11 @@ kbd { padding: 0 4px; } -img{ - display: block; - margin: auto; +img { max-width: 100%; } -figcaption { +figure { text-align: center; } @@ -185,8 +183,6 @@ select { .rss-icon > img { width: 15px; height: 15px; - display: inline-block; - margin: 0; } .feed-wrapper {