You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

521 lines
20 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blog | tait.tech</title>
<link rel="stylesheet" href="/assets/css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Tait Hoyem">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
<div id="wrapper">
<header>
<h1>tait.tech</h1>
<nav>
<a href="/" class="nav-link" >Home</a>
<a href="/blog/" class="nav-link" class="on-page" >Blog</a>
<a href="/ideas/" class="nav-link" >Ideas</a>
<a href="/links/" class="nav-link" >Links</a>
<a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer" >Github</a>
</nav>
</header>
<main>
<h1>Blog</h1>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2021/11/30/new-company/">New Company</a>
</h2>
<time class="post-date" datetime="21-11-30">
30 November 2021
</time>
</header>
<div class="post-excerpt"><p>In my accidental quest to create accessible diagrams to a computer science student I have been contracting for,
I found in the post-secondary field a massive lack of care given to the topic of accessible diagrams,
even when they are relatively easy to create.
For example, a binary tree, or any tree structure actually has <a href="https://www.w3.org/WAI/GL/wiki/Using_ARIA_trees">native <code class="language-plaintext highlighter-rouge">aria-role</code> attributes</a> to alert a screen reader to the presence of a tree object.
A tree is only a list of lists after all.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2021/09/18/how-to-generate-proper-content-mathml-from-katex-or-latex/">How To Produce Semantically Correct MathML From XaTeX/LaTeX (and other accessibility ideas)</a>
</h2>
<time class="post-date" datetime="21-09-18">
18 September 2021
</time>
</header>
<div class="post-excerpt"><p>During a recent run-in with the Simon Fraser Fraser University accessibility department,
I learned that theyre writers are so well-trained as to write “image” where a simple diagram is shown,
and “print out picture of output” where a piece of code lies.
I figure the geniuses over there could use some help creating files for the visually impaired.
Heres a quick guide!</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2021/08/31/vpns-api/">Idea For A VPN Service</a>
</h2>
<time class="post-date" datetime="21-08-31">
31 August 2021
</time>
</header>
<div class="post-excerpt"><p>Recently Ive been thinking about starting a VPN service.
This service has some interesting requirements that I have never seen a VPN service do before, so Id like to put down my thoughts as to what might be sensible for a centralized yet encrypted* VPN service.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2021/06/21/uefi-audio/">UEFI Audio Protocol & UEFI BIOS Accessibility</a>
</h2>
<time class="post-date" datetime="21-06-21">
21 June 2021
</time>
</header>
<div class="post-excerpt"><p>Good news about the state of accessibility in the BIOS!</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2021/06/02/pinebook-pro/">Pinebook Pro, The Ultimate ARM Laptop</a>
</h2>
<time class="post-date" datetime="21-06-02">
02 June 2021
</time>
</header>
<div class="post-excerpt"><p>I recently got my Pinebook Pro.
It was more expensive than I was expecting, coming in at (including shipping and handling) C$335.
I always forget the exchange rate and assume its similar to the U.S. dollar, but it never is, haha!
Anyway, this is just my first impressions and what I did to fix a few issues.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2021/04/18/uefi-development-environment/">UEFI Development On x86 With EDK2</a>
</h2>
<time class="post-date" datetime="21-04-18">
18 April 2021
</time>
</header>
<div class="post-excerpt"><p>I made this blog so I could remember how to do stuff that had instructions spread around the internet.
So here is how I setup my environment for developing EFI applications.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2021/04/04/quiz-your-friends-xss/">The "Quiz Your Friends" XSS Exploit</a>
</h2>
<time class="post-date" datetime="21-04-04">
04 April 2021
</time>
</header>
<div class="post-excerpt"><p>Note: I have alerted the administrators of this site multiple times about this vulnerability.
One email was sent many years ago, which is more than enough time for <a href="https://en.wikipedia.org/wiki/Responsible_disclosure">responsible disclosure</a>.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2021/01/31/lichess/">Lichess Accessibility</a>
</h2>
<time class="post-date" datetime="21-01-31">
31 January 2021
</time>
</header>
<div class="post-excerpt"><p>I wanted to play chess with somebody who used a screen reader, without requiring a screen reader myself;
some sites, like QuintenCs Playroom have a rather poor visual interface for anyone who would like the play the game visually.
<a href="https://lichess.org">Lichess</a> is an free and open-source website for chess players;
it bridges this gap by having two “modes” on the site:
standard mode and accessibility mode.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/12/20/deploy-lichess/">How to Deploy Lichess's Lila With Nginx</a>
</h2>
<time class="post-date" datetime="20-12-20">
20 December 2020
</time>
</header>
<div class="post-excerpt"><p>I was getting ready to have a public test of some changes I made to <a href="https://lichess.org">lichess.org</a>s <a href="https://lichess.org/source">open source chess platform</a>.
In preperation, I got my Lets Encrypt certificates and nginx configurations setup…
and it wouldnt work.
Here are some tips for myself and future Lichess developers.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/12/14/orca-raspberry-pi-manjaro/">Orca, Emacspeak and Chromium Accessibility on A Raspberry Pi Running Manjaro ARM</a>
</h2>
<time class="post-date" datetime="20-12-14">
14 December 2020
</time>
</header>
<div class="post-excerpt"><p>I wanted to get a gift for my blind friend who has been interested in learning Linux for a while now.
Just when I was about to start looking for something I decided to take a look at <a href="https://lbry.tv/@Lunduke:e/raspberry-pi-400-looks-rad:c">Brian Lundukes newest video</a> featuring the <a href="https://www.raspberrypi.org/products/raspberry-pi-400/?resellerType=home">Raspberry Pi 400</a>.
The Raspberry Pi 400 has come full circle in terms of computing.
It is a keyboard. All the computing is done from within the keyboard.
Much like the Comodore64, this computer comes without a screen but is still technically fully functional without one.
I had my Aha! moment, and decided that the Raspberry Pi 400 would be a very cool present.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/12/01/pacaur-rpi/">Getting Pacaur Working on a Raspberry Pi 4 with Manjaro ARM or Arch Linux</a>
</h2>
<time class="post-date" datetime="20-12-01">
01 December 2020
</time>
</header>
<div class="post-excerpt"><p>I recently installed Manjaro ARM (based on Arch Linux ARM) on a Raspberry Pi 4.
I used some standard commands to start to add the <code class="language-plaintext highlighter-rouge">pacaur</code> package so I can easily retrieve <a href="https://wiki.archlinux.org/index.php/Arch_User_Repository">AUR packages</a> without needing to do it manually.
Unfortunately, there is a small problem with compiling this on ARM.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/11/15/nas2/">ZFS NAS Box, Part 2</a>
</h2>
<time class="post-date" datetime="20-11-15">
15 November 2020
</time>
</header>
<div class="post-excerpt"><p>Back in <a href="/2020/04/12/nas1/">part one of my NAS project</a> I discussed how I wanted to set up my hardware.
Today, I set up the NAS (almost).</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/10/26/curiosity/">Curiosity</a>
</h2>
<time class="post-date" datetime="20-10-26">
26 October 2020
</time>
</header>
<div class="post-excerpt"><p>Curiosity is fundamental to a deep understanding of any subject.
Masters, Ph.Ds, and other fancy name suffixes will never help you
if you dont have the spirit of curiosity burning inside of you.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/09/12/minesweeper/">Minesweeper Bomb Generation And Tile Revealing</a>
</h2>
<time class="post-date" datetime="20-09-12">
12 September 2020
</time>
</header>
<div class="post-excerpt"><p>When I was creating a little Minesweeper game, I got confused at some points.
My bomb generation didnt look quite right, and I for sure didnt quite get the whole cascading tile reveal thing.
With a bit of internet research, I found what I was looking for.
Ill explain it all in one place for my own research purposes.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/09/09/lamegames/">lamegames.tait.tech</a>
</h2>
<time class="post-date" datetime="20-09-09">
09 September 2020
</time>
</header>
<div class="post-excerpt"><p>This is an announcement for a new project of mine:
<a href="https://lamegames.tait.tech">lamegames.tait.tech</a>.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/08/18/django-deployment/">How to Solve The Django Deployment Puzzle</a>
</h2>
<time class="post-date" datetime="20-08-18">
18 August 2020
</time>
</header>
<div class="post-excerpt"><p>A few days ago I had a Django project I wanted to put on a real server.
This project is still in its infancy, but I thought it would be nice to put it on my resume and show my friends.
Little did I know the headache coming my way.
Here are some tips to help you not make the same mistakes as me.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/08/15/openbsd1/">BSD Journey, Part 1</a>
</h2>
<time class="post-date" datetime="20-08-15">
15 August 2020
</time>
</header>
<div class="post-excerpt"><p>As Linux becomes controlled by corporate sponsors and becomes more full of proprietary blobs, drivers, and even closed-source software like Steam,
One may wonder if there are other options out there.
For me, somebody that is intensely interested in security, there is one option: OpenBSD.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/07/30/canadian-parliament/">Know How Your Representative Votes In Parliament</a>
</h2>
<time class="post-date" datetime="20-07-30">
30 July 2020
</time>
</header>
<div class="post-excerpt"><p>As an advocate for openness, I had an idea to make a project out of the government of Canadas <a href="https://open.canada.ca/en/open-data">Open Data</a>
initiative to take a look at how my local MP voted on various pieces of legislation.
It turns out though that this was not necessary due to how easy it was to find this information on the governments own website.
In this article, I will explain how you can do the same.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/07/19/multicraft-php-gentoo/">Installing MultiCraft on Gentoo Linux</a>
</h2>
<time class="post-date" datetime="20-07-19">
19 July 2020
</time>
</header>
<div class="post-excerpt"><p>In a very odd combination of requirements,
I needed to install <a href="https://multicraft.org">MultiCraft</a> on a Gentoo Linux system.
The PHP <code class="language-plaintext highlighter-rouge">USE</code> flags are important so you dont have to recompile it three times like I did.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/07/12/independence/">Independence</a>
</h2>
<time class="post-date" datetime="20-07-12">
12 July 2020
</time>
</header>
<div class="post-excerpt"><blockquote>
<p>“When given a choice between independence and dependence, always choose independence; you will never regret that choice!”—Luke Smith</p>
</blockquote>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/06/25/tmux-minecraft/">How to use tmux to send and receive things from your Minecraft server</a>
</h2>
<time class="post-date" datetime="20-06-25">
25 June 2020
</time>
</header>
<div class="post-excerpt"><p>So recently I had problem.
I run a Minecraft server on a big Linux computer I have running in my room.
Now, as a system administrator it is very helpful to be able to run some simple commands without needing to login with my key, password, TFA, etc.
It is, frankly, a lot of work.
Especially when I really just want to be playing games but I just need to check something quickly.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/06/04/site-update/">Site Update</a>
</h2>
<time class="post-date" datetime="20-06-04">
04 June 2020
</time>
</header>
<div class="post-excerpt"><p>I updated the site with some easier to identify information about me and my projects :)</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/05/19/clue-announcement/">New Game: Clue (coming soon)</a>
</h2>
<time class="post-date" datetime="20-05-19">
19 May 2020
</time>
</header>
<div class="post-excerpt"><p>Ooo! Exciting!
Today I want to announce a new project Ill be working on which should be live within the month of May:
Clue.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/05/01/nginx-socket-io-projects/">How to use NGINX as a reverse-proxy server for a Node.js application using socket.io</a>
</h2>
<time class="post-date" datetime="20-05-01">
01 May 2020
</time>
</header>
<div class="post-excerpt"><p>Despite the long name of the article, I have a feeling this may apply to more people than I might think.
If you have a Node.js application which needs socket.io connections that you want to pass throgh nginxs <code class="language-plaintext highlighter-rouge">reverse_proxy</code> directive then this is the article for you!</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/04/25/xss/">What is XSS?</a>
</h2>
<time class="post-date" datetime="20-04-25">
25 April 2020
</time>
</header>
<div class="post-excerpt"><p>I found a cross-site scripting (XSS) attack
in a well-known quiz hosting website.
I disclosed the vulnerability to them years ago, so I thought
now might be a good time to write about it.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/04/21/rfi/">rfi: A Simple Linux utility to get a random file from a directory</a>
</h2>
<time class="post-date" datetime="20-04-21">
21 April 2020
</time>
</header>
<div class="post-excerpt"><p>I made a <a href="https://lbry.tv/@tait:7/rfi:5">little video</a> about this script I wrote:</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/04/12/nas1/">NAS Part 1: Theorize</a>
</h2>
<time class="post-date" datetime="20-04-12">
12 April 2020
</time>
</header>
<div class="post-excerpt"><p>New Project, phase one:
Theorize.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/04/06/rsa4/">How To Encrypt Your Own Documents Using gpg</a>
</h2>
<time class="post-date" datetime="20-04-06">
06 April 2020
</time>
</header>
<div class="post-excerpt"><p>If you have ever wanted to garuntee the utmost security of your emails and documents, then this is the guide for you!
It should be noted that in some circles the tools used are more common than in others.
These are the everyday tools of many privacy advocates and computer nerds.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/04/02/rsa3/">How Asymetric Encryption Works</a>
</h2>
<time class="post-date" datetime="20-04-02">
02 April 2020
</time>
</header>
<div class="post-excerpt"><p>In a few previous articles I have explained <a href="/2020/01/26/rsa1/">why encryption may be important to you</a> and <a href="/2020/02/19/rsa2/">how the theory behind encryption works</a>. I did not yet explain the system of asymetric cryptography, however. That is what this article is for.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/02/19/rsa2/">How Does Encryption Work, in Theory?</a>
</h2>
<time class="post-date" datetime="20-02-19">
19 February 2020
</time>
</header>
<div class="post-excerpt"><p>There are many kinds of encryption used in our everyday communication. Online and offline, over the internet and in person. In this article, I will explain the basics of how encryption should work in theory. I explain in <a href="/2020/01/26/rsa1/">this article</a> why encryption is important, and why <em>you</em> should care about it.</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/01/26/rsa1/">Is Encryption Worth It?</a>
</h2>
<time class="post-date" datetime="20-01-26">
26 January 2020
</time>
</header>
<div class="post-excerpt"><p>What is the most embarassing thing you have typed into Google search? What is the most personal secret you told a friend in confidence? What is your bank password? What is your businesss secret to stay ahead of the competition?</p>
</div>
</article>
<article>
<header class="post-header">
<h2 class="post-title">
<a class="post-title-link" href="/2020/01/22/padding-and-margin/">Padding And Margin</a>
</h2>
<time class="post-date" datetime="20-01-22">
22 January 2020
</time>
</header>
<div class="post-excerpt"><p>Many people have expressed confusion over how padding and margins work in HTML/CSS. I have been one of those people. In this short article I will explain what the differences are between the two, and how it may affect the functionality of your site.</p>
</div>
</article>
</main>
<hr>
<footer>
This page will be mirrored on <a href="https://beta.tait.tech/blog/">beta.tait.tech</a>.
</footer>
</div>
</body>
</html>