From 7331fb5e90b6b41bb8824a409711155e81a1da3c Mon Sep 17 00:00:00 2001
From: Tait Hoyem <code@tait.tech>
Date: Sun, 4 Apr 2021 15:28:32 -0600
Subject: [PATCH] Add new post

---
 2020-04-27-quiz-your-friends-xss.md           |  107 --
 .../index.html                                |  149 ---
 .../2020/01/22/padding-and-margin/index.html  |   97 +-
 _site/2020/01/26/rsa1/index.html              |  103 +-
 _site/2020/02/19/rsa2/index.html              |  195 +---
 _site/2020/04/02/rsa3/index.html              |  194 +--
 _site/2020/04/06/rsa4/index.html              |  315 +----
 _site/2020/04/12/nas1/index.html              |  103 +-
 _site/2020/04/21/rfi/index.html               |   69 +-
 _site/2020/04/25/xss/index.html               |  145 +--
 .../05/01/nginx-socket-io-projects/index.html |   94 +-
 _site/2020/05/19/clue-announcement/index.html |   67 +-
 _site/2020/06/04/site-update/index.html       |   58 +-
 _site/2020/06/25/tmux-minecraft/index.html    |  175 +--
 _site/2020/07/12/independence/index.html      |   91 +-
 .../07/19/multicraft-php-gentoo/index.html    |  113 +-
 .../2020/07/30/canadian-parliament/index.html |   97 +-
 _site/2020/08/15/openbsd1/index.html          |   86 +-
 _site/2020/08/18/django-deployment/index.html |  142 +--
 _site/2020/09/09/lamegames/index.html         |   61 +-
 _site/2020/09/12/minesweeper/index.html       |  119 +-
 _site/2020/10/26/curiosity/index.html         |  124 +-
 _site/2020/11/15/nas2/index.html              |  124 +-
 _site/2020/12/01/pacaur-rpi/index.html        |  121 +-
 .../14/orca-raspberry-pi-manjaro/index.html   |  210 +---
 _site/2020/12/20/deploy-lichess/index.html    |  124 +-
 _site/2021/01/31/lichess/index.html           |  117 +-
 .../04/04/quiz-your-friends-xss/index.html    |    3 +
 _site/3q                                      |  109 +-
 _site/about/index.html                        |   46 +-
 _site/assets/css/katex.css                    | 1040 +----------------
 _site/assets/css/style.css                    |  286 +----
 _site/assets/css/style.css.map                |   15 +-
 _site/assets/js/hacked.js                     |    3 +-
 _site/blog/index.html                         |  416 +------
 _site/contact/index.html                      |   57 +-
 _site/cover-letter-vcc/index.html             |   41 +-
 _site/cover-letters/bloombase/index.html      |   54 +-
 _site/cover-letters/protonmail/index.html     |   53 +-
 _site/feed.xml                                |  695 +----------
 _site/ideas/index.html                        |   63 +-
 _site/index.html                              |  119 +-
 _site/links/index.html                        |  314 +----
 _site/resume/index.html                       |  126 +-
 _site/robots.txt                              |    2 +-
 _site/scholarships/2020/cnib/index.html       |   75 +-
 _site/sitemap.xml                             |  152 +--
 _site/table.py                                |   14 -
 _site/test/index.html                         |   47 -
 _site/tests/chess/index.html                  |  149 +--
 _site/tests/live-label/index.html             |   62 +-
 _site/tutoring/index.html                     |   77 +-
 52 files changed, 115 insertions(+), 7303 deletions(-)
 delete mode 100644 2020-04-27-quiz-your-friends-xss.md
 delete mode 100644 _site/2020-04-27-quiz-your-friends-xss/index.html
 create mode 100644 _site/2021/04/04/quiz-your-friends-xss/index.html
 delete mode 100644 _site/table.py
 delete mode 100644 _site/test/index.html

diff --git a/2020-04-27-quiz-your-friends-xss.md b/2020-04-27-quiz-your-friends-xss.md
deleted file mode 100644
index 5f26703..0000000
--- a/2020-04-27-quiz-your-friends-xss.md
+++ /dev/null
@@ -1,107 +0,0 @@
----
-title: "The \"Quiz Your Friends\" XSS Exploit"
-layout: post
----
-
-## TODO write intro
-
-## How I Found This Exploit
-
-While filling in one of my friend's surveys I thought it would be
-funny for them to know it is me without anyone else knowing.
-We were young and had `Inspect Element`ed a few things together,
-so it was a safe bet that an HTML joke would let them know.
-
-I decided to write my name like so: `<b>Steve</b>`.
-Steve is in reference to the [main character](https://minecraft.gamepedia.com/Player) in the video game Minecraft.
-
-
-<figure>
-  <img src="/assets/img/qyf-xss/2-bold.png">
-  <figcaption>
-    <p>Me typing in my name as <span class="mono">&lt;b&gt;Steve&lt;/b&gt;</span>.</p>
-  </figcaption>
-</figure>
-
-Now in theory this should have shown in in the leaderboard as: "&lt;b&gt;Steve&lt;/b&gt;"
-However, to my horror and excitement, I saw this in the leaderboard:
-
-<figure>
-  <img src="/assets/img/qyf-xss/3-steve-board.png">
-  <figcaption>
-    <p><span class="mono">&lt;b&gt;Steve&lt;/b&gt;</span> displaying in the leaderboard as bold text: <b>Steve</b></p>
-  </figcaption>
-</figure>
-
-The text "Steve" showed up **in bold** on the leaderboard.
-This told me all I needed to know.
-How did this happen? You might wonder.
-
-### Server-Side Validation
-
-Here is a great demonstration why you should do most of your validation on the server side.
-As a user, I can edit any of the HTML, CSS, or Javascript your server serves to me.
-
-Quiz your friends uses the `maxlength=20` HTML attribute on the name input field.
-Imagine trying to fit in a script tag doing anything useful with 20 characters! Don't forget that includes the `<script>` tag.
-That would leave 13 characters for Javascript.
-Although I'm sure a genius would be able to [code golf](https://code.golf/) that, I know I couldn't.
-
-Now obviously I can edit any HTML that a server has sent to me.
-If I open up my inspect element window, I can go ahead and change that `maxlength` attribute to anything I want.
-Let's change it to 100!
-
-<figure>
-  <img src="/assets/img/qyf-xss/5-maxlength.png" alt='An image of the Quiz Your Friends name input field with inspect element. THe code reads: <font class="style6"><input class="inputbutton" name="takername" type="text" id="takername" maxlength="20" width="425" placeholder="Your First Name" style="text-align: center; text-decoration:inherit; font-size:38px;" tabindex="-1"></font>'>
-  <figcaption>
-    Manually changing the maxlength attribute. 
-  </figcaption>
-</figure>
-
-In theory, there is a way that a site can stop people from just putting in their name of any length: server-side validation.
-The server *could* check to see if the input is too long and reject it if it is.
-The Quiz My Friends server has *no such checks in place*.
-Therefore, I can send an almost arbitrary load to them.
-Being able to send something potentially very large (more than a few megabytes) is a vulnerability of its own.
-Imagine being able to send entire executable programs as your "name" in one of these quizzes?
-
-
-#### Hacking:
-
-So I went on my merry way thinking about ways to use malicious javascript.
-Then, I thought that might be mean, so I decided to warn users instead.
-I filled in the name with a script tag and a call to `alert()` to warn the user about this site.
-
-`JAVASCRIPT_NAME.JPG`
-
-I ran out of room before I could finish it. Hmmm.
-What if I do "Inspect Element" and manually override the max-length attribute?
-
-The unfortunate truth is: this worked as well!
-
-Not only could I manually set the max-length by changing it in the HTML,
-but there were no client-side OR server-side checks to make sure the name I was sending was less than or equal to 20 characters.
-
-If Javascript checked it, it would have stopped me (although maybe not a professional).
-If the server checked it, it could have stopped almost anyone.
-
-
-## Executing An Exploit
-
-Suppose we're on a vulnerable site like [Quiz Your Friends](https://www.quizyourfriends.com/)
-and you decide you want to hack your friend's quiz!
-How can this be done?
-
-#### Creating A Quiz
-
-Here is my quiz below:
-
-`CREATING_QUIZ.IMG`
-
-#### Setting A Name With an HTML Tag
-
-Just like the image above, about how I found out about this vulnerability: go ahead and use an HTML tag in your name to test this out.
-
-`BOLD_ITALIC_STEVE.JPG`
-
-
diff --git a/_site/2020-04-27-quiz-your-friends-xss/index.html b/_site/2020-04-27-quiz-your-friends-xss/index.html
deleted file mode 100644
index 48a2220..0000000
--- a/_site/2020-04-27-quiz-your-friends-xss/index.html
+++ /dev/null
@@ -1,149 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>The "Quiz Your Friends" XSS Exploit | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">The "Quiz Your Friends" XSS Exploit</h1>
-    <time datetime="" class="post-date"></time>
-  </header>
-  <hr>
-
-  <h2 id="todo-write-intro">TODO write intro</h2>
-
-<h2 id="how-i-found-this-exploit">How I Found This Exploit</h2>
-
-<p>While filling in one of my friend’s surveys I thought it would be
-funny for them to know it is me without anyone else knowing.
-We were young and had <code class="language-plaintext highlighter-rouge">Inspect Element</code>ed a few things together,
-so it was a safe bet that an HTML joke would let them know.</p>
-
-<p>I decided to write my name like so: <code class="language-plaintext highlighter-rouge">&lt;b&gt;Steve&lt;/b&gt;</code>.
-Steve is in reference to the <a href="https://minecraft.gamepedia.com/Player">main character</a> in the video game Minecraft.</p>
-
-<figure>
-  <img src="/assets/img/qyf-xss/2-bold.png" />
-  <figcaption>
-    <p>Me typing in my name as <span class="mono">&lt;b&gt;Steve&lt;/b&gt;</span>.</p>
-  </figcaption>
-</figure>
-
-<p>Now in theory this should have shown in in the leaderboard as: “&lt;b&gt;Steve&lt;/b&gt;”
-However, to my horror and excitement, I saw this in the leaderboard:</p>
-
-<figure>
-  <img src="/assets/img/qyf-xss/3-steve-board.png" />
-  <figcaption>
-    <p><span class="mono">&lt;b&gt;Steve&lt;/b&gt;</span> displaying in the leaderboard as bold text: <b>Steve</b></p>
-  </figcaption>
-</figure>
-
-<p>The text “Steve” showed up <strong>in bold</strong> on the leaderboard.
-This told me all I needed to know.
-How did this happen? You might wonder.</p>
-
-<h3 id="server-side-validation">Server-Side Validation</h3>
-
-<p>Here is a great demonstration why you should do most of your validation on the server side.
-As a user, I can edit any of the HTML, CSS, or Javascript your server serves to me.</p>
-
-<p>Quiz your friends uses the <code class="language-plaintext highlighter-rouge">maxlength=20</code> HTML attribute on the name input field.
-Imagine trying to fit in a script tag doing anything useful with 20 characters! Don’t forget that includes the <code class="language-plaintext highlighter-rouge">&lt;script&gt;</code> tag.
-That would leave 13 characters for Javascript.
-Although I’m sure a genius would be able to <a href="https://code.golf/">code golf</a> that, I know I couldn’t.</p>
-
-<p>Now obviously I can edit any HTML that a server has sent to me.
-If I open up my inspect element window, I can go ahead and change that <code class="language-plaintext highlighter-rouge">maxlength</code> attribute to anything I want.
-Let’s change it to 100!</p>
-
-<figure>
-  <img src="/assets/img/qyf-xss/5-maxlength.png" alt="An image of the Quiz Your Friends name input field with inspect element. THe code reads: &lt;font class=&quot;style6&quot;&gt;&lt;input class=&quot;inputbutton&quot; name=&quot;takername&quot; type=&quot;text&quot; id=&quot;takername&quot; maxlength=&quot;20&quot; width=&quot;425&quot; placeholder=&quot;Your First Name&quot; style=&quot;text-align: center; text-decoration:inherit; font-size:38px;&quot; tabindex=&quot;-1&quot;&gt;&lt;/font&gt;" />
-  <figcaption>
-    Manually changing the maxlength attribute. 
-  </figcaption>
-</figure>
-
-<p>In theory, there is a way that a site can stop people from just putting in their name of any length: server-side validation.
-The server <em>could</em> check to see if the input is too long and reject it if it is.
-The Quiz My Friends server has <em>no such checks in place</em>.
-Therefore, I can send an almost arbitrary load to them.
-Being able to send something potentially very large (more than a few megabytes) is a vulnerability of its own.
-Imagine being able to send entire executable programs as your “name” in one of these quizzes?</p>
-
-<h4 id="hacking">Hacking:</h4>
-
-<p>So I went on my merry way thinking about ways to use malicious javascript.
-Then, I thought that might be mean, so I decided to warn users instead.
-I filled in the name with a script tag and a call to <code class="language-plaintext highlighter-rouge">alert()</code> to warn the user about this site.</p>
-
-<p><code class="language-plaintext highlighter-rouge">JAVASCRIPT_NAME.JPG</code></p>
-
-<p>I ran out of room before I could finish it. Hmmm.
-What if I do “Inspect Element” and manually override the max-length attribute?</p>
-
-<p>The unfortunate truth is: this worked as well!</p>
-
-<p>Not only could I manually set the max-length by changing it in the HTML,
-but there were no client-side OR server-side checks to make sure the name I was sending was less than or equal to 20 characters.</p>
-
-<p>If Javascript checked it, it would have stopped me (although maybe not a professional).
-If the server checked it, it could have stopped almost anyone.</p>
-
-<h2 id="executing-an-exploit">Executing An Exploit</h2>
-
-<p>Suppose we’re on a vulnerable site like <a href="https://www.quizyourfriends.com/">Quiz Your Friends</a>
-and you decide you want to hack your friend’s quiz!
-How can this be done?</p>
-
-<h4 id="creating-a-quiz">Creating A Quiz</h4>
-
-<p>Here is my quiz below:</p>
-
-<p><code class="language-plaintext highlighter-rouge">CREATING_QUIZ.IMG</code></p>
-
-<h4 id="setting-a-name-with-an-html-tag">Setting A Name With an HTML Tag</h4>
-
-<p>Just like the image above, about how I found out about this vulnerability: go ahead and use an HTML tag in your name to test this out.</p>
-
-<p><code class="language-plaintext highlighter-rouge">BOLD_ITALIC_STEVE.JPG</code></p>
-
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020-04-27-quiz-your-friends-xss/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
diff --git a/_site/2020/01/22/padding-and-margin/index.html b/_site/2020/01/22/padding-and-margin/index.html
index 703a215..c908d98 100644
--- a/_site/2020/01/22/padding-and-margin/index.html
+++ b/_site/2020/01/22/padding-and-margin/index.html
@@ -1,96 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Padding And Margin | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">Padding And Margin</h1>
-    <time datetime="20-01-22" class="post-date">Wednesday, January 22 2020</time>
-  </header>
-  <hr>
-
-  <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>
-
-<p>Here is an image from the World Wide Web Consortium (W3C) who sets the standards for the web.</p>
-
-<p><img src="/assets/img/w3c-padding-margin.png" alt="The W3C standard for padding, margin, borders and width. Width encompases the inner element + padding; the border then encompases it. The margin is the space beyond the border and in between other elements." title="W3C border, padding, margin standard." /></p>
-
-<p>Now although this image shows all the different types of spacing as equal, the majority of the time these will mostly be padding (inner) and margin (outer). Padding is the inner space between the element and its border; margin is the outer space between two different elements.</p>
-
-<p>Within the margin the user is unable to press any links or execute any javascript code. It is <em>empty</em> space. If each <code class="language-plaintext highlighter-rouge">&lt;link&gt;</code> on your navigation bar has 10 pixels of margin, then there would be 20 pixels in between each <code class="language-plaintext highlighter-rouge">&lt;link&gt;</code> that would <em>not</em> be clickable by the user.</p>
-
-<p>If you have <code class="language-plaintext highlighter-rouge">&lt;link&gt;</code>s on your navigation bar with <em>padding</em> set to 20 pixels, however, then there will be 20 pixels on each side of the <code class="language-plaintext highlighter-rouge">&lt;link&gt;</code> text where the user <em>is</em> able to click.</p>
-
-<p>If that part is confusing, try thinking about it in terms of whether <code class="language-plaintext highlighter-rouge">background-color</code> would apply.</p>
-
-<table>
-  <thead>
-    <tr>
-      <th>Attribute</th>
-      <th><strong>Padding</strong></th>
-      <th><strong>Margin</strong></th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>Spacing</td>
-      <td>within element</td>
-      <td>between elements</td>
-    </tr>
-    <tr>
-      <td><code class="language-plaintext highlighter-rouge">background-color</code> applies</td>
-      <td>Yes</td>
-      <td>No</td>
-    </tr>
-  </tbody>
-</table>
-
-<p>In summary:</p>
-<ul>
-  <li><strong>Padding</strong>: the space within a tag which is still part of the same tag. <code class="language-plaintext highlighter-rouge">background-color</code> applies.</li>
-  <li><strong>Margin</strong>: the space in between two seperate tags. <code class="language-plaintext highlighter-rouge">background-color</code> does not apply; it is empty space.</li>
-  <li><strong>Border</strong>: the space in between the two; it surrounds the padding, but is not the margin. It looks nice somtimes, but it has no non-visual function. <code class="language-plaintext highlighter-rouge">background-color</code> does not apply.</li>
-</ul>
-
-<p>I hope this covers the basics of margin and padding! Happy coding!</p>
-
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/01/22/padding-and-margin/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Padding And Margin | 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">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> <article> <header> <h1 class="post-title">Padding And Margin</h1> <time datetime="20-01-22" class="post-date">Wednesday, January 22 2020</time> </header> <hr> <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> <p>Here is an image from the World Wide Web Consortium (W3C) who sets the standards for the web.</p> <p><img src="/assets/img/w3c-padding-margin.png" alt="The W3C standard for padding, margin, borders and width. Width encompases the inner element + padding; the border then encompases it. The margin is the space beyond the border and in between other elements." title="W3C border, padding, margin standard."/></p> <p>Now although this image shows all the different types of spacing as equal, the majority of the time these will mostly be padding (inner) and margin (outer). Padding is the inner space between the element and its border; margin is the outer space between two different elements.</p> <p>Within the margin the user is unable to press any links or execute any javascript code. It is <em>empty</em> space. If each <code class="language-plaintext highlighter-rouge">&lt;link&gt;</code> on your navigation bar has 10 pixels of margin, then there would be 20 pixels in between each <code class="language-plaintext highlighter-rouge">&lt;link&gt;</code> that would <em>not</em> be clickable by the user.</p> <p>If you have <code class="language-plaintext highlighter-rouge">&lt;link&gt;</code>s on your navigation bar with <em>padding</em> set to 20 pixels, however, then there will be 20 pixels on each side of the <code class="language-plaintext highlighter-rouge">&lt;link&gt;</code> text where the user <em>is</em> able to click.</p> <p>If that part is confusing, try thinking about it in terms of whether <code class="language-plaintext highlighter-rouge">background-color</code> would apply.</p> <table> <thead> <tr> <th>Attribute</th> <th><strong>Padding</strong></th> <th><strong>Margin</strong></th> </tr> </thead> <tbody> <tr> <td>Spacing</td> <td>within element</td> <td>between elements</td> </tr> <tr> <td><code class="language-plaintext highlighter-rouge">background-color</code> applies</td> <td>Yes</td> <td>No</td> </tr> </tbody> </table> <p>In summary:</p> <ul> <li><strong>Padding</strong>: the space within a tag which is still part of the same tag. <code class="language-plaintext highlighter-rouge">background-color</code> applies.</li> <li><strong>Margin</strong>: the space in between two seperate tags. <code class="language-plaintext highlighter-rouge">background-color</code> does not apply; it is empty space.</li> <li><strong>Border</strong>: the space in between the two; it surrounds the padding, but is not the margin. It looks nice somtimes, but it has no non-visual function. <code class="language-plaintext highlighter-rouge">background-color</code> does not apply.</li> </ul> <p>I hope this covers the basics of margin and padding! Happy coding!</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/01/22/padding-and-margin/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/01/26/rsa1/index.html b/_site/2020/01/26/rsa1/index.html
index 5d81a11..ec712c6 100644
--- a/_site/2020/01/26/rsa1/index.html
+++ b/_site/2020/01/26/rsa1/index.html
@@ -1,102 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Is Encryption Worth It? | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">Is Encryption Worth It?</h1>
-    <time datetime="20-01-26" class="post-date">Sunday, January 26 2020</time>
-  </header>
-  <hr>
-
-  <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 business’s secret to stay ahead of the competition?</p>
-
-<p>Now at first these questions may seem not completely related. There is a point though: You likely sent all of this information over the internet.</p>
-
-<p>When you send that messege to your friend or business partner, why is it that any person can’t just listen to the signals coming from your phone or laptop and know what you sent to your friend or colleague? The answer: encryption.</p>
-
-<p>First, some background about internet privacy. You can’t have a conversation about internet encryption and privacy without discussing the man himself:</p>
-
-<h3 id="snowden">Snowden</h3>
-
-<p><a href="https://en.wikipedia.org/wiki/Edward_Snowden" target="_blank">Edward Joseph Snowden</a> is an ex-NSA, ex-CIA employee who felt the <a href="https://en.wikipedia.org/wiki/Fourth_Amendment_to_the_United_States_Constitution" target="_blank">United State’s 4th Ammendment</a> was being violated by their programs of msas survailence.
-Snowden was raised a staunch establishmentarian conservative; his girlfriend Lisndey however, slowly started changing his mind. Snowden became very influenced by the ideology of <a href="https://en.wikipedia.org/wiki/Populism" target="_blank">populism</a>.
-His populist thinking is shown very clearly when he explains his reasoning for his disclosure of humongous troves of NSA documents.</p>
-
-<blockquote>
-  <p>“My sole motive is to inform the public as to that which is done in their name and that which is done against them.”
-—<a href="https://www.theguardian.com/world/video/2013/jun/09/nsa-whistleblower-edward-snowden-interview-video" target="_blank">Edward Snowden</a></p>
-</blockquote>
-
-<p>Snowden’s first set of leaks went public in <a href="https://www.theguardian.com/world/2013/sep/05/nsa-gchq-encryption-codes-security" target="_blank">The Gaurdian</a>, <a href="https://www.nytimes.com/2013/06/10/us/former-cia-worker-says-he-leaked-surveillance-data.html" target="_blank">The New York Times</a>, and <a href="https://www.propublica.org/article/the-nsas-secret-campaign-to-crack-undermine-internet-encryption" target="_blank">ProPublica</a> in late 2013;
-people started to realize that their governments and internet service providers (ISPs) <strong>are</strong> listening. People understood there might be more sinister motives than “national security” at play.</p>
-
-<p>Personally, I have seen a lot of non-tech-savy individuals using security-conscious software when I am helping them fix a problem.
-In fact, there was one time I saw a collage student from rural Alberta who had a VPN running on her phone. This impressed me!</p>
-
-<h3 id="encryption-on-the-web">Encryption on The Web</h3>
-
-<p>The type of encryption used on the web is called: HyperText Transfer Protocol–Secure (HTTPS).
-This kind of encryption stops two things from happening: A) it stops the information you are sending and recieving online from being seen by easvesdroppers and criminals, and B) stops those same third-parties from tampering with the data.</p>
-
-<p>Without HTTPS it is possible for sombody to listen in and change the data being sent between you and a server.</p>
-
-<p>Only in recent years has HTTPS become near-universal across the web. It is used even on the simplest sites these days: this one included. After 2013, people became weary of government, criminal, and ISP interference with their web traffic.
-This can be backed up by statistics:
-The level of encrypted web traffic around the time of the Snowden leaks was around 30 percent. It was mostly used by banks, email providers, government, and journalists.
-At the turn of the 2020s however, this has risen to nearly 90 percent among U.S. users of Firefox.
-Japan lags slightly behind with 80 percent encrypted traffic.</p>
-
-<figure>
-  <img src="/assets/img/encrypted-web-traffic.png" alt="Use of encrypted web traffic incresing over time." />
-  <figcaption>
-    More at: <a href="https://letsencrypt.org/stats/" target="_blank">Let's Encrypt</a>
-  </figcaption>
-</figure>
-
-<p>This is just the data we know of. You can disable the <a href="https://en.wikipedia.org/wiki/Telemetry#Software" target="_blank">telemetry</a> settings in Firefox, and it is very likely that hardcore privacy advocates would disable this data collection, so perhaps the amount of encrypted web traffic is slightly higher.</p>
-
-<h3 id="what-about-rsa">What about RSA?</h3>
-
-<p>RSA is an encryption method named after the initials of the inventors’ sir names: Ron <strong>R</strong>ivest, Adi <strong>S</strong>hamir, and Leonard <strong>A</strong>dleman. It uses the mathematical “factoring problem” to secure communication. The details of this specific type of encryption will be discussed in an article soon to come.</p>
-
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/01/26/rsa1/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Is Encryption Worth It? | 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">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> <article> <header> <h1 class="post-title">Is Encryption Worth It?</h1> <time datetime="20-01-26" class="post-date">Sunday, January 26 2020</time> </header> <hr> <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 business’s secret to stay ahead of the competition?</p> <p>Now at first these questions may seem not completely related. There is a point though: You likely sent all of this information over the internet.</p> <p>When you send that messege to your friend or business partner, why is it that any person can’t just listen to the signals coming from your phone or laptop and know what you sent to your friend or colleague? The answer: encryption.</p> <p>First, some background about internet privacy. You can’t have a conversation about internet encryption and privacy without discussing the man himself:</p> <h3 id="snowden">Snowden</h3> <p><a href="https://en.wikipedia.org/wiki/Edward_Snowden" target="_blank">Edward Joseph Snowden</a> is an ex-NSA, ex-CIA employee who felt the <a href="https://en.wikipedia.org/wiki/Fourth_Amendment_to_the_United_States_Constitution" target="_blank">United State’s 4th Ammendment</a> was being violated by their programs of msas survailence. Snowden was raised a staunch establishmentarian conservative; his girlfriend Lisndey however, slowly started changing his mind. Snowden became very influenced by the ideology of <a href="https://en.wikipedia.org/wiki/Populism" target="_blank">populism</a>. His populist thinking is shown very clearly when he explains his reasoning for his disclosure of humongous troves of NSA documents.</p> <blockquote> <p>“My sole motive is to inform the public as to that which is done in their name and that which is done against them.” —<a href="https://www.theguardian.com/world/video/2013/jun/09/nsa-whistleblower-edward-snowden-interview-video" target="_blank">Edward Snowden</a></p> </blockquote> <p>Snowden’s first set of leaks went public in <a href="https://www.theguardian.com/world/2013/sep/05/nsa-gchq-encryption-codes-security" target="_blank">The Gaurdian</a>, <a href="https://www.nytimes.com/2013/06/10/us/former-cia-worker-says-he-leaked-surveillance-data.html" target="_blank">The New York Times</a>, and <a href="https://www.propublica.org/article/the-nsas-secret-campaign-to-crack-undermine-internet-encryption" target="_blank">ProPublica</a> in late 2013; people started to realize that their governments and internet service providers (ISPs) <strong>are</strong> listening. People understood there might be more sinister motives than “national security” at play.</p> <p>Personally, I have seen a lot of non-tech-savy individuals using security-conscious software when I am helping them fix a problem. In fact, there was one time I saw a collage student from rural Alberta who had a VPN running on her phone. This impressed me!</p> <h3 id="encryption-on-the-web">Encryption on The Web</h3> <p>The type of encryption used on the web is called: HyperText Transfer Protocol–Secure (HTTPS). This kind of encryption stops two things from happening: A) it stops the information you are sending and recieving online from being seen by easvesdroppers and criminals, and B) stops those same third-parties from tampering with the data.</p> <p>Without HTTPS it is possible for sombody to listen in and change the data being sent between you and a server.</p> <p>Only in recent years has HTTPS become near-universal across the web. It is used even on the simplest sites these days: this one included. After 2013, people became weary of government, criminal, and ISP interference with their web traffic. This can be backed up by statistics: The level of encrypted web traffic around the time of the Snowden leaks was around 30 percent. It was mostly used by banks, email providers, government, and journalists. At the turn of the 2020s however, this has risen to nearly 90 percent among U.S. users of Firefox. Japan lags slightly behind with 80 percent encrypted traffic.</p> <figure> <img src="/assets/img/encrypted-web-traffic.png" alt="Use of encrypted web traffic incresing over time."/> <figcaption> More at: <a href="https://letsencrypt.org/stats/" target="_blank">Let's Encrypt</a> </figcaption> </figure> <p>This is just the data we know of. You can disable the <a href="https://en.wikipedia.org/wiki/Telemetry#Software" target="_blank">telemetry</a> settings in Firefox, and it is very likely that hardcore privacy advocates would disable this data collection, so perhaps the amount of encrypted web traffic is slightly higher.</p> <h3 id="what-about-rsa">What about RSA?</h3> <p>RSA is an encryption method named after the initials of the inventors’ sir names: Ron <strong>R</strong>ivest, Adi <strong>S</strong>hamir, and Leonard <strong>A</strong>dleman. It uses the mathematical “factoring problem” to secure communication. The details of this specific type of encryption will be discussed in an article soon to come.</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/01/26/rsa1/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/02/19/rsa2/index.html b/_site/2020/02/19/rsa2/index.html
index d303780..7177d8c 100644
--- a/_site/2020/02/19/rsa2/index.html
+++ b/_site/2020/02/19/rsa2/index.html
@@ -1,194 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>How Does Encryption Work, in Theory? | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">How Does Encryption Work, in Theory?</h1>
-    <time datetime="20-02-19" class="post-date">Wednesday, February 19 2020</time>
-  </header>
-  <hr>
-
-  <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>
-
-<p>We will start by looking at in-person, offline encryption.</p>
-
-<h2 id="cryptography-we-do-everyday">Cryptography We Do Everyday</h2>
-<p>We encrypt things all the time without even thinking about it. 
-If you spend a significant amount of time with the same group of friends, you will tend to develop common codes that may not make sense to others outside the group.
-For example: for years, my family called sombody falling from a sitting position “doing a Don”. There is a story of course—We knew a guy named Don who fell from his plastic beach chair in a rather hilarious way; “doing a Don” was born.</p>
-
-<p>These types of minor dialects in speech are cryptographic in their own way. The truth is though, that we use cryptography much more than that!</p>
-
-<blockquote>
-  <p>“Is cryptography any different than talking?
-We say something other than what we mean, and then expect everyone is able to decipher the true meaning behind the words.
-Only, I never do…” — Adapted from a scene in <a href="https://www.benedictcumberbatch.co.uk/wordpress/wp-content/uploads/ScreenplayTIG.pdf">The Imitation Game (p. 39-40)</a></p>
-</blockquote>
-
-<p>How many times have you hinted, flirted, and innuendoed to try to say “I find you very physically attractive”?
-Have you told your friend that always stinks to wear more deodorant?
-Have you ever had someone say the words “I’m fine” when you know <em>for certain</em> that they are indeed not okay?</p>
-
-<table>
-  <thead>
-    <tr>
-      <th>Words Said</th>
-      <th>Meaning</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>What can you do?</td>
-      <td>I don’t want to talk about this anymore.</td>
-    </tr>
-    <tr>
-      <td>I don’t want to overstay my welcome.</td>
-      <td>I want to go home now.</td>
-    </tr>
-    <tr>
-      <td>I don’t like them and don’t know why.</td>
-      <td>They threaten my ego.</td>
-    </tr>
-    <tr>
-      <td>Creepy</td>
-      <td>Unattractive and friendly</td>
-    </tr>
-  </tbody>
-</table>
-
-<p>All of these scenarios are perfect examples of <del>lies</del> encryption! If we have the key to these codes, we can start to understand what people really mean.
-Hopefully I have convinced you that you use <del>deceit</del> cryptography on a regular basis in your life, so let us consider what a basic encryption method might be:</p>
-
-<h2 id="grade-school-encryption">Grade-School Encryption</h2>
-<p>Back when I was in middle school I used to pass notes like these:</p>
-
-<figure>
-  <img alt="A message I would have sent in middle school. ROT5: Xfwfm hx hzy" src="/assets/img/ceasar1.jpg" />
-  <figcaption>
-    The kind of message I would have sent in middle school. A ROT5 Ceasar cipher.
-  </figcaption>
-</figure>
-<p>This is a message encrypted using the Caesar cipher. This encryption technique was used by Julius Caesar during the reign of the Roman Empire to “encrypt messages of military significance.”<a class="citation-link" href="https://en.wikipedia.org/wiki/Caesar_chipher/">[1]</a>
-This is one of the oldest and simplest methods of encryption known to us today.</p>
-
-<figure>
-  <img alt="A diagram of a Ceasar Shift algorithm. A &lt;-&gt; N, B &lt;-&gt; O, et cetera." src="/assets/img/ceasar13.png" />
-  <figcaption>
-    A diagram of a ROT13 Ceasar shift algorithm. A &lt;-&gt; N, B &lt;-&gt; O, et cetera.
-  </figcaption>
-</figure>
-
-<p>You can try this out yourself by moving some letters forward in the alphabet.
-An ‘A’ turns into a ‘B’, ‘B’ into ‘C’, ‘C’ into ‘D’, et cetera.
-In this case, “Hello!” would become “Ifmmp!”
-That is just using a shift of one. You can use a shift of seven, for example, and then you would shift letters like so:</p>
-
-<ul>
-  <li><code class="language-plaintext highlighter-rouge">A -&gt; +7 -&gt; H</code></li>
-  <li><code class="language-plaintext highlighter-rouge">Q -&gt; +7 -&gt; X</code></li>
-  <li><code class="language-plaintext highlighter-rouge">T -&gt; +7 -&gt; A</code></li>
-</ul>
-
-<p>When you reach the end of the alphabet, wrap around to the beginning to find the encrypted letter.</p>
-
-<h2 id="example-of-a-caesar-cipher">Example of a Caesar Cipher</h2>
-<p>Let’s setup a little story to illustrate the problems of encryption. We will have three characters:</p>
-
-<ul>
-  <li>Alice, young lady with feelings for Bob</li>
-  <li>Bob, a young lad with an addiction to pancakes</li>
-  <li>Eve, a wee jealous girl scout who sits between Bob and Alice</li>
-</ul>
-
-<p>Alice really likes Bob and wants to tell Bob her feelings, so she writes “I love you, Bob! Please eat healthier!” on a sticky note.
-She passes it to Eve, so Eve can pass it to Alice’s love interest.
-However, in an unfortunate turn of events Eve reads the note herself, and decides not to give it to Bob.</p>
-
-<p>Oh the horror! Alice is without young love! How could she remedy this so that Bob can read her message, but evil Eve can not?
-Let’s use the Caesar cipher to fix this problem.</p>
-
-<p>Let us assume that Alice and Bob already have a shared key, 7 for example. To encrypt this message, she should shift her letters seven letters forward in the alphabet—just like the example above.</p>
-
-<figure>
-<img alt="A longer Ceasar cipher encrypted message: ROT2: Wpeng Vgf ku dqqogt ogog]" src="/assets/img/ceasar2.jpg" />
-  <figcaption>
-    A longer Ceasar cipher encrypted message using ROT2.
-  </figcaption>
-</figure>
-
-<p>Now Alice’s message reads “P svcl fvb, Ivi! Wslhzl lha olhsaoply!”</p>
-
-<p>Now, when Alice sends her Romeo a little note, all he has to do is decrypt the text by shifting the letters down by 7.
-<a href="https://www.xarg.org/tools/caesar-cipher/">Here is a site</a> which can do longer pieces of text for you instead of doing it manually.</p>
-
-<h2 id="problems">Problems</h2>
-
-<p>Before the two love-birds start smooching on the branch of a big pine tree in the schoolyard, perhaps we should consider some problems with the Ceasar cipher.</p>
-
-<h4 id="it-is-very-easy-to-break">It is Very Easy to Break</h4>
-
-<p>Even Eve with her measly grade 4 math skills could easily start going through this message with pen and paper and figure out any combination in a couple hours at maximum.
-Imagine how easy this is for a computer?
-This could be broken in a few microseconds even on an older processor like the Intel Core 2 Duo.</p>
-
-<h4 id="no-secure-way-of-sharing-keys">No Secure Way of Sharing Keys</h4>
-
-<p>We assumed in our previous example that Bob and Alice already have a shared key (seven) to encrypt and decrypt all of their messages.
-If Bob and Alice did not have a previous friendship and time to share secrets of this sort, there is no way to share their key with eachother without Eve also knowing.
-This would defeat the entire purpose of obscuring the message in the first place.</p>
-
-<h4 id="universal-vulnerability-of-messages">Universal Vulnerability of Messages</h4>
-
-<p>Every message sent between the two parties uses the same code to encrypt and decrypt. If someone finds out the code once, all previous communications are comprimised.</p>
-
-<h2 id="better-encryption-methods">Better Encryption Methods</h2>
-
-<p>To combat the issues with easily breakable, shared-key cryptography, we can turn to the beautiful beast that is <a href="https://en.wikipedia.org/wiki/Public-key_cryptography">Asymetric Cryptography</a>.
-I will discuss this more in another article, but for the technically inclined:</p>
-
-<ol>
-  <li><a href="https://en.wikipedia.org/wiki/RSA_(cryptosystem)">RSA</a>/<a href="https://en.wikipedia.org/wiki/Elliptic-curve_cryptography">EC</a> provides <em>very</em> large cryptographic keys. It would be impossible for a human to encrypt or decrypt a message manually.</li>
-  <li><a href="https://www.youtube.com/watch?v=GSIDS_lvRv4">Asymetric cryptography</a> provides four keys, instead of just one; stopping evesdroppers from listening in on your secret conversations—even if you do not have the chance to exchange keys in advance.</li>
-</ol>
-
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/02/19/rsa2/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>How Does Encryption Work, in Theory? | 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">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> <article> <header> <h1 class="post-title">How Does Encryption Work, in Theory?</h1> <time datetime="20-02-19" class="post-date">Wednesday, February 19 2020</time> </header> <hr> <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> <p>We will start by looking at in-person, offline encryption.</p> <h2 id="cryptography-we-do-everyday">Cryptography We Do Everyday</h2> <p>We encrypt things all the time without even thinking about it. If you spend a significant amount of time with the same group of friends, you will tend to develop common codes that may not make sense to others outside the group. For example: for years, my family called sombody falling from a sitting position “doing a Don”. There is a story of course—We knew a guy named Don who fell from his plastic beach chair in a rather hilarious way; “doing a Don” was born.</p> <p>These types of minor dialects in speech are cryptographic in their own way. The truth is though, that we use cryptography much more than that!</p> <blockquote> <p>“Is cryptography any different than talking? We say something other than what we mean, and then expect everyone is able to decipher the true meaning behind the words. Only, I never do…” — Adapted from a scene in <a href="https://www.benedictcumberbatch.co.uk/wordpress/wp-content/uploads/ScreenplayTIG.pdf">The Imitation Game (p. 39-40)</a></p> </blockquote> <p>How many times have you hinted, flirted, and innuendoed to try to say “I find you very physically attractive”? Have you told your friend that always stinks to wear more deodorant? Have you ever had someone say the words “I’m fine” when you know <em>for certain</em> that they are indeed not okay?</p> <table> <thead> <tr> <th>Words Said</th> <th>Meaning</th> </tr> </thead> <tbody> <tr> <td>What can you do?</td> <td>I don’t want to talk about this anymore.</td> </tr> <tr> <td>I don’t want to overstay my welcome.</td> <td>I want to go home now.</td> </tr> <tr> <td>I don’t like them and don’t know why.</td> <td>They threaten my ego.</td> </tr> <tr> <td>Creepy</td> <td>Unattractive and friendly</td> </tr> </tbody> </table> <p>All of these scenarios are perfect examples of <del>lies</del> encryption! If we have the key to these codes, we can start to understand what people really mean. Hopefully I have convinced you that you use <del>deceit</del> cryptography on a regular basis in your life, so let us consider what a basic encryption method might be:</p> <h2 id="grade-school-encryption">Grade-School Encryption</h2> <p>Back when I was in middle school I used to pass notes like these:</p> <figure> <img alt="A message I would have sent in middle school. ROT5: Xfwfm hx hzy" src="/assets/img/ceasar1.jpg"/> <figcaption> The kind of message I would have sent in middle school. A ROT5 Ceasar cipher. </figcaption> </figure> <p>This is a message encrypted using the Caesar cipher. This encryption technique was used by Julius Caesar during the reign of the Roman Empire to “encrypt messages of military significance.”<a class="citation-link" href="https://en.wikipedia.org/wiki/Caesar_chipher/">[1]</a> This is one of the oldest and simplest methods of encryption known to us today.</p> <figure> <img alt="A diagram of a Ceasar Shift algorithm. A &lt;-&gt; N, B &lt;-&gt; O, et cetera." src="/assets/img/ceasar13.png"/> <figcaption> A diagram of a ROT13 Ceasar shift algorithm. A &lt;-&gt; N, B &lt;-&gt; O, et cetera. </figcaption> </figure> <p>You can try this out yourself by moving some letters forward in the alphabet. An ‘A’ turns into a ‘B’, ‘B’ into ‘C’, ‘C’ into ‘D’, et cetera. In this case, “Hello!” would become “Ifmmp!” That is just using a shift of one. You can use a shift of seven, for example, and then you would shift letters like so:</p> <ul> <li><code class="language-plaintext highlighter-rouge">A -&gt; +7 -&gt; H</code></li> <li><code class="language-plaintext highlighter-rouge">Q -&gt; +7 -&gt; X</code></li> <li><code class="language-plaintext highlighter-rouge">T -&gt; +7 -&gt; A</code></li> </ul> <p>When you reach the end of the alphabet, wrap around to the beginning to find the encrypted letter.</p> <h2 id="example-of-a-caesar-cipher">Example of a Caesar Cipher</h2> <p>Let’s setup a little story to illustrate the problems of encryption. We will have three characters:</p> <ul> <li>Alice, young lady with feelings for Bob</li> <li>Bob, a young lad with an addiction to pancakes</li> <li>Eve, a wee jealous girl scout who sits between Bob and Alice</li> </ul> <p>Alice really likes Bob and wants to tell Bob her feelings, so she writes “I love you, Bob! Please eat healthier!” on a sticky note. She passes it to Eve, so Eve can pass it to Alice’s love interest. However, in an unfortunate turn of events Eve reads the note herself, and decides not to give it to Bob.</p> <p>Oh the horror! Alice is without young love! How could she remedy this so that Bob can read her message, but evil Eve can not? Let’s use the Caesar cipher to fix this problem.</p> <p>Let us assume that Alice and Bob already have a shared key, 7 for example. To encrypt this message, she should shift her letters seven letters forward in the alphabet—just like the example above.</p> <figure> <img alt="A longer Ceasar cipher encrypted message: ROT2: Wpeng Vgf ku dqqogt ogog]" src="/assets/img/ceasar2.jpg"/> <figcaption> A longer Ceasar cipher encrypted message using ROT2. </figcaption> </figure> <p>Now Alice’s message reads “P svcl fvb, Ivi! Wslhzl lha olhsaoply!”</p> <p>Now, when Alice sends her Romeo a little note, all he has to do is decrypt the text by shifting the letters down by 7. <a href="https://www.xarg.org/tools/caesar-cipher/">Here is a site</a> which can do longer pieces of text for you instead of doing it manually.</p> <h2 id="problems">Problems</h2> <p>Before the two love-birds start smooching on the branch of a big pine tree in the schoolyard, perhaps we should consider some problems with the Ceasar cipher.</p> <h4 id="it-is-very-easy-to-break">It is Very Easy to Break</h4> <p>Even Eve with her measly grade 4 math skills could easily start going through this message with pen and paper and figure out any combination in a couple hours at maximum. Imagine how easy this is for a computer? This could be broken in a few microseconds even on an older processor like the Intel Core 2 Duo.</p> <h4 id="no-secure-way-of-sharing-keys">No Secure Way of Sharing Keys</h4> <p>We assumed in our previous example that Bob and Alice already have a shared key (seven) to encrypt and decrypt all of their messages. If Bob and Alice did not have a previous friendship and time to share secrets of this sort, there is no way to share their key with eachother without Eve also knowing. This would defeat the entire purpose of obscuring the message in the first place.</p> <h4 id="universal-vulnerability-of-messages">Universal Vulnerability of Messages</h4> <p>Every message sent between the two parties uses the same code to encrypt and decrypt. If someone finds out the code once, all previous communications are comprimised.</p> <h2 id="better-encryption-methods">Better Encryption Methods</h2> <p>To combat the issues with easily breakable, shared-key cryptography, we can turn to the beautiful beast that is <a href="https://en.wikipedia.org/wiki/Public-key_cryptography">Asymetric Cryptography</a>. I will discuss this more in another article, but for the technically inclined:</p> <ol> <li><a href="https://en.wikipedia.org/wiki/RSA_(cryptosystem)">RSA</a>/<a href="https://en.wikipedia.org/wiki/Elliptic-curve_cryptography">EC</a> provides <em>very</em> large cryptographic keys. It would be impossible for a human to encrypt or decrypt a message manually.</li> <li><a href="https://www.youtube.com/watch?v=GSIDS_lvRv4">Asymetric cryptography</a> provides four keys, instead of just one; stopping evesdroppers from listening in on your secret conversations—even if you do not have the chance to exchange keys in advance.</li> </ol> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/02/19/rsa2/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/04/02/rsa3/index.html b/_site/2020/04/02/rsa3/index.html
index e4fa518..b48aa59 100644
--- a/_site/2020/04/02/rsa3/index.html
+++ b/_site/2020/04/02/rsa3/index.html
@@ -1,193 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>How Asymetric Encryption Works | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">How Asymetric Encryption Works</h1>
-    <time datetime="20-04-02" class="post-date">Thursday, April 02 2020</time>
-  </header>
-  <hr>
-
-  <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>
-
-<p>Previously, we talked about how <em>symetric</em> encryption works. This is by having a shared key that both parties use to simultaniously encrypt, and decrypt the data. (See Ceasar Cipher for example).</p>
-
-<h2 id="public-key-or-asymetric-encryption">Public-key, or Asymetric Encryption</h2>
-
-<p>Asymetric encryption is based on the idea of having multiple keys instead of only one shared key.
-For example: instead of encrypting with one key, and decrypting with that same key (like our ROT ciphers we talked about previously), we can use one key to <em>encrypt</em> the information, and a different key to <em>decrypt</em> the information.</p>
-
-<figure>
-  <img src="/assets/img/alice-to-bob.png" alt="Alice sending her message to Bob using Bob's public key. Bob decrypts the message with his private key." />
-  <figcaption>
-    Alice sending her message to Bob using Bob's public key. Bob decrypts the message with his private key.  
-  </figcaption>
-</figure>
-
-<p>In the picture above, see how Alice uses Bob’s public key to encrypt some data,
-then sends it to Bob for him to decrypt with his private key?
-That is the essense of public-key encryption.</p>
-
-<p>The great thing about public-key encryption is that your public key is <em>public</em>! There is no need to be afraid of sending this everywhere!
-You can attach it at the end of all your emails, the end of your forum posts, <a href="/public-key.asc">a link to it on your low-power webserver</a> (wink).
-There are even things called <a href="http://keys.gnupg.net/">keyservers</a> that will save your public key on them for retrival in case somebody wants to verify your public key.</p>
-
-<p>Anything encrypted with your public key can only be decrypted with your private key.
-Provided you never, <em>NEVER</em> share your private key with anyone ever, we can assume that all messages sent to you encrypted with your public key will never be read by anyone else.</p>
-
-<p>Asymetric encryption, however, often contains four keys instead of two. Why is this?</p>
-
-<h4 id="verification-of-author">Verification of Author</h4>
-
-<p>One interesting thing about keys pairs is that not only can the private key decrypt anything the public key encrypts,
-but the public key can decrypt anything the private key encrypts.</p>
-
-<p>Now why would one want to encrypt a message that can be decrypted by anyone?</p>
-
-<figure>
-  <img src="/assets/img/alice-sign-to-bob.png" alt="Alice sending a message to bob which is 'signed' with her private key. This allows Bob to know only Alice could have sent it!" />
-  <figcaption>
-   Alice sending a message to bob which is 'signed' with her private key. This allows Bob to know only Alice could have sent it! 
-  <br />
-  <br />
-  Note: Although the picture shows otherwise, the text is not sent in the plain. It is encrypted with Alice's private key.
-  </figcaption>
-</figure>
-
-<p>This is how you can verify that the person who says they wrote the message really did indeed write the message!
-If their private key was never shared with anyone else, then the message must have come from them!</p>
-
-<p>For maximum security, these methods are often layered.
-First, signing with the sender’s private key,
-ensuring only they could have sent it—
-then encrypted with the recipient’s pulbic key,
-making sure only the reciever can read it.</p>
-
-<p>Note that both sides must first have eachother’s public keys to do this.
-This is easy if they communicate often, but when first contacting somebody,
-people will generally send their encrypted message along with the their own pulbic key attached in a seperate file.</p>
-
-<h3 id="what-this-means">What This Means</h3>
-
-<p>Notice neither Alice nor Bob had to share any comprimsing information over the network?
-This is why public-key encryption is so powerful!</p>
-
-<p>Alice and Bob can both safely send their public keys in the open.
-They can even send them over the insecure HTTP, or FTP protocols.</p>
-
-<p>Whilst not sending any encryption-breaking messages,
-Alice and Bob now have a way to communicate securely.
-If you trust nothing and no one, this is your perfered method of security.</p>
-
-<p>Check out this <a href="https://www.youtube.com/watch?v=GSIDS_lvRv4">Computerphile video</a> if you want the simplified explaination.</p>
-
-<h3 id="the-algorithms">The Algorithms</h3>
-
-<p>The two biggest “implementations” of public-key cryptography vary only in the mathamatical equations used to generate the numbers,
-and how the numbers are <a href="https://en.wikipedia.org/wiki/Trapdoor_function">“trapdoored”</a> to decrypt if you have the correct key.</p>
-
-<p>I will discuss the differences in approach here.
-If you want to skip to the next article where I show you how to encrypt your own documents using RSA, see <a href="/2020/04/06/rsa4.html">this link</a>.</p>
-
-<h3 id="rsa">RSA</h3>
-
-<p>The mathamatic center of the RSA system was developed over the course of a year or so.
-Three men were involved. Ron Rivest, Adi Shamir, and Leonard Aldeman.
-They worked as a kind of “team”: Each idea by Rivest and Shamir were critisized by the mathamatician on their team: Mr. Aldeman.</p>
-
-<p>One night, after consuming
-<a href="https://www.math.uchicago.edu/~may/VIGRE/VIGRE2007/REUPapers/FINALAPP/Calderbank.pdf">“liberal quantities of Manischewitz wine”</a>
-Rivest had trouble sleeping.
-After taking long gazes into the abyss of his math textbook, he came up with an idea which would change cryptography forever.
-By the next morning, an academic mathamatical paper was nearly finished.
-He named it after himself and the two others that had been helping him along this whole time. <em>Rivest, Shamir, Aldeman</em>.</p>
-
-<p>Key sizes of RSA range from 1024-bit to 4096-bit.
-1024-bit keys are considered somewhat insecure.
-However,
-it should be noted that every bit doubles the complexity of the key,
-so 2048 is <a href="https://www.wolframalpha.com/input/?i=2%5E1024">2^1024</a> times more complex than 1024.</p>
-
-<h3 id="eliptic-curve-ec">Eliptic-Curve (EC)</h3>
-
-<p>Eliptic-Curve (EC) is a family of algorithms that use the <a href="https://en.wikipedia.org/wiki/Elliptic_curve">Eliptic curve</a> mathamatical structure to generate the numbers for the keys.
-EC can effectivly provide the security of an RSA key <a href="https://www.youtube.com/watch?v=NF1pwjL9-DE">one order of magnitude larger</a> than an RSA key.</p>
-
-<figure>
-  <img src="/assets/img/ec.png" alt="A picture of an eliptic curve." class="small-image" />
-  <figcaption>
-    An eliptic curve structure.
-  </figcaption>
-</figure>
-
-<p>It’s fast; it’s secure! Perfect right?</p>
-
-<p>Of course not!</p>
-
-<p>One problem is that due to the smaller key size,
-it can more easily be broken by brute-force.
-This is why EC is mostly used for temporary communication (like HTTPS), not permenant communication (like having an encrypted email conversation with a journalist).</p>
-
-<p>The other problem is that a certain EC algrorithm called P-256 is suspected to be introduced with malice to National Institute of Standards and Technology (NIST)
-<a href="https://www.schneier.com/essays/archives/2007/11/did_nsa_put_a_secret.html">by the NSA</a>.
-Supposedly, the NSA is able to crack anything encrypted with this algorithm.
-I will let the experts argure about that.</p>
-
-<p>Other well-known EC algorithms that are more-or-less trusted as secure do exist though.
-The premeire one being Curve25519.
-The reference implementation of <a href="https://cr.yp.to/ecdh.html">this algrorithm</a> is also <a href="https://fairuse.stanford.edu/overview/public-domain/welcome/">public-domain</a>,
-so it is easy for devlopers to work into their own applications without worrying about copywrite.</p>
-
-<h2 id="conslusion">Conslusion</h2>
-
-<p>In this article we went over some basic points:</p>
-
-<ol>
-  <li>Public-key encryption enables secure communication over insecure networks.</li>
-  <li>RSA is considered the standard for extra-seure communication.</li>
-  <li>EC is a newer, faster, more transient encryption method.</li>
-</ol>
-
-<p>To learn how to use RSA keys to encrypt your own communications, check out <a href="/2020/04/06/rsa4/">this other aritcle I wrote</a>.</p>
-
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/04/02/rsa3/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>How Asymetric Encryption Works | 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">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> <article> <header> <h1 class="post-title">How Asymetric Encryption Works</h1> <time datetime="20-04-02" class="post-date">Thursday, April 02 2020</time> </header> <hr> <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> <p>Previously, we talked about how <em>symetric</em> encryption works. This is by having a shared key that both parties use to simultaniously encrypt, and decrypt the data. (See Ceasar Cipher for example).</p> <h2 id="public-key-or-asymetric-encryption">Public-key, or Asymetric Encryption</h2> <p>Asymetric encryption is based on the idea of having multiple keys instead of only one shared key. For example: instead of encrypting with one key, and decrypting with that same key (like our ROT ciphers we talked about previously), we can use one key to <em>encrypt</em> the information, and a different key to <em>decrypt</em> the information.</p> <figure> <img src="/assets/img/alice-to-bob.png" alt="Alice sending her message to Bob using Bob's public key. Bob decrypts the message with his private key."/> <figcaption> Alice sending her message to Bob using Bob's public key. Bob decrypts the message with his private key. </figcaption> </figure> <p>In the picture above, see how Alice uses Bob’s public key to encrypt some data, then sends it to Bob for him to decrypt with his private key? That is the essense of public-key encryption.</p> <p>The great thing about public-key encryption is that your public key is <em>public</em>! There is no need to be afraid of sending this everywhere! You can attach it at the end of all your emails, the end of your forum posts, <a href="/public-key.asc">a link to it on your low-power webserver</a> (wink). There are even things called <a href="http://keys.gnupg.net/">keyservers</a> that will save your public key on them for retrival in case somebody wants to verify your public key.</p> <p>Anything encrypted with your public key can only be decrypted with your private key. Provided you never, <em>NEVER</em> share your private key with anyone ever, we can assume that all messages sent to you encrypted with your public key will never be read by anyone else.</p> <p>Asymetric encryption, however, often contains four keys instead of two. Why is this?</p> <h4 id="verification-of-author">Verification of Author</h4> <p>One interesting thing about keys pairs is that not only can the private key decrypt anything the public key encrypts, but the public key can decrypt anything the private key encrypts.</p> <p>Now why would one want to encrypt a message that can be decrypted by anyone?</p> <figure> <img src="/assets/img/alice-sign-to-bob.png" alt="Alice sending a message to bob which is 'signed' with her private key. This allows Bob to know only Alice could have sent it!"/> <figcaption> Alice sending a message to bob which is 'signed' with her private key. This allows Bob to know only Alice could have sent it! <br/> <br/> Note: Although the picture shows otherwise, the text is not sent in the plain. It is encrypted with Alice's private key. </figcaption> </figure> <p>This is how you can verify that the person who says they wrote the message really did indeed write the message! If their private key was never shared with anyone else, then the message must have come from them!</p> <p>For maximum security, these methods are often layered. First, signing with the sender’s private key, ensuring only they could have sent it— then encrypted with the recipient’s pulbic key, making sure only the reciever can read it.</p> <p>Note that both sides must first have eachother’s public keys to do this. This is easy if they communicate often, but when first contacting somebody, people will generally send their encrypted message along with the their own pulbic key attached in a seperate file.</p> <h3 id="what-this-means">What This Means</h3> <p>Notice neither Alice nor Bob had to share any comprimsing information over the network? This is why public-key encryption is so powerful!</p> <p>Alice and Bob can both safely send their public keys in the open. They can even send them over the insecure HTTP, or FTP protocols.</p> <p>Whilst not sending any encryption-breaking messages, Alice and Bob now have a way to communicate securely. If you trust nothing and no one, this is your perfered method of security.</p> <p>Check out this <a href="https://www.youtube.com/watch?v=GSIDS_lvRv4">Computerphile video</a> if you want the simplified explaination.</p> <h3 id="the-algorithms">The Algorithms</h3> <p>The two biggest “implementations” of public-key cryptography vary only in the mathamatical equations used to generate the numbers, and how the numbers are <a href="https://en.wikipedia.org/wiki/Trapdoor_function">“trapdoored”</a> to decrypt if you have the correct key.</p> <p>I will discuss the differences in approach here. If you want to skip to the next article where I show you how to encrypt your own documents using RSA, see <a href="/2020/04/06/rsa4.html">this link</a>.</p> <h3 id="rsa">RSA</h3> <p>The mathamatic center of the RSA system was developed over the course of a year or so. Three men were involved. Ron Rivest, Adi Shamir, and Leonard Aldeman. They worked as a kind of “team”: Each idea by Rivest and Shamir were critisized by the mathamatician on their team: Mr. Aldeman.</p> <p>One night, after consuming <a href="https://www.math.uchicago.edu/~may/VIGRE/VIGRE2007/REUPapers/FINALAPP/Calderbank.pdf">“liberal quantities of Manischewitz wine”</a> Rivest had trouble sleeping. After taking long gazes into the abyss of his math textbook, he came up with an idea which would change cryptography forever. By the next morning, an academic mathamatical paper was nearly finished. He named it after himself and the two others that had been helping him along this whole time. <em>Rivest, Shamir, Aldeman</em>.</p> <p>Key sizes of RSA range from 1024-bit to 4096-bit. 1024-bit keys are considered somewhat insecure. However, it should be noted that every bit doubles the complexity of the key, so 2048 is <a href="https://www.wolframalpha.com/input/?i=2%5E1024">2^1024</a> times more complex than 1024.</p> <h3 id="eliptic-curve-ec">Eliptic-Curve (EC)</h3> <p>Eliptic-Curve (EC) is a family of algorithms that use the <a href="https://en.wikipedia.org/wiki/Elliptic_curve">Eliptic curve</a> mathamatical structure to generate the numbers for the keys. EC can effectivly provide the security of an RSA key <a href="https://www.youtube.com/watch?v=NF1pwjL9-DE">one order of magnitude larger</a> than an RSA key.</p> <figure> <img src="/assets/img/ec.png" alt="A picture of an eliptic curve." class="small-image"/> <figcaption> An eliptic curve structure. </figcaption> </figure> <p>It’s fast; it’s secure! Perfect right?</p> <p>Of course not!</p> <p>One problem is that due to the smaller key size, it can more easily be broken by brute-force. This is why EC is mostly used for temporary communication (like HTTPS), not permenant communication (like having an encrypted email conversation with a journalist).</p> <p>The other problem is that a certain EC algrorithm called P-256 is suspected to be introduced with malice to National Institute of Standards and Technology (NIST) <a href="https://www.schneier.com/essays/archives/2007/11/did_nsa_put_a_secret.html">by the NSA</a>. Supposedly, the NSA is able to crack anything encrypted with this algorithm. I will let the experts argure about that.</p> <p>Other well-known EC algorithms that are more-or-less trusted as secure do exist though. The premeire one being Curve25519. The reference implementation of <a href="https://cr.yp.to/ecdh.html">this algrorithm</a> is also <a href="https://fairuse.stanford.edu/overview/public-domain/welcome/">public-domain</a>, so it is easy for devlopers to work into their own applications without worrying about copywrite.</p> <h2 id="conslusion">Conslusion</h2> <p>In this article we went over some basic points:</p> <ol> <li>Public-key encryption enables secure communication over insecure networks.</li> <li>RSA is considered the standard for extra-seure communication.</li> <li>EC is a newer, faster, more transient encryption method.</li> </ol> <p>To learn how to use RSA keys to encrypt your own communications, check out <a href="/2020/04/06/rsa4/">this other aritcle I wrote</a>.</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/04/02/rsa3/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/04/06/rsa4/index.html b/_site/2020/04/06/rsa4/index.html
index 92bc511..29d00d8 100644
--- a/_site/2020/04/06/rsa4/index.html
+++ b/_site/2020/04/06/rsa4/index.html
@@ -1,75 +1,4 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>How To Encrypt Your Own Documents Using gpg | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">How To Encrypt Your Own Documents Using gpg</h1>
-    <time datetime="20-04-06" class="post-date">Monday, April 06 2020</time>
-  </header>
-  <hr>
-
-  <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>
-
-<p>If you have never used Linux however, then the method of doing this will be rather unfamiliar.
-This tutorial will be done on an <a href="https://archlinux.org/">Arch Linux</a> machine,
-but it should be the same on Ubuntu, Fedora, CentOS, Debian,
-OpenBSD, FreeBSD, MacOSX, etc.
-The only operating system that does not include these tools by default (or easily accessible) is Windows.</p>
-
-<p>This tutorial makes heavy use of the terminal.
-You have been warned.</p>
-
-<p><em>Let us…begin!</em></p>
-
-<h2 id="glossary">Glossary</h2>
-
-<ul>
-  <li><a href="https://en.wikipedia.org/wiki/Binary-to-text_encoding#ASCII_armor"><strong>ASCII armour</strong></a> — A way to encode <strong>OpenPGP</strong> documents so they are readable by humans. These files end in .asc</li>
-  <li><strong>(Open)PGP</strong> — An open standard for encoding pulbic keys and encrypted documents.</li>
-  <li><strong>GPG</strong> — GNUPrivacyGaurd is an implementation of <strong>OpenPGP</strong>. It is installed by default on most Linux distrobutions.</li>
-</ul>
-
-<h2 id="step-0-setup">Step 0: Setup</h2>
-
-<p>We will be using the utility <code class="language-plaintext highlighter-rouge">gpg</code> for this tutorial.</p>
-
-<p>The other thing to note: The character ‘$’ (dollar sign) is usually not typed when shown in a command.
-It simply indicates that you do not need administrative privilages to run these commands.</p>
-
-<p>Test to see if you get this output in your terminal.</p>
-
-<pre class="terminal">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>How To Encrypt Your Own Documents Using gpg | 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">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> <article> <header> <h1 class="post-title">How To Encrypt Your Own Documents Using gpg</h1> <time datetime="20-04-06" class="post-date">Monday, April 06 2020</time> </header> <hr> <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> <p>If you have never used Linux however, then the method of doing this will be rather unfamiliar. This tutorial will be done on an <a href="https://archlinux.org/">Arch Linux</a> machine, but it should be the same on Ubuntu, Fedora, CentOS, Debian, OpenBSD, FreeBSD, MacOSX, etc. The only operating system that does not include these tools by default (or easily accessible) is Windows.</p> <p>This tutorial makes heavy use of the terminal. You have been warned.</p> <p><em>Let us…begin!</em></p> <h2 id="glossary">Glossary</h2> <ul> <li><a href="https://en.wikipedia.org/wiki/Binary-to-text_encoding#ASCII_armor"><strong>ASCII armour</strong></a> — A way to encode <strong>OpenPGP</strong> documents so they are readable by humans. These files end in .asc</li> <li><strong>(Open)PGP</strong> — An open standard for encoding pulbic keys and encrypted documents.</li> <li><strong>GPG</strong> — GNUPrivacyGaurd is an implementation of <strong>OpenPGP</strong>. It is installed by default on most Linux distrobutions.</li> </ul> <h2 id="step-0-setup">Step 0: Setup</h2> <p>We will be using the utility <code class="language-plaintext highlighter-rouge">gpg</code> for this tutorial.</p> <p>The other thing to note: The character ‘$’ (dollar sign) is usually not typed when shown in a command. It simply indicates that you do not need administrative privilages to run these commands.</p> <p>Test to see if you get this output in your terminal.</p> <pre class="terminal">
 $ gpg --version
 
 gpg (GnuPG) 2.2.20
@@ -78,51 +7,13 @@ Copyright (C) 2020 Free Software Foundation, Inc.
 License GPLv3+: GNU GPL version 3 or later &lt;https://gnu.org/licenses/gpl.html&gt;
 
 ...
-</pre>
-
-<p>If this is not successful look into how to install these tools on your system.</p>
-
-<h2 id="step-1-getcreate-a-public-key">Step 1: Get/Create A Public Key!</h2>
-
-<h3 id="get-somebody-elses">Get Somebody Else’s</h3>
-<p>Step one is having somebody to send your encrypted message to. Maybe this is a friend, a journalist, or a whistleblower.</p>
-
-<p>To encrypt a document with somebody’s public key, you need to first obtain it.
-My public key is available <a href="/public-key.asc">at this link</a>, and you can use it to send me encrypted stuff.</p>
-
-<p>If you are on a linux terminal, you can use the <code class="language-plaintext highlighter-rouge">curl</code> or <code class="language-plaintext highlighter-rouge">wget</code> command to download it.</p>
-
-<p>wget:</p>
-<pre class="terminal">
+</pre> <p>If this is not successful look into how to install these tools on your system.</p> <h2 id="step-1-getcreate-a-public-key">Step 1: Get/Create A Public Key!</h2> <h3 id="get-somebody-elses">Get Somebody Else’s</h3> <p>Step one is having somebody to send your encrypted message to. Maybe this is a friend, a journalist, or a whistleblower.</p> <p>To encrypt a document with somebody’s public key, you need to first obtain it. My public key is available <a href="/public-key.asc">at this link</a>, and you can use it to send me encrypted stuff.</p> <p>If you are on a linux terminal, you can use the <code class="language-plaintext highlighter-rouge">curl</code> or <code class="language-plaintext highlighter-rouge">wget</code> command to download it.</p> <p>wget:</p> <pre class="terminal">
 $ wget https://tait.tech/public-key.asc
-</pre>
-
-<p>Curl:</p>
-<pre class="terminal">
+</pre> <p>Curl:</p> <pre class="terminal">
 $ curl https://tait.tech/public-key.asc -o public-key.asc
-</pre>
-
-<h3 id="make-your-own-optional">Make Your Own (optional)</h3>
-
-<p>The following section is quite long,
-so if you don’t want to create your own keypair,
-then feel free to skip to <a href="#step-2-import-public-key">Step #2</a>.</p>
-
-<p>If you want to encrypt your own documents,
-or you want others to be able to send you encrypted messages,
-then you can create your own public/private key pair.
-You can use these to encrypt your documents,
-and you can send our public key to others so that they can securely communicate with yourself.</p>
-
-<p>Run the following command in your terminal, and follow the steps I outline to get you started.</p>
-
-<pre class="terminal">
+</pre> <h3 id="make-your-own-optional">Make Your Own (optional)</h3> <p>The following section is quite long, so if you don’t want to create your own keypair, then feel free to skip to <a href="#step-2-import-public-key">Step #2</a>.</p> <p>If you want to encrypt your own documents, or you want others to be able to send you encrypted messages, then you can create your own public/private key pair. You can use these to encrypt your documents, and you can send our public key to others so that they can securely communicate with yourself.</p> <p>Run the following command in your terminal, and follow the steps I outline to get you started.</p> <pre class="terminal">
 $ gpg --full-gen-key
-</pre>
-
-<p>This will produce the following dialog:</p>
-
-<pre class="terminal">
+</pre> <p>This will produce the following dialog:</p> <pre class="terminal">
 gpg (GnuPG) 2.2.20; Copyright (C) 2020 Free Software Foundation, Inc.
 This is free software: you are free to change and redistribute it.
 There is NO WARRANTY, to the extent permitted by law.
@@ -134,21 +25,10 @@ Please select what kind of key you want:
   (4) RSA (sign only)
   (14) Existing key from card
 Your selection? 
-</pre>
-
-<p>Select the option <code class="language-plaintext highlighter-rouge">1</code>. You want two keys, both RSA.</p>
-
-<p>Next we will select the key size:</p>
-<pre class="terminal">
+</pre> <p>Select the option <code class="language-plaintext highlighter-rouge">1</code>. You want two keys, both RSA.</p> <p>Next we will select the key size:</p> <pre class="terminal">
 RSA keys may be between 1024 and 4096 bits long.
 What keysize do you want? (2048) 
-</pre>
-
-<p>Type the number 2048.</p>
-
-<p>Next it will ask you how long you want the key to be valid.</p>
-
-<pre class="terminal">
+</pre> <p>Type the number 2048.</p> <p>Next it will ask you how long you want the key to be valid.</p> <pre class="terminal">
 Requested keysize is 2048 bits
 Please specify how long the key should be valid.
           0 = key does not expire
@@ -157,29 +37,10 @@ Please specify how long the key should be valid.
        &lt;n&gt;m = key expires in n months
        &lt;n&gt;y = key expires in n years
 Key is valid for? (0)
-</pre>
-
-<p>Type the number 1. This will enable you time to test it,
-but it will make the key expire within 24 hours so that if you accidentally
-share your private key, or delete your VM and no longer have access to it, you will be fine.</p>
-
-<p>It will ask your if you are sure about the expiry date.</p>
-
-<pre class="terminal">
+</pre> <p>Type the number 1. This will enable you time to test it, but it will make the key expire within 24 hours so that if you accidentally share your private key, or delete your VM and no longer have access to it, you will be fine.</p> <p>It will ask your if you are sure about the expiry date.</p> <pre class="terminal">
 Key expires at Tue Apr  7 02:24:23 2020 UTC
 Is this correct? (y/N) 
-</pre>
-
-<p>Type <code class="language-plaintext highlighter-rouge">y</code> to confirm your choice.</p>
-
-<p>Now <code class="language-plaintext highlighter-rouge">gpg</code> is going to ask you to create a user id to indetify this key.
-Use some test data for now.
-User input is in bold, feel free to follow along or to put your own test data in.</p>
-
-<p>Once you are more comfortable with the tools,
-then you can create a public/private keypair that you will keep for some time.</p>
-
-<pre class="terminal">
+</pre> <p>Type <code class="language-plaintext highlighter-rouge">y</code> to confirm your choice.</p> <p>Now <code class="language-plaintext highlighter-rouge">gpg</code> is going to ask you to create a user id to indetify this key. Use some test data for now. User input is in bold, feel free to follow along or to put your own test data in.</p> <p>Once you are more comfortable with the tools, then you can create a public/private keypair that you will keep for some time.</p> <pre class="terminal">
 GnuPG needs to construct a user ID to identify your key.
 
 Real name: <b>Mr. Tester</b>
@@ -189,30 +50,12 @@ You selected this USER-ID:
     "Mr. Tester (for testing only) &lt;test@test.org&gt;"
 
 Change (N)ame, (C)omment, (E)mail or (O)kay/(Q)uit? <b>O</b>
-</pre>
-
-<p>It will then ask you for a password.
-If you are simply using this for test purposes,
-then you can feel free to set it to something like “test”.
-When create a long-term use pulbic key make sure to make the password <em>very</em> secure.</p>
-
-<p>During the process of creating your key, <code class="language-plaintext highlighter-rouge">gpg</code> may warn you with this message:</p>
-
-<pre class="terminal">
+</pre> <p>It will then ask you for a password. If you are simply using this for test purposes, then you can feel free to set it to something like “test”. When create a long-term use pulbic key make sure to make the password <em>very</em> secure.</p> <p>During the process of creating your key, <code class="language-plaintext highlighter-rouge">gpg</code> may warn you with this message:</p> <pre class="terminal">
 We need to generate a lot of random bytes. It is a good idea to perform
 some other action (type on the keyboard, move the mouse, utilize the
 disks) during the prime generation; this gives the random number
 generator a better chance to gain enough entropy.
-</pre>
-
-<p>If this happens, feel free to smash your keyboard (lightly),
-watch a YouTube video on the machine,
-browse the web with <a href="http://w3m.sourceforge.net/">w3m</a>,
-etc. until the key is generated.</p>
-
-<p>You will know it is done when you see this message (or something similar):</p>
-
-<pre class="terminal">
+</pre> <p>If this happens, feel free to smash your keyboard (lightly), watch a YouTube video on the machine, browse the web with <a href="http://w3m.sourceforge.net/">w3m</a>, etc. until the key is generated.</p> <p>You will know it is done when you see this message (or something similar):</p> <pre class="terminal">
 gpg: key EACCC490291EA7CE marked as ultimately trusted
 gpg: revocation certificate stored as '/home/tait/.config/gnupg/openpgp-revocs.d/FFA7D7525C6546983F1152D8EACCC490291EA7CE.rev'
 public and secret key created and signed.
@@ -221,95 +64,25 @@ pub   rsa2048 2020-04-06 [SC] [expires: 2020-04-07]
       FFA7D7525C6546983F1152D8EACCC490291EA7CE
       uid                      Mr. Tester (for testing only) &lt;test@test.org&gt;
       sub   rsa2048 2020-04-06 [E] [expires: 2020-04-07]
-</pre>
-
-<p>Tada! You have your own public/private keypair!</p>
-
-<p>Sharing a keypair that will expire soon is not a good idea,
-however, if you are ready, then you can use this command to generate a public key file to share with others.</p>
-
-<p>Feel free to substitute “Mr. Tester” for any other identifying part of your key.
-Remember that to use the email, you must enclose it in &lt; and &gt;.</p>
-
-<pre class="terminal">
+</pre> <p>Tada! You have your own public/private keypair!</p> <p>Sharing a keypair that will expire soon is not a good idea, however, if you are ready, then you can use this command to generate a public key file to share with others.</p> <p>Feel free to substitute “Mr. Tester” for any other identifying part of your key. Remember that to use the email, you must enclose it in &lt; and &gt;.</p> <pre class="terminal">
 $ gpg --export --armour "Mr. Tester" &gt; public-key.asc
-</pre>
-
-<p>To use the email as the identifier:</p>
-<pre class="terminal">
+</pre> <p>To use the email as the identifier:</p> <pre class="terminal">
 $ gpg --export --armour "&lt;test@test.org&gt;" &gt; public-key.asc
-</pre>
-
-<h2 id="step-2-import-public-key">Step 2: Import Public Key</h2>
-
-<p>This list of keys that <code class="language-plaintext highlighter-rouge">gpg</code> keeps on tap so to speak, is called our “keyring”.
-Your will need to import a new public key to encrypt files with <code class="language-plaintext highlighter-rouge">gpg</code>.</p>
-
-<p>If you already created your own public key, then this step is not necessary unless you want to also encrypt something for me :)</p>
-
-<figure>
-  <img src="/assets/img/keyring.jpg" alt="A keyring holding eight allen keys." />
-  <figcaption>
-    A keyring holding eight allen keys.
-  </figcaption>
-</figure>
-
-<p>To import a public key to use for encrypting files, use the <code class="language-plaintext highlighter-rouge">--import</code> option of <code class="language-plaintext highlighter-rouge">gpg</code>. Like so:</p>
-
-<pre class="terminal">
+</pre> <h2 id="step-2-import-public-key">Step 2: Import Public Key</h2> <p>This list of keys that <code class="language-plaintext highlighter-rouge">gpg</code> keeps on tap so to speak, is called our “keyring”. Your will need to import a new public key to encrypt files with <code class="language-plaintext highlighter-rouge">gpg</code>.</p> <p>If you already created your own public key, then this step is not necessary unless you want to also encrypt something for me :)</p> <figure> <img src="/assets/img/keyring.jpg" alt="A keyring holding eight allen keys."/> <figcaption> A keyring holding eight allen keys. </figcaption> </figure> <p>To import a public key to use for encrypting files, use the <code class="language-plaintext highlighter-rouge">--import</code> option of <code class="language-plaintext highlighter-rouge">gpg</code>. Like so:</p> <pre class="terminal">
 $ gpg --import public-key.asc
 gpg: key 64FB4E386953BEAD: public key "Tait Hoyem &lt;tait.hoyem@protonmail.com&gt;" imported
 gpg: Total number processed: 1
 gpg:               imported: 1
-</pre>
-
-<p>Now that we have imported a public key, we can make a message to send!</p>
-
-<h2 id="step-3-have-a-message-to-encrypt">Step 3: Have A Message To Encrypt</h2>
-
-<p>You can make a new file which holds some important, secret data.
-Feel free to use a graphical editor if you have one, if not, <code class="language-plaintext highlighter-rouge">nano</code> works alright too.</p>
-
-<pre class="terminal">
+</pre> <p>Now that we have imported a public key, we can make a message to send!</p> <h2 id="step-3-have-a-message-to-encrypt">Step 3: Have A Message To Encrypt</h2> <p>You can make a new file which holds some important, secret data. Feel free to use a graphical editor if you have one, if not, <code class="language-plaintext highlighter-rouge">nano</code> works alright too.</p> <pre class="terminal">
   Rules Of A Good Life:
 
   1. Wash your hands!
   2. Work hard!
   3. Be firm.
   5. Have good friends!
-</pre>
-
-<p>Save this file as something like <code class="language-plaintext highlighter-rouge">test-pgp.txt</code>, and we’ll use that name later.</p>
-
-<h2 id="step-4-encrypt-a-message">Step 4: Encrypt A Message</h2>
-
-<p>Now that we have a message to send and person to send to,
-all we have to do is encrypt this message and it’ll be on its merry way!
-To do so, we must specify two new options to <code class="language-plaintext highlighter-rouge">gpg</code>.</p>
-
-<p>The first is <code class="language-plaintext highlighter-rouge">--recipient</code>.
-This tells <code class="language-plaintext highlighter-rouge">gpg</code> to encrypt using a certin public key that we have in our keyring.
-You can use the person’s name, email address, or the key’s uid.</p>
-
-<p>The second is <code class="language-plaintext highlighter-rouge">--encrypt</code>.</p>
-
-<p>You will also specify the <code class="language-plaintext highlighter-rouge">--armour</code> option to use ASCII armoured files. Put this option after <code class="language-plaintext highlighter-rouge">--encrypt</code>, and put the file name after <code class="language-plaintext highlighter-rouge">--armour</code>. See below.</p>
-
-<p>You can either use your own public key name to encrypt a document (allowng only you to decrypt it),
-or you can use my public key that we imported earlier (allowing only me to decrypt it).
-Either way works fine.</p>
-
-<p>This is the big one!</p>
-
-<pre class="terminal">
+</pre> <p>Save this file as something like <code class="language-plaintext highlighter-rouge">test-pgp.txt</code>, and we’ll use that name later.</p> <h2 id="step-4-encrypt-a-message">Step 4: Encrypt A Message</h2> <p>Now that we have a message to send and person to send to, all we have to do is encrypt this message and it’ll be on its merry way! To do so, we must specify two new options to <code class="language-plaintext highlighter-rouge">gpg</code>.</p> <p>The first is <code class="language-plaintext highlighter-rouge">--recipient</code>. This tells <code class="language-plaintext highlighter-rouge">gpg</code> to encrypt using a certin public key that we have in our keyring. You can use the person’s name, email address, or the key’s uid.</p> <p>The second is <code class="language-plaintext highlighter-rouge">--encrypt</code>.</p> <p>You will also specify the <code class="language-plaintext highlighter-rouge">--armour</code> option to use ASCII armoured files. Put this option after <code class="language-plaintext highlighter-rouge">--encrypt</code>, and put the file name after <code class="language-plaintext highlighter-rouge">--armour</code>. See below.</p> <p>You can either use your own public key name to encrypt a document (allowng only you to decrypt it), or you can use my public key that we imported earlier (allowing only me to decrypt it). Either way works fine.</p> <p>This is the big one!</p> <pre class="terminal">
 $ gpg --recipient "Tait Hoyem" --encrypt --armour test-gpg.txt
-</pre>
-
-<p>“But there is no output!” you might say!
-Yes, that is because our new (encrypted) file has already been saved.
-Let’s look at it with cat.</p>
-
-<pre class="terminal">
+</pre> <p>“But there is no output!” you might say! Yes, that is because our new (encrypted) file has already been saved. Let’s look at it with cat.</p> <pre class="terminal">
 $ cat test-gpg.txt.asc
 -----BEGIN PGP MESSAGE-----
 
@@ -330,24 +103,9 @@ jaDMzZnIKoax1GFz/coUAHFQub2rLzaQ5DDbvrkX++UrAjuUtRcSFH0TKhahZmCF
 nv117moLfK22Mst/
 =bw8T
 -----END PGP MESSAGE-----
-</pre>
-
-<h2 id="step-5-decryption-optional">Step 5: Decryption (optional)</h2>
-
-<p>If you created your own public/private keypair in step 1,
-and you encryped using <code class="language-plaintext highlighter-rouge">--recipient "Your Test Name"</code>,
-then you can decrypt your document as well!</p>
-
-<p>You will need to specify <code class="language-plaintext highlighter-rouge">--decrypt</code>, and that’s all folks!</p>
-
-<pre class="terminal">
+</pre> <h2 id="step-5-decryption-optional">Step 5: Decryption (optional)</h2> <p>If you created your own public/private keypair in step 1, and you encryped using <code class="language-plaintext highlighter-rouge">--recipient "Your Test Name"</code>, then you can decrypt your document as well!</p> <p>You will need to specify <code class="language-plaintext highlighter-rouge">--decrypt</code>, and that’s all folks!</p> <pre class="terminal">
 $ gpg --decrypt test-gpg.txt.asc
-</pre>
-
-<p>A password dialog will then come up asking for your previously created password.
-As long as you remember your password from before and enter it correctly: voila!</p>
-
-<pre class="terminal">
+</pre> <p>A password dialog will then come up asking for your previously created password. As long as you remember your password from before and enter it correctly: voila!</p> <pre class="terminal">
 gpg: encrypted with 4096-bit RSA key, ID 6989B986FCBE4225, created 2020-01-02
       "Tait Hoyem &lt;tait.hoyem@protonmail.com&gt;"
 Rules Of A Good Life:
@@ -356,37 +114,4 @@ Rules Of A Good Life:
 2. Work hard!
 3. Be firm.
 5. Have good friends!
-</pre>
-
-<h2 id="step-6-finale">Step 6: Finale!</h2>
-
-<p>Ladies and gentleman, you have done it!
-You have encrypted our very own document.
-(And maybe even decrypted it yourself too :)</p>
-
-<p>If you encrypted using my public key,
-feel free to send it to <a href="mailto:tait@tait.tech">my email</a>.
-I am happy to verify if it worked.</p>
-
-<p>For more information on this subject, check out <a href="https://www.gnupg.org/gph/en/manual/c14.html">gnugp.org’s guide</a> on using GPG.
-They are the ones that make these tools available,
-and the <a href="https://www.gnu.org/">GNU Project</a> has been instrumental in creating the open-source world as it exists today.
-Give ‘em some love, eh!</p>
-
-<p>Thank you so much for sticking through this whole thing!
-Let me know if there is anything that doesn’t make sense.
-I am happy to improve this guide as time goes on if that is necessary.</p>
-
-<p>Happy hacking :)</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/04/06/rsa4/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</pre> <h2 id="step-6-finale">Step 6: Finale!</h2> <p>Ladies and gentleman, you have done it! You have encrypted our very own document. (And maybe even decrypted it yourself too :)</p> <p>If you encrypted using my public key, feel free to send it to <a href="mailto:tait@tait.tech">my email</a>. I am happy to verify if it worked.</p> <p>For more information on this subject, check out <a href="https://www.gnupg.org/gph/en/manual/c14.html">gnugp.org’s guide</a> on using GPG. They are the ones that make these tools available, and the <a href="https://www.gnu.org/">GNU Project</a> has been instrumental in creating the open-source world as it exists today. Give ‘em some love, eh!</p> <p>Thank you so much for sticking through this whole thing! Let me know if there is anything that doesn’t make sense. I am happy to improve this guide as time goes on if that is necessary.</p> <p>Happy hacking :)</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/04/06/rsa4/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/04/12/nas1/index.html b/_site/2020/04/12/nas1/index.html
index ae268a3..9c9574c 100644
--- a/_site/2020/04/12/nas1/index.html
+++ b/_site/2020/04/12/nas1/index.html
@@ -1,102 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>NAS Part 1: Theorize | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">NAS Part 1: Theorize</h1>
-    <time datetime="20-04-12" class="post-date">Sunday, April 12 2020</time>
-  </header>
-  <hr>
-
-  <p>New Project, phase one:
-Theorize.</p>
-
-<p>I want to build a NAS server to store a bunch of data on. Current problem is lack of a computer to accept multiple SATA connections.</p>
-
-<h3 id="problem-1-sata-connectors">Problem 1: SATA connectors</h3>
-
-<p>This can be solved by an HBE card. Although they tend to be quite expensive (250+).
-One decent model that isn’t that much is the <a href="https://www.amazon.ca/SAS9211-8I-8PORT-Int-Sata-Pcie/dp/B002RL8I7M/ref=sr_1_2?keywords=9211-8i&amp;qid=1586699707&amp;sr=8-2">LSI 9211-8I</a>.
-This is ideal for future expansion.</p>
-
-<p>A cheaper option is a PCIe multi-SATA connector <a href="https://www.amazon.ca/Rivo-Controller-Expansion-Profile-Non-Raid/dp/B0836MKFCR?ref_=ast_slp_dp">like this</a>.</p>
-
-<p>Either work, but one is cheaper and the other is more expandable.
-The 9211-8I uses two SAS ports, which can be expanded indefinetely. SAS supports splitting.
-SATA can be connected in a 4:1 ratio to SAS connectors with some <a href="https://www.amazon.com/Cable-Matters-Internal-SFF-8087-Breakout/dp/B012BPLYJC">cheap cables</a>.</p>
-
-<h3 id="problem-2-drives">Problem 2: Drives</h3>
-<p>I do not have enough drives to make this work right now.
-For the setup I want it would require 5 or 6 drives.
-I will get 4-5 drives worth of space as one drive worth of space is dedicated to “parity”, making you able to:</p>
-
-<ol>
-  <li>Verify data integrity. If anything goes wrong with a write, it will be fixed automatically.</li>
-  <li>If <em>one</em> drive dies, the system can stay online with no problem. Two drives and I’m eff-you-see-kay-ed-dee.</li>
-</ol>
-
-<p>My other option is to use two drives worth of space for partiy.
-This would only have me 3-4 drives of space, but
-this system can withstand the failure of <em>two</em> drives.</p>
-
-<h3 id="problem-3-computer-system">Problem 3: Computer System</h3>
-
-<p>I currently have 5 computers.</p>
-
-<ol>
-  <li>Celery Stick. An old grey HP laptop with a Braille stickered keyboard. <em>Does not work right now; bad thermal paste job.</em></li>
-  <li>A Dell laptop lent to me by my school during my studies.</li>
-  <li>Houston. A 21-inch 2011 iMac for which the screen does not work under Linux (excep with the <code class="language-plaintext highlighter-rouge">nomodeset</code> kernel option enabled).</li>
-  <li>An Old Toshiba laptop (circa 2010) that I got for $50 to test with OpenBSD (works….sometimes).</li>
-  <li>Main Rig. My main laptop is an ASUS-705 TUF gaming laptop.</li>
-</ol>
-
-<p>None of these have PCIe expansion slots with a case that can handle the new drives.</p>
-
-<p>I think it’s reasonable to say that for hard-drives and low-end tower PCs,
-I will likely have luck on a place like <a href="https://kijiji.ca">Kijiji</a> (Canadian Craigslist).</p>
-
-<p>The search continues :)</p>
-
-<p>I’m in for a fun ride…. and a few monnies.</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/04/12/nas1/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>NAS Part 1: Theorize | 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">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> <article> <header> <h1 class="post-title">NAS Part 1: Theorize</h1> <time datetime="20-04-12" class="post-date">Sunday, April 12 2020</time> </header> <hr> <p>New Project, phase one: Theorize.</p> <p>I want to build a NAS server to store a bunch of data on. Current problem is lack of a computer to accept multiple SATA connections.</p> <h3 id="problem-1-sata-connectors">Problem 1: SATA connectors</h3> <p>This can be solved by an HBE card. Although they tend to be quite expensive (250+). One decent model that isn’t that much is the <a href="https://www.amazon.ca/SAS9211-8I-8PORT-Int-Sata-Pcie/dp/B002RL8I7M/ref=sr_1_2?keywords=9211-8i&amp;qid=1586699707&amp;sr=8-2">LSI 9211-8I</a>. This is ideal for future expansion.</p> <p>A cheaper option is a PCIe multi-SATA connector <a href="https://www.amazon.ca/Rivo-Controller-Expansion-Profile-Non-Raid/dp/B0836MKFCR?ref_=ast_slp_dp">like this</a>.</p> <p>Either work, but one is cheaper and the other is more expandable. The 9211-8I uses two SAS ports, which can be expanded indefinetely. SAS supports splitting. SATA can be connected in a 4:1 ratio to SAS connectors with some <a href="https://www.amazon.com/Cable-Matters-Internal-SFF-8087-Breakout/dp/B012BPLYJC">cheap cables</a>.</p> <h3 id="problem-2-drives">Problem 2: Drives</h3> <p>I do not have enough drives to make this work right now. For the setup I want it would require 5 or 6 drives. I will get 4-5 drives worth of space as one drive worth of space is dedicated to “parity”, making you able to:</p> <ol> <li>Verify data integrity. If anything goes wrong with a write, it will be fixed automatically.</li> <li>If <em>one</em> drive dies, the system can stay online with no problem. Two drives and I’m eff-you-see-kay-ed-dee.</li> </ol> <p>My other option is to use two drives worth of space for partiy. This would only have me 3-4 drives of space, but this system can withstand the failure of <em>two</em> drives.</p> <h3 id="problem-3-computer-system">Problem 3: Computer System</h3> <p>I currently have 5 computers.</p> <ol> <li>Celery Stick. An old grey HP laptop with a Braille stickered keyboard. <em>Does not work right now; bad thermal paste job.</em></li> <li>A Dell laptop lent to me by my school during my studies.</li> <li>Houston. A 21-inch 2011 iMac for which the screen does not work under Linux (excep with the <code class="language-plaintext highlighter-rouge">nomodeset</code> kernel option enabled).</li> <li>An Old Toshiba laptop (circa 2010) that I got for $50 to test with OpenBSD (works….sometimes).</li> <li>Main Rig. My main laptop is an ASUS-705 TUF gaming laptop.</li> </ol> <p>None of these have PCIe expansion slots with a case that can handle the new drives.</p> <p>I think it’s reasonable to say that for hard-drives and low-end tower PCs, I will likely have luck on a place like <a href="https://kijiji.ca">Kijiji</a> (Canadian Craigslist).</p> <p>The search continues :)</p> <p>I’m in for a fun ride…. and a few monnies.</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/04/12/nas1/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/04/21/rfi/index.html b/_site/2020/04/21/rfi/index.html
index bdf0900..79350f9 100644
--- a/_site/2020/04/21/rfi/index.html
+++ b/_site/2020/04/21/rfi/index.html
@@ -1,68 +1,5 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>rfi: A Simple Linux utility to get a random file from a directory | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">rfi: A Simple Linux utility to get a random file from a directory</h1>
-    <time datetime="20-04-21" class="post-date">Tuesday, April 21 2020</time>
-  </header>
-  <hr>
-
-  <p>I made a <a href="https://lbry.tv/@tait:7/rfi:5">little video</a> about this script I wrote:</p>
-
-<pre class="terminal">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>rfi: A Simple Linux utility to get a random file from a directory | 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">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> <article> <header> <h1 class="post-title">rfi: A Simple Linux utility to get a random file from a directory</h1> <time datetime="20-04-21" class="post-date">Tuesday, April 21 2020</time> </header> <hr> <p>I made a <a href="https://lbry.tv/@tait:7/rfi:5">little video</a> about this script I wrote:</p> <pre class="terminal">
 $ rfi
-</pre>
-
-<p>This program gets a random file from your current directory
-if you do not specify one;
-it gets a random file from the specified directory if you give it one like so:</p>
-
-<pre class="terminal">
+</pre> <p>This program gets a random file from your current directory if you do not specify one; it gets a random file from the specified directory if you give it one like so:</p> <pre class="terminal">
 # rfi /etc/wireguard
-</pre>
-
-<p>Which is very useful if you want to start a random VPN configuration :)</p>
-
-<p>The code, comments, etc. are on the <a href="https://github.com/TTWNO/scripts">Github</a>.</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/04/21/rfi/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</pre> <p>Which is very useful if you want to start a random VPN configuration :)</p> <p>The code, comments, etc. are on the <a href="https://github.com/TTWNO/scripts">Github</a>.</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/04/21/rfi/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/04/25/xss/index.html b/_site/2020/04/25/xss/index.html
index c245351..79ceac9 100644
--- a/_site/2020/04/25/xss/index.html
+++ b/_site/2020/04/25/xss/index.html
@@ -1,147 +1,6 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>What is XSS? | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">What is XSS?</h1>
-    <time datetime="20-04-25" class="post-date">Saturday, April 25 2020</time>
-  </header>
-  <hr>
-
-  <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>
-
-<p>In this first article I will explain what XSS is.</p>
-
-<p>In the next article I will explain how I found this attack.</p>
-
-<h2 id="what-is-cross-site-scripting-xss">What is cross-site scripting (XSS)</h2>
-
-<p>Cross-site scripting, XSS for short,
-is a technique to execute arbitrary Javascript code on a user visiting a website
-by linking to Javascript code stored on another server.</p>
-
-<p>So for example:</p>
-
-<p>I have a file on my website called <a href="/assets/js/hacked.js">hacked.js</a>.
-If I was able to run this javascript file on anybody visiting a certain website <em>that is not mine</em>, this would be called cross-site scripting.</p>
-
-<p>Click the above <code class="language-plaintext highlighter-rouge">hacked.js</code> link to view the code I use to “hack” this website.
-It’s safe, I promise ;)</p>
-
-<p>Now, how can we get this code to execute when a user visits this site?
-To explain, I will start with some of the underlying technologies.</p>
-
-<h3 id="escape-characters">Escape Characters!</h3>
-
-<p>No, this is not a Sherlock Holmes novel!</p>
-
-<p>If we suppose that a website is built with sequences like these (called “tags”):
-<code class="language-plaintext highlighter-rouge">&lt;body&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;p&gt;</code> (for paragraph), <code class="language-plaintext highlighter-rouge">&lt;link&gt;</code> and <code class="language-plaintext highlighter-rouge">&lt;b&gt;</code> for bold,
-then why can you <em>see</em> the left and right angle bracket characters?
-Don’t they mean something? Shouldn’t they be telling the browser:
-<em>“Hey! Make me bold!”?</em>
-Why <em>doesn’t</em> everything after me typing <code class="language-plaintext highlighter-rouge">&lt;b&gt;</code> turn bold?</p>
-
-<p>The answer is:</p>
-
-<p>There are special characters in HTML to type a visible left (&lt;)
-and visible right angle bracket (&gt;) in a website.
-If I use the left and right brackets on my keyboard however,
-things will indeed <b>show up bold</b>.</p>
-
-<p>This is the code for the sentence I wrote above:</p>
-<pre class="terminal">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>What is XSS? | 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">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> <article> <header> <h1 class="post-title">What is XSS?</h1> <time datetime="20-04-25" class="post-date">Saturday, April 25 2020</time> </header> <hr> <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> <p>In this first article I will explain what XSS is.</p> <p>In the next article I will explain how I found this attack.</p> <h2 id="what-is-cross-site-scripting-xss">What is cross-site scripting (XSS)</h2> <p>Cross-site scripting, XSS for short, is a technique to execute arbitrary Javascript code on a user visiting a website by linking to Javascript code stored on another server.</p> <p>So for example:</p> <p>I have a file on my website called <a href="/assets/js/hacked.js">hacked.js</a>. If I was able to run this javascript file on anybody visiting a certain website <em>that is not mine</em>, this would be called cross-site scripting.</p> <p>Click the above <code class="language-plaintext highlighter-rouge">hacked.js</code> link to view the code I use to “hack” this website. It’s safe, I promise ;)</p> <p>Now, how can we get this code to execute when a user visits this site? To explain, I will start with some of the underlying technologies.</p> <h3 id="escape-characters">Escape Characters!</h3> <p>No, this is not a Sherlock Holmes novel!</p> <p>If we suppose that a website is built with sequences like these (called “tags”): <code class="language-plaintext highlighter-rouge">&lt;body&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;p&gt;</code> (for paragraph), <code class="language-plaintext highlighter-rouge">&lt;link&gt;</code> and <code class="language-plaintext highlighter-rouge">&lt;b&gt;</code> for bold, then why can you <em>see</em> the left and right angle bracket characters? Don’t they mean something? Shouldn’t they be telling the browser: <em>“Hey! Make me bold!”?</em> Why <em>doesn’t</em> everything after me typing <code class="language-plaintext highlighter-rouge">&lt;b&gt;</code> turn bold?</p> <p>The answer is:</p> <p>There are special characters in HTML to type a visible left (&lt;) and visible right angle bracket (&gt;) in a website. If I use the left and right brackets on my keyboard however, things will indeed <b>show up bold</b>.</p> <p>This is the code for the sentence I wrote above:</p> <pre class="terminal">
 There are special characters in HTML to type a visible left (&amp;lt;)
 and visible right angle bracket (&amp;gt;) in a website.
 If I use the left and right brackets on my keyboard however,
 things will indeed &lt;b&gt;show up bold&lt;/b&gt;.
-</pre>
-
-<p>Notice how all visible left angle brackets use an <code class="language-plaintext highlighter-rouge">&amp;lt;</code> to show them?</p>
-
-<p>These are called <a href="https://en.wikipedia.org/wiki/Escape_character">escape characters</a>.
-They tell a system, in this case your web browser:
-<em>“Hello! Please show me off! I don’t want to be hidden.”</em></p>
-
-<h4 id="sanitization">Sanitization</h4>
-
-<p>Most of the time XSS attacks are done using poorly sanitized HTML <code class="language-plaintext highlighter-rouge">&lt;input&gt;</code> elements.</p>
-
-<p>Sanitization is when a program (usually on the server side),
-will remove characters like <code class="language-plaintext highlighter-rouge">&lt;</code> and replace them with the aforementioned “escape characters”.
-Internally this would be something like <code class="language-plaintext highlighter-rouge">&amp;lt;</code>,
-but they would show up to a user as <code class="language-plaintext highlighter-rouge">&lt;</code>.</p>
-
-<p>When inputs are not properly sanitized <em>and</em> the input is shown to the user in another part of the website,
-then a malicous user can type in HTML that will run whenever anybody tries to look at what they typed.
-For example: a name for a quiz website (input) and the leaderboard for said quiz (display).</p>
-
-<p>HTML, by itself is not very dangerous.
-The worst thing you could do is probably put a link on your name,
-and then point it to a porn site.
-Make your name bold, italic. Maybe make the background a funny color.
-Although this may annoy your victim it is not dangerous security wise.</p>
-
-<p>There is one tag however, that <em>is</em> scary…</p>
-
-<h2 id="script"><code class="language-plaintext highlighter-rouge">&lt;script&gt;</code></h2>
-
-<p>The <code class="language-plaintext highlighter-rouge">&lt;script&gt;</code> tag allows you to write code that can:</p>
-
-<ol>
-  <li>Change the page contents.</li>
-  <li>Redirect the user to a new page automatically.</li>
-  <li>Get a user’s location.</li>
-  <li>Open a user’s microphone/webcam.</li>
-  <li>With the <code class="language-plaintext highlighter-rouge">src</code> <a href="https://www.w3schools.com/htmL/html_attributes.asp">attribute</a> you can also load a script from another site. (This is XSS)</li>
-</ol>
-
-<p>Those last two will ask for permission from the user (if their browser isn’t insanely insecure).</p>
-
-<p>In my next article I’ll talk about a website I found which is vulnerable to this attack.
-And, show you how you can run your own XSS attack.</p>
-
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/04/25/xss/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</pre> <p>Notice how all visible left angle brackets use an <code class="language-plaintext highlighter-rouge">&amp;lt;</code> to show them?</p> <p>These are called <a href="https://en.wikipedia.org/wiki/Escape_character">escape characters</a>. They tell a system, in this case your web browser: <em>“Hello! Please show me off! I don’t want to be hidden.”</em></p> <h4 id="sanitization">Sanitization</h4> <p>Most of the time XSS attacks are done using poorly sanitized HTML <code class="language-plaintext highlighter-rouge">&lt;input&gt;</code> elements.</p> <p>Sanitization is when a program (usually on the server side), will remove characters like <code class="language-plaintext highlighter-rouge">&lt;</code> and replace them with the aforementioned “escape characters”. Internally this would be something like <code class="language-plaintext highlighter-rouge">&amp;lt;</code>, but they would show up to a user as <code class="language-plaintext highlighter-rouge">&lt;</code>.</p> <p>When inputs are not properly sanitized <em>and</em> the input is shown to the user in another part of the website, then a malicous user can type in HTML that will run whenever anybody tries to look at what they typed. For example: a name for a quiz website (input) and the leaderboard for said quiz (display).</p> <p>HTML, by itself is not very dangerous. The worst thing you could do is probably put a link on your name, and then point it to a porn site. Make your name bold, italic. Maybe make the background a funny color. Although this may annoy your victim it is not dangerous security wise.</p> <p>There is one tag however, that <em>is</em> scary…</p> <h2 id="script"><code class="language-plaintext highlighter-rouge">&lt;script&gt;</code></h2> <p>The <code class="language-plaintext highlighter-rouge">&lt;script&gt;</code> tag allows you to write code that can:</p> <ol> <li>Change the page contents.</li> <li>Redirect the user to a new page automatically.</li> <li>Get a user’s location.</li> <li>Open a user’s microphone/webcam.</li> <li>With the <code class="language-plaintext highlighter-rouge">src</code> <a href="https://www.w3schools.com/htmL/html_attributes.asp">attribute</a> you can also load a script from another site. (This is XSS)</li> </ol> <p>Those last two will ask for permission from the user (if their browser isn’t insanely insecure).</p> <p>In my next article I’ll talk about a website I found which is vulnerable to this attack. And, show you how you can run your own XSS attack.</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/04/25/xss/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/05/01/nginx-socket-io-projects/index.html b/_site/2020/05/01/nginx-socket-io-projects/index.html
index 6824ba4..eaa90a9 100644
--- a/_site/2020/05/01/nginx-socket-io-projects/index.html
+++ b/_site/2020/05/01/nginx-socket-io-projects/index.html
@@ -1,55 +1,4 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>How to use NGINX as a reverse-proxy server for a Node.js application using socket.io | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">How to use NGINX as a reverse-proxy server for a Node.js application using socket.io</h1>
-    <time datetime="20-05-01" class="post-date">Friday, May 01 2020</time>
-  </header>
-  <hr>
-
-  <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 nginx’s <code class="language-plaintext highlighter-rouge">reverse_proxy</code> directive then this is the article for you!</p>
-
-<p>You <em>must</em> seperate the socket.io sockets and the static resources.</p>
-
-<ul>
-  <li>The socket connections can be routed through the default <code class="language-plaintext highlighter-rouge">$host/socket.io</code> if you want to ease modifications to the source code.</li>
-  <li>The connections to your main npm Node.js application can be routed through the relevant directory.</li>
-</ul>
-
-<p>Here is the relevant part of my <code class="language-plaintext highlighter-rouge">projects.tait.tech.conf</code> file:</p>
-
-<pre class="terminal">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>How to use NGINX as a reverse-proxy server for a Node.js application using socket.io | 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">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> <article> <header> <h1 class="post-title">How to use NGINX as a reverse-proxy server for a Node.js application using socket.io</h1> <time datetime="20-05-01" class="post-date">Friday, May 01 2020</time> </header> <hr> <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 nginx’s <code class="language-plaintext highlighter-rouge">reverse_proxy</code> directive then this is the article for you!</p> <p>You <em>must</em> seperate the socket.io sockets and the static resources.</p> <ul> <li>The socket connections can be routed through the default <code class="language-plaintext highlighter-rouge">$host/socket.io</code> if you want to ease modifications to the source code.</li> <li>The connections to your main npm Node.js application can be routed through the relevant directory.</li> </ul> <p>Here is the relevant part of my <code class="language-plaintext highlighter-rouge">projects.tait.tech.conf</code> file:</p> <pre class="terminal">
 location /socket.io {
   proxy_pass http://localhost:8080/socket.io/;
   proxy_set_header Upgrade $http_upgrade;
@@ -65,45 +14,8 @@ location /ttrpg {
   proxy_set_header X-Real-IP $remote_addr;
   proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
 }
-</pre>
-
-<h3 id="explaination">Explaination:</h3>
-
-<p>For this application,
-I needed the <code class="language-plaintext highlighter-rouge">/ttrpg</code> directory to connect to my main Node.js instance. This was going to be the root of a ttrpg project.
-It was to have static files served form my Node.js application.</p>
-
-<p>I also needed <code class="language-plaintext highlighter-rouge">/socket.io</code> to conenct to my running <code class="language-plaintext highlighter-rouge">npm</code> instance.
-When I tried to route all the traffic through the <code class="language-plaintext highlighter-rouge">/trrpg</code> location directive
-I had no luck whatsoever;
-<code class="language-plaintext highlighter-rouge">$host/ttrpg/socket.io/*</code> calls <em>always</em> failed with a 404.</p>
-
-<p>Having two seperate blocks forwarding in different ways seems to fix this.
-I am not knowledgable enough to understand how.</p>
-
-<p>For now, the project is alive!!!</p>
-
-<p>Happy hacking!</p>
-
-<p><em>P.S. I forgot to mention I also symbolically linked the <code class="language-plaintext highlighter-rouge">socket.io.js</code> file (that node is supposed to serve automatically) to the static client dir.
-For some reson the node instance would not serve this file without that.</em></p>
-
-<pre class="terminal">
+</pre> <h3 id="explaination">Explaination:</h3> <p>For this application, I needed the <code class="language-plaintext highlighter-rouge">/ttrpg</code> directory to connect to my main Node.js instance. This was going to be the root of a ttrpg project. It was to have static files served form my Node.js application.</p> <p>I also needed <code class="language-plaintext highlighter-rouge">/socket.io</code> to conenct to my running <code class="language-plaintext highlighter-rouge">npm</code> instance. When I tried to route all the traffic through the <code class="language-plaintext highlighter-rouge">/trrpg</code> location directive I had no luck whatsoever; <code class="language-plaintext highlighter-rouge">$host/ttrpg/socket.io/*</code> calls <em>always</em> failed with a 404.</p> <p>Having two seperate blocks forwarding in different ways seems to fix this. I am not knowledgable enough to understand how.</p> <p>For now, the project is alive!!!</p> <p>Happy hacking!</p> <p><em>P.S. I forgot to mention I also symbolically linked the <code class="language-plaintext highlighter-rouge">socket.io.js</code> file (that node is supposed to serve automatically) to the static client dir. For some reson the node instance would not serve this file without that.</em></p> <pre class="terminal">
 $ pwd
 /home/user/ttrpg.co/client
 $ ln -s ../server/node_modules/socket.io-client/dist/socket.io.js .
-</pre>
-
-<p><em>Happy hacking 2.0!</em></p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/05/01/nginx-socket-io-projects/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</pre> <p><em>Happy hacking 2.0!</em></p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/05/01/nginx-socket-io-projects/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/05/19/clue-announcement/index.html b/_site/2020/05/19/clue-announcement/index.html
index 21d902e..ebe9459 100644
--- a/_site/2020/05/19/clue-announcement/index.html
+++ b/_site/2020/05/19/clue-announcement/index.html
@@ -1,66 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>New Game: Clue (coming soon) | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">New Game: Clue (coming soon)</h1>
-    <time datetime="20-05-19" class="post-date">Tuesday, May 19 2020</time>
-  </header>
-  <hr>
-
-  <p>Ooo! Exciting!
-Today I want to announce a new project I’ll be working on which should be live within the month of May:
-Clue.</p>
-
-<p>The original board game, implemented in an accessible format via the web.</p>
-
-<p>It uses a Node.js backend and standard Javascript/HTML frontend.
-Nothing fancy.</p>
-
-<p>All the code will be hosted here: <a href="https://github.com/TTWNO/clue">https://github.com/TTWNO/clue</a></p>
-
-<p>It will be licensed under the BSD-3 license, meaning it can be used for any reason—even commercially and without source-code disclosure—without prior authorization, but it <em>must</em> acknowledge that I helped build the end product.</p>
-
-<p>Once the project is live, it will be located at: <a href="">Lame Games</a> (currently a dead link).</p>
-
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/05/19/clue-announcement/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>New Game: Clue (coming soon) | 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">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> <article> <header> <h1 class="post-title">New Game: Clue (coming soon)</h1> <time datetime="20-05-19" class="post-date">Tuesday, May 19 2020</time> </header> <hr> <p>Ooo! Exciting! Today I want to announce a new project I’ll be working on which should be live within the month of May: Clue.</p> <p>The original board game, implemented in an accessible format via the web.</p> <p>It uses a Node.js backend and standard Javascript/HTML frontend. Nothing fancy.</p> <p>All the code will be hosted here: <a href="https://github.com/TTWNO/clue">https://github.com/TTWNO/clue</a></p> <p>It will be licensed under the BSD-3 license, meaning it can be used for any reason—even commercially and without source-code disclosure—without prior authorization, but it <em>must</em> acknowledge that I helped build the end product.</p> <p>Once the project is live, it will be located at: <a href="">Lame Games</a> (currently a dead link).</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/05/19/clue-announcement/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/06/04/site-update/index.html b/_site/2020/06/04/site-update/index.html
index 4d6ae59..6296e3f 100644
--- a/_site/2020/06/04/site-update/index.html
+++ b/_site/2020/06/04/site-update/index.html
@@ -1,57 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Site Update | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">Site Update</h1>
-    <time datetime="20-06-04" class="post-date">Thursday, June 04 2020</time>
-  </header>
-  <hr>
-
-  <p>I updated the site with some easier to identify information about me and my projects :)</p>
-
-<p>Also, Clue has been delayed due to my partner in crime on the project wokring too many hours.</p>
-
-<p>I also posted a new project called <em><a href="https://github.com/TTWNO/caesar-cipher">Caesar Cipher</a></em> in C. It will be an intermediate example of how to use build systems like <code class="language-plaintext highlighter-rouge">make</code>.</p>
-
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/06/04/site-update/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Site Update | 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">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> <article> <header> <h1 class="post-title">Site Update</h1> <time datetime="20-06-04" class="post-date">Thursday, June 04 2020</time> </header> <hr> <p>I updated the site with some easier to identify information about me and my projects :)</p> <p>Also, Clue has been delayed due to my partner in crime on the project wokring too many hours.</p> <p>I also posted a new project called <em><a href="https://github.com/TTWNO/caesar-cipher">Caesar Cipher</a></em> in C. It will be an intermediate example of how to use build systems like <code class="language-plaintext highlighter-rouge">make</code>.</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/06/04/site-update/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/06/25/tmux-minecraft/index.html b/_site/2020/06/25/tmux-minecraft/index.html
index 77372a1..3953cc7 100644
--- a/_site/2020/06/25/tmux-minecraft/index.html
+++ b/_site/2020/06/25/tmux-minecraft/index.html
@@ -1,182 +1,21 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>How to use tmux to send and receive things from your Minecraft server | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">How to use tmux to send and receive things from your Minecraft server</h1>
-    <time datetime="20-06-25" class="post-date">Thursday, June 25 2020</time>
-  </header>
-  <hr>
-
-  <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>
-
-<p>So for simple things like finding out of the network, CPU, memory or disk usage is my bottleneck, I wrote this really nifty script to connect the world of Minecraft and the Linux shell.</p>
-
-<p>My completed solution for what I needed can be found at <a href="https://github.com/TTWNO/termcraft/">https://github.com/TTWNO/termcraft</a>.</p>
-
-<p>If you want some of the implementation details, stick around.</p>
-
-<h2 id="solution">Solution</h2>
-
-<p>So to solve this interesting problem, I decided to use <code class="language-plaintext highlighter-rouge">tmux</code>.
-<code class="language-plaintext highlighter-rouge">tmux</code> is a <strong>t</strong>terminal <strong>mu</strong>ltiple<strong>x</strong>er.
-This allows you to run a terminal session, then detach fromc it while it  still runs in the background.</p>
-
-<p>This is very valuable when running command line applications that need to have an active console connection, like a Minecraft server.</p>
-
-<p>So first I looked at the <code class="language-plaintext highlighter-rouge">tmux</code> command <code class="language-plaintext highlighter-rouge">send-keys</code>.</p>
-
-<h4 id="send-keys"><code class="language-plaintext highlighter-rouge">send-keys</code></h4>
-
-<p><code class="language-plaintext highlighter-rouge">send-keys</code> allows you to send text, and key presses to a <code class="language-plaintext highlighter-rouge">tmux</code> session.
-Now assuming this <code class="language-plaintext highlighter-rouge">tmux</code> session is attached to a Minecraft server,
-there is no reason you could not run a command like this:</p>
-
-<pre class="terminal">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>How to use tmux to send and receive things from your Minecraft server | 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">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> <article> <header> <h1 class="post-title">How to use tmux to send and receive things from your Minecraft server</h1> <time datetime="20-06-25" class="post-date">Thursday, June 25 2020</time> </header> <hr> <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> <p>So for simple things like finding out of the network, CPU, memory or disk usage is my bottleneck, I wrote this really nifty script to connect the world of Minecraft and the Linux shell.</p> <p>My completed solution for what I needed can be found at <a href="https://github.com/TTWNO/termcraft/">https://github.com/TTWNO/termcraft</a>.</p> <p>If you want some of the implementation details, stick around.</p> <h2 id="solution">Solution</h2> <p>So to solve this interesting problem, I decided to use <code class="language-plaintext highlighter-rouge">tmux</code>. <code class="language-plaintext highlighter-rouge">tmux</code> is a <strong>t</strong>terminal <strong>mu</strong>ltiple<strong>x</strong>er. This allows you to run a terminal session, then detach fromc it while it still runs in the background.</p> <p>This is very valuable when running command line applications that need to have an active console connection, like a Minecraft server.</p> <p>So first I looked at the <code class="language-plaintext highlighter-rouge">tmux</code> command <code class="language-plaintext highlighter-rouge">send-keys</code>.</p> <h4 id="send-keys"><code class="language-plaintext highlighter-rouge">send-keys</code></h4> <p><code class="language-plaintext highlighter-rouge">send-keys</code> allows you to send text, and key presses to a <code class="language-plaintext highlighter-rouge">tmux</code> session. Now assuming this <code class="language-plaintext highlighter-rouge">tmux</code> session is attached to a Minecraft server, there is no reason you could not run a command like this:</p> <pre class="terminal">
 $ tmux send-keys "tell @a This is a Test" Enter
-</pre>
-
-<p>This will send the text “tell @a This is a Test” to the Minecraft server.
-Then, it will hit the newline character, this will execute the command.</p>
-
-<p>So now we can send information to the server and have it tell the users something.</p>
-
-<p>But how do we get information about who is typing what in the Minecraft chat?</p>
-
-<h3 id="tmuxs-capture-pane-is-painful"><code class="language-plaintext highlighter-rouge">tmux</code>’s <code class="language-plaintext highlighter-rouge">capture-pane</code> is painful</h3>
-
-<p>So in the manual page for <code class="language-plaintext highlighter-rouge">tmux</code> I can see a section recorded below for options I can give to the <code class="language-plaintext highlighter-rouge">capture-pane</code> subcommand.</p>
-
-<pre class="terminal">
+</pre> <p>This will send the text “tell @a This is a Test” to the Minecraft server. Then, it will hit the newline character, this will execute the command.</p> <p>So now we can send information to the server and have it tell the users something.</p> <p>But how do we get information about who is typing what in the Minecraft chat?</p> <h3 id="tmuxs-capture-pane-is-painful"><code class="language-plaintext highlighter-rouge">tmux</code>’s <code class="language-plaintext highlighter-rouge">capture-pane</code> is painful</h3> <p>So in the manual page for <code class="language-plaintext highlighter-rouge">tmux</code> I can see a section recorded below for options I can give to the <code class="language-plaintext highlighter-rouge">capture-pane</code> subcommand.</p> <pre class="terminal">
   -S and -E specify the starting and ending line numbers,
   zero is the first line of the visible pane and negative
   numbers are lines in the history.  ‘-’ to -S is the start
   of the history and to -E the end of the visible pane.  The
   default is to capture only the visible contents of the pane.
-</pre>
-
-<p>What it seems to be saying is I can start at line <code class="language-plaintext highlighter-rouge">-S n</code> and end at line <code class="language-plaintext highlighter-rouge">-E n</code>.
-Negative numbers start from the bottom, so <em>in theory</em> I can do the following: <code class="language-plaintext highlighter-rouge">tmux capture-pane -S -1</code> should capture only the last line, because I’m starting from the last line. Right?</p>
-
-<p>No. It just doesn’t work. Negative numbers do <em>not</em> work with the <code class="language-plaintext highlighter-rouge">tmux capture-pane</code> subcommand.</p>
-
-<p>So I did some simple UNIX piping, like so, to get just the last thing in the chat.</p>
-
-<pre class="terminal">
+</pre> <p>What it seems to be saying is I can start at line <code class="language-plaintext highlighter-rouge">-S n</code> and end at line <code class="language-plaintext highlighter-rouge">-E n</code>. Negative numbers start from the bottom, so <em>in theory</em> I can do the following: <code class="language-plaintext highlighter-rouge">tmux capture-pane -S -1</code> should capture only the last line, because I’m starting from the last line. Right?</p> <p>No. It just doesn’t work. Negative numbers do <em>not</em> work with the <code class="language-plaintext highlighter-rouge">tmux capture-pane</code> subcommand.</p> <p>So I did some simple UNIX piping, like so, to get just the last thing in the chat.</p> <pre class="terminal">
 $ tmux capture-pane -p -t steve | tail -n1
 [SERVER] [ExtraDebuggingInfoHere]: &lt;TaterTheTot&gt; MY_MESSAGE
-</pre>
-<p>TaterTheTot is my Minecraft username :)</p>
-
-<p><code class="language-plaintext highlighter-rouge">-p</code> prints the result to the terminal/stdout.</p>
-
-<p><code class="language-plaintext highlighter-rouge">steve</code> is the name of the tmux session I’m trying to pull form.</p>
-
-<p>So that’s done! Beauty!</p>
-
-<p>Now that we have that, how can we extract the username and the message from the latest line?</p>
-
-<h3 id="grep"><code class="language-plaintext highlighter-rouge">grep</code></h3>
-
-<p><code class="language-plaintext highlighter-rouge">grep</code> is a command to find patterns of text.
-<code class="language-plaintext highlighter-rouge">grep</code> has an option to only show a matching pattern of text.
-This option is <code class="language-plaintext highlighter-rouge">-o</code>.</p>
-
-<p>Let’s see how we can use this in conjunction with our latest line of server output to get our results.</p>
-
-<pre class="terminal">
+</pre> <p>TaterTheTot is my Minecraft username :)</p> <p><code class="language-plaintext highlighter-rouge">-p</code> prints the result to the terminal/stdout.</p> <p><code class="language-plaintext highlighter-rouge">steve</code> is the name of the tmux session I’m trying to pull form.</p> <p>So that’s done! Beauty!</p> <p>Now that we have that, how can we extract the username and the message from the latest line?</p> <h3 id="grep"><code class="language-plaintext highlighter-rouge">grep</code></h3> <p><code class="language-plaintext highlighter-rouge">grep</code> is a command to find patterns of text. <code class="language-plaintext highlighter-rouge">grep</code> has an option to only show a matching pattern of text. This option is <code class="language-plaintext highlighter-rouge">-o</code>.</p> <p>Let’s see how we can use this in conjunction with our latest line of server output to get our results.</p> <pre class="terminal">
 $ echo "[DEBUG] [SERVER] blah blah: &lt;TaterTheTot&gt; MY_MESAGE" | grep -o "&lt;.&ast;&gt;"
 &lt;TaterTheTot&gt;
-</pre>
-
-<p>Now, that’s my name with the &lt; and &gt; attached. Not bad!
-We can use the <code class="language-plaintext highlighter-rouge">sed</code> command to clean it up a bit.</p>
-
-<p>The syntax is like so: <code class="language-plaintext highlighter-rouge">select/somepattern/replacewith/global</code></p>
-
-<p>So the following command is: <code class="language-plaintext highlighter-rouge">s/[&lt;&gt;]//g</code></p>
-
-<p>Select any characters that are either &lt; or &gt;.
-Replace with nothing.
-Do so globally (as in, don’t stop after you replace only one character).</p>
-
-<p>Take two!</p>
-
-<pre class="terminal">
+</pre> <p>Now, that’s my name with the &lt; and &gt; attached. Not bad! We can use the <code class="language-plaintext highlighter-rouge">sed</code> command to clean it up a bit.</p> <p>The syntax is like so: <code class="language-plaintext highlighter-rouge">select/somepattern/replacewith/global</code></p> <p>So the following command is: <code class="language-plaintext highlighter-rouge">s/[&lt;&gt;]//g</code></p> <p>Select any characters that are either &lt; or &gt;. Replace with nothing. Do so globally (as in, don’t stop after you replace only one character).</p> <p>Take two!</p> <pre class="terminal">
 $ echo "[DEBUG] [SERVER] blah blah: &lt;TaterTheTot&gt; MY_MESAGE" | grep -o "&lt;.&ast;&gt;" | sed 's/[&lt;&gt;]//g'
 TaterTheTot
-</pre>
-
-<p>Beautiful!</p>
-
-<p>Now what about that pesky message?</p>
-
-<h3 id="more-grep-more-sed">more <code class="language-plaintext highlighter-rouge">grep</code>; more <code class="language-plaintext highlighter-rouge">sed</code></h3>
-
-<p>Simple: capture everything after the &gt;. Leaving the user’s message entirely in tact.</p>
-
-<pre class="terminal">
+</pre> <p>Beautiful!</p> <p>Now what about that pesky message?</p> <h3 id="more-grep-more-sed">more <code class="language-plaintext highlighter-rouge">grep</code>; more <code class="language-plaintext highlighter-rouge">sed</code></h3> <p>Simple: capture everything after the &gt;. Leaving the user’s message entirely in tact.</p> <pre class="terminal">
 $ echo "[DEBUG] [SERVER] blah blah: &lt;TaterTheTot&gt; MY_MESAGE" | grep -o "&gt;.&ast;$" | sed 's/&gt; //'
 MY_MESSAGE
-</pre>
-
-<p>So now we have a way to get the username of someone typing in the Minecraft server chat.
-We have a way to find out what they said.
-And, we have a way to respond.</p>
-
-<p>You can imagine how these might go together for your own use case.</p>
-
-<h3 id="conclusion">Conclusion</h3>
-
-<p>This shows some pretty fun stuff you can do with a few simple Linux commands and a Minecraft server.</p>
-
-<p>I hope you learned something and found my explanations not horrific haha!</p>
-
-<p>Remember to checkout the git repository to see what I did with it: <a href="https://github.com/TTWNO/termcraft">https://github.com/TTWNO/termcraft</a>.</p>
-
-<p>Happy hacking!</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/06/25/tmux-minecraft/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</pre> <p>So now we have a way to get the username of someone typing in the Minecraft server chat. We have a way to find out what they said. And, we have a way to respond.</p> <p>You can imagine how these might go together for your own use case.</p> <h3 id="conclusion">Conclusion</h3> <p>This shows some pretty fun stuff you can do with a few simple Linux commands and a Minecraft server.</p> <p>I hope you learned something and found my explanations not horrific haha!</p> <p>Remember to checkout the git repository to see what I did with it: <a href="https://github.com/TTWNO/termcraft">https://github.com/TTWNO/termcraft</a>.</p> <p>Happy hacking!</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/06/25/tmux-minecraft/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/07/12/independence/index.html b/_site/2020/07/12/independence/index.html
index 7a31fca..6120cdf 100644
--- a/_site/2020/07/12/independence/index.html
+++ b/_site/2020/07/12/independence/index.html
@@ -1,90 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Independence | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">Independence</h1>
-    <time datetime="20-07-12" class="post-date">Sunday, July 12 2020</time>
-  </header>
-  <hr>
-
-  <blockquote>
-  <p>“When given a choice between independence and dependence, always choose independence; you will never regret that choice!”—Luke Smith</p>
-</blockquote>
-
-<p>Whatever you may believe about the YouTube personality Luke Smith,
-the quote above summarizes a core principle of mine.
-Much like many people have religious principles, I have <em>Independence</em>.</p>
-
-<p>My choice to use Linux as my primary operating system,
-host my own website,
-own my own domain name—all of these are directly related to this core principle of independence.</p>
-
-<p>I never want a man, or a company to have too much power over my life.
-Just like I would not trust just any person to be able to read my emails,
-know where I live, where I am going, who are my friends, what do I believe; in the same way, I do not trust a company with that same information.</p>
-
-<blockquote>
-  <p>“If you want to find out what a man is to the bottom, give him power. Any man can stand adversity — only a great man can stand prosperity.”—Robert Ingersoll</p>
-</blockquote>
-
-<p>Take control of your own digital life:</p>
-
-<ol>
-  <li>Own your own domain.</li>
-  <li>Hookup an email and a website to that.</li>
-</ol>
-
-<p>That’s it!</p>
-
-<p>Without this, any of your internet privileges can be revoked at any time by Google, Facebook, YouTube, Twitter, or even an angry Twitter Mob. Maybe because they hate your skin colour, maybe they hate your religious/political views, or maybe you got caught on a technicality.</p>
-
-<p>If you own your own domain, however:</p>
-
-<p>Your email provider goes down/bans you: change your provider; keep the email.</p>
-
-<p>Your website is pulled for controversial views: switch hosts.</p>
-
-<p>Protect yourself; give yourself choices.
-Why give others that power when you could have it for yourself?</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/07/12/independence/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Independence | 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">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> <article> <header> <h1 class="post-title">Independence</h1> <time datetime="20-07-12" class="post-date">Sunday, July 12 2020</time> </header> <hr> <blockquote> <p>“When given a choice between independence and dependence, always choose independence; you will never regret that choice!”—Luke Smith</p> </blockquote> <p>Whatever you may believe about the YouTube personality Luke Smith, the quote above summarizes a core principle of mine. Much like many people have religious principles, I have <em>Independence</em>.</p> <p>My choice to use Linux as my primary operating system, host my own website, own my own domain name—all of these are directly related to this core principle of independence.</p> <p>I never want a man, or a company to have too much power over my life. Just like I would not trust just any person to be able to read my emails, know where I live, where I am going, who are my friends, what do I believe; in the same way, I do not trust a company with that same information.</p> <blockquote> <p>“If you want to find out what a man is to the bottom, give him power. Any man can stand adversity — only a great man can stand prosperity.”—Robert Ingersoll</p> </blockquote> <p>Take control of your own digital life:</p> <ol> <li>Own your own domain.</li> <li>Hookup an email and a website to that.</li> </ol> <p>That’s it!</p> <p>Without this, any of your internet privileges can be revoked at any time by Google, Facebook, YouTube, Twitter, or even an angry Twitter Mob. Maybe because they hate your skin colour, maybe they hate your religious/political views, or maybe you got caught on a technicality.</p> <p>If you own your own domain, however:</p> <p>Your email provider goes down/bans you: change your provider; keep the email.</p> <p>Your website is pulled for controversial views: switch hosts.</p> <p>Protect yourself; give yourself choices. Why give others that power when you could have it for yourself?</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/07/12/independence/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/07/19/multicraft-php-gentoo/index.html b/_site/2020/07/19/multicraft-php-gentoo/index.html
index 5c85682..4262993 100644
--- a/_site/2020/07/19/multicraft-php-gentoo/index.html
+++ b/_site/2020/07/19/multicraft-php-gentoo/index.html
@@ -1,67 +1,6 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Installing MultiCraft on Gentoo Linux | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">Installing MultiCraft on Gentoo Linux</h1>
-    <time datetime="20-07-19" class="post-date">Sunday, July 19 2020</time>
-  </header>
-  <hr>
-
-  <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 don’t have to recompile it three times like I did.</p>
-
-<p>Here are some useful tips I came across:</p>
-
-<h3 id="php-use-flags">PHP <code class="language-plaintext highlighter-rouge">USE</code> flags</h3>
-
-<p>In <code class="language-plaintext highlighter-rouge">/etc/portage/package.use/php</code> I placed the following line:</p>
-
-<pre class="terminal">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Installing MultiCraft on Gentoo Linux | 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">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> <article> <header> <h1 class="post-title">Installing MultiCraft on Gentoo Linux</h1> <time datetime="20-07-19" class="post-date">Sunday, July 19 2020</time> </header> <hr> <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 don’t have to recompile it three times like I did.</p> <p>Here are some useful tips I came across:</p> <h3 id="php-use-flags">PHP <code class="language-plaintext highlighter-rouge">USE</code> flags</h3> <p>In <code class="language-plaintext highlighter-rouge">/etc/portage/package.use/php</code> I placed the following line:</p> <pre class="terminal">
 dev-lang/php cgi mysql mysqli fpm pdo gd truetype
-</pre>
-
-<p>This should give you enough for a mysql backended MultiCraft installation.
-The <code class="language-plaintext highlighter-rouge">cgi</code> option may not be required as <code class="language-plaintext highlighter-rouge">fpm</code> stands for <em>FastCGI Process Managment</em>.
-I don’t know for sure though.</p>
-
-<h3 id="paper">Paper</h3>
-
-<p>This will grab the latest version of the Paper jar file using <a href="https://yivesmirror.com">YivesMirror</a>.
-I’m not sure how reputable it is,
-but my buddy who works with this stuff more often than me seemed to recognize it.</p>
-
-<pre class="terminal">
+</pre> <p>This should give you enough for a mysql backended MultiCraft installation. The <code class="language-plaintext highlighter-rouge">cgi</code> option may not be required as <code class="language-plaintext highlighter-rouge">fpm</code> stands for <em>FastCGI Process Managment</em>. I don’t know for sure though.</p> <h3 id="paper">Paper</h3> <p>This will grab the latest version of the Paper jar file using <a href="https://yivesmirror.com">YivesMirror</a>. I’m not sure how reputable it is, but my buddy who works with this stuff more often than me seemed to recognize it.</p> <pre class="terminal">
 ## See the default craftbukkit.jar.conf for a detailed documentation of the
 ## format of this file.
 [config]
@@ -76,36 +15,12 @@ category = Mods
 
 [start]
 command = "{JAVA}" -Xmx{MAX_MEMORY}M -Xms{START_MEMORY}M -XX:MaxPermSize=128M -Djline.terminal=jline.UnsupportedTerminal -jar "{JAR}" nogui
-</pre>
-
-<h3 id="other-tips">Other Tips</h3>
-
-<p>Do not use the option to setup a separate user for each server.
-This completely stalled any work getting done with a ton of ‘permission denied’ errors.</p>
-
-<h4 id="security">Security</h4>
-
-<p>If the panel is in the root directory of your NGINX web server,
-use the following in your server block to deny access to the <code class="language-plaintext highlighter-rouge">/protected</code> directory.</p>
-
-<pre class="terminal">
+</pre> <h3 id="other-tips">Other Tips</h3> <p>Do not use the option to setup a separate user for each server. This completely stalled any work getting done with a ton of ‘permission denied’ errors.</p> <h4 id="security">Security</h4> <p>If the panel is in the root directory of your NGINX web server, use the following in your server block to deny access to the <code class="language-plaintext highlighter-rouge">/protected</code> directory.</p> <pre class="terminal">
 location /protected {
   deny all;
   return 404;
 }
-</pre>
-
-<h5 id="mysql">MySQL</h5>
-
-<p>It is always good practice to separate privileges.
-The MultiCraft daemon should have one SQL login,
-with one database allocated to it.
-The MultiCraft panel should have a separate SQL login,
-with a separate database allocated to it.</p>
-
-<p>You can do this with the following commands in your MySQL prompt:</p>
-
-<pre class="terminal">
+</pre> <h5 id="mysql">MySQL</h5> <p>It is always good practice to separate privileges. The MultiCraft daemon should have one SQL login, with one database allocated to it. The MultiCraft panel should have a separate SQL login, with a separate database allocated to it.</p> <p>You can do this with the following commands in your MySQL prompt:</p> <pre class="terminal">
 sql&gt; CREATE DATABASE multicraft_daemon_database;
 Query OK, 0 rows affected (0.01 sec)
 
@@ -124,22 +39,4 @@ Query OK, 0 rows affected (0.01 sec)
 sql&gt; GRANT ALL PRIVILEGES ON multicraft_panel_database . * TO 'mutlicraft_panel'@'localhost';
 Query OK, 0 rows affected (0.01 sec)
 
-</pre>
-
-<p>During setup, make sure the proper credentials are used for each step.
-Database 1 is the panel database.
-Database 2 is the daemon database.</p>
-
-<p>Happy hacking :)</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/07/19/multicraft-php-gentoo/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</pre> <p>During setup, make sure the proper credentials are used for each step. Database 1 is the panel database. Database 2 is the daemon database.</p> <p>Happy hacking :)</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/07/19/multicraft-php-gentoo/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/07/30/canadian-parliament/index.html b/_site/2020/07/30/canadian-parliament/index.html
index df83941..c5e8b11 100644
--- a/_site/2020/07/30/canadian-parliament/index.html
+++ b/_site/2020/07/30/canadian-parliament/index.html
@@ -1,96 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Know How Your Representative Votes In Parliament | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">Know How Your Representative Votes In Parliament</h1>
-    <time datetime="20-07-30" class="post-date">Thursday, July 30 2020</time>
-  </header>
-  <hr>
-
-  <p>As an advocate for openness, I had an idea to make a project out of the government of Canada’s <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 government’s own website.
-In this article, I will explain how you can do the same.</p>
-
-<h3 id="1-find-your-representative">1. Find Your Representative</h3>
-
-<p>The first step in this process is to find who your representative is.
-To do so, go to the government’s own website
-<a href="https://www.ourcommons.ca/Members/en">ourcommons.ca’s search tool</a>.</p>
-
-<p>Simply type in your postal code in the search box to find out who your MP is.</p>
-
-<h3 id="2-their-voting-record">2. Their Voting Record</h3>
-
-<p>Every MP’s voting record is public knowledge,
-and it is available nice and simple in a table on that MP’s page.
-For example, this is a link to
-<a href="https://www.ourcommons.ca/Members/en/pierre-poilievre(25524)/votes">Pierre Poilievre’s voting record</a>.</p>
-
-<p>To find your MP’s voting record, do step one, then:
-After the <strong>Overview</strong>, and <strong>Seat in The House</strong> sections,
-there are three tabs, <strong>Roles</strong>, <strong>Work</strong>, and <strong>Contact</strong>.
-Click on work.
-At the bottom of that tab is a link which says <strong>Chamber Votes</strong>.
-This will open a small window with some recent votes by this politician.
-If you want to see all their votes, there is a button at the bottom named <strong>All Votes by This Member</strong>.</p>
-
-<p>Tada! You can now keep your local MP accountable for anything you do or do not support.</p>
-
-<h3 id="3-bill-details">3. Bill Details</h3>
-
-<p>If you want to get into the nitty gritty,
-once you open a specific bill, you can actually find out the status of said bill,
-or read the actual text by clicking the <strong>View this Bill on LEGISinfo</strong> button.</p>
-
-<p>Both the status of the bill, and a link to a PDF document containing the bilingual text of the bill are visible in the main body of the page.</p>
-
-<h4 id="conclusion">Conclusion</h4>
-
-<p>I thought this was pretty cool!
-It was <em>way</em> simpler than I thought it would be.</p>
-
-<p>Thanks, Canada!</p>
-
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/07/30/canadian-parliament/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Know How Your Representative Votes In Parliament | 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">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> <article> <header> <h1 class="post-title">Know How Your Representative Votes In Parliament</h1> <time datetime="20-07-30" class="post-date">Thursday, July 30 2020</time> </header> <hr> <p>As an advocate for openness, I had an idea to make a project out of the government of Canada’s <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 government’s own website. In this article, I will explain how you can do the same.</p> <h3 id="1-find-your-representative">1. Find Your Representative</h3> <p>The first step in this process is to find who your representative is. To do so, go to the government’s own website <a href="https://www.ourcommons.ca/Members/en">ourcommons.ca’s search tool</a>.</p> <p>Simply type in your postal code in the search box to find out who your MP is.</p> <h3 id="2-their-voting-record">2. Their Voting Record</h3> <p>Every MP’s voting record is public knowledge, and it is available nice and simple in a table on that MP’s page. For example, this is a link to <a href="https://www.ourcommons.ca/Members/en/pierre-poilievre(25524)/votes">Pierre Poilievre’s voting record</a>.</p> <p>To find your MP’s voting record, do step one, then: After the <strong>Overview</strong>, and <strong>Seat in The House</strong> sections, there are three tabs, <strong>Roles</strong>, <strong>Work</strong>, and <strong>Contact</strong>. Click on work. At the bottom of that tab is a link which says <strong>Chamber Votes</strong>. This will open a small window with some recent votes by this politician. If you want to see all their votes, there is a button at the bottom named <strong>All Votes by This Member</strong>.</p> <p>Tada! You can now keep your local MP accountable for anything you do or do not support.</p> <h3 id="3-bill-details">3. Bill Details</h3> <p>If you want to get into the nitty gritty, once you open a specific bill, you can actually find out the status of said bill, or read the actual text by clicking the <strong>View this Bill on LEGISinfo</strong> button.</p> <p>Both the status of the bill, and a link to a PDF document containing the bilingual text of the bill are visible in the main body of the page.</p> <h4 id="conclusion">Conclusion</h4> <p>I thought this was pretty cool! It was <em>way</em> simpler than I thought it would be.</p> <p>Thanks, Canada!</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/07/30/canadian-parliament/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/08/15/openbsd1/index.html b/_site/2020/08/15/openbsd1/index.html
index 699362f..350b635 100644
--- a/_site/2020/08/15/openbsd1/index.html
+++ b/_site/2020/08/15/openbsd1/index.html
@@ -1,85 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>BSD Journey, Part 1 | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">BSD Journey, Part 1</h1>
-    <time datetime="20-08-15" class="post-date">Saturday, August 15 2020</time>
-  </header>
-  <hr>
-
-  <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>
-
-<p>Now, my interest in OpenBSD has been going on for a long time.
-I started poking around for Linux alternatives way back a few years ago when Linus Torvalds decided to leave after he got in trouble for some
-<a href="https://arstechnica.com/information-technology/2013/07/linus-torvalds-defends-his-right-to-shame-linux-kernel-developers/">unprofessional behaviour</a>.
-That said, Linus did come back to Linux development,
-but I knew that his abrasive style is what brought good code to the Linux kernel.
-I also knew that his ability to be critical would be hurt by the new
-<a href="https://itsfoss.com/linux-code-of-conduct/">code of conduct</a>.
-It would become a tool for the SJW types to hammer on Linus for being a “white male, et al.”;
-It would become a tool for the easily offended to use to get their dumb code into Linux;
-It would become a tool for the corporatization, the HR-ification of Linux.
-Frankly, this does not interest me.</p>
-
-<p>Now I’m sure that OpenBSD has its own internal policies that I disagree with.
-That said, Theo De Raadt is still at least known for calling Firefox an “amorphous peace of garbage” due to its lack of privilege separation.
-And, in their <a href="https://openbsd.org/goals.html">project goals</a> page, they specifically mention:</p>
-
-<blockquote>
-  <p>Be as politics-free as possible; solutions should be decided on the basis of technical merit.</p>
-</blockquote>
-
-<p>Now that’s something I can get behind!
-Bet you that’s not in the Linux COC?</p>
-
-<p>He also went to university in my hometown, so that’s pretty cool!
-I can support a local madman who thinks he can make a better operating system than all those corporations.
-Maybe he was right, maybe not. What I know is I am excited to find out!</p>
-
-<p>Wish my luck on my OpenBSD journey. I will post updates here along the way.</p>
-
-<p>Happy hacking!</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/08/15/openbsd1/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>BSD Journey, Part 1 | 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">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> <article> <header> <h1 class="post-title">BSD Journey, Part 1</h1> <time datetime="20-08-15" class="post-date">Saturday, August 15 2020</time> </header> <hr> <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> <p>Now, my interest in OpenBSD has been going on for a long time. I started poking around for Linux alternatives way back a few years ago when Linus Torvalds decided to leave after he got in trouble for some <a href="https://arstechnica.com/information-technology/2013/07/linus-torvalds-defends-his-right-to-shame-linux-kernel-developers/">unprofessional behaviour</a>. That said, Linus did come back to Linux development, but I knew that his abrasive style is what brought good code to the Linux kernel. I also knew that his ability to be critical would be hurt by the new <a href="https://itsfoss.com/linux-code-of-conduct/">code of conduct</a>. It would become a tool for the SJW types to hammer on Linus for being a “white male, et al.”; It would become a tool for the easily offended to use to get their dumb code into Linux; It would become a tool for the corporatization, the HR-ification of Linux. Frankly, this does not interest me.</p> <p>Now I’m sure that OpenBSD has its own internal policies that I disagree with. That said, Theo De Raadt is still at least known for calling Firefox an “amorphous peace of garbage” due to its lack of privilege separation. And, in their <a href="https://openbsd.org/goals.html">project goals</a> page, they specifically mention:</p> <blockquote> <p>Be as politics-free as possible; solutions should be decided on the basis of technical merit.</p> </blockquote> <p>Now that’s something I can get behind! Bet you that’s not in the Linux COC?</p> <p>He also went to university in my hometown, so that’s pretty cool! I can support a local madman who thinks he can make a better operating system than all those corporations. Maybe he was right, maybe not. What I know is I am excited to find out!</p> <p>Wish my luck on my OpenBSD journey. I will post updates here along the way.</p> <p>Happy hacking!</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/08/15/openbsd1/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/08/18/django-deployment/index.html b/_site/2020/08/18/django-deployment/index.html
index 7bff6ca..d44611c 100644
--- a/_site/2020/08/18/django-deployment/index.html
+++ b/_site/2020/08/18/django-deployment/index.html
@@ -1,87 +1,6 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>How to Solve The Django Deployment Puzzle | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">How to Solve The Django Deployment Puzzle</h1>
-    <time datetime="20-08-18" class="post-date">Tuesday, August 18 2020</time>
-  </header>
-  <hr>
-
-  <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>
-
-<h3 id="asgi-servers">ASGI Servers</h3>
-
-<p>Because my project used the ASGI (Asynchronous webServer Gateway Interface),
-I needed to find a good production ASGI server to handle all the incoming requests.
-The best thing I found was <a href="http://www.uvicorn.org/">uvicorn</a>.
-It focuses on speed, which is a priority, especially when using the ASGI protocol.</p>
-
-<p>To run uvicorn on the command line for testing purposes, use something like the following:</p>
-
-<pre class="terminal">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>How to Solve The Django Deployment Puzzle | 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">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> <article> <header> <h1 class="post-title">How to Solve The Django Deployment Puzzle</h1> <time datetime="20-08-18" class="post-date">Tuesday, August 18 2020</time> </header> <hr> <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> <h3 id="asgi-servers">ASGI Servers</h3> <p>Because my project used the ASGI (Asynchronous webServer Gateway Interface), I needed to find a good production ASGI server to handle all the incoming requests. The best thing I found was <a href="http://www.uvicorn.org/">uvicorn</a>. It focuses on speed, which is a priority, especially when using the ASGI protocol.</p> <p>To run uvicorn on the command line for testing purposes, use something like the following:</p> <pre class="terminal">
 $ uvicorn --reload myapp.asgi:application
-</pre>
-
-<p>The <code class="language-plaintext highlighter-rouge">--reload</code> option says to reload the server if any of the files get updated.
-This is not recommended in production.
-Sadly, I thought this meant I would need to do a hard shutdown of the server process every time I wanted to update.
-This turned out to not be the case.</p>
-
-<h3 id="workload-managers">Workload Managers</h3>
-
-<p>There is another equine-named program called <a href="https://gunicorn.org/">gunicorn</a>
-which can hold a number of processes under its control.
-An interesting feature of <code class="language-plaintext highlighter-rouge">gunicorn</code> is that it will gracefully switch from an old to a new deployment,
-replacing the subprocesses one-by-one and eventually having only the new deployment active on all subprocesses.
-The greatest part? Zero down time.
-The server keeps any old processes open if there is communication with them,
-then shift and new connections to the new deployment.
-This was a very cool feature I wanted to take advantage of.</p>
-
-<p>“Now hold on!” you might protest.
-“gunicorn is a WSGI server!” … oh you got me there!
-Yes, that’s right, <code class="language-plaintext highlighter-rouge">gunicorn</code> is paired with <code class="language-plaintext highlighter-rouge">uvicorn</code> to serve my files.</p>
-
-<h3 id="systemd">systemd</h3>
-
-<p>Love it or hate it, the majority of Linux distributions use the <code class="language-plaintext highlighter-rouge">systemd</code> init system.
-I decided it would be very convenient to have a .service file for my Django application to run automatically at boot.
-<code class="language-plaintext highlighter-rouge">Systemd</code> allows me to do this with a file like the following one I stored in <code class="language-plaintext highlighter-rouge">/lib/systemd/system/lamegames.service</code>.</p>
-
-<pre class="file">
+</pre> <p>The <code class="language-plaintext highlighter-rouge">--reload</code> option says to reload the server if any of the files get updated. This is not recommended in production. Sadly, I thought this meant I would need to do a hard shutdown of the server process every time I wanted to update. This turned out to not be the case.</p> <h3 id="workload-managers">Workload Managers</h3> <p>There is another equine-named program called <a href="https://gunicorn.org/">gunicorn</a> which can hold a number of processes under its control. An interesting feature of <code class="language-plaintext highlighter-rouge">gunicorn</code> is that it will gracefully switch from an old to a new deployment, replacing the subprocesses one-by-one and eventually having only the new deployment active on all subprocesses. The greatest part? Zero down time. The server keeps any old processes open if there is communication with them, then shift and new connections to the new deployment. This was a very cool feature I wanted to take advantage of.</p> <p>“Now hold on!” you might protest. “gunicorn is a WSGI server!” … oh you got me there! Yes, that’s right, <code class="language-plaintext highlighter-rouge">gunicorn</code> is paired with <code class="language-plaintext highlighter-rouge">uvicorn</code> to serve my files.</p> <h3 id="systemd">systemd</h3> <p>Love it or hate it, the majority of Linux distributions use the <code class="language-plaintext highlighter-rouge">systemd</code> init system. I decided it would be very convenient to have a .service file for my Django application to run automatically at boot. <code class="language-plaintext highlighter-rouge">Systemd</code> allows me to do this with a file like the following one I stored in <code class="language-plaintext highlighter-rouge">/lib/systemd/system/lamegames.service</code>.</p> <pre class="file">
 [Unit]
 Description=Gunicorn/Uvicorn (lamegames.io)
 
@@ -95,28 +14,7 @@ Restart=always
 
 [Install]
 WantedBy=multi-user.target
-</pre>
-
-<h3 id="nginx">nginx</h3>
-
-<p>NGINX (pronounced engine-X) is a performance web server designed for speed and simplicity.
-For the front facing side of the site, I do need a production web server like nginx.
-Gunicorn simply doesn’t need all the features that nginx provides, but I do.
-To configure my nginx installation, I used the following few directives to:</p>
-
-<ol>
-  <li>Redirect most traffic towards the gunicorn server.</li>
-  <li>Redirect statically served files (CSS, JS, images) to the directory specified in the STATIC_ROOT variable of my <code class="language-plaintext highlighter-rouge">settings.py</code> file.</li>
-  <li>Use TLS to enable https://</li>
-</ol>
-
-<p>Serving the static files from nginx as opposed to the <code class="language-plaintext highlighter-rouge">gunicorn</code> server is necessary.
-Gunicorn and other production A/WSGI web server will not set the proper MIME type over TLS.
-This will cause your browser to not load the Javascript/CSS.</p>
-
-<p>This is the important part of my nginx config.</p>
-
-<pre class="file">
+</pre> <h3 id="nginx">nginx</h3> <p>NGINX (pronounced engine-X) is a performance web server designed for speed and simplicity. For the front facing side of the site, I do need a production web server like nginx. Gunicorn simply doesn’t need all the features that nginx provides, but I do. To configure my nginx installation, I used the following few directives to:</p> <ol> <li>Redirect most traffic towards the gunicorn server.</li> <li>Redirect statically served files (CSS, JS, images) to the directory specified in the STATIC_ROOT variable of my <code class="language-plaintext highlighter-rouge">settings.py</code> file.</li> <li>Use TLS to enable https://</li> </ol> <p>Serving the static files from nginx as opposed to the <code class="language-plaintext highlighter-rouge">gunicorn</code> server is necessary. Gunicorn and other production A/WSGI web server will not set the proper MIME type over TLS. This will cause your browser to not load the Javascript/CSS.</p> <p>This is the important part of my nginx config.</p> <pre class="file">
 server {
     location / {
         proxy_set_header Host $http_host;
@@ -137,36 +35,6 @@ server {
         alias /home/lame/lamegames.io/static_generated;
     }
 }
-</pre>
-
-<h3 id="setup">Setup</h3>
-
-<p>After all that, I was able to do the following:</p>
-
-<pre class="terminal">
+</pre> <h3 id="setup">Setup</h3> <p>After all that, I was able to do the following:</p> <pre class="terminal">
 # systemctl enable lamegames
-</pre>
-
-<p>This enabled my <code class="language-plaintext highlighter-rouge">gunicorn</code> server to run once the server started.
-NGINX is that way be default.</p>
-
-<p>And tada! You now have a working Django project on a production server!</p>
-
-<h4 id="notes">Notes</h4>
-
-<ul>
-  <li>If using ws:// websockets, change them to wss:// for secure web sockets.</li>
-  <li>Make sure to use channels.routing.get_default_application() instead of django.get_asgi_application() if your’re wanting to use channels/redis WebSockets.</li>
-</ul>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/08/18/django-deployment/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</pre> <p>This enabled my <code class="language-plaintext highlighter-rouge">gunicorn</code> server to run once the server started. NGINX is that way be default.</p> <p>And tada! You now have a working Django project on a production server!</p> <h4 id="notes">Notes</h4> <ul> <li>If using ws:// websockets, change them to wss:// for secure web sockets.</li> <li>Make sure to use channels.routing.get_default_application() instead of django.get_asgi_application() if your’re wanting to use channels/redis WebSockets.</li> </ul> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/08/18/django-deployment/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/09/09/lamegames/index.html b/_site/2020/09/09/lamegames/index.html
index 90ad018..8fe6548 100644
--- a/_site/2020/09/09/lamegames/index.html
+++ b/_site/2020/09/09/lamegames/index.html
@@ -1,60 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>lamegames.tait.tech | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">lamegames.tait.tech</h1>
-    <time datetime="20-09-09" class="post-date">Wednesday, September 09 2020</time>
-  </header>
-  <hr>
-
-  <p>This is an announcement for a new project of mine:
-<a href="https://lamegames.tait.tech">lamegames.tait.tech</a>.</p>
-
-<p>This is something I’m really excited to work on!</p>
-
-<p>Right now, I’ve just got a rock-paper-scissors game.
-A chat function, and a few simple card games to come.</p>
-
-<p>Check out the repository on my <a href="https://github.com/TTWNO/lamegames.io">Github</a>.</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/09/09/lamegames/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lamegames.tait.tech | 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">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> <article> <header> <h1 class="post-title">lamegames.tait.tech</h1> <time datetime="20-09-09" class="post-date">Wednesday, September 09 2020</time> </header> <hr> <p>This is an announcement for a new project of mine: <a href="https://lamegames.tait.tech">lamegames.tait.tech</a>.</p> <p>This is something I’m really excited to work on!</p> <p>Right now, I’ve just got a rock-paper-scissors game. A chat function, and a few simple card games to come.</p> <p>Check out the repository on my <a href="https://github.com/TTWNO/lamegames.io">Github</a>.</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/09/09/lamegames/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/09/12/minesweeper/index.html b/_site/2020/09/12/minesweeper/index.html
index da26d1a..116f72c 100644
--- a/_site/2020/09/12/minesweeper/index.html
+++ b/_site/2020/09/12/minesweeper/index.html
@@ -1,75 +1,4 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Minesweeper Bomb Generation And Tile Revealing | 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=""><link rel="stylesheet" href="/assets/css/katex.css">
-    
-  </head>
-  <body>
-    <div id="wrapper">
-      <header>
-	<h1>tait.tech</h1>
-
-        <nav>
-	
-	<a href="/" class="nav-link"  >Home</a>
-	
-	<a href="/blog/" class="nav-link"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">Minesweeper Bomb Generation And Tile Revealing</h1>
-    <time datetime="20-09-12" class="post-date">Saturday, September 12 2020</time>
-  </header>
-  <hr>
-
-  <p>When I was creating a little Minesweeper game, I got confused at some points.
-My bomb generation didn’t look quite right, and I for sure didn’t quite get the whole cascading tile reveal thing.
-With a bit of internet research, I found what I was looking for.
-I’ll explain it all in one place for my own research purposes.</p>
-
-<h2 id="bomb-generation">Bomb Generation</h2>
-
-<p>When I started this project I attempted to use a random bomb generator.
-By this I mean on each square, before it gets generated, give it a one in 15 change of being a bomb.
-Personally, I’m not sure why this never looked right.
-Something about the layout of the bombs did not mimic the classic Minesweeper game.</p>
-
-<p>After looking at some open source Minesweeper examples, I started to get the idea.
-I wrote some mathematical statements describing the generation of bombs and how to get their x,y position from an appropriate number.
-For those non-mathy people, don’t leave just yet;
-there will be code equivalents to the math.</p>
-
-<p>W and H are the width and height of the board respectively.</p>
-
-<p><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mn mathvariant="italic">0</mn><mo>≤</mo><mi>r</mi><mo>≤</mo><mtext>W</mtext><mo>×</mo><mtext>H</mtext></mrow><annotation encoding="application/x-tex">
-\it 0 \leq r \leq \text W \times \text H
-</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.8193em;vertical-align:-0.13597em;"></span><span class="mord"><span class="mord mathit">0</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">≤</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mord mathit">r</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">≤</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mord text"><span class="mord">W</span></span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">×</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mord text"><span class="mord">H</span></span></span></span></span></span></span>
-<span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>x</mi><mo>=</mo><mi>r</mi><mtext> </mtext><mo lspace="0.22em" rspace="0.22em"><mrow><mi mathvariant="normal">m</mi><mi mathvariant="normal">o</mi><mi mathvariant="normal">d</mi></mrow></mo><mtext> </mtext><mtext>W</mtext></mrow><annotation encoding="application/x-tex">
-\it x = r \bmod \text W
-</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.69444em;vertical-align:0em;"></span><span class="mord"><span class="mord mathit">x</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mord mathit">r</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mspace" style="margin-right:0.05555555555555555em;"></span><span class="mbin"><span class="mord"><span class="mord mathrm">m</span><span class="mord mathrm">o</span><span class="mord mathrm">d</span></span></span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mspace" style="margin-right:0.05555555555555555em;"></span><span class="mord text"><span class="mord">W</span></span></span></span></span></span></span>
-<span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>y</mi><mo>=</mo><mrow><mo fence="true">⌊</mo><mfrac><mi>r</mi><mtext>H</mtext></mfrac><mo fence="true">⌋</mo></mrow></mrow><annotation encoding="application/x-tex">
-\it y = \left\lfloor\frac{r}{\text H}\right\rfloor
-</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1.8359999999999999em;vertical-align:-0.686em;"></span><span class="mord"><span class="mord mathit">y</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="minner"><span class="mopen delimcenter" style="top:0em;"><span class="delimsizing size2">⌊</span></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.10756em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord text"><span class="mord">H</span></span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathit">r</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mclose delimcenter" style="top:0em;"><span class="delimsizing size2">⌋</span></span></span></span></span></span></span></span></p>
-
-<p>The code equivalent to this in Python is below:</p>
-
-<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kn">import</span> <span class="nn">random</span>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Minesweeper Bomb Generation And Tile Revealing | 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=""><link rel="stylesheet" href="/assets/css/katex.css"> </head> <body> <div id="wrapper"> <header> <h1>tait.tech</h1> <nav> <a href="/" class="nav-link">Home</a> <a href="/blog/" class="nav-link">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> <article> <header> <h1 class="post-title">Minesweeper Bomb Generation And Tile Revealing</h1> <time datetime="20-09-12" class="post-date">Saturday, September 12 2020</time> </header> <hr> <p>When I was creating a little Minesweeper game, I got confused at some points. My bomb generation didn’t look quite right, and I for sure didn’t quite get the whole cascading tile reveal thing. With a bit of internet research, I found what I was looking for. I’ll explain it all in one place for my own research purposes.</p> <h2 id="bomb-generation">Bomb Generation</h2> <p>When I started this project I attempted to use a random bomb generator. By this I mean on each square, before it gets generated, give it a one in 15 change of being a bomb. Personally, I’m not sure why this never looked right. Something about the layout of the bombs did not mimic the classic Minesweeper game.</p> <p>After looking at some open source Minesweeper examples, I started to get the idea. I wrote some mathematical statements describing the generation of bombs and how to get their x,y position from an appropriate number. For those non-mathy people, don’t leave just yet; there will be code equivalents to the math.</p> <p>W and H are the width and height of the board respectively.</p> <p><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mn mathvariant="italic">0</mn><mo>≤</mo><mi>r</mi><mo>≤</mo><mtext>W</mtext><mo>×</mo><mtext>H</mtext></mrow><annotation encoding="application/x-tex"> \it 0 \leq r \leq \text W \times \text H </annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.8193em;vertical-align:-0.13597em;"></span><span class="mord"><span class="mord mathit">0</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">≤</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mord mathit">r</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">≤</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mord text"><span class="mord">W</span></span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">×</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mord text"><span class="mord">H</span></span></span></span></span></span></span> <span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>x</mi><mo>=</mo><mi>r</mi><mtext> </mtext><mo lspace="0.22em" rspace="0.22em"><mrow><mi mathvariant="normal">m</mi><mi mathvariant="normal">o</mi><mi mathvariant="normal">d</mi></mrow></mo><mtext> </mtext><mtext>W</mtext></mrow><annotation encoding="application/x-tex"> \it x = r \bmod \text W </annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.69444em;vertical-align:0em;"></span><span class="mord"><span class="mord mathit">x</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mord mathit">r</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mspace" style="margin-right:0.05555555555555555em;"></span><span class="mbin"><span class="mord"><span class="mord mathrm">m</span><span class="mord mathrm">o</span><span class="mord mathrm">d</span></span></span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mspace" style="margin-right:0.05555555555555555em;"></span><span class="mord text"><span class="mord">W</span></span></span></span></span></span></span> <span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>y</mi><mo>=</mo><mrow><mo fence="true">⌊</mo><mfrac><mi>r</mi><mtext>H</mtext></mfrac><mo fence="true">⌋</mo></mrow></mrow><annotation encoding="application/x-tex"> \it y = \left\lfloor\frac{r}{\text H}\right\rfloor </annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1.8359999999999999em;vertical-align:-0.686em;"></span><span class="mord"><span class="mord mathit">y</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="minner"><span class="mopen delimcenter" style="top:0em;"><span class="delimsizing size2">⌊</span></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.10756em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord text"><span class="mord">H</span></span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathit">r</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mclose delimcenter" style="top:0em;"><span class="delimsizing size2">⌋</span></span></span></span></span></span></span></span></p> <p>The code equivalent to this in Python is below:</p> <div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kn">import</span> <span class="nn">random</span>
 <span class="c1"># r &lt;= 0 &lt;= W*H
 </span><span class="n">r</span> <span class="o">=</span> <span class="n">random</span><span class="p">.</span><span class="n">randint</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="n">W</span><span class="o">*</span><span class="n">H</span><span class="p">)</span><span class="o">-</span><span class="mi">1</span>
 
@@ -78,25 +7,7 @@ there will be code equivalents to the math.</p>
 
 <span class="c1"># y = floor(r/H); note the special syntax python has for this operation
 </span><span class="n">y</span> <span class="o">=</span> <span class="n">r</span> <span class="o">//</span> <span class="n">H</span>
-</code></pre></div></div>
-
-<p>So that’s that, we can put this in a big ‘ol for loop and generate an arbitrary <em>n</em> number of bombs given a width and height of a Minesweeper board.</p>
-
-<h2 id="cascading-tile-revealing">Cascading Tile Revealing</h2>
-
-<p>This one is hard to describe;
-I am adapting this from <a href="https://leetcode.com/problems/minesweeper/">leetcode.com</a>.
-Whenever a player clicks a tile, the following logic should be used:</p>
-
-<ol>
-  <li>If a mine is revealed, the game is over. (obviously)</li>
-  <li>If a tile with <em>no</em> adjacent mines is revealed, recursively reveal all eight adjacent tiles.</li>
-  <li>If a tile with one or more adjacent mines is revealed, display the number of mines next to it.</li>
-</ol>
-
-<p>Here is the code in Python for this algorithm.</p>
-
-<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="k">def</span> <span class="nf">reveal_square</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">,</span> <span class="n">board</span><span class="p">,</span> <span class="n">alread_revealed</span><span class="p">):</span>
+</code></pre></div></div> <p>So that’s that, we can put this in a big ‘ol for loop and generate an arbitrary <em>n</em> number of bombs given a width and height of a Minesweeper board.</p> <h2 id="cascading-tile-revealing">Cascading Tile Revealing</h2> <p>This one is hard to describe; I am adapting this from <a href="https://leetcode.com/problems/minesweeper/">leetcode.com</a>. Whenever a player clicks a tile, the following logic should be used:</p> <ol> <li>If a mine is revealed, the game is over. (obviously)</li> <li>If a tile with <em>no</em> adjacent mines is revealed, recursively reveal all eight adjacent tiles.</li> <li>If a tile with one or more adjacent mines is revealed, display the number of mines next to it.</li> </ol> <p>Here is the code in Python for this algorithm.</p> <div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="k">def</span> <span class="nf">reveal_square</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">,</span> <span class="n">board</span><span class="p">,</span> <span class="n">alread_revealed</span><span class="p">):</span>
   <span class="c1"># if already checked
 </span>  <span class="k">if</span> <span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span> <span class="ow">in</span> <span class="n">already_revealed</span><span class="p">:</span>
     <span class="k">return</span>
@@ -116,28 +27,4 @@ Whenever a player clicks a tile, the following logic should be used:</p>
       <span class="c1"># recursively check the adjacent square
 </span>      <span class="n">reveal</span><span class="p">(</span><span class="n">x</span><span class="o">+</span><span class="n">xd</span><span class="p">,</span> <span class="n">y</span><span class="o">+</span><span class="n">yd</span><span class="p">,</span> <span class="n">board</span><span class="p">,</span> <span class="n">already_revealed</span><span class="p">)</span>
   <span class="k">return</span> <span class="n">already_revealed</span>
-</code></pre></div></div>
-
-<p>This has no checks for valid squares, but it’s the general idea.
-This function returns an array of tile coordinates which should be revealed.</p>
-
-<h2 id="conclusion">Conclusion</h2>
-
-<p>I wrote this because in the first place because I was writing my own Minesweeper game.
-I hope that this helps you with getting the general idea of a Minesweeper game.
-The completed version of this game is available on my <a href="https://lamegames.tait.tech/">lamegames</a> site.
-Let me know what you think!</p>
-
-<p>Happy hacking!</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/09/12/minesweeper/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</code></pre></div></div> <p>This has no checks for valid squares, but it’s the general idea. This function returns an array of tile coordinates which should be revealed.</p> <h2 id="conclusion">Conclusion</h2> <p>I wrote this because in the first place because I was writing my own Minesweeper game. I hope that this helps you with getting the general idea of a Minesweeper game. The completed version of this game is available on my <a href="https://lamegames.tait.tech/">lamegames</a> site. Let me know what you think!</p> <p>Happy hacking!</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/09/12/minesweeper/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/10/26/curiosity/index.html b/_site/2020/10/26/curiosity/index.html
index 06bf4a6..5d498d5 100644
--- a/_site/2020/10/26/curiosity/index.html
+++ b/_site/2020/10/26/curiosity/index.html
@@ -1,123 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Curiosity | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">Curiosity</h1>
-    <time datetime="20-10-26" class="post-date">Monday, October 26 2020</time>
-  </header>
-  <hr>
-
-  <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 don’t have the spirit of curiosity burning inside of you.</p>
-
-<p>I was speaking to someone from a journalism major at my school when the subject of hacking arose.
-I expected her to know nothing about it, being a journalism student and all, but surprisingly she had something to say about it:</p>
-
-<blockquote>
-  <p>“The best hackers are the ones who are curious.”</p>
-</blockquote>
-
-<p>That struck a cord with me.
-It seems to me she has nailed down the difference between the students who care about grades,
-and those who want to learn.
-These are not necessarily mutually exclusive, but in my experience they often are due to the way education is structured.</p>
-
-<h2 id="my-anecdote">My Anecdote</h2>
-
-<p>In my second semester at SAIT Polytechnic, I took a class entitled <em>Emerging Trends In Technology</em>.
-This class was probably the best class I have ever taken.
-We had to combine two things:</p>
-
-<ul>
-  <li><strong>Hard skills</strong>: learning a new hard skill like Angular, Django, or GPG encryption.</li>
-  <li><strong>Soft skills</strong>: public speaking and presentation of our ideas.</li>
-</ul>
-
-<p>Soft skills are not usually my area, but I can do public speaking.
-I grew up quite religious, so public speaking was drilled into me young.
-I liked to go off script and talk about interesting things I found along the way to the actual point.
-My creativity was not usually encouraged.
-That said, going off script is useful when teaching and presenting ideas;
-it gives a natural air to your breath and an unquestionable confidence in your speech.</p>
-
-<p>This is how we learn: in relationships.
-Try explaining ancient Japanese history to a computer science major, or UNIX sockets to an English major and you’ll see what I mean.
-If there is nothing for us to connect the knowledge to, it dissipates.</p>
-
-<p>So why did I do so well in this class?</p>
-
-<p>Our task for the semester was as follows:</p>
-
-<ol>
-  <li>Learn a new subject (any <em>emerging trend in technology</em>) which you find fascinating.</li>
-  <li>Give a one minute introduction by week three.</li>
-  <li>Give a 10 minute non-technical overview by week 8.</li>
-  <li>Give a 20 minute technical explaination and demo by week 13.</li>
-</ol>
-
-<p>This is the only course I have ever taken which lets students’ imagination run wild.
-Their presentation, their rules.
-They treated the students like adults who know what they are doing.
-What happened? Everyone stopped coming because “Oh no! Presentations!”?</p>
-
-<p>No, exactly the opposite.
-There was never more than one student missing.
-Every single presentation was at least moderately interesting,
-and most students were excited to come to that class.
-You could see it in their faces, the way they carried themselves.
-Every student picked something unique to their tastes, leaving every student more educated than before.</p>
-
-<p>This class, unlike many others, encouraged the curiosity of the students.
-It rewarded those who had unique interests and an ability to sell others on their ideas.</p>
-
-<p>The curiosity and the grades were one.</p>
-
-<h2 id="conclusion">Conclusion</h2>
-
-<p>Although it’s nice to have a course where these goals align here and there, anyone who has been to collage or university can tell you that is far from the norm.</p>
-
-<p>On the other hand, I never would have started this site if it wasn’t for that class alone.
-So I thank you, Kitty Wong, for getting me started running my own “research blog” (?)</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/10/26/curiosity/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Curiosity | 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">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> <article> <header> <h1 class="post-title">Curiosity</h1> <time datetime="20-10-26" class="post-date">Monday, October 26 2020</time> </header> <hr> <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 don’t have the spirit of curiosity burning inside of you.</p> <p>I was speaking to someone from a journalism major at my school when the subject of hacking arose. I expected her to know nothing about it, being a journalism student and all, but surprisingly she had something to say about it:</p> <blockquote> <p>“The best hackers are the ones who are curious.”</p> </blockquote> <p>That struck a cord with me. It seems to me she has nailed down the difference between the students who care about grades, and those who want to learn. These are not necessarily mutually exclusive, but in my experience they often are due to the way education is structured.</p> <h2 id="my-anecdote">My Anecdote</h2> <p>In my second semester at SAIT Polytechnic, I took a class entitled <em>Emerging Trends In Technology</em>. This class was probably the best class I have ever taken. We had to combine two things:</p> <ul> <li><strong>Hard skills</strong>: learning a new hard skill like Angular, Django, or GPG encryption.</li> <li><strong>Soft skills</strong>: public speaking and presentation of our ideas.</li> </ul> <p>Soft skills are not usually my area, but I can do public speaking. I grew up quite religious, so public speaking was drilled into me young. I liked to go off script and talk about interesting things I found along the way to the actual point. My creativity was not usually encouraged. That said, going off script is useful when teaching and presenting ideas; it gives a natural air to your breath and an unquestionable confidence in your speech.</p> <p>This is how we learn: in relationships. Try explaining ancient Japanese history to a computer science major, or UNIX sockets to an English major and you’ll see what I mean. If there is nothing for us to connect the knowledge to, it dissipates.</p> <p>So why did I do so well in this class?</p> <p>Our task for the semester was as follows:</p> <ol> <li>Learn a new subject (any <em>emerging trend in technology</em>) which you find fascinating.</li> <li>Give a one minute introduction by week three.</li> <li>Give a 10 minute non-technical overview by week 8.</li> <li>Give a 20 minute technical explaination and demo by week 13.</li> </ol> <p>This is the only course I have ever taken which lets students’ imagination run wild. Their presentation, their rules. They treated the students like adults who know what they are doing. What happened? Everyone stopped coming because “Oh no! Presentations!”?</p> <p>No, exactly the opposite. There was never more than one student missing. Every single presentation was at least moderately interesting, and most students were excited to come to that class. You could see it in their faces, the way they carried themselves. Every student picked something unique to their tastes, leaving every student more educated than before.</p> <p>This class, unlike many others, encouraged the curiosity of the students. It rewarded those who had unique interests and an ability to sell others on their ideas.</p> <p>The curiosity and the grades were one.</p> <h2 id="conclusion">Conclusion</h2> <p>Although it’s nice to have a course where these goals align here and there, anyone who has been to collage or university can tell you that is far from the norm.</p> <p>On the other hand, I never would have started this site if it wasn’t for that class alone. So I thank you, Kitty Wong, for getting me started running my own “research blog” (?)</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/10/26/curiosity/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/11/15/nas2/index.html b/_site/2020/11/15/nas2/index.html
index 79f2ca2..896cc45 100644
--- a/_site/2020/11/15/nas2/index.html
+++ b/_site/2020/11/15/nas2/index.html
@@ -1,87 +1,11 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>ZFS NAS Box, Part 2 | 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="How to get ZFS working on a Linux machine and how to try it yourself!">
-  </head>
-  <body>
-    <div id="wrapper">
-      <header>
-	<h1>tait.tech</h1>
-
-        <nav>
-	
-	<a href="/" class="nav-link"  >Home</a>
-	
-	<a href="/blog/" class="nav-link"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">ZFS NAS Box, Part 2</h1>
-    <time datetime="20-11-15" class="post-date">Sunday, November 15 2020</time>
-  </header>
-  <hr>
-
-  <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>
-
-<p>There were some hiccup along the way, like learning that M.2 slots can disable some of your SATA ports or waiting a month for a host bus adapter to come in from China.</p>
-
-<h2 id="why-did-it-take-so-long">Why Did It Take So Long</h2>
-
-<p>So it turns out I was going to spend a lot more on this project than I originally anticipated.
-I ended up getting a server machine instead of a sleek NAS box.
-Here are some of the quick specs:</p>
-
-<ul>
-  <li>Standard ATX case by Thermaltake.</li>
-  <li>LSI 9211-8i.</li>
-  <li>The cheapest HDMI graphics card I could find on Kijiji.</li>
-  <li>6x 3TB Segate HDDs.</li>
-  <li>1x 250G Kingston SSD.</li>
-  <li>AMD Ryzen 5 3600.</li>
-  <li>MSI B450 Gaming Plus Max.</li>
-  <li>2x 8GB FlareX 3200Mhz RAM.</li>
-  <li>1x 16GB Kingston 3200Mhz RAM.</li>
-</ul>
-
-<h2 id="zfs">ZFS</h2>
-
-<p>This is how I decided to configure my storage pools.
-In hindsight, this was not the best choice for upgrading.
-I may change it in the future to a 0+1 setup, but it works for now.</p>
-
-<p>I have 5x 3TB in a RAIDZ2 with one drive not attached for redundancy’s sake.
-How does one setup a ZFS pool. Check this out:</p>
-
-<pre class="terminal">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ZFS NAS Box, Part 2 | 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="How to get ZFS working on a Linux machine and how to try it yourself!"> </head> <body> <div id="wrapper"> <header> <h1>tait.tech</h1> <nav> <a href="/" class="nav-link">Home</a> <a href="/blog/" class="nav-link">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> <article> <header> <h1 class="post-title">ZFS NAS Box, Part 2</h1> <time datetime="20-11-15" class="post-date">Sunday, November 15 2020</time> </header> <hr> <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> <p>There were some hiccup along the way, like learning that M.2 slots can disable some of your SATA ports or waiting a month for a host bus adapter to come in from China.</p> <h2 id="why-did-it-take-so-long">Why Did It Take So Long</h2> <p>So it turns out I was going to spend a lot more on this project than I originally anticipated. I ended up getting a server machine instead of a sleek NAS box. Here are some of the quick specs:</p> <ul> <li>Standard ATX case by Thermaltake.</li> <li>LSI 9211-8i.</li> <li>The cheapest HDMI graphics card I could find on Kijiji.</li> <li>6x 3TB Segate HDDs.</li> <li>1x 250G Kingston SSD.</li> <li>AMD Ryzen 5 3600.</li> <li>MSI B450 Gaming Plus Max.</li> <li>2x 8GB FlareX 3200Mhz RAM.</li> <li>1x 16GB Kingston 3200Mhz RAM.</li> </ul> <h2 id="zfs">ZFS</h2> <p>This is how I decided to configure my storage pools. In hindsight, this was not the best choice for upgrading. I may change it in the future to a 0+1 setup, but it works for now.</p> <p>I have 5x 3TB in a RAIDZ2 with one drive not attached for redundancy’s sake. How does one setup a ZFS pool. Check this out:</p> <pre class="terminal">
 # zpool create poolname raidz2 \
 /dev/by-id/blahblahblah1 \
 /dev/by-id/blahblahblah2 \
 /dev/by-id/blahblahblah3 \
 /dev/by-id/blahblahblah4 \
 /dev/by-id/blahblahblah5
-</pre>
-
-<p>And zippidy-doo! We’ve got a ZFS pool!
-We can check its status with <code class="language-plaintext highlighter-rouge">zpool status</code>.</p>
-
-<pre class="terminal">
+</pre> <p>And zippidy-doo! We’ve got a ZFS pool! We can check its status with <code class="language-plaintext highlighter-rouge">zpool status</code>.</p> <pre class="terminal">
 $ zfs status
   pool: raid
  state: ONLINE
@@ -100,46 +24,4 @@ config:
         ata-HGST_HUS724030ALA640_PN2234P8JXP77Y  ONLINE       0     0     0
 
 errors: No known data errors
-</pre>
-
-<p>I had run a scrub right before this, so there’s some extra detail in that.
-This is really fun! I will be doing more home storage projects soon.
-Perhaps Raspberry Pi NAS using all 4 USB ports to load SATA drives on it.
-Now that would be fun!</p>
-
-<h2 id="so-i-kinda-have-a-nas-now">So I Kinda Have A NAS Now…?</h2>
-
-<p>So right now I can only copy files with <code class="language-plaintext highlighter-rouge">rsync</code>, <code class="language-plaintext highlighter-rouge">scp</code> and moving data via a physical drive.
-The one major disadvantage this has is speed.</p>
-
-<p>Due to this machine being connected directly outside my network and pulling DHCP like a normal router would, I need to send my data through the WAN connection to get my files to it.
-This is rather unfortunate as my upload speed is capped at 20 megabits per second, despite my upload being in the 300+ range.</p>
-
-<p>Part 3 will involve a LAN card so I can connect both to the DHCP server of my ISP and my local router.
-This way my transfer speeds should be in the range of 1 gigabit per second.
-This will make my life much easier, at least on the local network.</p>
-
-<h2 id="fun-fact">Fun Fact!</h2>
-
-<p>Do not try to use the M.2 slot on a consumer motherboard where you are also using all the SATA ports.
-On my consumer gaming motherboard, the SATA ports next to the M.2 slot became <em>disabled</em> when I attached the M.2 SSD.
-I found this out form my motherboard documentation, which I read only after a week of thinking my motherboard itself was defective, and sending it in for repairs that did absolutely nothing.</p>
-
-<h2 id="thoughts">Thoughts</h2>
-
-<p>I like having all this space. I plan on using it up pretty fast, so I’m already looking at how to expand.
-Hopefully that gives a decent overview of how I set up my drives.</p>
-
-<p>Happy hacking!</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/11/15/nas2/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</pre> <p>I had run a scrub right before this, so there’s some extra detail in that. This is really fun! I will be doing more home storage projects soon. Perhaps Raspberry Pi NAS using all 4 USB ports to load SATA drives on it. Now that would be fun!</p> <h2 id="so-i-kinda-have-a-nas-now">So I Kinda Have A NAS Now…?</h2> <p>So right now I can only copy files with <code class="language-plaintext highlighter-rouge">rsync</code>, <code class="language-plaintext highlighter-rouge">scp</code> and moving data via a physical drive. The one major disadvantage this has is speed.</p> <p>Due to this machine being connected directly outside my network and pulling DHCP like a normal router would, I need to send my data through the WAN connection to get my files to it. This is rather unfortunate as my upload speed is capped at 20 megabits per second, despite my upload being in the 300+ range.</p> <p>Part 3 will involve a LAN card so I can connect both to the DHCP server of my ISP and my local router. This way my transfer speeds should be in the range of 1 gigabit per second. This will make my life much easier, at least on the local network.</p> <h2 id="fun-fact">Fun Fact!</h2> <p>Do not try to use the M.2 slot on a consumer motherboard where you are also using all the SATA ports. On my consumer gaming motherboard, the SATA ports next to the M.2 slot became <em>disabled</em> when I attached the M.2 SSD. I found this out form my motherboard documentation, which I read only after a week of thinking my motherboard itself was defective, and sending it in for repairs that did absolutely nothing.</p> <h2 id="thoughts">Thoughts</h2> <p>I like having all this space. I plan on using it up pretty fast, so I’m already looking at how to expand. Hopefully that gives a decent overview of how I set up my drives.</p> <p>Happy hacking!</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/11/15/nas2/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/12/01/pacaur-rpi/index.html b/_site/2020/12/01/pacaur-rpi/index.html
index 5056d7b..a5a9b2c 100644
--- a/_site/2020/12/01/pacaur-rpi/index.html
+++ b/_site/2020/12/01/pacaur-rpi/index.html
@@ -1,127 +1,16 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Getting Pacaur Working on a Raspberry Pi 4 with Manjaro ARM or Arch Linux | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">Getting Pacaur Working on a Raspberry Pi 4 with Manjaro ARM or Arch Linux</h1>
-    <time datetime="20-12-01" class="post-date">Tuesday, December 01 2020</time>
-  </header>
-  <hr>
-
-  <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>
-
-<h2 id="always_inline">always_inline</h2>
-
-<p>To setup the install for <code class="language-plaintext highlighter-rouge">pacaur</code>, I first needed to download <a href="https://aur.archlinux.org/packages/auracle-git">auracle-git</a> AUR package manually.
-I ran into an error when compiling this package.</p>
-
-<p>But first, my setup:</p>
-<pre class="terminal">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Getting Pacaur Working on a Raspberry Pi 4 with Manjaro ARM or Arch Linux | 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">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> <article> <header> <h1 class="post-title">Getting Pacaur Working on a Raspberry Pi 4 with Manjaro ARM or Arch Linux</h1> <time datetime="20-12-01" class="post-date">Tuesday, December 01 2020</time> </header> <hr> <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> <h2 id="always_inline">always_inline</h2> <p>To setup the install for <code class="language-plaintext highlighter-rouge">pacaur</code>, I first needed to download <a href="https://aur.archlinux.org/packages/auracle-git">auracle-git</a> AUR package manually. I ran into an error when compiling this package.</p> <p>But first, my setup:</p> <pre class="terminal">
 $ git clone https://aur.archlinux.org/auracle-git
 $ cd auracle-git
 $ makepkg -sri
-</pre>
-
-<p>Around half way through compiling this project, I got this cryptic message telling me there was a “target specific option mismatch”…Whatever that means.
-The full error is below, hopefully that helps my chances on the search engines.</p>
-
-<pre class="terminal">
+</pre> <p>Around half way through compiling this project, I got this cryptic message telling me there was a “target specific option mismatch”…Whatever that means. The full error is below, hopefully that helps my chances on the search engines.</p> <pre class="terminal">
 In file included from ../subprojects/abseil-cpp-20200225.2/absl/random/internal/randen_hwaes.cc:225:
 /usr/lib/gcc/aarch64-unknown-linux-gnu/9.3.0/include/arm_neon.h: In function 'Vector128 {anonymous}::AesRound(const Vector128&amp;, const Vector128&amp;)':
 /usr/lib/gcc/aarch64-unknown-linux-gnu/9.3.0/include/arm_neon.h:12452:1: error: inlining failed in call to always_inline 'uint8x16_t vaesmcq_u8(uint8x16_t)': target specific option mismatch
 12452 | vaesmcq_u8 (uint8x16_t data)
-</pre>
-
-<p>Luckily, there is a very easy fix for this.
-The user redfish <a href="https://aur.archlinux.org/packages/auracle-git#comment-762117">helpfully pointed out</a>
-on the <code class="language-plaintext highlighter-rouge">auracle-git</code> package page that you need to add a special make option to your <code class="language-plaintext highlighter-rouge">/etc/make.conf</code> file to make this work.</p>
-
-<p>His solution, as commented is like so:</p>
-
-<blockquote>
-  <p>If you get this error when building for ARM aarch64:</p>
-
-  <p>(insert error message from before)</p>
-
-  <p>Then check that in /etc/makepkg.conf CFLAGS and CXXFLAGS have the +crypto suffix in -march flag, like -march=armv8-a+crypto (the base identifier may very depending on your hardware)</p>
-</blockquote>
-
-<p>Basically, there is a file on Linux: <code class="language-plaintext highlighter-rouge">/etc/makepkg.conf</code> which tells your computer how to compile <em>all</em> programs on the system.
-By default the Manjaro ARM (RPi4) edition has the following relevant lines in <code class="language-plaintext highlighter-rouge">makepkg.conf</code>.</p>
-
-<pre class="file">
+</pre> <p>Luckily, there is a very easy fix for this. The user redfish <a href="https://aur.archlinux.org/packages/auracle-git#comment-762117">helpfully pointed out</a> on the <code class="language-plaintext highlighter-rouge">auracle-git</code> package page that you need to add a special make option to your <code class="language-plaintext highlighter-rouge">/etc/make.conf</code> file to make this work.</p> <p>His solution, as commented is like so:</p> <blockquote> <p>If you get this error when building for ARM aarch64:</p> <p>(insert error message from before)</p> <p>Then check that in /etc/makepkg.conf CFLAGS and CXXFLAGS have the +crypto suffix in -march flag, like -march=armv8-a+crypto (the base identifier may very depending on your hardware)</p> </blockquote> <p>Basically, there is a file on Linux: <code class="language-plaintext highlighter-rouge">/etc/makepkg.conf</code> which tells your computer how to compile <em>all</em> programs on the system. By default the Manjaro ARM (RPi4) edition has the following relevant lines in <code class="language-plaintext highlighter-rouge">makepkg.conf</code>.</p> <pre class="file">
 CFLAGS="-march=armv8-a -O2 -pipe -fstack-protector-strong -fno-plt"
 CXXFLAGS="-march=armv8-a -O2 -pipe -fstack-protector-strong -fno-plt"
-</pre>
-
-<p>What Mr. redfish is telling us is that we must add ‘+crypto’ to the end of the -march compiler flag so that our compiler will know how to inline that pesky vaesmcq_u8 function.</p>
-
-<p>So in the end, your <code class="language-plaintext highlighter-rouge">makepkg.conf</code>’s relevant lines will look like so:</p>
-<pre class="file">
+</pre> <p>What Mr. redfish is telling us is that we must add ‘+crypto’ to the end of the -march compiler flag so that our compiler will know how to inline that pesky vaesmcq_u8 function.</p> <p>So in the end, your <code class="language-plaintext highlighter-rouge">makepkg.conf</code>’s relevant lines will look like so:</p> <pre class="file">
 CFLAGS="-march=armv8-a+crypto -O2 -pipe -fstack-protector-strong -fno-plt"
 CXXFLAGS="-march=armv8-a+crypto -O2 -pipe -fstack-protector-strong -fno-plt"
-</pre>
-
-<h2 id="why">Why?</h2>
-
-<p>Redfish continues:</p>
-
-<blockquote>
-  <p>Build of abseil-cpp package works because it uses CMake which adds the correct -march flag regardless of makepkg.conf, whereas when abseil-cpp is build as a subproject within this package, it uses meson, which does not add the flag and thus fails with the above error.</p>
-</blockquote>
-
-<p>In other words, one of the dependencies pulled in with auracle is not compiling without this special compiler flag enabled.</p>
-
-<h2 id="conclusion">Conclusion</h2>
-
-<p>Thanks to redfish for posting this solution to the forums!
-Would’ve been quite the rabbit hole for me to figure out how to do that.
-In fact, it is very likely I would have never figured that one out.</p>
-
-<p>After this issue is resolved, the installation of <code class="language-plaintext highlighter-rouge">pacaur</code> goes as expected. Nice and easy!
-Pacuar will compile on any architecture so it’s smooth sailing from here.</p>
-
-<p>Happy hacking!</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/12/01/pacaur-rpi/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</pre> <h2 id="why">Why?</h2> <p>Redfish continues:</p> <blockquote> <p>Build of abseil-cpp package works because it uses CMake which adds the correct -march flag regardless of makepkg.conf, whereas when abseil-cpp is build as a subproject within this package, it uses meson, which does not add the flag and thus fails with the above error.</p> </blockquote> <p>In other words, one of the dependencies pulled in with auracle is not compiling without this special compiler flag enabled.</p> <h2 id="conclusion">Conclusion</h2> <p>Thanks to redfish for posting this solution to the forums! Would’ve been quite the rabbit hole for me to figure out how to do that. In fact, it is very likely I would have never figured that one out.</p> <p>After this issue is resolved, the installation of <code class="language-plaintext highlighter-rouge">pacaur</code> goes as expected. Nice and easy! Pacuar will compile on any architecture so it’s smooth sailing from here.</p> <p>Happy hacking!</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/12/01/pacaur-rpi/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/12/14/orca-raspberry-pi-manjaro/index.html b/_site/2020/12/14/orca-raspberry-pi-manjaro/index.html
index 3191561..37aa67e 100644
--- a/_site/2020/12/14/orca-raspberry-pi-manjaro/index.html
+++ b/_site/2020/12/14/orca-raspberry-pi-manjaro/index.html
@@ -1,190 +1,17 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Orca, Emacspeak and Chromium Accessibility on A Raspberry Pi Running Manjaro ARM | 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="orca linux raspberry-pi rpi raspberry pi screen reader screen-reader 64 bit 64-bit 64bit aarch64 emacs emacspeak manjaro manjaro-arm manjaro-aarch64">
-    <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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">Orca, Emacspeak and Chromium Accessibility on A Raspberry Pi Running Manjaro ARM</h1>
-    <time datetime="20-12-14" class="post-date">Monday, December 14 2020</time>
-  </header>
-  <hr>
-
-  <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 Lunduke’s 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>
-
-<h2 id="no-headphone-jack">No Headphone Jack</h2>
-
-<p>My first problem was that the Raspberry Pi 400 does not come with a headphone jack,
-even though every other Raspberry Pi A/B/B+ board with the exception of the compute modules and Zero series have included one.
-That said, the Raspberry Pi audio jacks are also known to crackle and pop due to either bad drivers or cheap manufacturing.</p>
-
-<p>To compensate, I got an external USB audio card.
-I ended up going with the <a href="https://www.amazon.ca/DuKabel-ProSeries-Mic-Supported-Headphone-External/dp/B07RS11M1T/">DuKabel USB to 3.5mm Jack Adapter (Amazon)</a>.</p>
-
-<p>There are cheaper options for sure, but when I was looking around Raspberry Pi forums and Amazon reviews, this specific model seemed to come out on top in terms of performance.
-It costed me around 40 Canadian dollars.
-I figure this isn’t too bad considering my friend doesn’t need a screen, haha!</p>
-
-<h2 id="distribution">Distribution</h2>
-
-<p>I wanted to choose something which will age well, and run the latest and greatest.
-For visually impaired users, the most important piece of software is the screen reader. If the screen reader doesn’t work, the rest of the work is toast!
-Some Raspberry Pi Orca installation guides <a href="https://techesoterica.com/getting-the-orca-screen-reader-working-on-a-raspberry-pi-4-with-raspbian-buster-and-the-mate-desktop/">like this one</a>,
-have actually asked the user to <em>compile Orca from source</em> to get the latest version due to how out-of-date Debian’s package repositories are.
-A distribution which has none of these fusses was top priority,
-especially because Orca receives frequent updates.</p>
-
-<p>I decided to go with <a href="https://manjaro.org/download/#raspberry-pi-4-xfce">Manjaro ARM Xfce</a>:</p>
-
-<ul>
-  <li>Xfce is lightweight.</li>
-  <li>Runs a 64-bit kernel.</li>
-  <li>Is based on Arch Linux, so receives very frequent package updates.</li>
-  <li>Has the AUR (<a href="#aur">with some effort</a>, as we’ll see).</li>
-</ul>
-
-<p>The only downside of Manjaro ARM, and likewise other Aarch64 (ARM 64-bit) architecture kernels is that it did not have HEVC nor H264 hardware decoding available.
-Apparently, support for the Raspberry Pi’s VC4 graphics is getting mainlined <a href="https://www.debugpoint.com/2020/12/linux-kernel-5-10-features/">in Linux kernel 5.10</a>.
-Unfortunately, running the release candidate (RC) kernel did not make the Raspberry Pi 400 use hardware decoding.
-Perhaps other applications like <code class="language-plaintext highlighter-rouge">ffmpeg</code> and Chromium need to add support as well before this works.</p>
-
-<h2 id="orca">Orca</h2>
-
-<p>As stated before, minimum requirement for a visually impaired desktop Linux user is a screen reader.
-The most used screen reader for Linux is Orca, headed by the <a href="https://wiki.gnome.org/Projects/Orca">GNOME Project</a>.
-This is relatively easy to install with a standard <code class="language-plaintext highlighter-rouge">pacman</code> command.</p>
-
-<pre class="terminal">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Orca, Emacspeak and Chromium Accessibility on A Raspberry Pi Running Manjaro ARM | 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="orca linux raspberry-pi rpi raspberry pi screen reader screen-reader 64 bit 64-bit 64bit aarch64 emacs emacspeak manjaro manjaro-arm manjaro-aarch64"> <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">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> <article> <header> <h1 class="post-title">Orca, Emacspeak and Chromium Accessibility on A Raspberry Pi Running Manjaro ARM</h1> <time datetime="20-12-14" class="post-date">Monday, December 14 2020</time> </header> <hr> <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 Lunduke’s 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> <h2 id="no-headphone-jack">No Headphone Jack</h2> <p>My first problem was that the Raspberry Pi 400 does not come with a headphone jack, even though every other Raspberry Pi A/B/B+ board with the exception of the compute modules and Zero series have included one. That said, the Raspberry Pi audio jacks are also known to crackle and pop due to either bad drivers or cheap manufacturing.</p> <p>To compensate, I got an external USB audio card. I ended up going with the <a href="https://www.amazon.ca/DuKabel-ProSeries-Mic-Supported-Headphone-External/dp/B07RS11M1T/">DuKabel USB to 3.5mm Jack Adapter (Amazon)</a>.</p> <p>There are cheaper options for sure, but when I was looking around Raspberry Pi forums and Amazon reviews, this specific model seemed to come out on top in terms of performance. It costed me around 40 Canadian dollars. I figure this isn’t too bad considering my friend doesn’t need a screen, haha!</p> <h2 id="distribution">Distribution</h2> <p>I wanted to choose something which will age well, and run the latest and greatest. For visually impaired users, the most important piece of software is the screen reader. If the screen reader doesn’t work, the rest of the work is toast! Some Raspberry Pi Orca installation guides <a href="https://techesoterica.com/getting-the-orca-screen-reader-working-on-a-raspberry-pi-4-with-raspbian-buster-and-the-mate-desktop/">like this one</a>, have actually asked the user to <em>compile Orca from source</em> to get the latest version due to how out-of-date Debian’s package repositories are. A distribution which has none of these fusses was top priority, especially because Orca receives frequent updates.</p> <p>I decided to go with <a href="https://manjaro.org/download/#raspberry-pi-4-xfce">Manjaro ARM Xfce</a>:</p> <ul> <li>Xfce is lightweight.</li> <li>Runs a 64-bit kernel.</li> <li>Is based on Arch Linux, so receives very frequent package updates.</li> <li>Has the AUR (<a href="#aur">with some effort</a>, as we’ll see).</li> </ul> <p>The only downside of Manjaro ARM, and likewise other Aarch64 (ARM 64-bit) architecture kernels is that it did not have HEVC nor H264 hardware decoding available. Apparently, support for the Raspberry Pi’s VC4 graphics is getting mainlined <a href="https://www.debugpoint.com/2020/12/linux-kernel-5-10-features/">in Linux kernel 5.10</a>. Unfortunately, running the release candidate (RC) kernel did not make the Raspberry Pi 400 use hardware decoding. Perhaps other applications like <code class="language-plaintext highlighter-rouge">ffmpeg</code> and Chromium need to add support as well before this works.</p> <h2 id="orca">Orca</h2> <p>As stated before, minimum requirement for a visually impaired desktop Linux user is a screen reader. The most used screen reader for Linux is Orca, headed by the <a href="https://wiki.gnome.org/Projects/Orca">GNOME Project</a>. This is relatively easy to install with a standard <code class="language-plaintext highlighter-rouge">pacman</code> command.</p> <pre class="terminal">
 # pacman -S orca
-</pre>
-
-<p>If logged in via SSH, you can start Orca with the <code class="language-plaintext highlighter-rouge">orca</code> command. This will start reading the screen to you so you can do the next parts.</p>
-
-<p>To activate Orca on login with LightDM, enable it in the ‘LightDM GTK+ Greeter Settings’ application. The ‘Misc.’ tab will have a drop-down for asking which screen reader you want to use.
-This will start Orca when the LightDM login system starts.</p>
-
-<p>LightDM’s Orca will not help us once we are logged in however.
-To activate Orca on login, open the ‘Session And Startup application’ program, then add Orca to the “startup” list of apps.</p>
-
-<p>And now Orca will be activated on boot and login.</p>
-
-<h2 id="aur">AUR</h2>
-
-<p>The AUR, or the Arch User Repository has community maintained and distributed packages.
-Basically, you download a file which will tell your computer how to download, build and install a package for you.</p>
-
-<p>To get the AUR working in a more automatic way, we need to install the <code class="language-plaintext highlighter-rouge">pacaur</code> helper.
-This merited its own article, so check that out here:
-<a href="/2020/12/01/pacaur-rpi/">How to Install Pacaur on Manjaro ARM</a></p>
-
-<p>The TL;DR is that we need to open the <code class="language-plaintext highlighter-rouge">/etc/makepkg.conf</code> file and replace any mention of <code class="language-plaintext highlighter-rouge">-march=armv8-a</code> with <code class="language-plaintext highlighter-rouge">-march=armv8-a+crypto</code>.</p>
-
-<p>This can be done as a oneliner, thanks to the <code class="language-plaintext highlighter-rouge">sed</code> command.</p>
-
-<pre class="terminal">
+</pre> <p>If logged in via SSH, you can start Orca with the <code class="language-plaintext highlighter-rouge">orca</code> command. This will start reading the screen to you so you can do the next parts.</p> <p>To activate Orca on login with LightDM, enable it in the ‘LightDM GTK+ Greeter Settings’ application. The ‘Misc.’ tab will have a drop-down for asking which screen reader you want to use. This will start Orca when the LightDM login system starts.</p> <p>LightDM’s Orca will not help us once we are logged in however. To activate Orca on login, open the ‘Session And Startup application’ program, then add Orca to the “startup” list of apps.</p> <p>And now Orca will be activated on boot and login.</p> <h2 id="aur">AUR</h2> <p>The AUR, or the Arch User Repository has community maintained and distributed packages. Basically, you download a file which will tell your computer how to download, build and install a package for you.</p> <p>To get the AUR working in a more automatic way, we need to install the <code class="language-plaintext highlighter-rouge">pacaur</code> helper. This merited its own article, so check that out here: <a href="/2020/12/01/pacaur-rpi/">How to Install Pacaur on Manjaro ARM</a></p> <p>The TL;DR is that we need to open the <code class="language-plaintext highlighter-rouge">/etc/makepkg.conf</code> file and replace any mention of <code class="language-plaintext highlighter-rouge">-march=armv8-a</code> with <code class="language-plaintext highlighter-rouge">-march=armv8-a+crypto</code>.</p> <p>This can be done as a oneliner, thanks to the <code class="language-plaintext highlighter-rouge">sed</code> command.</p> <pre class="terminal">
 # sed -i 's/-march=armv8-a/-march=armv8-a+crypto/' /etc/makepkg.conf
-</pre>
-
-<h2 id="emacspeak">Emacspeak</h2>
-
-<p><a href="https://www.gnu.org/software/emacs/">Emacs</a> is a scriptable document editor run by the <a href="https://gnu.org/">GNU Project</a>.
-Infamous for its high learning curve though it may be,
-there is a very extensive speech extension for it called <a href="http://emacspeak.sourceforge.net/">Emacspeak</a>.
-Emacspeak is built entirely by <a href="https://tvraman.github.io/vita/resume.html">T. V. Ramen</a> and has been freely available since its inception in 1999.
-Due to its age (and thus maturity), Emacspeak is an important tool in any “eyes-free” software developer toolkit.</p>
-
-<p>Lucky for me, Emacspeak appears to not only to be available in the AUR,
-but also compilable with the Aarch64 architecture—the architecture of the Raspberry Pi 400.
-So this is as easy to install as:</p>
-
-<pre class="terminal">
+</pre> <h2 id="emacspeak">Emacspeak</h2> <p><a href="https://www.gnu.org/software/emacs/">Emacs</a> is a scriptable document editor run by the <a href="https://gnu.org/">GNU Project</a>. Infamous for its high learning curve though it may be, there is a very extensive speech extension for it called <a href="http://emacspeak.sourceforge.net/">Emacspeak</a>. Emacspeak is built entirely by <a href="https://tvraman.github.io/vita/resume.html">T. V. Ramen</a> and has been freely available since its inception in 1999. Due to its age (and thus maturity), Emacspeak is an important tool in any “eyes-free” software developer toolkit.</p> <p>Lucky for me, Emacspeak appears to not only to be available in the AUR, but also compilable with the Aarch64 architecture—the architecture of the Raspberry Pi 400. So this is as easy to install as:</p> <pre class="terminal">
 $ pacaur -S emacspeak
-</pre>
-
-<h2 id="web-browsers">Web Browsers</h2>
-
-<p>I’ll cover a couple web browsers here based on how they worked.</p>
-
-<h3 id="firefox">Firefox</h3>
-
-<p>Firefox will run in accessibility mode with <a href="https://en.wikipedia.org/wiki/Caret_navigation">caret browsing</a> enabled automatically when it detects Orca is running.
-This makes Firefox <em>by far</em> the best browser for the job.</p>
-
-<h3 id="chromium">Chromium</h3>
-
-<p>Chromium… Ugh. So it works, sort of.
-You need to enable two special flags, and add an environment variable.</p>
-
-<p>To do this, I suggest editing the main profile in <code class="language-plaintext highlighter-rouge">/etc/profile</code>.
-Add the following line to the end of that file:</p>
-
-<pre class="file">
+</pre> <h2 id="web-browsers">Web Browsers</h2> <p>I’ll cover a couple web browsers here based on how they worked.</p> <h3 id="firefox">Firefox</h3> <p>Firefox will run in accessibility mode with <a href="https://en.wikipedia.org/wiki/Caret_navigation">caret browsing</a> enabled automatically when it detects Orca is running. This makes Firefox <em>by far</em> the best browser for the job.</p> <h3 id="chromium">Chromium</h3> <p>Chromium… Ugh. So it works, sort of. You need to enable two special flags, and add an environment variable.</p> <p>To do this, I suggest editing the main profile in <code class="language-plaintext highlighter-rouge">/etc/profile</code>. Add the following line to the end of that file:</p> <pre class="file">
 export ENABLE_ACCESSIBILITY=1
-</pre>
-
-<p>Next, add two flags to the <code class="language-plaintext highlighter-rouge">$HOME/.config/chromium-flags.conf</code> file.</p>
-
-<pre class="file">
+</pre> <p>Next, add two flags to the <code class="language-plaintext highlighter-rouge">$HOME/.config/chromium-flags.conf</code> file.</p> <pre class="file">
 --force-renderer-accessibility
 --enable-caret-browsing
-</pre>
-
-<p>You will need to relog to set the ENABLE_ACCESSIBILITY environment variable. Now Chromium should work with Orca.</p>
-
-<h3 id="badwolf">Badwolf</h3>
-
-<p>The <a href="https://www.mankier.com/1/badwolf">Badwolf browser</a>
-is based on the WebkitGTK engine, as opposed to Firefox’s Gecko and Google’s Blink engines.
-It <em>almost</em> works out of the box. It is really fast compared to the other two,
-but it lacks some features like announcing a page is done loading and it doesn’t appear to support caret browsing,
-which will cause some other problems.
-Interesting though for such a young browser to have a minimal level of accessibility so early!</p>
-
-<p>I would be interested where this goes in the future.</p>
-
-<h2 id="ps">P.S.</h2>
-
-<p>Somehow I forgot that you would need to setup the dummy display driver to work with the graphics without a display attached.
-To do this, install the <code class="language-plaintext highlighter-rouge">xf86-video-dummy</code> pacakge:</p>
-<pre class="terminal">
+</pre> <p>You will need to relog to set the ENABLE_ACCESSIBILITY environment variable. Now Chromium should work with Orca.</p> <h3 id="badwolf">Badwolf</h3> <p>The <a href="https://www.mankier.com/1/badwolf">Badwolf browser</a> is based on the WebkitGTK engine, as opposed to Firefox’s Gecko and Google’s Blink engines. It <em>almost</em> works out of the box. It is really fast compared to the other two, but it lacks some features like announcing a page is done loading and it doesn’t appear to support caret browsing, which will cause some other problems. Interesting though for such a young browser to have a minimal level of accessibility so early!</p> <p>I would be interested where this goes in the future.</p> <h2 id="ps">P.S.</h2> <p>Somehow I forgot that you would need to setup the dummy display driver to work with the graphics without a display attached. To do this, install the <code class="language-plaintext highlighter-rouge">xf86-video-dummy</code> pacakge:</p> <pre class="terminal">
 # pacman -S xf86-video-dummy
-</pre>
-
-<p>Next, override any <code class="language-plaintext highlighter-rouge">/etc/X11/xorg.conf</code> you may have with this:</p>
-
-<pre class="file">
+</pre> <p>Next, override any <code class="language-plaintext highlighter-rouge">/etc/X11/xorg.conf</code> you may have with this:</p> <pre class="file">
 Section "Monitor"
 	Identifier "Monitor0"
 	HorizSync 28.0-80.0
@@ -210,25 +37,4 @@ Section "Screen"
 		Modes "1920x1080_60.00"
 	EndSubSection
 EndSection
-</pre>
-
-<p>Now, when you boot, you should head ‘Screen reader on’.</p>
-
-<h2 id="conclusion">Conclusion</h2>
-
-<p>It took a bit of messing around to get this working, but I’m glad I did!
-Now I can nerd out with another Linux friend and given how well they seem to find problems with accessibility, hopefully a few upstream patches can be made.</p>
-
-<p>Happy hacking, for everyone!</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/12/14/orca-raspberry-pi-manjaro/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</pre> <p>Now, when you boot, you should head ‘Screen reader on’.</p> <h2 id="conclusion">Conclusion</h2> <p>It took a bit of messing around to get this working, but I’m glad I did! Now I can nerd out with another Linux friend and given how well they seem to find problems with accessibility, hopefully a few upstream patches can be made.</p> <p>Happy hacking, for everyone!</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/12/14/orca-raspberry-pi-manjaro/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2020/12/20/deploy-lichess/index.html b/_site/2020/12/20/deploy-lichess/index.html
index d814950..97cc27a 100644
--- a/_site/2020/12/20/deploy-lichess/index.html
+++ b/_site/2020/12/20/deploy-lichess/index.html
@@ -1,76 +1,4 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>How to Deploy Lichess's Lila With Nginx | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">How to Deploy Lichess's Lila With Nginx</h1>
-    <time datetime="20-12-20" class="post-date">Sunday, December 20 2020</time>
-  </header>
-  <hr>
-
-  <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 Let’s Encrypt certificates and nginx configurations setup…
-and it wouldn’t work.
-Here are some tips for myself and future Lichess developers.</p>
-
-<h2 id="reasoning">Reasoning</h2>
-
-<p>My pull request involves accessibility.
-It will extend Lichess’s NVUI (Non-Visual User Interface) to be more accessible to beginner level chess players.
-At the time of writing this, Lichess’s NVUI only supports searching pieces by type, rank and file.
-It does not support any kind of interactive board.</p>
-
-<p>I wanted to play chess with a friend of mine who uses a screen reader.
-Even though Lichess does indeed have a separate rendering of the page for visually impaired users,
-I have heard from a few people that it is not the best.</p>
-
-<p>I don’t use a screen reader myself, so I thought having a public latest changes deployed server would work better for testing.
-It would certainly work better than getting some of my less computer literate friends to connect to me via VSCode/VPN and view my local repository.</p>
-
-<p>So here is how to deploy it:</p>
-
-<h2 id="setup-a-development-environment">Setup a development environment</h2>
-
-<p>This is described <a href="https://github.com/ornicar/lila/wiki/Lichess-Development-Onboarding">in Lichess’s documentation itself</a>.
-I will not elaborate further as it is not necessary.</p>
-
-<h2 id="setup-nginx">Setup nginx</h2>
-
-<p>This is the part that stumps most people.
-Getting a local development server usually works alright, but once you want to reverse proxy it for security and professionalism purposes, it get more interesting.</p>
-
-<p>Here is the relevant portion of my nginx configuration for lila:</p>
-
-<pre class="file">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>How to Deploy Lichess's Lila With Nginx | 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">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> <article> <header> <h1 class="post-title">How to Deploy Lichess's Lila With Nginx</h1> <time datetime="20-12-20" class="post-date">Sunday, December 20 2020</time> </header> <hr> <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 Let’s Encrypt certificates and nginx configurations setup… and it wouldn’t work. Here are some tips for myself and future Lichess developers.</p> <h2 id="reasoning">Reasoning</h2> <p>My pull request involves accessibility. It will extend Lichess’s NVUI (Non-Visual User Interface) to be more accessible to beginner level chess players. At the time of writing this, Lichess’s NVUI only supports searching pieces by type, rank and file. It does not support any kind of interactive board.</p> <p>I wanted to play chess with a friend of mine who uses a screen reader. Even though Lichess does indeed have a separate rendering of the page for visually impaired users, I have heard from a few people that it is not the best.</p> <p>I don’t use a screen reader myself, so I thought having a public latest changes deployed server would work better for testing. It would certainly work better than getting some of my less computer literate friends to connect to me via VSCode/VPN and view my local repository.</p> <p>So here is how to deploy it:</p> <h2 id="setup-a-development-environment">Setup a development environment</h2> <p>This is described <a href="https://github.com/ornicar/lila/wiki/Lichess-Development-Onboarding">in Lichess’s documentation itself</a>. I will not elaborate further as it is not necessary.</p> <h2 id="setup-nginx">Setup nginx</h2> <p>This is the part that stumps most people. Getting a local development server usually works alright, but once you want to reverse proxy it for security and professionalism purposes, it get more interesting.</p> <p>Here is the relevant portion of my nginx configuration for lila:</p> <pre class="file">
 server_name chess.tait.tech;
 
 location / {
@@ -80,11 +8,7 @@ location / {
   proxy_set_header X-NginX-Proxy true;
   proxy_set_header X-Real-IP $remote_addr;
 }
-</pre>
-
-<p>This is the config for the lila-ws websocket subdomain:</p>
-
-<pre class="file">
+</pre> <p>This is the config for the lila-ws websocket subdomain:</p> <pre class="file">
 server_name ws.chess.tait.tech;
 
 location / {
@@ -93,15 +17,7 @@ location / {
   proxy_set_header Upgrade $http_upgrade;
   proxy_set_header Connection "upgrade";
 }
-</pre>
-
-<p>You will need to deploy these on two virtual hosts.</p>
-
-<h2 id="lila">Lila</h2>
-
-<p><a href="https://github.com/ornicar/lila/">Lila</a> is the name for the main chess server, we need to change a few settings. Here is my git diff for the <code class="language-plaintext highlighter-rouge">conf/base.conf</code> file:</p>
-
-<pre class="file">
+</pre> <p>You will need to deploy these on two virtual hosts.</p> <h2 id="lila">Lila</h2> <p><a href="https://github.com/ornicar/lila/">Lila</a> is the name for the main chess server, we need to change a few settings. Here is my git diff for the <code class="language-plaintext highlighter-rouge">conf/base.conf</code> file:</p> <pre class="file">
 -  domain = "localhost:9663"
 -  socket.domains = [ "localhost:9664" ]
 +  domain = "chess.tait.tech"
@@ -112,37 +28,7 @@ location / {
    asset.minified = false
 -  base_url = "http://"${net.domain}
 +  base_url = "https://"${net.domain}
-</pre>
-
-<h3 id="lila-ws">Lila-ws</h3>
-
-<p><a href="https://github.com/ornicar/lila-ws/">Lila-ws</a> is the websocket component of Lila.</p>
-
-<p>The most common complaint amongst aspiring Lichess developers is websockets not working.
-They constantly get these ‘101’ responses from the websocket,
-and it also seems that the websocket returns instead of staying in the ‘pending’ state as it should be.</p>
-
-<p>Here is how to fix that (in diff format):</p>
-
-<pre class="file">
+</pre> <h3 id="lila-ws">Lila-ws</h3> <p><a href="https://github.com/ornicar/lila-ws/">Lila-ws</a> is the websocket component of Lila.</p> <p>The most common complaint amongst aspiring Lichess developers is websockets not working. They constantly get these ‘101’ responses from the websocket, and it also seems that the websocket returns instead of staying in the ‘pending’ state as it should be.</p> <p>Here is how to fix that (in diff format):</p> <pre class="file">
 -csrf.origin = "http://127.0.0.1:9000"
 +csrf.origin = "https://chess.tait.tech"
-</pre>
-
-<p>You need to tell lila-ws where the websocket requests will be coming from. This is how to do that.</p>
-
-<h2 id="conclusion">Conclusion</h2>
-
-<p>This is not a long article, but just some notes for future me and Lila developers.</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2020/12/20/deploy-lichess/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</pre> <p>You need to tell lila-ws where the websocket requests will be coming from. This is how to do that.</p> <h2 id="conclusion">Conclusion</h2> <p>This is not a long article, but just some notes for future me and Lila developers.</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/12/20/deploy-lichess/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2021/01/31/lichess/index.html b/_site/2021/01/31/lichess/index.html
index 531cc01..c16a2f1 100644
--- a/_site/2021/01/31/lichess/index.html
+++ b/_site/2021/01/31/lichess/index.html
@@ -1,116 +1,5 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Lichess Accessibility | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">Lichess Accessibility</h1>
-    <time datetime="21-01-31" class="post-date">Sunday, January 31 2021</time>
-  </header>
-  <hr>
-
-  <p>I wanted to play chess with somebody who used a screen reader, without requiring a screen reader myself;
-some sites, like QuintenC’s 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>
-
-<h2 id="accessibility-mode">Accessibility Mode</h2>
-
-<p>Accessibility mode is far from perfect on lichess.org.
-That said, the idea to separate the sites into different modes was a good call.
-It stops the inevitable “this would work well for screen readers but cause visual issues” shenanigans,
-or, vice-verse “this looks great but it might be weird with a screen reader”.
-This way all the things which affect the visual interface are in one place,
-and all things which affect the non-visual user interface (NVUI) are written in another.</p>
-
-<p>In my quest to play chess with visual and non-visual players with both having optimal experiences, I tried Lichess with my friend from <a href="https://melly.tech/">melly.tech</a>.
-She pointed out that the method to interface with the board previously was rather poor.
-This is because it required an “enter” at the end of each command and the commands tended to read out a row or column of a chessboard not just an individual square.</p>
-
-<p>For example, to list all pieces (or lack thereof) on the e file, I would type the command:</p>
-
-<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>s e
-</code></pre></div></div>
-
-<p>Although this seems good in theory, and it’s great when you need an entire file, there was no way to get only one square.
-In addition, imagine typing to navigate around the board:</p>
-
-<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>s e1
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Lichess Accessibility | 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">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> <article> <header> <h1 class="post-title">Lichess Accessibility</h1> <time datetime="21-01-31" class="post-date">Sunday, January 31 2021</time> </header> <hr> <p>I wanted to play chess with somebody who used a screen reader, without requiring a screen reader myself; some sites, like QuintenC’s 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> <h2 id="accessibility-mode">Accessibility Mode</h2> <p>Accessibility mode is far from perfect on lichess.org. That said, the idea to separate the sites into different modes was a good call. It stops the inevitable “this would work well for screen readers but cause visual issues” shenanigans, or, vice-verse “this looks great but it might be weird with a screen reader”. This way all the things which affect the visual interface are in one place, and all things which affect the non-visual user interface (NVUI) are written in another.</p> <p>In my quest to play chess with visual and non-visual players with both having optimal experiences, I tried Lichess with my friend from <a href="https://melly.tech/">melly.tech</a>. She pointed out that the method to interface with the board previously was rather poor. This is because it required an “enter” at the end of each command and the commands tended to read out a row or column of a chessboard not just an individual square.</p> <p>For example, to list all pieces (or lack thereof) on the e file, I would type the command:</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>s e
+</code></pre></div></div> <p>Although this seems good in theory, and it’s great when you need an entire file, there was no way to get only one square. In addition, imagine typing to navigate around the board:</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>s e1
 s f1
 s e2
-</code></pre></div></div>
-
-<p>For the inexperienced player, it seems to be more convenient to bind some keys and have the user bounce to various buttons, which they can push to say “I want to move this piece”.
-This is what I was told anyway.
-So I want to work making a system so you could use the following basic keys:</p>
-
-<ul>
-  <li>left/right/up/down arrow: move on the board.</li>
-  <li>k/q/r/b/n/p: move to next piece represented by its character in chess notation.</li>
-  <li>shift + k/q/r/b/n/p: move back to the last piece represented by its character in chess notation.</li>
-  <li>click/enter/space: select piece to move.</li>
-  <li>click/enter/space again: move piece here.</li>
-  <li>m: show where I can move with this piece.</li>
-  <li>shift+m: show where I can capture with this piece.</li>
-  <li>1-8: move to rank 1-8; stay on same file.</li>
-  <li>shift + 1-8: move to file a-h; stay on same rank.</li>
-</ul>
-
-<p>This gives a pretty solid basis for playing the game.
-One caveat is after you have moved a pawn all the way to the farthest rank, only the destination tile will accept your promotion choice.
-Therefore, all the other keys still work on other square, but if you are on the destination square of a promotion q/r/b/n will promote your piece, not jump you to the next/previous one.</p>
-
-<p>This pull request was merged earlier this month:</p>
-
-<h2 id="more-to-come">More To Come</h2>
-
-<p>Next thing I want to do is implement the analysis board.
-Right now it is not accessible whatsoever.</p>
-
-<h2 id="help-me">Help Me</h2>
-
-<p>If you are a screen reader user or know about accessibility and want to help make Lichess an awesome chess site for sighted and unsighted players alike,
-then send me an email at <a href="mailto:tait@tait.tech">tait@tait.tech</a> and I’ll BCC you once I start testing the analysis board.</p>
-
-<p>Happy hacking, y’all!</p>
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/2021/01/31/lichess/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+</code></pre></div></div> <p>For the inexperienced player, it seems to be more convenient to bind some keys and have the user bounce to various buttons, which they can push to say “I want to move this piece”. This is what I was told anyway. So I want to work making a system so you could use the following basic keys:</p> <ul> <li>left/right/up/down arrow: move on the board.</li> <li>k/q/r/b/n/p: move to next piece represented by its character in chess notation.</li> <li>shift + k/q/r/b/n/p: move back to the last piece represented by its character in chess notation.</li> <li>click/enter/space: select piece to move.</li> <li>click/enter/space again: move piece here.</li> <li>m: show where I can move with this piece.</li> <li>shift+m: show where I can capture with this piece.</li> <li>1-8: move to rank 1-8; stay on same file.</li> <li>shift + 1-8: move to file a-h; stay on same rank.</li> </ul> <p>This gives a pretty solid basis for playing the game. One caveat is after you have moved a pawn all the way to the farthest rank, only the destination tile will accept your promotion choice. Therefore, all the other keys still work on other square, but if you are on the destination square of a promotion q/r/b/n will promote your piece, not jump you to the next/previous one.</p> <p>This pull request was merged earlier this month:</p> <h2 id="more-to-come">More To Come</h2> <p>Next thing I want to do is implement the analysis board. Right now it is not accessible whatsoever.</p> <h2 id="help-me">Help Me</h2> <p>If you are a screen reader user or know about accessibility and want to help make Lichess an awesome chess site for sighted and unsighted players alike, then send me an email at <a href="mailto:tait@tait.tech">tait@tait.tech</a> and I’ll BCC you once I start testing the analysis board.</p> <p>Happy hacking, y’all!</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2021/01/31/lichess/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/2021/04/04/quiz-your-friends-xss/index.html b/_site/2021/04/04/quiz-your-friends-xss/index.html
new file mode 100644
index 0000000..0857da9
--- /dev/null
+++ b/_site/2021/04/04/quiz-your-friends-xss/index.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>The "Quiz Your Friends" XSS Exploit | 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">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> <article> <header> <h1 class="post-title">The "Quiz Your Friends" XSS Exploit</h1> <time datetime="21-04-04" class="post-date">Sunday, April 04 2021</time> </header> <hr> <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> <h2 id="background">Background</h2> <p>In early 2014, when my “programming” skills consisted of editing web pages with inspect element, I was sent a link from an old friend in a town about 3 hours away. This was a link to a quiz about them. I had to answer as many questions right as I could about them and I got a score at the end based on my answers. It seemed fun enough, so I went for it. In the following weeks this quiz website became quite a trend amongst my friend group as we all started making quizes to see how well we all knew eachother.</p> <p>A few weeks into this trend, I was staying at a friends’ place and told him about this site, so he goes and creates his own quiz and sends it to all his friends, group chats, Google Plus groups, et cetera.</p> <h2 id="hackerman">Hackerman</h2> <p>While filling in my friend’s survey I thought it would be funny for them to know it is me without anyone else knowing. We were young and had <code class="language-plaintext highlighter-rouge">Inspect Element</code>ed a few things together, so it was a safe bet that an HTML joke would let them know.</p> <p>I decided to write my name like so: <code class="language-plaintext highlighter-rouge">&lt;b&gt;Steve&lt;/b&gt;</code>. Steve is in reference to the <a href="https://minecraft.gamepedia.com/Player">main character</a> in the video game Minecraft.</p> <figure> <img src="/assets/img/qyf-xss/2-bold.png"/> <figcaption> <p>Me typing in my name as <span class="mono">&lt;b&gt;Steve&lt;/b&gt;</span>.</p> </figcaption> </figure> <p>Now in theory this should have shown in in the leaderboard as: “&lt;b&gt;Steve&lt;/b&gt;” However, to my horror and excitement, I saw this in the leaderboard:</p> <figure> <img src="/assets/img/qyf-xss/3-steve-board.png"/> <figcaption> <p><span class="mono">&lt;b&gt;Steve&lt;/b&gt;</span> displaying in the leaderboard as bold text: <b>Steve</b></p> </figcaption> </figure> <p>The text “Steve” showed up <strong>in bold</strong> on the leaderboard. This told me all I needed to know. How did this happen? You might wonder.</p> <h3 id="server-side-validation">Server-Side Validation</h3> <p>Here is a great demonstration why you should do most of your validation on the server side. As a user, I can edit any of the HTML, CSS, or Javascript your server serves to me.</p> <p>Quiz your friends uses the <code class="language-plaintext highlighter-rouge">maxlength=20</code> HTML attribute on the name input field. Imagine trying to fit in a script tag doing anything useful with 20 characters! Don’t forget that includes the <code class="language-plaintext highlighter-rouge">&lt;script&gt;</code> tag. That would leave 13 characters for Javascript. Although I’m sure a genius would be able to <a href="https://code.golf/">code golf</a> that, I know I couldn’t.</p> <p>Now obviously I can edit any HTML that a server has sent to me. If I open up my inspect element window, I can go ahead and change that <code class="language-plaintext highlighter-rouge">maxlength</code> attribute to anything I want. Let’s change it to 100!</p> <figure> <img src="/assets/img/qyf-xss/5-maxlength.png" alt="An image of the Quiz Your Friends name input field with inspect element. THe code reads: &lt;font class=&quot;style6&quot;&gt;&lt;input class=&quot;inputbutton&quot; name=&quot;takername&quot; type=&quot;text&quot; id=&quot;takername&quot; maxlength=&quot;20&quot; width=&quot;425&quot; placeholder=&quot;Your First Name&quot; style=&quot;text-align: center; text-decoration:inherit; font-size:38px;&quot; tabindex=&quot;-1&quot;&gt;&lt;/font&gt;"/> <figcaption> Manually changing the maxlength attribute. </figcaption> </figure> <p>In theory, there is a way that a site can stop people from just putting in their name of any length: server-side validation. The server <em>could</em> check to see if the input is too long and reject it if it is. The Quiz My Friends server has <em>no such checks in place</em>. Therefore, I can send an almost arbitrary load to them. Being able to send something potentially very large (more than a few megabytes) is a vulnerability of its own. Imagine being able to send entire executable programs as your “name” in one of these quizzes?</p> <h2 id="javascript">Javascript</h2> <p>So I went on my merry way thinking about ways to use malicious javascript. Then, I thought that might be mean, so I decided to warn users instead. I filled in the name with a script tag and a call to <code class="language-plaintext highlighter-rouge">alert()</code> to warn the user about this site. I edited the max-length attribute to allow me to type a long string like this:</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;script&gt;alert('Don\'t use this site. It is not secure!');&lt;/script&gt;
+</code></pre></div></div> <p>Sure enough, I got a text from my friend saying: “Tait! I know this is you, why would you do that!” A bit salty, but who wouldn’t be.</p> <h2 id="cross-site-scripting-xss">Cross-Site Scripting (XSS)</h2> <p>As my final act, I decided to use a cross-site script that I could edit and have it load with new changes at any time.</p> <p>I set this as my name:</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;script src=\"https://tait.tech/assets/js/hacked.js\"&gt;&lt;/script&gt;
+</code></pre></div></div> <p>This script pops up a warning, telling the user that the site is insecure and it is now redirecting to an article about the attack. This script redirects to an <a href="https://tait.tech/2020/04/25/xss/">older post I made</a> about how XSS works.</p> <h2 id="conclusion">Conclusion</h2> <p>Watch out for sketchy websites that may be vulnerable to malicious or insecure sites which are ripe for abuse. Always check that you are using an encrypted connection, HTTPS. And if you see any messages warning you that a site is not secure and redirecting you to some random site… Take their info with a grain of salt.</p> <p>Happy Hacking, literally :)</p> </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2021/04/04/quiz-your-friends-xss/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/3q b/_site/3q
index 4be19e5..3e5b19f 100644
--- a/_site/3q
+++ b/_site/3q
@@ -1,108 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Lichess Accessibility | 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"  >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>
-        <article>
-  <header>
-    <h1 class="post-title">Lichess Accessibility</h1>
-    <time datetime="" class="post-date"></time>
-  </header>
-  <hr>
-
-  I wanted to play chess with somebody who used a screen reader, without requiring a screen reader myself;
-some sites, like QuintenC's Playroom have a rather poor visual interface for anyone who would like the play the game visually.
-[Lichess](https://lichess.org) 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.
-
-## Accessibility Mode
-
-Accessibility mode is far from perfect on lichess.org.
-That said, the idea to separate the sites into different modes was a good call.
-It stops the inevitable "this would work well for screen readers but cause visual issues" shenanigans,
-or, vice-verse "this looks great but it might be weird with a screen reader".
-This way all the things which affect the visual interface are in one place,
-and all things which affect the non-visual user interface (NVUI) are written in another.
-
-In my quest to play chess with visual and non-visual players with both having optimal experiences, I tried Lichess with my friend from [melly.tech](https://melly.tech/).
-She pointed out that the method to interface with the board previously was rather poor.
-This is because it required an "enter" at the end of each command and the commands tended to read out a row or column of a chessboard not just an individual square.
-
-For example, to list all pieces (or lack thereof) on the e file, I would type the command:
-
-```
-s e
-```
-
-Although this seems good in theory, and it's great when you need an entire file, there was no way to get only one square.
-In addition, imagine typing to navigate around the board:
-
-```
-s e1
-s f1
-s e2
-```
-
-For the inexperienced player, it seems to be more convenient to bind some keys and have the user bounce to various buttons, which they can push to say "I want to move this piece".
-This is what I was told anyway.
-So I want to work making a system so you could use the following basic keys:
-
-* left/right/up/down arrow: move on the board.
-* k/q/r/b/n/p: move to next piece represented by its character in chess notation.
-* shift + k/q/r/b/n/p: move back to the last piece represented by its character in chess notation.
-* click/enter/space: select piece to move.
-* click/enter/space again: move piece here.
-* m: show where I can move with this piece.
-* shift+m: show where I can capture with this piece.
-* 1-8: move to rank 1-8; stay on same file.
-* shift + 1-8: move to file a-h; stay on same rank.
-
-This gives a pretty solid basis for playing the game.
-One caveat is after you have moved a pawn all the way to the farthest rank, only the destination tile will accept your promotion choice.
-Therefore, all the other keys still work on other square, but if you are on the destination square of a promotion q/r/b/n will promote your piece, not jump you to the next/previous one.
-
-This pull request was merged earlier this month: 
-
-## More To Come
-
-
-
-</article>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/3q">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Lichess Accessibility | 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">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> <article> <header> <h1 class="post-title">Lichess Accessibility</h1> <time datetime="" class="post-date"></time> </header> <hr> I wanted to play chess with somebody who used a screen reader, without requiring a screen reader myself; some sites, like QuintenC's Playroom have a rather poor visual interface for anyone who would like the play the game visually. [Lichess](https://lichess.org) 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. ## Accessibility Mode Accessibility mode is far from perfect on lichess.org. That said, the idea to separate the sites into different modes was a good call. It stops the inevitable "this would work well for screen readers but cause visual issues" shenanigans, or, vice-verse "this looks great but it might be weird with a screen reader". This way all the things which affect the visual interface are in one place, and all things which affect the non-visual user interface (NVUI) are written in another. In my quest to play chess with visual and non-visual players with both having optimal experiences, I tried Lichess with my friend from [melly.tech](https://melly.tech/). She pointed out that the method to interface with the board previously was rather poor. This is because it required an "enter" at the end of each command and the commands tended to read out a row or column of a chessboard not just an individual square. For example, to list all pieces (or lack thereof) on the e file, I would type the command: ``` s e ``` Although this seems good in theory, and it's great when you need an entire file, there was no way to get only one square. In addition, imagine typing to navigate around the board: ``` s e1 s f1 s e2 ``` For the inexperienced player, it seems to be more convenient to bind some keys and have the user bounce to various buttons, which they can push to say "I want to move this piece". This is what I was told anyway. So I want to work making a system so you could use the following basic keys: * left/right/up/down arrow: move on the board. * k/q/r/b/n/p: move to next piece represented by its character in chess notation. * shift + k/q/r/b/n/p: move back to the last piece represented by its character in chess notation. * click/enter/space: select piece to move. * click/enter/space again: move piece here. * m: show where I can move with this piece. * shift+m: show where I can capture with this piece. * 1-8: move to rank 1-8; stay on same file. * shift + 1-8: move to file a-h; stay on same rank. This gives a pretty solid basis for playing the game. One caveat is after you have moved a pawn all the way to the farthest rank, only the destination tile will accept your promotion choice. Therefore, all the other keys still work on other square, but if you are on the destination square of a promotion q/r/b/n will promote your piece, not jump you to the next/previous one. This pull request was merged earlier this month: ## More To Come </article> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/3q">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/about/index.html b/_site/about/index.html
index fbd9637..155d58f 100644
--- a/_site/about/index.html
+++ b/_site/about/index.html
@@ -1,45 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>About | 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"  >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 id="tait-hoyem">Tait Hoyem</h1>
-
-<p>I believe in three fundamentals</p>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/about/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>About | 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">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 id="tait-hoyem">Tait Hoyem</h1> <p>I believe in three fundamentals</p> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/about/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/assets/css/katex.css b/_site/assets/css/katex.css
index f17c285..a4a0d52 100644
--- a/_site/assets/css/katex.css
+++ b/_site/assets/css/katex.css
@@ -1,1035 +1,5 @@
-/* stylelint-disable font-family-no-missing-generic-family-keyword */
-@font-face {
-  font-family: 'KaTeX_AMS';
-  src: url(/assets/fonts/KaTeX_AMS-Regular.woff2) format('woff2'), url(/assets/fonts/KaTeX_AMS-Regular.woff) format('woff'), url(/assets/fonts/KaTeX_AMS-Regular.ttf) format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Caligraphic';
-  src: url(/assets/fonts/KaTeX_Caligraphic-Bold.woff2) format('woff2'), url(/assets/fonts/KaTeX_Caligraphic-Bold.woff) format('woff'), url(/assets/fonts/KaTeX_Caligraphic-Bold.ttf) format('truetype');
-  font-weight: bold;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Caligraphic';
-  src: url(/assets/fonts/KaTeX_Caligraphic-Regular.woff2) format('woff2'), url(/assets/fonts/KaTeX_Caligraphic-Regular.woff) format('woff'), url(/assets/fonts/KaTeX_Caligraphic-Regular.ttf) format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Fraktur';
-  src: url(/assets/fonts/KaTeX_Fraktur-Bold.woff2) format('woff2'), url(/assets/fonts/KaTeX_Fraktur-Bold.woff) format('woff'), url(/assets/fonts/KaTeX_Fraktur-Bold.ttf) format('truetype');
-  font-weight: bold;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Fraktur';
-  src: url(/assets/fonts/KaTeX_Fraktur-Regular.woff2) format('woff2'), url(/assets/fonts/KaTeX_Fraktur-Regular.woff) format('woff'), url(/assets/fonts/KaTeX_Fraktur-Regular.ttf) format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Main';
-  src: url(/assets/fonts/KaTeX_Main-Bold.woff2) format('woff2'), url(/assets/fonts/KaTeX_Main-Bold.woff) format('woff'), url(/assets/fonts/KaTeX_Main-Bold.ttf) format('truetype');
-  font-weight: bold;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Main';
-  src: url(/assets/fonts/KaTeX_Main-BoldItalic.woff2) format('woff2'), url(/assets/fonts/KaTeX_Main-BoldItalic.woff) format('woff'), url(/assets/fonts/KaTeX_Main-BoldItalic.ttf) format('truetype');
-  font-weight: bold;
-  font-style: italic;
-}
-@font-face {
-  font-family: 'KaTeX_Main';
-  src: url(/assets/fonts/KaTeX_Main-Italic.woff2) format('woff2'), url(/assets/fonts/KaTeX_Main-Italic.woff) format('woff'), url(/assets/fonts/KaTeX_Main-Italic.ttf) format('truetype');
-  font-weight: normal;
-  font-style: italic;
-}
-@font-face {
-  font-family: 'KaTeX_Main';
-  src: url(/assets/fonts/KaTeX_Main-Regular.woff2) format('woff2'), url(/assets/fonts/KaTeX_Main-Regular.woff) format('woff'), url(/assets/fonts/KaTeX_Main-Regular.ttf) format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Math';
-  src: url(/assets/fonts/KaTeX_Math-BoldItalic.woff2) format('woff2'), url(/assets/fonts/KaTeX_Math-BoldItalic.woff) format('woff'), url(/assets/fonts/KaTeX_Math-BoldItalic.ttf) format('truetype');
-  font-weight: bold;
-  font-style: italic;
-}
-@font-face {
-  font-family: 'KaTeX_Math';
-  src: url(/assets/fonts/KaTeX_Math-Italic.woff2) format('woff2'), url(/assets/fonts/KaTeX_Math-Italic.woff) format('woff'), url(/assets/fonts/KaTeX_Math-Italic.ttf) format('truetype');
-  font-weight: normal;
-  font-style: italic;
-}
-@font-face {
-  font-family: 'KaTeX_SansSerif';
-  src: url(/assets/fonts/KaTeX_SansSerif-Bold.woff2) format('woff2'), url(/assets/fonts/KaTeX_SansSerif-Bold.woff) format('woff'), url(/assets/fonts/KaTeX_SansSerif-Bold.ttf) format('truetype');
-  font-weight: bold;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_SansSerif';
-  src: url(/assets/fonts/KaTeX_SansSerif-Italic.woff2) format('woff2'), url(/assets/fonts/KaTeX_SansSerif-Italic.woff) format('woff'), url(/assets/fonts/KaTeX_SansSerif-Italic.ttf) format('truetype');
-  font-weight: normal;
-  font-style: italic;
-}
-@font-face {
-  font-family: 'KaTeX_SansSerif';
-  src: url(/assets/fonts/KaTeX_SansSerif-Regular.woff2) format('woff2'), url(/assets/fonts/KaTeX_SansSerif-Regular.woff) format('woff'), url(/assets/fonts/KaTeX_SansSerif-Regular.ttf) format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Script';
-  src: url(/assets/fonts/KaTeX_Script-Regular.woff2) format('woff2'), url(/assets/fonts/KaTeX_Script-Regular.woff) format('woff'), url(/assets/fonts/KaTeX_Script-Regular.ttf) format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Size1';
-  src: url(/assets/fonts/KaTeX_Size1-Regular.woff2) format('woff2'), url(/assets/fonts/KaTeX_Size1-Regular.woff) format('woff'), url(/assets/fonts/KaTeX_Size1-Regular.ttf) format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Size2';
-  src: url(/assets/fonts/KaTeX_Size2-Regular.woff2) format('woff2'), url(/assets/fonts/KaTeX_Size2-Regular.woff) format('woff'), url(/assets/fonts/KaTeX_Size2-Regular.ttf) format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Size3';
-  src: url(/assets/fonts/KaTeX_Size3-Regular.woff2) format('woff2'), url(/assets/fonts/KaTeX_Size3-Regular.woff) format('woff'), url(/assets/fonts/KaTeX_Size3-Regular.ttf) format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Size4';
-  src: url(/assets/fonts/KaTeX_Size4-Regular.woff2) format('woff2'), url(/assets/fonts/KaTeX_Size4-Regular.woff) format('woff'), url(/assets/fonts/KaTeX_Size4-Regular.ttf) format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'KaTeX_Typewriter';
-  src: url(/assets/fonts/KaTeX_Typewriter-Regular.woff2) format('woff2'), url(/assets/fonts/KaTeX_Typewriter-Regular.woff) format('woff'), url(/assets/fonts/KaTeX_Typewriter-Regular.ttf) format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-.katex {
-  font: normal 1.21em KaTeX_Main, Times New Roman, serif;
-  line-height: 1.2;
-  text-indent: 0;
-  text-rendering: auto;
-  border-color: currentColor;
-}
-.katex * {
-  -ms-high-contrast-adjust: none !important;
-}
-.katex .katex-version::after {
-  content: "0.12.0";
-}
-.katex .katex-mathml {
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
-  padding: 0;
-  border: 0;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-}
-.katex .katex-html {
-  /* \newline is an empty block at top level, between .base elements */
-}
-.katex .katex-html > .newline {
-  display: block;
-}
-.katex .base {
-  position: relative;
-  display: inline-block;
-  white-space: nowrap;
-  width: min-content;
-}
-.katex .strut {
-  display: inline-block;
-}
-.katex .textbf {
-  font-weight: bold;
-}
-.katex .textit {
-  font-style: italic;
-}
-.katex .textrm {
-  font-family: KaTeX_Main;
-}
-.katex .textsf {
-  font-family: KaTeX_SansSerif;
-}
-.katex .texttt {
-  font-family: KaTeX_Typewriter;
-}
-.katex .mathnormal {
-  font-family: KaTeX_Math;
-  font-style: italic;
-}
-.katex .mathit {
-  font-family: KaTeX_Main;
-  font-style: italic;
-}
-.katex .mathrm {
-  font-style: normal;
-}
-.katex .mathbf {
-  font-family: KaTeX_Main;
-  font-weight: bold;
-}
-.katex .boldsymbol {
-  font-family: KaTeX_Math;
-  font-weight: bold;
-  font-style: italic;
-}
-.katex .amsrm {
-  font-family: KaTeX_AMS;
-}
-.katex .mathbb,
-.katex .textbb {
-  font-family: KaTeX_AMS;
-}
-.katex .mathcal {
-  font-family: KaTeX_Caligraphic;
-}
-.katex .mathfrak,
-.katex .textfrak {
-  font-family: KaTeX_Fraktur;
-}
-.katex .mathtt {
-  font-family: KaTeX_Typewriter;
-}
-.katex .mathscr,
-.katex .textscr {
-  font-family: KaTeX_Script;
-}
-.katex .mathsf,
-.katex .textsf {
-  font-family: KaTeX_SansSerif;
-}
-.katex .mathboldsf,
-.katex .textboldsf {
-  font-family: KaTeX_SansSerif;
-  font-weight: bold;
-}
-.katex .mathitsf,
-.katex .textitsf {
-  font-family: KaTeX_SansSerif;
-  font-style: italic;
-}
-.katex .mainrm {
-  font-family: KaTeX_Main;
-  font-style: normal;
-}
-.katex .vlist-t {
-  display: inline-table;
-  table-layout: fixed;
-  border-collapse: collapse;
-}
-.katex .vlist-r {
-  display: table-row;
-}
-.katex .vlist {
-  display: table-cell;
-  vertical-align: bottom;
-  position: relative;
-}
-.katex .vlist > span {
-  display: block;
-  height: 0;
-  position: relative;
-}
-.katex .vlist > span > span {
-  display: inline-block;
-}
-.katex .vlist > span > .pstrut {
-  overflow: hidden;
-  width: 0;
-}
-.katex .vlist-t2 {
-  margin-right: -2px;
-}
-.katex .vlist-s {
-  display: table-cell;
-  vertical-align: bottom;
-  font-size: 1px;
-  width: 2px;
-  min-width: 2px;
-}
-.katex .vbox {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  align-items: baseline;
-}
-.katex .hbox {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  width: 100%;
-}
-.katex .thinbox {
-  display: inline-flex;
-  flex-direction: row;
-  width: 0;
-  max-width: 0;
-}
-.katex .msupsub {
-  text-align: left;
-}
-.katex .mfrac > span > span {
-  text-align: center;
-}
-.katex .mfrac .frac-line {
-  display: inline-block;
-  width: 100%;
-  border-bottom-style: solid;
-}
-.katex .mfrac .frac-line,
-.katex .overline .overline-line,
-.katex .underline .underline-line,
-.katex .hline,
-.katex .hdashline,
-.katex .rule {
-  min-height: 1px;
-}
-.katex .mspace {
-  display: inline-block;
-}
-.katex .llap,
-.katex .rlap,
-.katex .clap {
-  width: 0;
-  position: relative;
-}
-.katex .llap > .inner,
-.katex .rlap > .inner,
-.katex .clap > .inner {
-  position: absolute;
-}
-.katex .llap > .fix,
-.katex .rlap > .fix,
-.katex .clap > .fix {
-  display: inline-block;
-}
-.katex .llap > .inner {
-  right: 0;
-}
-.katex .rlap > .inner,
-.katex .clap > .inner {
-  left: 0;
-}
-.katex .clap > .inner > span {
-  margin-left: -50%;
-  margin-right: 50%;
-}
-.katex .rule {
-  display: inline-block;
-  border: solid 0;
-  position: relative;
-}
-.katex .overline .overline-line,
-.katex .underline .underline-line,
-.katex .hline {
-  display: inline-block;
-  width: 100%;
-  border-bottom-style: solid;
-}
-.katex .hdashline {
-  display: inline-block;
-  width: 100%;
-  border-bottom-style: dashed;
-}
-.katex .sqrt > .root {
-  margin-left: 0.27777778em;
-  margin-right: -0.55555556em;
-}
-.katex .sizing.reset-size1.size1,
-.katex .fontsize-ensurer.reset-size1.size1 {
-  font-size: 1em;
-}
-.katex .sizing.reset-size1.size2,
-.katex .fontsize-ensurer.reset-size1.size2 {
-  font-size: 1.2em;
-}
-.katex .sizing.reset-size1.size3,
-.katex .fontsize-ensurer.reset-size1.size3 {
-  font-size: 1.4em;
-}
-.katex .sizing.reset-size1.size4,
-.katex .fontsize-ensurer.reset-size1.size4 {
-  font-size: 1.6em;
-}
-.katex .sizing.reset-size1.size5,
-.katex .fontsize-ensurer.reset-size1.size5 {
-  font-size: 1.8em;
-}
-.katex .sizing.reset-size1.size6,
-.katex .fontsize-ensurer.reset-size1.size6 {
-  font-size: 2em;
-}
-.katex .sizing.reset-size1.size7,
-.katex .fontsize-ensurer.reset-size1.size7 {
-  font-size: 2.4em;
-}
-.katex .sizing.reset-size1.size8,
-.katex .fontsize-ensurer.reset-size1.size8 {
-  font-size: 2.88em;
-}
-.katex .sizing.reset-size1.size9,
-.katex .fontsize-ensurer.reset-size1.size9 {
-  font-size: 3.456em;
-}
-.katex .sizing.reset-size1.size10,
-.katex .fontsize-ensurer.reset-size1.size10 {
-  font-size: 4.148em;
-}
-.katex .sizing.reset-size1.size11,
-.katex .fontsize-ensurer.reset-size1.size11 {
-  font-size: 4.976em;
-}
-.katex .sizing.reset-size2.size1,
-.katex .fontsize-ensurer.reset-size2.size1 {
-  font-size: 0.83333333em;
-}
-.katex .sizing.reset-size2.size2,
-.katex .fontsize-ensurer.reset-size2.size2 {
-  font-size: 1em;
-}
-.katex .sizing.reset-size2.size3,
-.katex .fontsize-ensurer.reset-size2.size3 {
-  font-size: 1.16666667em;
-}
-.katex .sizing.reset-size2.size4,
-.katex .fontsize-ensurer.reset-size2.size4 {
-  font-size: 1.33333333em;
-}
-.katex .sizing.reset-size2.size5,
-.katex .fontsize-ensurer.reset-size2.size5 {
-  font-size: 1.5em;
-}
-.katex .sizing.reset-size2.size6,
-.katex .fontsize-ensurer.reset-size2.size6 {
-  font-size: 1.66666667em;
-}
-.katex .sizing.reset-size2.size7,
-.katex .fontsize-ensurer.reset-size2.size7 {
-  font-size: 2em;
-}
-.katex .sizing.reset-size2.size8,
-.katex .fontsize-ensurer.reset-size2.size8 {
-  font-size: 2.4em;
-}
-.katex .sizing.reset-size2.size9,
-.katex .fontsize-ensurer.reset-size2.size9 {
-  font-size: 2.88em;
-}
-.katex .sizing.reset-size2.size10,
-.katex .fontsize-ensurer.reset-size2.size10 {
-  font-size: 3.45666667em;
-}
-.katex .sizing.reset-size2.size11,
-.katex .fontsize-ensurer.reset-size2.size11 {
-  font-size: 4.14666667em;
-}
-.katex .sizing.reset-size3.size1,
-.katex .fontsize-ensurer.reset-size3.size1 {
-  font-size: 0.71428571em;
-}
-.katex .sizing.reset-size3.size2,
-.katex .fontsize-ensurer.reset-size3.size2 {
-  font-size: 0.85714286em;
-}
-.katex .sizing.reset-size3.size3,
-.katex .fontsize-ensurer.reset-size3.size3 {
-  font-size: 1em;
-}
-.katex .sizing.reset-size3.size4,
-.katex .fontsize-ensurer.reset-size3.size4 {
-  font-size: 1.14285714em;
-}
-.katex .sizing.reset-size3.size5,
-.katex .fontsize-ensurer.reset-size3.size5 {
-  font-size: 1.28571429em;
-}
-.katex .sizing.reset-size3.size6,
-.katex .fontsize-ensurer.reset-size3.size6 {
-  font-size: 1.42857143em;
-}
-.katex .sizing.reset-size3.size7,
-.katex .fontsize-ensurer.reset-size3.size7 {
-  font-size: 1.71428571em;
-}
-.katex .sizing.reset-size3.size8,
-.katex .fontsize-ensurer.reset-size3.size8 {
-  font-size: 2.05714286em;
-}
-.katex .sizing.reset-size3.size9,
-.katex .fontsize-ensurer.reset-size3.size9 {
-  font-size: 2.46857143em;
-}
-.katex .sizing.reset-size3.size10,
-.katex .fontsize-ensurer.reset-size3.size10 {
-  font-size: 2.96285714em;
-}
-.katex .sizing.reset-size3.size11,
-.katex .fontsize-ensurer.reset-size3.size11 {
-  font-size: 3.55428571em;
-}
-.katex .sizing.reset-size4.size1,
-.katex .fontsize-ensurer.reset-size4.size1 {
-  font-size: 0.625em;
-}
-.katex .sizing.reset-size4.size2,
-.katex .fontsize-ensurer.reset-size4.size2 {
-  font-size: 0.75em;
-}
-.katex .sizing.reset-size4.size3,
-.katex .fontsize-ensurer.reset-size4.size3 {
-  font-size: 0.875em;
-}
-.katex .sizing.reset-size4.size4,
-.katex .fontsize-ensurer.reset-size4.size4 {
-  font-size: 1em;
-}
-.katex .sizing.reset-size4.size5,
-.katex .fontsize-ensurer.reset-size4.size5 {
-  font-size: 1.125em;
-}
-.katex .sizing.reset-size4.size6,
-.katex .fontsize-ensurer.reset-size4.size6 {
-  font-size: 1.25em;
-}
-.katex .sizing.reset-size4.size7,
-.katex .fontsize-ensurer.reset-size4.size7 {
-  font-size: 1.5em;
-}
-.katex .sizing.reset-size4.size8,
-.katex .fontsize-ensurer.reset-size4.size8 {
-  font-size: 1.8em;
-}
-.katex .sizing.reset-size4.size9,
-.katex .fontsize-ensurer.reset-size4.size9 {
-  font-size: 2.16em;
-}
-.katex .sizing.reset-size4.size10,
-.katex .fontsize-ensurer.reset-size4.size10 {
-  font-size: 2.5925em;
-}
-.katex .sizing.reset-size4.size11,
-.katex .fontsize-ensurer.reset-size4.size11 {
-  font-size: 3.11em;
-}
-.katex .sizing.reset-size5.size1,
-.katex .fontsize-ensurer.reset-size5.size1 {
-  font-size: 0.55555556em;
-}
-.katex .sizing.reset-size5.size2,
-.katex .fontsize-ensurer.reset-size5.size2 {
-  font-size: 0.66666667em;
-}
-.katex .sizing.reset-size5.size3,
-.katex .fontsize-ensurer.reset-size5.size3 {
-  font-size: 0.77777778em;
-}
-.katex .sizing.reset-size5.size4,
-.katex .fontsize-ensurer.reset-size5.size4 {
-  font-size: 0.88888889em;
-}
-.katex .sizing.reset-size5.size5,
-.katex .fontsize-ensurer.reset-size5.size5 {
-  font-size: 1em;
-}
-.katex .sizing.reset-size5.size6,
-.katex .fontsize-ensurer.reset-size5.size6 {
-  font-size: 1.11111111em;
-}
-.katex .sizing.reset-size5.size7,
-.katex .fontsize-ensurer.reset-size5.size7 {
-  font-size: 1.33333333em;
-}
-.katex .sizing.reset-size5.size8,
-.katex .fontsize-ensurer.reset-size5.size8 {
-  font-size: 1.6em;
-}
-.katex .sizing.reset-size5.size9,
-.katex .fontsize-ensurer.reset-size5.size9 {
-  font-size: 1.92em;
-}
-.katex .sizing.reset-size5.size10,
-.katex .fontsize-ensurer.reset-size5.size10 {
-  font-size: 2.30444444em;
-}
-.katex .sizing.reset-size5.size11,
-.katex .fontsize-ensurer.reset-size5.size11 {
-  font-size: 2.76444444em;
-}
-.katex .sizing.reset-size6.size1,
-.katex .fontsize-ensurer.reset-size6.size1 {
-  font-size: 0.5em;
-}
-.katex .sizing.reset-size6.size2,
-.katex .fontsize-ensurer.reset-size6.size2 {
-  font-size: 0.6em;
-}
-.katex .sizing.reset-size6.size3,
-.katex .fontsize-ensurer.reset-size6.size3 {
-  font-size: 0.7em;
-}
-.katex .sizing.reset-size6.size4,
-.katex .fontsize-ensurer.reset-size6.size4 {
-  font-size: 0.8em;
-}
-.katex .sizing.reset-size6.size5,
-.katex .fontsize-ensurer.reset-size6.size5 {
-  font-size: 0.9em;
-}
-.katex .sizing.reset-size6.size6,
-.katex .fontsize-ensurer.reset-size6.size6 {
-  font-size: 1em;
-}
-.katex .sizing.reset-size6.size7,
-.katex .fontsize-ensurer.reset-size6.size7 {
-  font-size: 1.2em;
-}
-.katex .sizing.reset-size6.size8,
-.katex .fontsize-ensurer.reset-size6.size8 {
-  font-size: 1.44em;
-}
-.katex .sizing.reset-size6.size9,
-.katex .fontsize-ensurer.reset-size6.size9 {
-  font-size: 1.728em;
-}
-.katex .sizing.reset-size6.size10,
-.katex .fontsize-ensurer.reset-size6.size10 {
-  font-size: 2.074em;
-}
-.katex .sizing.reset-size6.size11,
-.katex .fontsize-ensurer.reset-size6.size11 {
-  font-size: 2.488em;
-}
-.katex .sizing.reset-size7.size1,
-.katex .fontsize-ensurer.reset-size7.size1 {
-  font-size: 0.41666667em;
-}
-.katex .sizing.reset-size7.size2,
-.katex .fontsize-ensurer.reset-size7.size2 {
-  font-size: 0.5em;
-}
-.katex .sizing.reset-size7.size3,
-.katex .fontsize-ensurer.reset-size7.size3 {
-  font-size: 0.58333333em;
-}
-.katex .sizing.reset-size7.size4,
-.katex .fontsize-ensurer.reset-size7.size4 {
-  font-size: 0.66666667em;
-}
-.katex .sizing.reset-size7.size5,
-.katex .fontsize-ensurer.reset-size7.size5 {
-  font-size: 0.75em;
-}
-.katex .sizing.reset-size7.size6,
-.katex .fontsize-ensurer.reset-size7.size6 {
-  font-size: 0.83333333em;
-}
-.katex .sizing.reset-size7.size7,
-.katex .fontsize-ensurer.reset-size7.size7 {
-  font-size: 1em;
-}
-.katex .sizing.reset-size7.size8,
-.katex .fontsize-ensurer.reset-size7.size8 {
-  font-size: 1.2em;
-}
-.katex .sizing.reset-size7.size9,
-.katex .fontsize-ensurer.reset-size7.size9 {
-  font-size: 1.44em;
-}
-.katex .sizing.reset-size7.size10,
-.katex .fontsize-ensurer.reset-size7.size10 {
-  font-size: 1.72833333em;
-}
-.katex .sizing.reset-size7.size11,
-.katex .fontsize-ensurer.reset-size7.size11 {
-  font-size: 2.07333333em;
-}
-.katex .sizing.reset-size8.size1,
-.katex .fontsize-ensurer.reset-size8.size1 {
-  font-size: 0.34722222em;
-}
-.katex .sizing.reset-size8.size2,
-.katex .fontsize-ensurer.reset-size8.size2 {
-  font-size: 0.41666667em;
-}
-.katex .sizing.reset-size8.size3,
-.katex .fontsize-ensurer.reset-size8.size3 {
-  font-size: 0.48611111em;
-}
-.katex .sizing.reset-size8.size4,
-.katex .fontsize-ensurer.reset-size8.size4 {
-  font-size: 0.55555556em;
-}
-.katex .sizing.reset-size8.size5,
-.katex .fontsize-ensurer.reset-size8.size5 {
-  font-size: 0.625em;
-}
-.katex .sizing.reset-size8.size6,
-.katex .fontsize-ensurer.reset-size8.size6 {
-  font-size: 0.69444444em;
-}
-.katex .sizing.reset-size8.size7,
-.katex .fontsize-ensurer.reset-size8.size7 {
-  font-size: 0.83333333em;
-}
-.katex .sizing.reset-size8.size8,
-.katex .fontsize-ensurer.reset-size8.size8 {
-  font-size: 1em;
-}
-.katex .sizing.reset-size8.size9,
-.katex .fontsize-ensurer.reset-size8.size9 {
-  font-size: 1.2em;
-}
-.katex .sizing.reset-size8.size10,
-.katex .fontsize-ensurer.reset-size8.size10 {
-  font-size: 1.44027778em;
-}
-.katex .sizing.reset-size8.size11,
-.katex .fontsize-ensurer.reset-size8.size11 {
-  font-size: 1.72777778em;
-}
-.katex .sizing.reset-size9.size1,
-.katex .fontsize-ensurer.reset-size9.size1 {
-  font-size: 0.28935185em;
-}
-.katex .sizing.reset-size9.size2,
-.katex .fontsize-ensurer.reset-size9.size2 {
-  font-size: 0.34722222em;
-}
-.katex .sizing.reset-size9.size3,
-.katex .fontsize-ensurer.reset-size9.size3 {
-  font-size: 0.40509259em;
-}
-.katex .sizing.reset-size9.size4,
-.katex .fontsize-ensurer.reset-size9.size4 {
-  font-size: 0.46296296em;
-}
-.katex .sizing.reset-size9.size5,
-.katex .fontsize-ensurer.reset-size9.size5 {
-  font-size: 0.52083333em;
-}
-.katex .sizing.reset-size9.size6,
-.katex .fontsize-ensurer.reset-size9.size6 {
-  font-size: 0.5787037em;
-}
-.katex .sizing.reset-size9.size7,
-.katex .fontsize-ensurer.reset-size9.size7 {
-  font-size: 0.69444444em;
-}
-.katex .sizing.reset-size9.size8,
-.katex .fontsize-ensurer.reset-size9.size8 {
-  font-size: 0.83333333em;
-}
-.katex .sizing.reset-size9.size9,
-.katex .fontsize-ensurer.reset-size9.size9 {
-  font-size: 1em;
-}
-.katex .sizing.reset-size9.size10,
-.katex .fontsize-ensurer.reset-size9.size10 {
-  font-size: 1.20023148em;
-}
-.katex .sizing.reset-size9.size11,
-.katex .fontsize-ensurer.reset-size9.size11 {
-  font-size: 1.43981481em;
-}
-.katex .sizing.reset-size10.size1,
-.katex .fontsize-ensurer.reset-size10.size1 {
-  font-size: 0.24108004em;
-}
-.katex .sizing.reset-size10.size2,
-.katex .fontsize-ensurer.reset-size10.size2 {
-  font-size: 0.28929605em;
-}
-.katex .sizing.reset-size10.size3,
-.katex .fontsize-ensurer.reset-size10.size3 {
-  font-size: 0.33751205em;
-}
-.katex .sizing.reset-size10.size4,
-.katex .fontsize-ensurer.reset-size10.size4 {
-  font-size: 0.38572806em;
-}
-.katex .sizing.reset-size10.size5,
-.katex .fontsize-ensurer.reset-size10.size5 {
-  font-size: 0.43394407em;
-}
-.katex .sizing.reset-size10.size6,
-.katex .fontsize-ensurer.reset-size10.size6 {
-  font-size: 0.48216008em;
-}
-.katex .sizing.reset-size10.size7,
-.katex .fontsize-ensurer.reset-size10.size7 {
-  font-size: 0.57859209em;
-}
-.katex .sizing.reset-size10.size8,
-.katex .fontsize-ensurer.reset-size10.size8 {
-  font-size: 0.69431051em;
-}
-.katex .sizing.reset-size10.size9,
-.katex .fontsize-ensurer.reset-size10.size9 {
-  font-size: 0.83317261em;
-}
-.katex .sizing.reset-size10.size10,
-.katex .fontsize-ensurer.reset-size10.size10 {
-  font-size: 1em;
-}
-.katex .sizing.reset-size10.size11,
-.katex .fontsize-ensurer.reset-size10.size11 {
-  font-size: 1.19961427em;
-}
-.katex .sizing.reset-size11.size1,
-.katex .fontsize-ensurer.reset-size11.size1 {
-  font-size: 0.20096463em;
-}
-.katex .sizing.reset-size11.size2,
-.katex .fontsize-ensurer.reset-size11.size2 {
-  font-size: 0.24115756em;
-}
-.katex .sizing.reset-size11.size3,
-.katex .fontsize-ensurer.reset-size11.size3 {
-  font-size: 0.28135048em;
-}
-.katex .sizing.reset-size11.size4,
-.katex .fontsize-ensurer.reset-size11.size4 {
-  font-size: 0.32154341em;
-}
-.katex .sizing.reset-size11.size5,
-.katex .fontsize-ensurer.reset-size11.size5 {
-  font-size: 0.36173633em;
-}
-.katex .sizing.reset-size11.size6,
-.katex .fontsize-ensurer.reset-size11.size6 {
-  font-size: 0.40192926em;
-}
-.katex .sizing.reset-size11.size7,
-.katex .fontsize-ensurer.reset-size11.size7 {
-  font-size: 0.48231511em;
-}
-.katex .sizing.reset-size11.size8,
-.katex .fontsize-ensurer.reset-size11.size8 {
-  font-size: 0.57877814em;
-}
-.katex .sizing.reset-size11.size9,
-.katex .fontsize-ensurer.reset-size11.size9 {
-  font-size: 0.69453376em;
-}
-.katex .sizing.reset-size11.size10,
-.katex .fontsize-ensurer.reset-size11.size10 {
-  font-size: 0.83360129em;
-}
-.katex .sizing.reset-size11.size11,
-.katex .fontsize-ensurer.reset-size11.size11 {
-  font-size: 1em;
-}
-.katex .delimsizing.size1 {
-  font-family: KaTeX_Size1;
-}
-.katex .delimsizing.size2 {
-  font-family: KaTeX_Size2;
-}
-.katex .delimsizing.size3 {
-  font-family: KaTeX_Size3;
-}
-.katex .delimsizing.size4 {
-  font-family: KaTeX_Size4;
-}
-.katex .delimsizing.mult .delim-size1 > span {
-  font-family: KaTeX_Size1;
-}
-.katex .delimsizing.mult .delim-size4 > span {
-  font-family: KaTeX_Size4;
-}
-.katex .nulldelimiter {
-  display: inline-block;
-  width: 0.12em;
-}
-.katex .delimcenter {
-  position: relative;
-}
-.katex .op-symbol {
-  position: relative;
-}
-.katex .op-symbol.small-op {
-  font-family: KaTeX_Size1;
-}
-.katex .op-symbol.large-op {
-  font-family: KaTeX_Size2;
-}
-.katex .op-limits > .vlist-t {
-  text-align: center;
-}
-.katex .accent > .vlist-t {
-  text-align: center;
-}
-.katex .accent .accent-body {
-  position: relative;
-}
-.katex .accent .accent-body:not(.accent-full) {
-  width: 0;
-}
-.katex .overlay {
-  display: block;
-}
-.katex .mtable .vertical-separator {
-  display: inline-block;
-  min-width: 1px;
-}
-.katex .mtable .arraycolsep {
-  display: inline-block;
-}
-.katex .mtable .col-align-c > .vlist-t {
-  text-align: center;
-}
-.katex .mtable .col-align-l > .vlist-t {
-  text-align: left;
-}
-.katex .mtable .col-align-r > .vlist-t {
-  text-align: right;
-}
-.katex .svg-align {
-  text-align: left;
-}
-.katex svg {
-  display: block;
-  position: absolute;
-  width: 100%;
-  height: inherit;
-  fill: currentColor;
-  stroke: currentColor;
-  fill-rule: nonzero;
-  fill-opacity: 1;
-  stroke-width: 1;
-  stroke-linecap: butt;
-  stroke-linejoin: miter;
-  stroke-miterlimit: 4;
-  stroke-dasharray: none;
-  stroke-dashoffset: 0;
-  stroke-opacity: 1;
-}
-.katex svg path {
-  stroke: none;
-}
-.katex img {
-  border-style: none;
-  min-width: 0;
-  min-height: 0;
-  max-width: none;
-  max-height: none;
-}
-.katex .stretchy {
-  width: 100%;
-  display: block;
-  position: relative;
-  overflow: hidden;
-}
-.katex .stretchy::before,
-.katex .stretchy::after {
-  content: "";
-}
-.katex .hide-tail {
-  width: 100%;
-  position: relative;
-  overflow: hidden;
-}
-.katex .halfarrow-left {
-  position: absolute;
-  left: 0;
-  width: 50.2%;
-  overflow: hidden;
-}
-.katex .halfarrow-right {
-  position: absolute;
-  right: 0;
-  width: 50.2%;
-  overflow: hidden;
-}
-.katex .brace-left {
-  position: absolute;
-  left: 0;
-  width: 25.1%;
-  overflow: hidden;
-}
-.katex .brace-center {
-  position: absolute;
-  left: 25%;
-  width: 50%;
-  overflow: hidden;
-}
-.katex .brace-right {
-  position: absolute;
-  right: 0;
-  width: 25.1%;
-  overflow: hidden;
-}
-.katex .x-arrow-pad {
-  padding: 0 0.5em;
-}
-.katex .x-arrow,
-.katex .mover,
-.katex .munder {
-  text-align: center;
-}
-.katex .boxpad {
-  padding: 0 0.3em 0 0.3em;
-}
-.katex .fbox,
-.katex .fcolorbox {
-  box-sizing: border-box;
-  border: 0.04em solid;
-}
-.katex .cancel-pad {
-  padding: 0 0.2em 0 0.2em;
-}
-.katex .cancel-lap {
-  margin-left: -0.2em;
-  margin-right: -0.2em;
-}
-.katex .sout {
-  border-bottom-style: solid;
-  border-bottom-width: 0.08em;
-}
-.katex-display {
-  display: block;
-  margin: 1em 0;
-  text-align: center;
-}
-.katex-display > .katex {
-  display: block;
-  text-align: center;
-  white-space: nowrap;
-}
-.katex-display > .katex > .katex-html {
-  display: block;
-  position: relative;
-}
-.katex-display > .katex > .katex-html > .tag {
-  position: absolute;
-  right: 0;
-}
-.katex-display.leqno > .katex > .katex-html > .tag {
-  left: 0;
-  right: auto;
-}
-.katex-display.fleqn > .katex {
-  text-align: left;
-  padding-left: 2em;
-}
-
+@font-face{font-family:'KaTeX_AMS';src:url(/assets/fonts/KaTeX_AMS-Regular.woff2) format('woff2'),url(/assets/fonts/KaTeX_AMS-Regular.woff) format('woff'),url(/assets/fonts/KaTeX_AMS-Regular.ttf) format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'KaTeX_Caligraphic';src:url(/assets/fonts/KaTeX_Caligraphic-Bold.woff2) format('woff2'),url(/assets/fonts/KaTeX_Caligraphic-Bold.woff) format('woff'),url(/assets/fonts/KaTeX_Caligraphic-Bold.ttf) format('truetype');font-weight:bold;font-style:normal}@font-face{font-family:'KaTeX_Caligraphic';src:url(/assets/fonts/KaTeX_Caligraphic-Regular.woff2) format('woff2'),url(/assets/fonts/KaTeX_Caligraphic-Regular.woff) format('woff'),url(/assets/fonts/KaTeX_Caligraphic-Regular.ttf) format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'KaTeX_Fraktur';src:url(/assets/fonts/KaTeX_Fraktur-Bold.woff2) format('woff2'),url(/assets/fonts/KaTeX_Fraktur-Bold.woff) format('woff'),url(/assets/fonts/KaTeX_Fraktur-Bold.ttf) format('truetype');font-weight:bold;font-style:normal}@font-face{font-family:'KaTeX_Fraktur';src:url(/assets/fonts/KaTeX_Fraktur-Regular.woff2) format('woff2'),url(/assets/fonts/KaTeX_Fraktur-Regular.woff) format('woff'),url(/assets/fonts/KaTeX_Fraktur-Regular.ttf) format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'KaTeX_Main';src:url(/assets/fonts/KaTeX_Main-Bold.woff2) format('woff2'),url(/assets/fonts/KaTeX_Main-Bold.woff) format('woff'),url(/assets/fonts/KaTeX_Main-Bold.ttf) format('truetype');font-weight:bold;font-style:normal}@font-face{font-family:'KaTeX_Main';src:url(/assets/fonts/KaTeX_Main-BoldItalic.woff2) format('woff2'),url(/assets/fonts/KaTeX_Main-BoldItalic.woff) format('woff'),url(/assets/fonts/KaTeX_Main-BoldItalic.ttf) format('truetype');font-weight:bold;font-style:italic}@font-face{font-family:'KaTeX_Main';src:url(/assets/fonts/KaTeX_Main-Italic.woff2) format('woff2'),url(/assets/fonts/KaTeX_Main-Italic.woff) format('woff'),url(/assets/fonts/KaTeX_Main-Italic.ttf) format('truetype');font-weight:normal;font-style:italic}@font-face{font-family:'KaTeX_Main';src:url(/assets/fonts/KaTeX_Main-Regular.woff2) format('woff2'),url(/assets/fonts/KaTeX_Main-Regular.woff) format('woff'),url(/assets/fonts/KaTeX_Main-Regular.ttf) format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'KaTeX_Math';src:url(/assets/fonts/KaTeX_Math-BoldItalic.woff2) format('woff2'),url(/assets/fonts/KaTeX_Math-BoldItalic.woff) format('woff'),url(/assets/fonts/KaTeX_Math-BoldItalic.ttf) format('truetype');font-weight:bold;font-style:italic}@font-face{font-family:'KaTeX_Math';src:url(/assets/fonts/KaTeX_Math-Italic.woff2) format('woff2'),url(/assets/fonts/KaTeX_Math-Italic.woff) format('woff'),url(/assets/fonts/KaTeX_Math-Italic.ttf) format('truetype');font-weight:normal;font-style:italic}@font-face{font-family:'KaTeX_SansSerif';src:url(/assets/fonts/KaTeX_SansSerif-Bold.woff2) format('woff2'),url(/assets/fonts/KaTeX_SansSerif-Bold.woff) format('woff'),url(/assets/fonts/KaTeX_SansSerif-Bold.ttf) format('truetype');font-weight:bold;font-style:normal}@font-face{font-family:'KaTeX_SansSerif';src:url(/assets/fonts/KaTeX_SansSerif-Italic.woff2) format('woff2'),url(/assets/fonts/KaTeX_SansSerif-Italic.woff) format('woff'),url(/assets/fonts/KaTeX_SansSerif-Italic.ttf) format('truetype');font-weight:normal;font-style:italic}@font-face{font-family:'KaTeX_SansSerif';src:url(/assets/fonts/KaTeX_SansSerif-Regular.woff2) format('woff2'),url(/assets/fonts/KaTeX_SansSerif-Regular.woff) format('woff'),url(/assets/fonts/KaTeX_SansSerif-Regular.ttf) format('truetype');font-weight:normal;font-style:normal}
+@font-face{font-family:'KaTeX_Script';src:url(/assets/fonts/KaTeX_Script-Regular.woff2) format('woff2'),url(/assets/fonts/KaTeX_Script-Regular.woff) format('woff'),url(/assets/fonts/KaTeX_Script-Regular.ttf) format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'KaTeX_Size1';src:url(/assets/fonts/KaTeX_Size1-Regular.woff2) format('woff2'),url(/assets/fonts/KaTeX_Size1-Regular.woff) format('woff'),url(/assets/fonts/KaTeX_Size1-Regular.ttf) format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'KaTeX_Size2';src:url(/assets/fonts/KaTeX_Size2-Regular.woff2) format('woff2'),url(/assets/fonts/KaTeX_Size2-Regular.woff) format('woff'),url(/assets/fonts/KaTeX_Size2-Regular.ttf) format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'KaTeX_Size3';src:url(/assets/fonts/KaTeX_Size3-Regular.woff2) format('woff2'),url(/assets/fonts/KaTeX_Size3-Regular.woff) format('woff'),url(/assets/fonts/KaTeX_Size3-Regular.ttf) format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'KaTeX_Size4';src:url(/assets/fonts/KaTeX_Size4-Regular.woff2) format('woff2'),url(/assets/fonts/KaTeX_Size4-Regular.woff) format('woff'),url(/assets/fonts/KaTeX_Size4-Regular.ttf) format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'KaTeX_Typewriter';src:url(/assets/fonts/KaTeX_Typewriter-Regular.woff2) format('woff2'),url(/assets/fonts/KaTeX_Typewriter-Regular.woff) format('woff'),url(/assets/fonts/KaTeX_Typewriter-Regular.ttf) format('truetype');font-weight:normal;font-style:normal}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto;border-color:currentColor}.katex *{-ms-high-contrast-adjust:none!important}.katex .katex-version::after{content:"0.12.0"}.katex .katex-mathml{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.katex .katex-html>.newline{display:block}.katex .base{position:relative;display:inline-block;white-space:nowrap;width:min-content}.katex .strut{display:inline-block}.katex .textbf{font-weight:bold}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:bold}.katex .boldsymbol{font-family:KaTeX_Math;font-weight:bold;font-style:italic}.katex .amsrm{font-family:KaTeX_AMS}.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:bold}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{display:inline-table;table-layout:fixed;border-collapse:collapse}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;vertical-align:bottom;position:relative}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;vertical-align:bottom;font-size:1px;width:2px;min-width:2px}.katex .vbox{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;align-items:baseline}.katex .hbox{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;width:100%}.katex .thinbox{display:inline-flex;flex-direction:row;width:0;max-width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{display:inline-block;width:100%;border-bottom-style:solid}.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .underline .underline-line,.katex .hline,.katex .hdashline,.katex .rule{min-height:1px}.katex .mspace{display:inline-block}.katex .llap,.katex .rlap,.katex .clap{width:0;position:relative}
+.katex .llap>.inner,.katex .rlap>.inner,.katex .clap>.inner{position:absolute}.katex .llap>.fix,.katex .rlap>.fix,.katex .clap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .rlap>.inner,.katex .clap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{display:inline-block;border:solid 0;position:relative}.katex .overline .overline-line,.katex .underline .underline-line,.katex .hline{display:inline-block;width:100%;border-bottom-style:solid}.katex .hdashline{display:inline-block;width:100%;border-bottom-style:dashed}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-0.55555556em}.katex .sizing.reset-size1.size1,.katex .fontsize-ensurer.reset-size1.size1{font-size:1em}.katex .sizing.reset-size1.size2,.katex .fontsize-ensurer.reset-size1.size2{font-size:1.2em}.katex .sizing.reset-size1.size3,.katex .fontsize-ensurer.reset-size1.size3{font-size:1.4em}.katex .sizing.reset-size1.size4,.katex .fontsize-ensurer.reset-size1.size4{font-size:1.6em}.katex .sizing.reset-size1.size5,.katex .fontsize-ensurer.reset-size1.size5{font-size:1.8em}.katex .sizing.reset-size1.size6,.katex .fontsize-ensurer.reset-size1.size6{font-size:2em}.katex .sizing.reset-size1.size7,.katex .fontsize-ensurer.reset-size1.size7{font-size:2.4em}.katex .sizing.reset-size1.size8,.katex .fontsize-ensurer.reset-size1.size8{font-size:2.88em}.katex .sizing.reset-size1.size9,.katex .fontsize-ensurer.reset-size1.size9{font-size:3.456em}.katex .sizing.reset-size1.size10,.katex .fontsize-ensurer.reset-size1.size10{font-size:4.148em}.katex .sizing.reset-size1.size11,.katex .fontsize-ensurer.reset-size1.size11{font-size:4.976em}.katex .sizing.reset-size2.size1,.katex .fontsize-ensurer.reset-size2.size1{font-size:.83333333em}.katex .sizing.reset-size2.size2,.katex .fontsize-ensurer.reset-size2.size2{font-size:1em}.katex .sizing.reset-size2.size3,.katex .fontsize-ensurer.reset-size2.size3{font-size:1.16666667em}.katex .sizing.reset-size2.size4,.katex .fontsize-ensurer.reset-size2.size4{font-size:1.33333333em}.katex .sizing.reset-size2.size5,.katex .fontsize-ensurer.reset-size2.size5{font-size:1.5em}.katex .sizing.reset-size2.size6,.katex .fontsize-ensurer.reset-size2.size6{font-size:1.66666667em}.katex .sizing.reset-size2.size7,.katex .fontsize-ensurer.reset-size2.size7{font-size:2em}.katex .sizing.reset-size2.size8,.katex .fontsize-ensurer.reset-size2.size8{font-size:2.4em}.katex .sizing.reset-size2.size9,.katex .fontsize-ensurer.reset-size2.size9{font-size:2.88em}.katex .sizing.reset-size2.size10,.katex .fontsize-ensurer.reset-size2.size10{font-size:3.45666667em}.katex .sizing.reset-size2.size11,.katex .fontsize-ensurer.reset-size2.size11{font-size:4.14666667em}.katex .sizing.reset-size3.size1,.katex .fontsize-ensurer.reset-size3.size1{font-size:.71428571em}.katex .sizing.reset-size3.size2,.katex .fontsize-ensurer.reset-size3.size2{font-size:.85714286em}.katex .sizing.reset-size3.size3,.katex .fontsize-ensurer.reset-size3.size3{font-size:1em}.katex .sizing.reset-size3.size4,.katex .fontsize-ensurer.reset-size3.size4{font-size:1.14285714em}.katex .sizing.reset-size3.size5,.katex .fontsize-ensurer.reset-size3.size5{font-size:1.28571429em}.katex .sizing.reset-size3.size6,.katex .fontsize-ensurer.reset-size3.size6{font-size:1.42857143em}.katex .sizing.reset-size3.size7,.katex .fontsize-ensurer.reset-size3.size7{font-size:1.71428571em}.katex .sizing.reset-size3.size8,.katex .fontsize-ensurer.reset-size3.size8{font-size:2.05714286em}.katex .sizing.reset-size3.size9,.katex .fontsize-ensurer.reset-size3.size9{font-size:2.46857143em}.katex .sizing.reset-size3.size10,.katex .fontsize-ensurer.reset-size3.size10{font-size:2.96285714em}.katex .sizing.reset-size3.size11,.katex .fontsize-ensurer.reset-size3.size11{font-size:3.55428571em}.katex .sizing.reset-size4.size1,.katex .fontsize-ensurer.reset-size4.size1{font-size:.625em}.katex .sizing.reset-size4.size2,.katex .fontsize-ensurer.reset-size4.size2{font-size:.75em}.katex .sizing.reset-size4.size3,.katex .fontsize-ensurer.reset-size4.size3{font-size:.875em}.katex .sizing.reset-size4.size4,.katex .fontsize-ensurer.reset-size4.size4{font-size:1em}.katex .sizing.reset-size4.size5,.katex .fontsize-ensurer.reset-size4.size5{font-size:1.125em}.katex .sizing.reset-size4.size6,.katex .fontsize-ensurer.reset-size4.size6{font-size:1.25em}.katex .sizing.reset-size4.size7,.katex .fontsize-ensurer.reset-size4.size7{font-size:1.5em}.katex .sizing.reset-size4.size8,.katex .fontsize-ensurer.reset-size4.size8{font-size:1.8em}.katex .sizing.reset-size4.size9,.katex .fontsize-ensurer.reset-size4.size9{font-size:2.16em}.katex .sizing.reset-size4.size10,.katex .fontsize-ensurer.reset-size4.size10{font-size:2.5925em}.katex .sizing.reset-size4.size11,.katex .fontsize-ensurer.reset-size4.size11{font-size:3.11em}.katex .sizing.reset-size5.size1,.katex .fontsize-ensurer.reset-size5.size1{font-size:.55555556em}.katex .sizing.reset-size5.size2,.katex .fontsize-ensurer.reset-size5.size2{font-size:.66666667em}
+.katex .sizing.reset-size5.size3,.katex .fontsize-ensurer.reset-size5.size3{font-size:.77777778em}.katex .sizing.reset-size5.size4,.katex .fontsize-ensurer.reset-size5.size4{font-size:.88888889em}.katex .sizing.reset-size5.size5,.katex .fontsize-ensurer.reset-size5.size5{font-size:1em}.katex .sizing.reset-size5.size6,.katex .fontsize-ensurer.reset-size5.size6{font-size:1.11111111em}.katex .sizing.reset-size5.size7,.katex .fontsize-ensurer.reset-size5.size7{font-size:1.33333333em}.katex .sizing.reset-size5.size8,.katex .fontsize-ensurer.reset-size5.size8{font-size:1.6em}.katex .sizing.reset-size5.size9,.katex .fontsize-ensurer.reset-size5.size9{font-size:1.92em}.katex .sizing.reset-size5.size10,.katex .fontsize-ensurer.reset-size5.size10{font-size:2.30444444em}.katex .sizing.reset-size5.size11,.katex .fontsize-ensurer.reset-size5.size11{font-size:2.76444444em}.katex .sizing.reset-size6.size1,.katex .fontsize-ensurer.reset-size6.size1{font-size:.5em}.katex .sizing.reset-size6.size2,.katex .fontsize-ensurer.reset-size6.size2{font-size:.6em}.katex .sizing.reset-size6.size3,.katex .fontsize-ensurer.reset-size6.size3{font-size:.7em}.katex .sizing.reset-size6.size4,.katex .fontsize-ensurer.reset-size6.size4{font-size:.8em}.katex .sizing.reset-size6.size5,.katex .fontsize-ensurer.reset-size6.size5{font-size:.9em}.katex .sizing.reset-size6.size6,.katex .fontsize-ensurer.reset-size6.size6{font-size:1em}.katex .sizing.reset-size6.size7,.katex .fontsize-ensurer.reset-size6.size7{font-size:1.2em}.katex .sizing.reset-size6.size8,.katex .fontsize-ensurer.reset-size6.size8{font-size:1.44em}.katex .sizing.reset-size6.size9,.katex .fontsize-ensurer.reset-size6.size9{font-size:1.728em}.katex .sizing.reset-size6.size10,.katex .fontsize-ensurer.reset-size6.size10{font-size:2.074em}.katex .sizing.reset-size6.size11,.katex .fontsize-ensurer.reset-size6.size11{font-size:2.488em}.katex .sizing.reset-size7.size1,.katex .fontsize-ensurer.reset-size7.size1{font-size:.41666667em}.katex .sizing.reset-size7.size2,.katex .fontsize-ensurer.reset-size7.size2{font-size:.5em}.katex .sizing.reset-size7.size3,.katex .fontsize-ensurer.reset-size7.size3{font-size:.58333333em}.katex .sizing.reset-size7.size4,.katex .fontsize-ensurer.reset-size7.size4{font-size:.66666667em}.katex .sizing.reset-size7.size5,.katex .fontsize-ensurer.reset-size7.size5{font-size:.75em}.katex .sizing.reset-size7.size6,.katex .fontsize-ensurer.reset-size7.size6{font-size:.83333333em}.katex .sizing.reset-size7.size7,.katex .fontsize-ensurer.reset-size7.size7{font-size:1em}.katex .sizing.reset-size7.size8,.katex .fontsize-ensurer.reset-size7.size8{font-size:1.2em}.katex .sizing.reset-size7.size9,.katex .fontsize-ensurer.reset-size7.size9{font-size:1.44em}.katex .sizing.reset-size7.size10,.katex .fontsize-ensurer.reset-size7.size10{font-size:1.72833333em}.katex .sizing.reset-size7.size11,.katex .fontsize-ensurer.reset-size7.size11{font-size:2.07333333em}.katex .sizing.reset-size8.size1,.katex .fontsize-ensurer.reset-size8.size1{font-size:.34722222em}.katex .sizing.reset-size8.size2,.katex .fontsize-ensurer.reset-size8.size2{font-size:.41666667em}.katex .sizing.reset-size8.size3,.katex .fontsize-ensurer.reset-size8.size3{font-size:.48611111em}.katex .sizing.reset-size8.size4,.katex .fontsize-ensurer.reset-size8.size4{font-size:.55555556em}.katex .sizing.reset-size8.size5,.katex .fontsize-ensurer.reset-size8.size5{font-size:.625em}.katex .sizing.reset-size8.size6,.katex .fontsize-ensurer.reset-size8.size6{font-size:.69444444em}.katex .sizing.reset-size8.size7,.katex .fontsize-ensurer.reset-size8.size7{font-size:.83333333em}.katex .sizing.reset-size8.size8,.katex .fontsize-ensurer.reset-size8.size8{font-size:1em}.katex .sizing.reset-size8.size9,.katex .fontsize-ensurer.reset-size8.size9{font-size:1.2em}.katex .sizing.reset-size8.size10,.katex .fontsize-ensurer.reset-size8.size10{font-size:1.44027778em}.katex .sizing.reset-size8.size11,.katex .fontsize-ensurer.reset-size8.size11{font-size:1.72777778em}.katex .sizing.reset-size9.size1,.katex .fontsize-ensurer.reset-size9.size1{font-size:.28935185em}.katex .sizing.reset-size9.size2,.katex .fontsize-ensurer.reset-size9.size2{font-size:.34722222em}.katex .sizing.reset-size9.size3,.katex .fontsize-ensurer.reset-size9.size3{font-size:.40509259em}.katex .sizing.reset-size9.size4,.katex .fontsize-ensurer.reset-size9.size4{font-size:.46296296em}.katex .sizing.reset-size9.size5,.katex .fontsize-ensurer.reset-size9.size5{font-size:.52083333em}.katex .sizing.reset-size9.size6,.katex .fontsize-ensurer.reset-size9.size6{font-size:.5787037em}.katex .sizing.reset-size9.size7,.katex .fontsize-ensurer.reset-size9.size7{font-size:.69444444em}.katex .sizing.reset-size9.size8,.katex .fontsize-ensurer.reset-size9.size8{font-size:.83333333em}.katex .sizing.reset-size9.size9,.katex .fontsize-ensurer.reset-size9.size9{font-size:1em}.katex .sizing.reset-size9.size10,.katex .fontsize-ensurer.reset-size9.size10{font-size:1.20023148em}.katex .sizing.reset-size9.size11,.katex .fontsize-ensurer.reset-size9.size11{font-size:1.43981481em}
+.katex .sizing.reset-size10.size1,.katex .fontsize-ensurer.reset-size10.size1{font-size:.24108004em}.katex .sizing.reset-size10.size2,.katex .fontsize-ensurer.reset-size10.size2{font-size:.28929605em}.katex .sizing.reset-size10.size3,.katex .fontsize-ensurer.reset-size10.size3{font-size:.33751205em}.katex .sizing.reset-size10.size4,.katex .fontsize-ensurer.reset-size10.size4{font-size:.38572806em}.katex .sizing.reset-size10.size5,.katex .fontsize-ensurer.reset-size10.size5{font-size:.43394407em}.katex .sizing.reset-size10.size6,.katex .fontsize-ensurer.reset-size10.size6{font-size:.48216008em}.katex .sizing.reset-size10.size7,.katex .fontsize-ensurer.reset-size10.size7{font-size:.57859209em}.katex .sizing.reset-size10.size8,.katex .fontsize-ensurer.reset-size10.size8{font-size:.69431051em}.katex .sizing.reset-size10.size9,.katex .fontsize-ensurer.reset-size10.size9{font-size:.83317261em}.katex .sizing.reset-size10.size10,.katex .fontsize-ensurer.reset-size10.size10{font-size:1em}.katex .sizing.reset-size10.size11,.katex .fontsize-ensurer.reset-size10.size11{font-size:1.19961427em}.katex .sizing.reset-size11.size1,.katex .fontsize-ensurer.reset-size11.size1{font-size:.20096463em}.katex .sizing.reset-size11.size2,.katex .fontsize-ensurer.reset-size11.size2{font-size:.24115756em}.katex .sizing.reset-size11.size3,.katex .fontsize-ensurer.reset-size11.size3{font-size:.28135048em}.katex .sizing.reset-size11.size4,.katex .fontsize-ensurer.reset-size11.size4{font-size:.32154341em}.katex .sizing.reset-size11.size5,.katex .fontsize-ensurer.reset-size11.size5{font-size:.36173633em}.katex .sizing.reset-size11.size6,.katex .fontsize-ensurer.reset-size11.size6{font-size:.40192926em}.katex .sizing.reset-size11.size7,.katex .fontsize-ensurer.reset-size11.size7{font-size:.48231511em}.katex .sizing.reset-size11.size8,.katex .fontsize-ensurer.reset-size11.size8{font-size:.57877814em}.katex .sizing.reset-size11.size9,.katex .fontsize-ensurer.reset-size11.size9{font-size:.69453376em}.katex .sizing.reset-size11.size10,.katex .fontsize-ensurer.reset-size11.size10{font-size:.83360129em}.katex .sizing.reset-size11.size11,.katex .fontsize-ensurer.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter{position:relative}.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .op-limits>.vlist-t{text-align:center}.katex .accent>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{display:block;position:absolute;width:100%;height:inherit;fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex svg path{stroke:none}.katex img{border-style:none;min-width:0;min-height:0;max-width:none;max-height:none}.katex .stretchy{width:100%;display:block;position:relative;overflow:hidden}.katex .stretchy::before,.katex .stretchy::after{content:""}.katex .hide-tail{width:100%;position:relative;overflow:hidden}.katex .halfarrow-left{position:absolute;left:0;width:50.2%;overflow:hidden}.katex .halfarrow-right{position:absolute;right:0;width:50.2%;overflow:hidden}.katex .brace-left{position:absolute;left:0;width:25.1%;overflow:hidden}.katex .brace-center{position:absolute;left:25%;width:50%;overflow:hidden}.katex .brace-right{position:absolute;right:0;width:25.1%;overflow:hidden}.katex .x-arrow-pad{padding:0 .5em}.katex .x-arrow,.katex .mover,.katex .munder{text-align:center}.katex .boxpad{padding:0 .3em 0 .3em}.katex .fbox,.katex .fcolorbox{box-sizing:border-box;border:.04em solid}.katex .cancel-pad{padding:0 .2em 0 .2em}.katex .cancel-lap{margin-left:-0.2em;margin-right:-0.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{text-align:left;padding-left:2em}
\ No newline at end of file
diff --git a/_site/assets/css/style.css b/_site/assets/css/style.css
index ce82ec6..64a5b74 100644
--- a/_site/assets/css/style.css
+++ b/_site/assets/css/style.css
@@ -1,285 +1 @@
-body { background-color: #fefefe; padding: 16px; font-family: -apple-system, helvetica, arial, sans-serif; font-size: 16px; color: #444444; line-height: 1.5em; overflow-wrap: break-word; }
-
-#wrapper { max-width: 800px; margin: auto; }
-
-#wrapper > header { text-align: center; }
-
-.clear-list { list-style-type: none; margin: 0; padding: 0; }
-
-.clear-list li { margin: 0; padding: 0; }
-
-.projects a { font-weight: bold; }
-
-h1, h2, h3, h4, h5, h6 { line-height: 1em; }
-
-header { margin-bottom: 32px; }
-
-hr { border: none; border-bottom: 1px solid #999; }
-
-a { text-decoration: underline; color: #47a; }
-
-a:visited { color: #941452; }
-
-a.nav-link, a.post-title-link { color: #333; text-decoration: none; }
-
-.post-title { line-height: 1.5em; color: #333; }
-
-a.citation-link { text-decoration: none; }
-
-nav { text-align: center; padding: 1em 0px; }
-
-nav a { margin: 1em; color: #333; font-weight: bold; font-style: none; }
-
-nav a:hover { text-decoration: underline; }
-
-li { margin: .5em; }
-
-p { padding: .1em 0; }
-
-table, table tr, table td, table th { border: 1px solid #aaa; border-collapse: collapse; padding: 5px; font-weight: normal; }
-
-table th { font-weight: bold; }
-
-table { width: 75%; margin: auto; }
-
-img { display: block; width: 55%; margin-left: auto; margin-right: auto; }
-
-blockquote { font-style: italic; }
-
-address { font-style: normal; }
-
-@media screen and (max-width: 600px) { body { width: 90%; } #info { margin: 0 7px; } .menu-content { max-height: 0; overflow: hidden; } nav { text-align: left; width: 100%; } nav a { display: block; text-align: left; padding-left: 0; margin-left: 0; } }
-
-.mono { font-family: monospace; }
-
-.bold { font-weight: bold; }
-
-sup { margin: 0; padding: 0; }
-
-figcaption { margin-top: 10px; font-style: italic; }
-
-footer { padding-top: 16px; margin-bottom: 100px; }
-
-.terminal { line-height: 1em; overflow: scroll; padding: 10px; color: #00FF41; margin: 0px; background-color: #151515; }
-
-.file { overflow: scroll; padding: 10px; margin: 0px; line-height: 1.2em; background-color: #dfdfdf; color: #000; }
-
-.small-image { width: 100%; }
-
-.post-date { font-size: 18px; text-transform: uppercase; font-weight: bold; color: #555; }
-
-.post-excerpt { margin: 16px; margin-bottom: 0; }
-
-/* code highlghting */
-.highlight .hll { background-color: #ffffcc; }
-
-.highlight { background: #f0f0f0; }
-
-.highlight .c { color: #60a0b0; font-style: italic; }
-
-/* Comment */
-.highlight .err { border: 1px solid #FF0000; }
-
-/* Error */
-.highlight .k { color: #007020; font-weight: bold; }
-
-/* Keyword */
-.highlight .o { color: #666666; }
-
-/* Operator */
-.highlight .ch { color: #60a0b0; font-style: italic; }
-
-/* Comment.Hashbang */
-.highlight .cm { color: #60a0b0; font-style: italic; }
-
-/* Comment.Multiline */
-.highlight .cp { color: #007020; }
-
-/* Comment.Preproc */
-.highlight .cpf { color: #60a0b0; font-style: italic; }
-
-/* Comment.PreprocFile */
-.highlight .c1 { color: #60a0b0; font-style: italic; }
-
-/* Comment.Single */
-.highlight .cs { color: #60a0b0; background-color: #fff0f0; }
-
-/* Comment.Special */
-.highlight .gd { color: #A00000; }
-
-/* Generic.Deleted */
-.highlight .ge { font-style: italic; }
-
-/* Generic.Emph */
-.highlight .gr { color: #FF0000; }
-
-/* Generic.Error */
-.highlight .gh { color: #000080; font-weight: bold; }
-
-/* Generic.Heading */
-.highlight .gi { color: #00A000; }
-
-/* Generic.Inserted */
-.highlight .go { color: #888888; }
-
-/* Generic.Output */
-.highlight .gp { color: #c65d09; font-weight: bold; }
-
-/* Generic.Prompt */
-.highlight .gs { font-weight: bold; }
-
-/* Generic.Strong */
-.highlight .gu { color: #800080; font-weight: bold; }
-
-/* Generic.Subheading */
-.highlight .gt { color: #0044DD; }
-
-/* Generic.Traceback */
-.highlight .kc { color: #007020; font-weight: bold; }
-
-/* Keyword.Constant */
-.highlight .kd { color: #007020; font-weight: bold; }
-
-/* Keyword.Declaration */
-.highlight .kn { color: #007020; font-weight: bold; }
-
-/* Keyword.Namespace */
-.highlight .kp { color: #007020; }
-
-/* Keyword.Pseudo */
-.highlight .kr { color: #007020; font-weight: bold; }
-
-/* Keyword.Reserved */
-.highlight .kt { color: #902000; }
-
-/* Keyword.Type */
-.highlight .m { color: #40a070; }
-
-/* Literal.Number */
-.highlight .s { color: #4070a0; }
-
-/* Literal.String */
-.highlight .na { color: #4070a0; }
-
-/* Name.Attribute */
-.highlight .nb { color: #007020; }
-
-/* Name.Builtin */
-.highlight .nc { color: #0e84b5; font-weight: bold; }
-
-/* Name.Class */
-.highlight .no { color: #60add5; }
-
-/* Name.Constant */
-.highlight .nd { color: #555555; font-weight: bold; }
-
-/* Name.Decorator */
-.highlight .ni { color: #d55537; font-weight: bold; }
-
-/* Name.Entity */
-.highlight .ne { color: #007020; }
-
-/* Name.Exception */
-.highlight .nf { color: #06287e; }
-
-/* Name.Function */
-.highlight .nl { color: #002070; font-weight: bold; }
-
-/* Name.Label */
-.highlight .nn { color: #0e84b5; font-weight: bold; }
-
-/* Name.Namespace */
-.highlight .nt { color: #062873; font-weight: bold; }
-
-/* Name.Tag */
-.highlight .nv { color: #bb60d5; }
-
-/* Name.Variable */
-.highlight .ow { color: #007020; font-weight: bold; }
-
-/* Operator.Word */
-.highlight .w { color: #bbbbbb; }
-
-/* Text.Whitespace */
-.highlight .mb { color: #40a070; }
-
-/* Literal.Number.Bin */
-.highlight .mf { color: #40a070; }
-
-/* Literal.Number.Float */
-.highlight .mh { color: #40a070; }
-
-/* Literal.Number.Hex */
-.highlight .mi { color: #40a070; }
-
-/* Literal.Number.Integer */
-.highlight .mo { color: #40a070; }
-
-/* Literal.Number.Oct */
-.highlight .sa { color: #4070a0; }
-
-/* Literal.String.Affix */
-.highlight .sb { color: #4070a0; }
-
-/* Literal.String.Backtick */
-.highlight .sc { color: #4070a0; }
-
-/* Literal.String.Char */
-.highlight .dl { color: #4070a0; }
-
-/* Literal.String.Delimiter */
-.highlight .sd { color: #4070a0; font-style: italic; }
-
-/* Literal.String.Doc */
-.highlight .s2 { color: #4070a0; }
-
-/* Literal.String.Double */
-.highlight .se { color: #4070a0; font-weight: bold; }
-
-/* Literal.String.Escape */
-.highlight .sh { color: #4070a0; }
-
-/* Literal.String.Heredoc */
-.highlight .si { color: #70a0d0; font-style: italic; }
-
-/* Literal.String.Interpol */
-.highlight .sx { color: #c65d09; }
-
-/* Literal.String.Other */
-.highlight .sr { color: #235388; }
-
-/* Literal.String.Regex */
-.highlight .s1 { color: #4070a0; }
-
-/* Literal.String.Single */
-.highlight .ss { color: #517918; }
-
-/* Literal.String.Symbol */
-.highlight .bp { color: #007020; }
-
-/* Name.Builtin.Pseudo */
-.highlight .fm { color: #06287e; }
-
-/* Name.Function.Magic */
-.highlight .vc { color: #bb60d5; }
-
-/* Name.Variable.Class */
-.highlight .vg { color: #bb60d5; }
-
-/* Name.Variable.Global */
-.highlight .vi { color: #bb60d5; }
-
-/* Name.Variable.Instance */
-.highlight .vm { color: #bb60d5; }
-
-/* Name.Variable.Magic */
-.highlight .il { color: #40a070; }
-
-/* Literal.Number.Integer.Long */
-/* ADDED CUSTOM */
-.highlight .n { color: #000; }
-
-/* General name */
-div.highlight { padding: 0px 5px; width: 85%; margin: auto; overflow-x: scroll; }
-
-/*# sourceMappingURL=style.css.map */
\ No newline at end of file
+body{background-color:#fefefe;padding:16px;font-family:-apple-system,helvetica,arial,sans-serif;font-size:16px;color:#444;line-height:1.5em;overflow-wrap:break-word}#wrapper{max-width:800px;margin:auto}#wrapper>header{text-align:center}.clear-list{list-style-type:none;margin:0;padding:0}.clear-list li{margin:0;padding:0}.projects a{font-weight:bold}h1,h2,h3,h4,h5,h6{line-height:1em}header{margin-bottom:32px}hr{border:0;border-bottom:1px solid #999}a{text-decoration:underline;color:#47a}a:visited{color:#941452}a.nav-link,a.post-title-link{color:#333;text-decoration:none}.post-title{line-height:1.5em;color:#333}a.citation-link{text-decoration:none}nav{text-align:center;padding:1em 0}nav a{margin:1em;color:#333;font-weight:bold;font-style:none}nav a:hover{text-decoration:underline}li{margin:.5em}p{padding:.1em 0}table,table tr,table td,table th{border:1px solid #aaa;border-collapse:collapse;padding:5px;font-weight:normal}table th{font-weight:bold}table{width:75%;margin:auto}img{display:block;width:55%;margin-left:auto;margin-right:auto}blockquote{font-style:italic}address{font-style:normal}@media screen and (max-width:600px){body{width:90%}#info{margin:0 7px}.menu-content{max-height:0;overflow:hidden}nav{text-align:left;width:100%}nav a{display:block;text-align:left;padding-left:0;margin-left:0}}.mono{font-family:monospace}.bold{font-weight:bold}sup{margin:0;padding:0}figcaption{margin-top:10px;font-style:italic}footer{padding-top:16px;margin-bottom:100px}.terminal{line-height:1em;overflow:scroll;padding:10px;color:#00ff41;margin:0;background-color:#151515}.file{overflow:scroll;padding:10px;margin:0;line-height:1.2em;background-color:#dfdfdf;color:#000}.small-image{width:100%}.post-date{font-size:18px;text-transform:uppercase;font-weight:bold;color:#555}.post-excerpt{margin:16px;margin-bottom:0}.highlight .hll{background-color:#ffc}.highlight{background:#f0f0f0}.highlight .c{color:#60a0b0;font-style:italic}.highlight .err{border:1px solid #f00}.highlight .k{color:#007020;font-weight:bold}.highlight .o{color:#666}.highlight .ch{color:#60a0b0;font-style:italic}.highlight .cm{color:#60a0b0;font-style:italic}.highlight .cp{color:#007020}.highlight .cpf{color:#60a0b0;font-style:italic}.highlight .c1{color:#60a0b0;font-style:italic}.highlight .cs{color:#60a0b0;background-color:#fff0f0}.highlight .gd{color:#a00000}.highlight .ge{font-style:italic}.highlight .gr{color:#f00}.highlight .gh{color:#000080;font-weight:bold}.highlight .gi{color:#00a000}.highlight .go{color:#888}.highlight .gp{color:#c65d09;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#800080;font-weight:bold}.highlight .gt{color:#04d}.highlight .kc{color:#007020;font-weight:bold}.highlight .kd{color:#007020;font-weight:bold}.highlight .kn{color:#007020;font-weight:bold}.highlight .kp{color:#007020}.highlight .kr{color:#007020;font-weight:bold}.highlight .kt{color:#902000}.highlight .m{color:#40a070}.highlight .s{color:#4070a0}.highlight .na{color:#4070a0}.highlight .nb{color:#007020}.highlight .nc{color:#0e84b5;font-weight:bold}.highlight .no{color:#60add5}.highlight .nd{color:#555;font-weight:bold}.highlight .ni{color:#d55537;font-weight:bold}.highlight .ne{color:#007020}.highlight .nf{color:#06287e}.highlight .nl{color:#002070;font-weight:bold}.highlight .nn{color:#0e84b5;font-weight:bold}.highlight .nt{color:#062873;font-weight:bold}.highlight .nv{color:#bb60d5}.highlight .ow{color:#007020;font-weight:bold}.highlight .w{color:#bbb}.highlight .mb{color:#40a070}.highlight .mf{color:#40a070}.highlight .mh{color:#40a070}.highlight .mi{color:#40a070}.highlight .mo{color:#40a070}.highlight .sa{color:#4070a0}.highlight .sb{color:#4070a0}.highlight .sc{color:#4070a0}.highlight .dl{color:#4070a0}.highlight .sd{color:#4070a0;font-style:italic}.highlight .s2{color:#4070a0}.highlight .se{color:#4070a0;font-weight:bold}.highlight .sh{color:#4070a0}.highlight .si{color:#70a0d0;font-style:italic}.highlight .sx{color:#c65d09}.highlight .sr{color:#235388}.highlight .s1{color:#4070a0}.highlight .ss{color:#517918}.highlight .bp{color:#007020}.highlight .fm{color:#06287e}.highlight .vc{color:#bb60d5}.highlight .vg{color:#bb60d5}.highlight .vi{color:#bb60d5}.highlight .vm{color:#bb60d5}.highlight .il{color:#40a070}.highlight .n{color:#000}div.highlight{padding:0 5px;width:85%;margin:auto;overflow-x:scroll}
\ No newline at end of file
diff --git a/_site/assets/css/style.css.map b/_site/assets/css/style.css.map
index 04a4f26..681079a 100644
--- a/_site/assets/css/style.css.map
+++ b/_site/assets/css/style.css.map
@@ -1,14 +1 @@
-{
-	"version": 3,
-	"file": "style.css",
-	"sources": [
-		"style.scss",
-		"_sass/main.scss"
-	],
-	"sourcesContent": [
-		"@import \"main\";\n",
-		"$normal-text-color: #444444;\n$nav-link-color: #333;\n$nav-link-hover-color: black;\n$link-color: #47a;\n$visited-link-color: #941452;\n\n$last-p-padd: 1.5em;\n$nav-padd: 1em;\n$line-under: 1px solid #aaa; \n\n$line-height: 1.5em;\n$term-line-height: 1em;\n$file-line-height: 1.2em;\n\nbody {\n  background-color: #fefefe;\n  padding: 16px;\n  font-family: -apple-system, helvetica, arial, sans-serif;\n  font-size: 16px;\n  color: $normal-text-color;\n  line-height: $line-height;\n  overflow-wrap: break-word;\n}\n#wrapper {\n  max-width: 800px;\n  margin: auto;\n  > header {\n    text-align: center;\n  }\n}\n\n.clear-list {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n.clear-list li {\n  margin: 0;\n  padding: 0;\n}\n.projects a {\n  font-weight: bold;\n}\nh1, h2, h3, h4, h5, h6 {\n  line-height: 1em;\n}\nheader {\n  margin-bottom: 32px;\n}\nhr {\n  border: none;\n  border-bottom: 1px solid #999;\n}\na {\n  text-decoration: underline;\n  color: $link-color;\n}  \na:visited {\n  color: $visited-link-color;\n}\na.nav-link,\na.post-title-link {\n  color: $nav-link-color;\n  text-decoration: none;\n}\n.post-title {\n  line-height: $line-height;\n  color: $nav-link-color;\n}\na.citation-link {\n  text-decoration: none;\n}\n\nnav {\n  text-align: center;\n  padding: $nav-padd 0px;\n}\nnav a {\n  margin: 1em;\n  color: $nav-link-color;\n  font-weight: bold;\n  font-style: none;\n}\nnav a:hover {\n  text-decoration: underline; \n}\n\nli {\n  margin: .5em;\n}\n\np {\n  padding: .1em 0;\n}\n\ntable,\ntable tr,\ntable td,\ntable th {\n  border: 1px solid #aaa;\n  border-collapse: collapse;\n  padding: 5px;\n  font-weight: normal;\n}\ntable th {\n  font-weight: bold;\n}\ntable {\n  width: 75%;\n  margin: auto;\n}\n\nimg {\n  display: block;\n  width: 55%;\n  margin-left: auto;\n  margin-right: auto;\n}\n\nblockquote {\n  font-style: italic;\n}\naddress { \n  font-style: normal;\n}\n\n@media screen and (max-width: 600px){\n  body {\n    width: 90%;\n  }\n  #info {\n    margin: 0 7px;\n  }\n  .menu-content {\n    max-height: 0;\n    overflow: hidden;\n  }\n  nav {\n    text-align: left;\n    width: 100%;\n  }\n  nav a {\n    display: block;\n    text-align: left;\n    padding-left: 0;\n    margin-left: 0;\n  }\n}\n\n.mono {\n  font-family: monospace;\n}\n\n.bold {\n  font-weight: bold;\n}\n\nsup {\n  margin: 0;\n  padding: 0;\n}\n\nfigcaption {\n  margin-top: 10px;\n  font-style: italic;\n}\n\nfooter {\n  padding-top: 16px;\n  margin-bottom: 100px;\n}\n\n.terminal {\n  line-height: $term-line-height;\n  overflow: scroll;\n  padding: 10px; \n  color: #00FF41;\n  margin: 0px;\n  background-color: #151515;\n}\n\n.file {\n  overflow: scroll;\n  padding: 10px;\n  margin: 0px;\n  line-height: $file-line-height;\n  background-color: #dfdfdf;\n  color: #000;\n}\n\n.small-image {\n  width: 100%;\n}\n\n.post-date {\n  font-size: 18px;\n  text-transform: uppercase;\n  font-weight: bold;\n  color: #555;\n}\n\n.post-excerpt {\n  margin: 16px;\n  margin-bottom: 0;\n}\n\n\n/* code highlghting */\n.highlight .hll { background-color: #ffffcc }\n.highlight  { background: #f0f0f0; }\n.highlight .c { color: #60a0b0; font-style: italic } /* Comment */\n.highlight .err { border: 1px solid #FF0000 } /* Error */\n.highlight .k { color: #007020; font-weight: bold } /* Keyword */\n.highlight .o { color: #666666 } /* Operator */\n.highlight .ch { color: #60a0b0; font-style: italic } /* Comment.Hashbang */\n.highlight .cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */\n.highlight .cp { color: #007020 } /* Comment.Preproc */\n.highlight .cpf { color: #60a0b0; font-style: italic } /* Comment.PreprocFile */\n.highlight .c1 { color: #60a0b0; font-style: italic } /* Comment.Single */\n.highlight .cs { color: #60a0b0; background-color: #fff0f0 } /* Comment.Special */\n.highlight .gd { color: #A00000 } /* Generic.Deleted */\n.highlight .ge { font-style: italic } /* Generic.Emph */\n.highlight .gr { color: #FF0000 } /* Generic.Error */\n.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */\n.highlight .gi { color: #00A000 } /* Generic.Inserted */\n.highlight .go { color: #888888 } /* Generic.Output */\n.highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */\n.highlight .gs { font-weight: bold } /* Generic.Strong */\n.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */\n.highlight .gt { color: #0044DD } /* Generic.Traceback */\n.highlight .kc { color: #007020; font-weight: bold } /* Keyword.Constant */\n.highlight .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */\n.highlight .kn { color: #007020; font-weight: bold } /* Keyword.Namespace */\n.highlight .kp { color: #007020 } /* Keyword.Pseudo */\n.highlight .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */\n.highlight .kt { color: #902000 } /* Keyword.Type */\n.highlight .m { color: #40a070 } /* Literal.Number */\n.highlight .s { color: #4070a0 } /* Literal.String */\n.highlight .na { color: #4070a0 } /* Name.Attribute */\n.highlight .nb { color: #007020 } /* Name.Builtin */\n.highlight .nc { color: #0e84b5; font-weight: bold } /* Name.Class */\n.highlight .no { color: #60add5 } /* Name.Constant */\n.highlight .nd { color: #555555; font-weight: bold } /* Name.Decorator */\n.highlight .ni { color: #d55537; font-weight: bold } /* Name.Entity */\n.highlight .ne { color: #007020 } /* Name.Exception */\n.highlight .nf { color: #06287e } /* Name.Function */\n.highlight .nl { color: #002070; font-weight: bold } /* Name.Label */\n.highlight .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */\n.highlight .nt { color: #062873; font-weight: bold } /* Name.Tag */\n.highlight .nv { color: #bb60d5 } /* Name.Variable */\n.highlight .ow { color: #007020; font-weight: bold } /* Operator.Word */\n.highlight .w { color: #bbbbbb } /* Text.Whitespace */\n.highlight .mb { color: #40a070 } /* Literal.Number.Bin */\n.highlight .mf { color: #40a070 } /* Literal.Number.Float */\n.highlight .mh { color: #40a070 } /* Literal.Number.Hex */\n.highlight .mi { color: #40a070 } /* Literal.Number.Integer */\n.highlight .mo { color: #40a070 } /* Literal.Number.Oct */\n.highlight .sa { color: #4070a0 } /* Literal.String.Affix */\n.highlight .sb { color: #4070a0 } /* Literal.String.Backtick */\n.highlight .sc { color: #4070a0 } /* Literal.String.Char */\n.highlight .dl { color: #4070a0 } /* Literal.String.Delimiter */\n.highlight .sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */\n.highlight .s2 { color: #4070a0 } /* Literal.String.Double */\n.highlight .se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */\n.highlight .sh { color: #4070a0 } /* Literal.String.Heredoc */\n.highlight .si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */\n.highlight .sx { color: #c65d09 } /* Literal.String.Other */\n.highlight .sr { color: #235388 } /* Literal.String.Regex */\n.highlight .s1 { color: #4070a0 } /* Literal.String.Single */\n.highlight .ss { color: #517918 } /* Literal.String.Symbol */\n.highlight .bp { color: #007020 } /* Name.Builtin.Pseudo */\n.highlight .fm { color: #06287e } /* Name.Function.Magic */\n.highlight .vc { color: #bb60d5 } /* Name.Variable.Class */\n.highlight .vg { color: #bb60d5 } /* Name.Variable.Global */\n.highlight .vi { color: #bb60d5 } /* Name.Variable.Instance */\n.highlight .vm { color: #bb60d5 } /* Name.Variable.Magic */\n.highlight .il { color: #40a070 } /* Literal.Number.Integer.Long */\n\n/* ADDED CUSTOM */\n.highlight .n { color: #000; } /* General name */\n\ndiv.highlight {\n  padding: 0px 5px;\n  width: 85%;\n  margin: auto;\n  overflow-x: scroll;\n}\n"
-	],
-	"names": [],
-	"mappings": "ACcA,AAAA,IAAI,CAAC,EACH,gBAAgB,EAAE,OAAO,EACzB,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,2CAA2C,EACxD,SAAS,EAAE,IAAI,EACf,KAAK,EAnBa,OAAO,EAoBzB,WAAW,EAVC,KAAK,EAWjB,aAAa,EAAE,UAAU,GAC1B;;AACD,AAAA,QAAQ,CAAC,EACP,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,IAAI,GAIb;;AAND,AAGE,QAHM,GAGJ,MAAM,CAAC,EACP,UAAU,EAAE,MAAM,GACnB;;AAGH,AAAA,WAAW,CAAC,EACV,eAAe,EAAE,IAAI,EACrB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,GACX;;AACD,AAAA,WAAW,CAAC,EAAE,CAAC,EACb,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,GACX;;AACD,AAAA,SAAS,CAAC,CAAC,CAAC,EACV,WAAW,EAAE,IAAI,GAClB;;AACD,AAAA,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EACrB,WAAW,EAAE,GAAG,GACjB;;AACD,AAAA,MAAM,CAAC,EACL,aAAa,EAAE,IAAI,GACpB;;AACD,AAAA,EAAE,CAAC,EACD,MAAM,EAAE,IAAI,EACZ,aAAa,EAAE,cAAc,GAC9B;;AACD,AAAA,CAAC,CAAC,EACA,eAAe,EAAE,SAAS,EAC1B,KAAK,EApDM,IAAI,GAqDhB;;AACD,AAAA,CAAC,CAAC,OAAO,CAAC,EACR,KAAK,EAtDc,OAAO,GAuD3B;;AACD,AAAA,CAAC,AAAA,SAAS,EACV,CAAC,AAAA,gBAAgB,CAAC,EAChB,KAAK,EA7DU,IAAI,EA8DnB,eAAe,EAAE,IAAI,GACtB;;AACD,AAAA,WAAW,CAAC,EACV,WAAW,EAxDC,KAAK,EAyDjB,KAAK,EAlEU,IAAI,GAmEpB;;AACD,AAAA,CAAC,AAAA,cAAc,CAAC,EACd,eAAe,EAAE,IAAI,GACtB;;AAED,AAAA,GAAG,CAAC,EACF,UAAU,EAAE,MAAM,EAClB,OAAO,EApEE,GAAG,CAoEO,GAAG,GACvB;;AACD,AAAA,GAAG,CAAC,CAAC,CAAC,EACJ,MAAM,EAAE,GAAG,EACX,KAAK,EA9EU,IAAI,EA+EnB,WAAW,EAAE,IAAI,EACjB,UAAU,EAAE,IAAI,GACjB;;AACD,AAAA,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EACV,eAAe,EAAE,SAAS,GAC3B;;AAED,AAAA,EAAE,CAAC,EACD,MAAM,EAAE,IAAI,GACb;;AAED,AAAA,CAAC,CAAC,EACA,OAAO,EAAE,MAAM,GAChB;;AAED,AAAA,KAAK,EACL,KAAK,CAAC,EAAE,EACR,KAAK,CAAC,EAAE,EACR,KAAK,CAAC,EAAE,CAAC,EACP,MAAM,EAAE,cAAc,EACtB,eAAe,EAAE,QAAQ,EACzB,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,MAAM,GACpB;;AACD,AAAA,KAAK,CAAC,EAAE,CAAC,EACP,WAAW,EAAE,IAAI,GAClB;;AACD,AAAA,KAAK,CAAC,EACJ,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,IAAI,GACb;;AAED,AAAA,GAAG,CAAC,EACF,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,GAAG,EACV,WAAW,EAAE,IAAI,EACjB,YAAY,EAAE,IAAI,GACnB;;AAED,AAAA,UAAU,CAAC,EACT,UAAU,EAAE,MAAM,GACnB;;AACD,AAAA,OAAO,CAAC,EACN,UAAU,EAAE,MAAM,GACnB;;AAED,MAAM,8BACJ,GAAA,AAAA,IAAI,CAAC,EACH,KAAK,EAAE,GAAG,GACX,CACD,AAAA,KAAK,CAAC,EACJ,MAAM,EAAE,KAAK,GACd,CACD,AAAA,aAAa,CAAC,EACZ,UAAU,EAAE,CAAC,EACb,QAAQ,EAAE,MAAM,GACjB,CACD,AAAA,GAAG,CAAC,EACF,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,IAAI,GACZ,CACD,AAAA,GAAG,CAAC,CAAC,CAAC,EACJ,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,IAAI,EAChB,YAAY,EAAE,CAAC,EACf,WAAW,EAAE,CAAC,GACf,EAjBA;;AAoBH,AAAA,KAAK,CAAC,EACJ,WAAW,EAAE,SAAS,GACvB;;AAED,AAAA,KAAK,CAAC,EACJ,WAAW,EAAE,IAAI,GAClB;;AAED,AAAA,GAAG,CAAC,EACF,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,GACX;;AAED,AAAA,UAAU,CAAC,EACT,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,MAAM,GACnB;;AAED,AAAA,MAAM,CAAC,EACL,WAAW,EAAE,IAAI,EACjB,aAAa,EAAE,KAAK,GACrB;;AAED,AAAA,SAAS,CAAC,EACR,WAAW,EAlKM,GAAG,EAmKpB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,GAAG,EACX,gBAAgB,EAAE,OAAO,GAC1B;;AAED,AAAA,KAAK,CAAC,EACJ,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,GAAG,EACX,WAAW,EA7KM,KAAK,EA8KtB,gBAAgB,EAAE,OAAO,EACzB,KAAK,EAAE,IAAI,GACZ;;AAED,AAAA,YAAY,CAAC,EACX,KAAK,EAAE,IAAI,GACZ;;AAED,AAAA,UAAU,CAAC,EACT,SAAS,EAAE,IAAI,EACf,cAAc,EAAE,SAAS,EACzB,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,IAAI,GACZ;;AAED,AAAA,aAAa,CAAC,EACZ,MAAM,EAAE,IAAI,EACZ,aAAa,EAAE,CAAC,GACjB;;AAGD,sBAAsB;AACtB,AAAA,UAAU,CAAC,IAAI,CAAC,EAAE,gBAAgB,EAAE,OAAQ,GAAE;;AAC9C,AAAA,UAAU,CAAE,EAAE,UAAU,EAAE,OAAO,GAAI;;AACrC,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,aAAa;AAClE,AAAA,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,iBAAkB,GAAE;;AAAA,WAAW;AACzD,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,aAAa;AACjE,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,cAAc;AAC/C,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,sBAAsB;AAC5E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,uBAAuB;AAC7E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,qBAAqB;AACvD,AAAA,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,yBAAyB;AAChF,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,oBAAoB;AAC1E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAQ,GAAE;;AAAA,qBAAqB;AAClF,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,qBAAqB;AACvD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,kBAAkB;AACxD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,mBAAmB;AACrD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,qBAAqB;AAC1E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,sBAAsB;AACxD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,oBAAoB;AACtD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,oBAAoB;AACzE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,oBAAoB;AACzD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,wBAAwB;AAC7E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,uBAAuB;AACzD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,sBAAsB;AAC3E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,yBAAyB;AAC9E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,uBAAuB;AAC5E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,oBAAoB;AACtD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,sBAAsB;AAC3E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,kBAAkB;AACpD,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,oBAAoB;AACrD,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,oBAAoB;AACrD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,oBAAoB;AACtD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,kBAAkB;AACpD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,gBAAgB;AACrE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,mBAAmB;AACrD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,oBAAoB;AACzE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,iBAAiB;AACtE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,oBAAoB;AACtD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,mBAAmB;AACrD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,gBAAgB;AACrE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,oBAAoB;AACzE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,cAAc;AACnE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,mBAAmB;AACrD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,mBAAmB;AACxE,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,qBAAqB;AACtD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,wBAAwB;AAC1D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,0BAA0B;AAC5D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,wBAAwB;AAC1D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,4BAA4B;AAC9D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,wBAAwB;AAC1D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,0BAA0B;AAC5D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,6BAA6B;AAC/D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,yBAAyB;AAC3D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,8BAA8B;AAChE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,wBAAwB;AAC9E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,2BAA2B;AAC7D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,2BAA2B;AAChF,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,4BAA4B;AAC9D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,6BAA6B;AACnF,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,0BAA0B;AAC5D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,0BAA0B;AAC5D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,2BAA2B;AAC7D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,2BAA2B;AAC7D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,yBAAyB;AAC3D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,yBAAyB;AAC3D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,yBAAyB;AAC3D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,0BAA0B;AAC5D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,4BAA4B;AAC9D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,yBAAyB;AAC3D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,iCAAiC;AAEnE,kBAAkB;AAClB,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,GAAI;;AAAA,kBAAkB;AAEjD,AAAA,GAAG,AAAA,UAAU,CAAC,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,IAAI,EACZ,UAAU,EAAE,MAAM,GACnB"
-}
\ No newline at end of file
+{ "version": 3, "file": "style.css", "sources": [ "style.scss", "_sass/main.scss" ], "sourcesContent": [ "@import \"main\";\n", "$normal-text-color: #444444;\n$nav-link-color: #333;\n$nav-link-hover-color: black;\n$link-color: #47a;\n$visited-link-color: #941452;\n\n$last-p-padd: 1.5em;\n$nav-padd: 1em;\n$line-under: 1px solid #aaa; \n\n$line-height: 1.5em;\n$term-line-height: 1em;\n$file-line-height: 1.2em;\n\nbody {\n background-color: #fefefe;\n padding: 16px;\n font-family: -apple-system, helvetica, arial, sans-serif;\n font-size: 16px;\n color: $normal-text-color;\n line-height: $line-height;\n overflow-wrap: break-word;\n}\n#wrapper {\n max-width: 800px;\n margin: auto;\n > header {\n text-align: center;\n }\n}\n\n.clear-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n.clear-list li {\n margin: 0;\n padding: 0;\n}\n.projects a {\n font-weight: bold;\n}\nh1, h2, h3, h4, h5, h6 {\n line-height: 1em;\n}\nheader {\n margin-bottom: 32px;\n}\nhr {\n border: none;\n border-bottom: 1px solid #999;\n}\na {\n text-decoration: underline;\n color: $link-color;\n} \na:visited {\n color: $visited-link-color;\n}\na.nav-link,\na.post-title-link {\n color: $nav-link-color;\n text-decoration: none;\n}\n.post-title {\n line-height: $line-height;\n color: $nav-link-color;\n}\na.citation-link {\n text-decoration: none;\n}\n\nnav {\n text-align: center;\n padding: $nav-padd 0px;\n}\nnav a {\n margin: 1em;\n color: $nav-link-color;\n font-weight: bold;\n font-style: none;\n}\nnav a:hover {\n text-decoration: underline; \n}\n\nli {\n margin: .5em;\n}\n\np {\n padding: .1em 0;\n}\n\ntable,\ntable tr,\ntable td,\ntable th {\n border: 1px solid #aaa;\n border-collapse: collapse;\n padding: 5px;\n font-weight: normal;\n}\ntable th {\n font-weight: bold;\n}\ntable {\n width: 75%;\n margin: auto;\n}\n\nimg {\n display: block;\n width: 55%;\n margin-left: auto;\n margin-right: auto;\n}\n\nblockquote {\n font-style: italic;\n}\naddress { \n font-style: normal;\n}\n\n@media screen and (max-width: 600px){\n body {\n width: 90%;\n }\n #info {\n margin: 0 7px;\n }\n .menu-content {\n max-height: 0;\n overflow: hidden;\n }\n nav {\n text-align: left;\n width: 100%;\n }\n nav a {\n display: block;\n text-align: left;\n padding-left: 0;\n margin-left: 0;\n }\n}\n\n.mono {\n font-family: monospace;\n}\n\n.bold {\n font-weight: bold;\n}\n\nsup {\n margin: 0;\n padding: 0;\n}\n\nfigcaption {\n margin-top: 10px;\n font-style: italic;\n}\n\nfooter {\n padding-top: 16px;\n margin-bottom: 100px;\n}\n\n.terminal {\n line-height: $term-line-height;\n overflow: scroll;\n padding: 10px; \n color: #00FF41;\n margin: 0px;\n background-color: #151515;\n}\n\n.file {\n overflow: scroll;\n padding: 10px;\n margin: 0px;\n line-height: $file-line-height;\n background-color: #dfdfdf;\n color: #000;\n}\n\n.small-image {\n width: 100%;\n}\n\n.post-date {\n font-size: 18px;\n text-transform: uppercase;\n font-weight: bold;\n color: #555;\n}\n\n.post-excerpt {\n margin: 16px;\n margin-bottom: 0;\n}\n\n\n/* code highlghting */\n.highlight .hll { background-color: #ffffcc }\n.highlight { background: #f0f0f0; }\n.highlight .c { color: #60a0b0; font-style: italic } /* Comment */\n.highlight .err { border: 1px solid #FF0000 } /* Error */\n.highlight .k { color: #007020; font-weight: bold } /* Keyword */\n.highlight .o { color: #666666 } /* Operator */\n.highlight .ch { color: #60a0b0; font-style: italic } /* Comment.Hashbang */\n.highlight .cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */\n.highlight .cp { color: #007020 } /* Comment.Preproc */\n.highlight .cpf { color: #60a0b0; font-style: italic } /* Comment.PreprocFile */\n.highlight .c1 { color: #60a0b0; font-style: italic } /* Comment.Single */\n.highlight .cs { color: #60a0b0; background-color: #fff0f0 } /* Comment.Special */\n.highlight .gd { color: #A00000 } /* Generic.Deleted */\n.highlight .ge { font-style: italic } /* Generic.Emph */\n.highlight .gr { color: #FF0000 } /* Generic.Error */\n.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */\n.highlight .gi { color: #00A000 } /* Generic.Inserted */\n.highlight .go { color: #888888 } /* Generic.Output */\n.highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */\n.highlight .gs { font-weight: bold } /* Generic.Strong */\n.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */\n.highlight .gt { color: #0044DD } /* Generic.Traceback */\n.highlight .kc { color: #007020; font-weight: bold } /* Keyword.Constant */\n.highlight .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */\n.highlight .kn { color: #007020; font-weight: bold } /* Keyword.Namespace */\n.highlight .kp { color: #007020 } /* Keyword.Pseudo */\n.highlight .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */\n.highlight .kt { color: #902000 } /* Keyword.Type */\n.highlight .m { color: #40a070 } /* Literal.Number */\n.highlight .s { color: #4070a0 } /* Literal.String */\n.highlight .na { color: #4070a0 } /* Name.Attribute */\n.highlight .nb { color: #007020 } /* Name.Builtin */\n.highlight .nc { color: #0e84b5; font-weight: bold } /* Name.Class */\n.highlight .no { color: #60add5 } /* Name.Constant */\n.highlight .nd { color: #555555; font-weight: bold } /* Name.Decorator */\n.highlight .ni { color: #d55537; font-weight: bold } /* Name.Entity */\n.highlight .ne { color: #007020 } /* Name.Exception */\n.highlight .nf { color: #06287e } /* Name.Function */\n.highlight .nl { color: #002070; font-weight: bold } /* Name.Label */\n.highlight .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */\n.highlight .nt { color: #062873; font-weight: bold } /* Name.Tag */\n.highlight .nv { color: #bb60d5 } /* Name.Variable */\n.highlight .ow { color: #007020; font-weight: bold } /* Operator.Word */\n.highlight .w { color: #bbbbbb } /* Text.Whitespace */\n.highlight .mb { color: #40a070 } /* Literal.Number.Bin */\n.highlight .mf { color: #40a070 } /* Literal.Number.Float */\n.highlight .mh { color: #40a070 } /* Literal.Number.Hex */\n.highlight .mi { color: #40a070 } /* Literal.Number.Integer */\n.highlight .mo { color: #40a070 } /* Literal.Number.Oct */\n.highlight .sa { color: #4070a0 } /* Literal.String.Affix */\n.highlight .sb { color: #4070a0 } /* Literal.String.Backtick */\n.highlight .sc { color: #4070a0 } /* Literal.String.Char */\n.highlight .dl { color: #4070a0 } /* Literal.String.Delimiter */\n.highlight .sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */\n.highlight .s2 { color: #4070a0 } /* Literal.String.Double */\n.highlight .se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */\n.highlight .sh { color: #4070a0 } /* Literal.String.Heredoc */\n.highlight .si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */\n.highlight .sx { color: #c65d09 } /* Literal.String.Other */\n.highlight .sr { color: #235388 } /* Literal.String.Regex */\n.highlight .s1 { color: #4070a0 } /* Literal.String.Single */\n.highlight .ss { color: #517918 } /* Literal.String.Symbol */\n.highlight .bp { color: #007020 } /* Name.Builtin.Pseudo */\n.highlight .fm { color: #06287e } /* Name.Function.Magic */\n.highlight .vc { color: #bb60d5 } /* Name.Variable.Class */\n.highlight .vg { color: #bb60d5 } /* Name.Variable.Global */\n.highlight .vi { color: #bb60d5 } /* Name.Variable.Instance */\n.highlight .vm { color: #bb60d5 } /* Name.Variable.Magic */\n.highlight .il { color: #40a070 } /* Literal.Number.Integer.Long */\n\n/* ADDED CUSTOM */\n.highlight .n { color: #000; } /* General name */\n\ndiv.highlight {\n padding: 0px 5px;\n width: 85%;\n margin: auto;\n overflow-x: scroll;\n}\n" ], "names": [], "mappings": "ACcA,AAAA,IAAI,CAAC,EACH,gBAAgB,EAAE,OAAO,EACzB,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,2CAA2C,EACxD,SAAS,EAAE,IAAI,EACf,KAAK,EAnBa,OAAO,EAoBzB,WAAW,EAVC,KAAK,EAWjB,aAAa,EAAE,UAAU,GAC1B;;AACD,AAAA,QAAQ,CAAC,EACP,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,IAAI,GAIb;;AAND,AAGE,QAHM,GAGJ,MAAM,CAAC,EACP,UAAU,EAAE,MAAM,GACnB;;AAGH,AAAA,WAAW,CAAC,EACV,eAAe,EAAE,IAAI,EACrB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,GACX;;AACD,AAAA,WAAW,CAAC,EAAE,CAAC,EACb,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,GACX;;AACD,AAAA,SAAS,CAAC,CAAC,CAAC,EACV,WAAW,EAAE,IAAI,GAClB;;AACD,AAAA,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EACrB,WAAW,EAAE,GAAG,GACjB;;AACD,AAAA,MAAM,CAAC,EACL,aAAa,EAAE,IAAI,GACpB;;AACD,AAAA,EAAE,CAAC,EACD,MAAM,EAAE,IAAI,EACZ,aAAa,EAAE,cAAc,GAC9B;;AACD,AAAA,CAAC,CAAC,EACA,eAAe,EAAE,SAAS,EAC1B,KAAK,EApDM,IAAI,GAqDhB;;AACD,AAAA,CAAC,CAAC,OAAO,CAAC,EACR,KAAK,EAtDc,OAAO,GAuD3B;;AACD,AAAA,CAAC,AAAA,SAAS,EACV,CAAC,AAAA,gBAAgB,CAAC,EAChB,KAAK,EA7DU,IAAI,EA8DnB,eAAe,EAAE,IAAI,GACtB;;AACD,AAAA,WAAW,CAAC,EACV,WAAW,EAxDC,KAAK,EAyDjB,KAAK,EAlEU,IAAI,GAmEpB;;AACD,AAAA,CAAC,AAAA,cAAc,CAAC,EACd,eAAe,EAAE,IAAI,GACtB;;AAED,AAAA,GAAG,CAAC,EACF,UAAU,EAAE,MAAM,EAClB,OAAO,EApEE,GAAG,CAoEO,GAAG,GACvB;;AACD,AAAA,GAAG,CAAC,CAAC,CAAC,EACJ,MAAM,EAAE,GAAG,EACX,KAAK,EA9EU,IAAI,EA+EnB,WAAW,EAAE,IAAI,EACjB,UAAU,EAAE,IAAI,GACjB;;AACD,AAAA,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EACV,eAAe,EAAE,SAAS,GAC3B;;AAED,AAAA,EAAE,CAAC,EACD,MAAM,EAAE,IAAI,GACb;;AAED,AAAA,CAAC,CAAC,EACA,OAAO,EAAE,MAAM,GAChB;;AAED,AAAA,KAAK,EACL,KAAK,CAAC,EAAE,EACR,KAAK,CAAC,EAAE,EACR,KAAK,CAAC,EAAE,CAAC,EACP,MAAM,EAAE,cAAc,EACtB,eAAe,EAAE,QAAQ,EACzB,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,MAAM,GACpB;;AACD,AAAA,KAAK,CAAC,EAAE,CAAC,EACP,WAAW,EAAE,IAAI,GAClB;;AACD,AAAA,KAAK,CAAC,EACJ,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,IAAI,GACb;;AAED,AAAA,GAAG,CAAC,EACF,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,GAAG,EACV,WAAW,EAAE,IAAI,EACjB,YAAY,EAAE,IAAI,GACnB;;AAED,AAAA,UAAU,CAAC,EACT,UAAU,EAAE,MAAM,GACnB;;AACD,AAAA,OAAO,CAAC,EACN,UAAU,EAAE,MAAM,GACnB;;AAED,MAAM,8BACJ,GAAA,AAAA,IAAI,CAAC,EACH,KAAK,EAAE,GAAG,GACX,CACD,AAAA,KAAK,CAAC,EACJ,MAAM,EAAE,KAAK,GACd,CACD,AAAA,aAAa,CAAC,EACZ,UAAU,EAAE,CAAC,EACb,QAAQ,EAAE,MAAM,GACjB,CACD,AAAA,GAAG,CAAC,EACF,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,IAAI,GACZ,CACD,AAAA,GAAG,CAAC,CAAC,CAAC,EACJ,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,IAAI,EAChB,YAAY,EAAE,CAAC,EACf,WAAW,EAAE,CAAC,GACf,EAjBA;;AAoBH,AAAA,KAAK,CAAC,EACJ,WAAW,EAAE,SAAS,GACvB;;AAED,AAAA,KAAK,CAAC,EACJ,WAAW,EAAE,IAAI,GAClB;;AAED,AAAA,GAAG,CAAC,EACF,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,GACX;;AAED,AAAA,UAAU,CAAC,EACT,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,MAAM,GACnB;;AAED,AAAA,MAAM,CAAC,EACL,WAAW,EAAE,IAAI,EACjB,aAAa,EAAE,KAAK,GACrB;;AAED,AAAA,SAAS,CAAC,EACR,WAAW,EAlKM,GAAG,EAmKpB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,GAAG,EACX,gBAAgB,EAAE,OAAO,GAC1B;;AAED,AAAA,KAAK,CAAC,EACJ,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,GAAG,EACX,WAAW,EA7KM,KAAK,EA8KtB,gBAAgB,EAAE,OAAO,EACzB,KAAK,EAAE,IAAI,GACZ;;AAED,AAAA,YAAY,CAAC,EACX,KAAK,EAAE,IAAI,GACZ;;AAED,AAAA,UAAU,CAAC,EACT,SAAS,EAAE,IAAI,EACf,cAAc,EAAE,SAAS,EACzB,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,IAAI,GACZ;;AAED,AAAA,aAAa,CAAC,EACZ,MAAM,EAAE,IAAI,EACZ,aAAa,EAAE,CAAC,GACjB;;AAGD,sBAAsB;AACtB,AAAA,UAAU,CAAC,IAAI,CAAC,EAAE,gBAAgB,EAAE,OAAQ,GAAE;;AAC9C,AAAA,UAAU,CAAE,EAAE,UAAU,EAAE,OAAO,GAAI;;AACrC,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,aAAa;AAClE,AAAA,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,iBAAkB,GAAE;;AAAA,WAAW;AACzD,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,aAAa;AACjE,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,cAAc;AAC/C,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,sBAAsB;AAC5E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,uBAAuB;AAC7E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,qBAAqB;AACvD,AAAA,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,yBAAyB;AAChF,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,oBAAoB;AAC1E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAQ,GAAE;;AAAA,qBAAqB;AAClF,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,qBAAqB;AACvD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,kBAAkB;AACxD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,mBAAmB;AACrD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,qBAAqB;AAC1E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,sBAAsB;AACxD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,oBAAoB;AACtD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,oBAAoB;AACzE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,oBAAoB;AACzD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,wBAAwB;AAC7E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,uBAAuB;AACzD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,sBAAsB;AAC3E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,yBAAyB;AAC9E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,uBAAuB;AAC5E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,oBAAoB;AACtD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,sBAAsB;AAC3E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,kBAAkB;AACpD,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,oBAAoB;AACrD,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,oBAAoB;AACrD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,oBAAoB;AACtD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,kBAAkB;AACpD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,gBAAgB;AACrE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,mBAAmB;AACrD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,oBAAoB;AACzE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,iBAAiB;AACtE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,oBAAoB;AACtD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,mBAAmB;AACrD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,gBAAgB;AACrE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,oBAAoB;AACzE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,cAAc;AACnE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,mBAAmB;AACrD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,mBAAmB;AACxE,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,qBAAqB;AACtD,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,wBAAwB;AAC1D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,0BAA0B;AAC5D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,wBAAwB;AAC1D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,4BAA4B;AAC9D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,wBAAwB;AAC1D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,0BAA0B;AAC5D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,6BAA6B;AAC/D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,yBAAyB;AAC3D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,8BAA8B;AAChE,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,wBAAwB;AAC9E,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,2BAA2B;AAC7D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAK,GAAE;;AAAA,2BAA2B;AAChF,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,4BAA4B;AAC9D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAO,GAAE;;AAAA,6BAA6B;AACnF,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,0BAA0B;AAC5D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,0BAA0B;AAC5D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,2BAA2B;AAC7D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,2BAA2B;AAC7D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,yBAAyB;AAC3D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,yBAAyB;AAC3D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,yBAAyB;AAC3D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,0BAA0B;AAC5D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,4BAA4B;AAC9D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,yBAAyB;AAC3D,AAAA,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAQ,GAAE;;AAAA,iCAAiC;AAEnE,kBAAkB;AAClB,AAAA,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,GAAI;;AAAA,kBAAkB;AAEjD,AAAA,GAAG,AAAA,UAAU,CAAC,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,IAAI,EACZ,UAAU,EAAE,MAAM,GACnB" }
\ No newline at end of file
diff --git a/_site/assets/js/hacked.js b/_site/assets/js/hacked.js
index 212749b..5f26145 100644
--- a/_site/assets/js/hacked.js
+++ b/_site/assets/js/hacked.js
@@ -1,2 +1 @@
-alert("Warning! This site is insecure and open to an attack called XSS. You are now being redirected to an article about this vulnerability.");
-window.href = "https://tait.tech/2020/04/22/quiz-your-friends.html";
+alert("Warning! This site is insecure and open to an attack called XSS. You are now being redirected to an article about this vulnerability."),window.href="https://tait.tech/2020/04/22/quiz-your-friends.html";
\ No newline at end of file
diff --git a/_site/blog/index.html b/_site/blog/index.html
index a1f4d6d..b4f75af 100644
--- a/_site/blog/index.html
+++ b/_site/blog/index.html
@@ -1,415 +1 @@
-<!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>
-    <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 QuintenC’s 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>
-    <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 Let’s Encrypt certificates and nginx configurations setup…
-and it wouldn’t work.
-Here are some tips for myself and future Lichess developers.</p>
-</div>
-</article>
-
-<article>
-  <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 Lunduke’s 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>
-    <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>
-    <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>
-    <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 don’t have the spirit of curiosity burning inside of you.</p>
-</div>
-</article>
-
-<article>
-  <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 didn’t look quite right, and I for sure didn’t quite get the whole cascading tile reveal thing.
-With a bit of internet research, I found what I was looking for.
-I’ll explain it all in one place for my own research purposes.</p>
-</div>
-</article>
-
-<article>
-  <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>
-    <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>
-    <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>
-    <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 Canada’s <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 government’s own website.
-In this article, I will explain how you can do the same.</p>
-</div>
-</article>
-
-<article>
-  <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 don’t have to recompile it three times like I did.</p>
-</div>
-</article>
-
-<article>
-  <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>
-    <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>
-    <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>
-    <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 I’ll be working on which should be live within the month of May:
-Clue.</p>
-</div>
-</article>
-
-<article>
-  <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 nginx’s <code class="language-plaintext highlighter-rouge">reverse_proxy</code> directive then this is the article for you!</p>
-</div>
-</article>
-
-<article>
-  <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>
-    <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>
-    <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>
-    <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>
-    <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>
-    <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>
-    <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 business’s secret to stay ahead of the competition?</p>
-</div>
-</article>
-
-<article>
-  <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 is mirrored on <a href="https://beta.tait.tech/blog/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!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> <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> <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 QuintenC’s 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> <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 Let’s Encrypt certificates and nginx configurations setup… and it wouldn’t work. Here are some tips for myself and future Lichess developers.</p> </div> </article> <article> <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 Lunduke’s 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> <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> <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> <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 don’t have the spirit of curiosity burning inside of you.</p> </div> </article> <article> <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 didn’t look quite right, and I for sure didn’t quite get the whole cascading tile reveal thing. With a bit of internet research, I found what I was looking for. I’ll explain it all in one place for my own research purposes.</p> </div> </article> <article> <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> <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> <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> <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 Canada’s <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 government’s own website. In this article, I will explain how you can do the same.</p> </div> </article> <article> <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 don’t have to recompile it three times like I did.</p> </div> </article> <article> <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> <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> <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> <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 I’ll be working on which should be live within the month of May: Clue.</p> </div> </article> <article> <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 nginx’s <code class="language-plaintext highlighter-rouge">reverse_proxy</code> directive then this is the article for you!</p> </div> </article> <article> <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> <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> <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> <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> <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> <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> <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 business’s secret to stay ahead of the competition?</p> </div> </article> <article> <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 is mirrored on <a href="https://beta.tait.tech/blog/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/contact/index.html b/_site/contact/index.html
index 827ed42..f781ed7 100644
--- a/_site/contact/index.html
+++ b/_site/contact/index.html
@@ -1,56 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title> | 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"  >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>
-        <p>Here are my contact details if you would like to contact me professionally or personally.</p>
-
-<div>Personal Email - tait.hoyem@protonmail.com</div>
-<p><br /></p>
-
-<div>Work Email - tait@tait.tech</div>
-<p><br /></p>
-
-<div>School Email - tait.hoyem@edu.sait.ca</div>
-<p><br /></p>
-
-<div>Phone - +1 (403) 771-4754</div>
-<p><br /></p>
-
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/contact/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> | 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">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> <p>Here are my contact details if you would like to contact me professionally or personally.</p> <div>Personal Email - tait.hoyem@protonmail.com</div> <p><br/></p> <div>Work Email - tait@tait.tech</div> <p><br/></p> <div>School Email - tait.hoyem@edu.sait.ca</div> <p><br/></p> <div>Phone - +1 (403) 771-4754</div> <p><br/></p> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/contact/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/cover-letter-vcc/index.html b/_site/cover-letter-vcc/index.html
index 44d8a95..5385615 100644
--- a/_site/cover-letter-vcc/index.html
+++ b/_site/cover-letter-vcc/index.html
@@ -1,40 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Cover Letter - VCC | tait.tech</title>
-  <link rel="stylesheet" href="/assets/css/style.css">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
-<body>
-  <main>
-    <div id="wrapper">
-      <h2 id="tait-hoyem">Tait Hoyem</h2>
-
-<p>Hello, Alice</p>
-
-<p>This will be short and sweet.</p>
-
-<p>Copying and explaining information in accessible ways is something I have been doing my entire life—sometimes without realizing it.
-As a partially-sighted student,
-I know what information makes sense without visuals and what information will be completely meaningless without additional context or description.</p>
-
-<p>I also have some background in computer science.
-This allows me to transcribe and explain only what is important.
-Somebody without this background may not know when a number being shown on screen is important or when it is genuinely meaningless.
-I also do not need to go back and forth to the text I am copying from to be one-hundered percent sure I have the right paranthasies, brackets, less-than signs, et cetera.
-All these patterns make sense to me when I read them.</p>
-
-<p>Although I would prefer to work with computer science students,
-I am willing to be used more broadly if that is of use to you.</p>
-
-<p>Thank you for your consideration,</p>
-
-<p>—Tait Hoyem</p>
-
-      <footer>
-      </footer>
-    </div>
-  </main>
-</body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Cover Letter - VCC | tait.tech</title> <link rel="stylesheet" href="/assets/css/style.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <main> <div id="wrapper"> <h2 id="tait-hoyem">Tait Hoyem</h2> <p>Hello, Alice</p> <p>This will be short and sweet.</p> <p>Copying and explaining information in accessible ways is something I have been doing my entire life—sometimes without realizing it. As a partially-sighted student, I know what information makes sense without visuals and what information will be completely meaningless without additional context or description.</p> <p>I also have some background in computer science. This allows me to transcribe and explain only what is important. Somebody without this background may not know when a number being shown on screen is important or when it is genuinely meaningless. I also do not need to go back and forth to the text I am copying from to be one-hundered percent sure I have the right paranthasies, brackets, less-than signs, et cetera. All these patterns make sense to me when I read them.</p> <p>Although I would prefer to work with computer science students, I am willing to be used more broadly if that is of use to you.</p> <p>Thank you for your consideration,</p> <p>—Tait Hoyem</p> <footer> </footer> </div> </main> </body> </html>
\ No newline at end of file
diff --git a/_site/cover-letters/bloombase/index.html b/_site/cover-letters/bloombase/index.html
index 96da1a7..d2cf2ab 100644
--- a/_site/cover-letters/bloombase/index.html
+++ b/_site/cover-letters/bloombase/index.html
@@ -1,15 +1,4 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Cover Letter | Bloombase | tait.tech</title>
-  <link rel="stylesheet" href="/assets/css/style.css">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
-<body>
-  <main>
-    <div id="wrapper">
-      <pre class="line-under">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Cover Letter | Bloombase | tait.tech</title> <link rel="stylesheet" href="/assets/css/style.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <main> <div id="wrapper"> <pre class="line-under">
 To: Bloombase
 
 128 W Hastings St #350
@@ -17,43 +6,4 @@ Vancouver, British Columbia
 V6B 1G8, Canada
 
 Job Number: 620145
-</pre>
-
-<p>I am a student at the Southern Alberta Institute of Technology (SAIT),
-in Calgary, Alberta
-where I am taking a general IT diploma with a software development major.</p>
-
-<p>The simple way of explaining my relationship with security is that it is <em>exactly</em> what I want to be doing with my career.
-When given an assignment to chose any technology related topic,
-I chose to talk about Edward Snowden;
-for an emerging trend topic, I delved into public-key encryption and the Curve25519 eliptic crytographic method.</p>
-
-<p>I run Linux as my primary operating system, and I use an offline password manager. My browser clears cookies every time I restart it.
-These are some basic things I do personally to protect myself.</p>
-
-<p>I think everybody has things they should be keeping secure,
-and I am very motivated to help them achieve the messure of security needed.</p>
-
-<p>Security is build right into my goals for my programming career. I have two goals:</p>
-
-<ol>
-  <li>Create ease of use for strong crytography, security and privacy tools.</li>
-  <li>Accessibility of software to the visually impaired.</li>
-</ol>
-
-<p>These goals are intertwined in: “If you make something good, make it for everyone.”</p>
-
-<p>I’ve included my resume for your review, and would like to note that I would be pleased to relocate to Vancouver for this position.</p>
-
-<p>Thank you for your time in considering me for this position!</p>
-
-<p>Sincerely,</p>
-
-<p>Tait Hoyem</p>
-
-      <footer>
-      </footer>
-    </div>
-  </main>
-</body>
-</html>
+</pre> <p>I am a student at the Southern Alberta Institute of Technology (SAIT), in Calgary, Alberta where I am taking a general IT diploma with a software development major.</p> <p>The simple way of explaining my relationship with security is that it is <em>exactly</em> what I want to be doing with my career. When given an assignment to chose any technology related topic, I chose to talk about Edward Snowden; for an emerging trend topic, I delved into public-key encryption and the Curve25519 eliptic crytographic method.</p> <p>I run Linux as my primary operating system, and I use an offline password manager. My browser clears cookies every time I restart it. These are some basic things I do personally to protect myself.</p> <p>I think everybody has things they should be keeping secure, and I am very motivated to help them achieve the messure of security needed.</p> <p>Security is build right into my goals for my programming career. I have two goals:</p> <ol> <li>Create ease of use for strong crytography, security and privacy tools.</li> <li>Accessibility of software to the visually impaired.</li> </ol> <p>These goals are intertwined in: “If you make something good, make it for everyone.”</p> <p>I’ve included my resume for your review, and would like to note that I would be pleased to relocate to Vancouver for this position.</p> <p>Thank you for your time in considering me for this position!</p> <p>Sincerely,</p> <p>Tait Hoyem</p> <footer> </footer> </div> </main> </body> </html>
\ No newline at end of file
diff --git a/_site/cover-letters/protonmail/index.html b/_site/cover-letters/protonmail/index.html
index fdf5380..dc35a80 100644
--- a/_site/cover-letters/protonmail/index.html
+++ b/_site/cover-letters/protonmail/index.html
@@ -1,15 +1,4 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Cover Letter | Proton Technologies | tait.tech</title>
-  <link rel="stylesheet" href="/assets/css/style.css">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
-<body>
-  <main>
-    <div id="wrapper">
-      <pre class="line-under">
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Cover Letter | Proton Technologies | tait.tech</title> <link rel="stylesheet" href="/assets/css/style.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <main> <div id="wrapper"> <pre class="line-under">
 To: Proton Technologies AG
 
 Route de la Galaise 32,
@@ -17,42 +6,4 @@ Route de la Galaise 32,
 Geneva, Switzerland
 
 Job Description: Front-End Developer
-</pre>
-
-<h1 id="why-i-want-to-work-for-proton">Why I Want To Work For Proton</h1>
-
-<p>Hello,</p>
-
-<p>You may notice from the email address that I personally use a Protonmail email address. That in itself may not prove anything.
-That said, security and privacy is what I live for.
-Everybody deserves access to secure communication away from the prying eyes of the NSA, its global partners in spymenship and other governments and special interest groups around the world.</p>
-
-<p>Proton embodies, to me, what email—and other internet services in general—<em>should</em> be. A service you pay for with your money, not your data.</p>
-
-<h2 id="what-i-plan-to-achieve">What I Plan To Achieve</h2>
-
-<p>My specialty is in improving accessibility with screen readers and other blind-friendly devices.
-The recent addition of key bindings to navigate the interface will go a <em>long</em> way towards accessibility for the visually impaired.
-Awesome work!</p>
-
-<p>I want to help Protonmail be the best secure, accessible email platform in the world.</p>
-
-<h2 id="why-i-applied-despite-lack-of-experience">Why I Applied Despite Lack Of Experience</h2>
-
-<p>I have been writing websites since high-school; I went to collage to learn what ‘real’ software development is like. Despite this, I put more time and effort into my off-school hours to learn what people are actually using on a large scale: Django, Ruby On Rails, Redis, Docker, ES6 Javascript. None of which was taught in class.
-Since leaving school I have had the opportunity to use everything I learned out of class in real-world scenarios and I trust that I can take this information to Proton where I can help make the software better for everyone.</p>
-
-<p>I am a self-starter and a go-getter. Nothing proves it like how much I learned outside of my classes compared to inside.</p>
-
-<hr />
-
-<p>I would be honoured to work for a company I truly believe in.</p>
-
-<p>—Tait Hoyem</p>
-
-      <footer>
-      </footer>
-    </div>
-  </main>
-</body>
-</html>
+</pre> <h1 id="why-i-want-to-work-for-proton">Why I Want To Work For Proton</h1> <p>Hello,</p> <p>You may notice from the email address that I personally use a Protonmail email address. That in itself may not prove anything. That said, security and privacy is what I live for. Everybody deserves access to secure communication away from the prying eyes of the NSA, its global partners in spymenship and other governments and special interest groups around the world.</p> <p>Proton embodies, to me, what email—and other internet services in general—<em>should</em> be. A service you pay for with your money, not your data.</p> <h2 id="what-i-plan-to-achieve">What I Plan To Achieve</h2> <p>My specialty is in improving accessibility with screen readers and other blind-friendly devices. The recent addition of key bindings to navigate the interface will go a <em>long</em> way towards accessibility for the visually impaired. Awesome work!</p> <p>I want to help Protonmail be the best secure, accessible email platform in the world.</p> <h2 id="why-i-applied-despite-lack-of-experience">Why I Applied Despite Lack Of Experience</h2> <p>I have been writing websites since high-school; I went to collage to learn what ‘real’ software development is like. Despite this, I put more time and effort into my off-school hours to learn what people are actually using on a large scale: Django, Ruby On Rails, Redis, Docker, ES6 Javascript. None of which was taught in class. Since leaving school I have had the opportunity to use everything I learned out of class in real-world scenarios and I trust that I can take this information to Proton where I can help make the software better for everyone.</p> <p>I am a self-starter and a go-getter. Nothing proves it like how much I learned outside of my classes compared to inside.</p> <hr/> <p>I would be honoured to work for a company I truly believe in.</p> <p>—Tait Hoyem</p> <footer> </footer> </div> </main> </body> </html>
\ No newline at end of file
diff --git a/_site/feed.xml b/_site/feed.xml
index 5218f0b..4930e9d 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -1,694 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.1.1">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2021-03-28T20:40:00-06:00</updated><id>http://localhost:4000/feed.xml</id><entry><title type="html">Lichess Accessibility</title><link href="http://localhost:4000/2021/01/31/lichess/" rel="alternate" type="text/html" title="Lichess Accessibility" /><published>2021-01-31T00:00:00-07:00</published><updated>2021-01-31T00:00:00-07:00</updated><id>http://localhost:4000/2021/01/31/lichess</id><content type="html" xml:base="http://localhost:4000/2021/01/31/lichess/">&lt;p&gt;I wanted to play chess with somebody who used a screen reader, without requiring a screen reader myself;
-some sites, like QuintenC’s Playroom have a rather poor visual interface for anyone who would like the play the game visually.
-&lt;a href=&quot;https://lichess.org&quot;&gt;Lichess&lt;/a&gt; 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.&lt;/p&gt;
-
-&lt;h2 id=&quot;accessibility-mode&quot;&gt;Accessibility Mode&lt;/h2&gt;
-
-&lt;p&gt;Accessibility mode is far from perfect on lichess.org.
-That said, the idea to separate the sites into different modes was a good call.
-It stops the inevitable “this would work well for screen readers but cause visual issues” shenanigans,
-or, vice-verse “this looks great but it might be weird with a screen reader”.
-This way all the things which affect the visual interface are in one place,
-and all things which affect the non-visual user interface (NVUI) are written in another.&lt;/p&gt;
-
-&lt;p&gt;In my quest to play chess with visual and non-visual players with both having optimal experiences, I tried Lichess with my friend from &lt;a href=&quot;https://melly.tech/&quot;&gt;melly.tech&lt;/a&gt;.
-She pointed out that the method to interface with the board previously was rather poor.
-This is because it required an “enter” at the end of each command and the commands tended to read out a row or column of a chessboard not just an individual square.&lt;/p&gt;
-
-&lt;p&gt;For example, to list all pieces (or lack thereof) on the e file, I would type the command:&lt;/p&gt;
-
-&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;s e
-&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
-
-&lt;p&gt;Although this seems good in theory, and it’s great when you need an entire file, there was no way to get only one square.
-In addition, imagine typing to navigate around the board:&lt;/p&gt;
-
-&lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;s e1
-s f1
-s e2
-&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
-
-&lt;p&gt;For the inexperienced player, it seems to be more convenient to bind some keys and have the user bounce to various buttons, which they can push to say “I want to move this piece”.
-This is what I was told anyway.
-So I want to work making a system so you could use the following basic keys:&lt;/p&gt;
-
-&lt;ul&gt;
-  &lt;li&gt;left/right/up/down arrow: move on the board.&lt;/li&gt;
-  &lt;li&gt;k/q/r/b/n/p: move to next piece represented by its character in chess notation.&lt;/li&gt;
-  &lt;li&gt;shift + k/q/r/b/n/p: move back to the last piece represented by its character in chess notation.&lt;/li&gt;
-  &lt;li&gt;click/enter/space: select piece to move.&lt;/li&gt;
-  &lt;li&gt;click/enter/space again: move piece here.&lt;/li&gt;
-  &lt;li&gt;m: show where I can move with this piece.&lt;/li&gt;
-  &lt;li&gt;shift+m: show where I can capture with this piece.&lt;/li&gt;
-  &lt;li&gt;1-8: move to rank 1-8; stay on same file.&lt;/li&gt;
-  &lt;li&gt;shift + 1-8: move to file a-h; stay on same rank.&lt;/li&gt;
-&lt;/ul&gt;
-
-&lt;p&gt;This gives a pretty solid basis for playing the game.
-One caveat is after you have moved a pawn all the way to the farthest rank, only the destination tile will accept your promotion choice.
-Therefore, all the other keys still work on other square, but if you are on the destination square of a promotion q/r/b/n will promote your piece, not jump you to the next/previous one.&lt;/p&gt;
-
-&lt;p&gt;This pull request was merged earlier this month:&lt;/p&gt;
-
-&lt;h2 id=&quot;more-to-come&quot;&gt;More To Come&lt;/h2&gt;
-
-&lt;p&gt;Next thing I want to do is implement the analysis board.
-Right now it is not accessible whatsoever.&lt;/p&gt;
-
-&lt;h2 id=&quot;help-me&quot;&gt;Help Me&lt;/h2&gt;
-
-&lt;p&gt;If you are a screen reader user or know about accessibility and want to help make Lichess an awesome chess site for sighted and unsighted players alike,
-then send me an email at &lt;a href=&quot;mailto:tait@tait.tech&quot;&gt;tait@tait.tech&lt;/a&gt; and I’ll BCC you once I start testing the analysis board.&lt;/p&gt;
-
-&lt;p&gt;Happy hacking, y’all!&lt;/p&gt;</content><author><name></name></author><summary type="html">I wanted to play chess with somebody who used a screen reader, without requiring a screen reader myself; some sites, like QuintenC’s Playroom have a rather poor visual interface for anyone who would like the play the game visually. Lichess 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.</summary></entry><entry><title type="html">How to Deploy Lichess’s Lila With Nginx</title><link href="http://localhost:4000/2020/12/20/deploy-lichess/" rel="alternate" type="text/html" title="How to Deploy Lichess’s Lila With Nginx" /><published>2020-12-20T00:00:00-07:00</published><updated>2020-12-20T00:00:00-07:00</updated><id>http://localhost:4000/2020/12/20/deploy-lichess</id><content type="html" xml:base="http://localhost:4000/2020/12/20/deploy-lichess/">&lt;p&gt;I was getting ready to have a public test of some changes I made to &lt;a href=&quot;https://lichess.org&quot;&gt;lichess.org&lt;/a&gt;’s &lt;a href=&quot;https://lichess.org/source&quot;&gt;open source chess platform&lt;/a&gt;.
-In preperation, I got my Let’s Encrypt certificates and nginx configurations setup…
-and it wouldn’t work.
-Here are some tips for myself and future Lichess developers.&lt;/p&gt;
-
-&lt;h2 id=&quot;reasoning&quot;&gt;Reasoning&lt;/h2&gt;
-
-&lt;p&gt;My pull request involves accessibility.
-It will extend Lichess’s NVUI (Non-Visual User Interface) to be more accessible to beginner level chess players.
-At the time of writing this, Lichess’s NVUI only supports searching pieces by type, rank and file.
-It does not support any kind of interactive board.&lt;/p&gt;
-
-&lt;p&gt;I wanted to play chess with a friend of mine who uses a screen reader.
-Even though Lichess does indeed have a separate rendering of the page for visually impaired users,
-I have heard from a few people that it is not the best.&lt;/p&gt;
-
-&lt;p&gt;I don’t use a screen reader myself, so I thought having a public latest changes deployed server would work better for testing.
-It would certainly work better than getting some of my less computer literate friends to connect to me via VSCode/VPN and view my local repository.&lt;/p&gt;
-
-&lt;p&gt;So here is how to deploy it:&lt;/p&gt;
-
-&lt;h2 id=&quot;setup-a-development-environment&quot;&gt;Setup a development environment&lt;/h2&gt;
-
-&lt;p&gt;This is described &lt;a href=&quot;https://github.com/ornicar/lila/wiki/Lichess-Development-Onboarding&quot;&gt;in Lichess’s documentation itself&lt;/a&gt;.
-I will not elaborate further as it is not necessary.&lt;/p&gt;
-
-&lt;h2 id=&quot;setup-nginx&quot;&gt;Setup nginx&lt;/h2&gt;
-
-&lt;p&gt;This is the part that stumps most people.
-Getting a local development server usually works alright, but once you want to reverse proxy it for security and professionalism purposes, it get more interesting.&lt;/p&gt;
-
-&lt;p&gt;Here is the relevant portion of my nginx configuration for lila:&lt;/p&gt;
-
-&lt;pre class=&quot;file&quot;&gt;
-server_name chess.tait.tech;
-
-location / {
-  proxy_pass http://127.0.0.1:9663;
-  proxy_set_header Host $host;
-  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-  proxy_set_header X-NginX-Proxy true;
-  proxy_set_header X-Real-IP $remote_addr;
-}
-&lt;/pre&gt;
-
-&lt;p&gt;This is the config for the lila-ws websocket subdomain:&lt;/p&gt;
-
-&lt;pre class=&quot;file&quot;&gt;
-server_name ws.chess.tait.tech;
-
-location / {
-  proxy_pass http://127.0.0.1:9664;
-  proxy_http_version 1.1;
-  proxy_set_header Upgrade $http_upgrade;
-  proxy_set_header Connection &quot;upgrade&quot;;
-}
-&lt;/pre&gt;
-
-&lt;p&gt;You will need to deploy these on two virtual hosts.&lt;/p&gt;
-
-&lt;h2 id=&quot;lila&quot;&gt;Lila&lt;/h2&gt;
-
-&lt;p&gt;&lt;a href=&quot;https://github.com/ornicar/lila/&quot;&gt;Lila&lt;/a&gt; is the name for the main chess server, we need to change a few settings. Here is my git diff for the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;conf/base.conf&lt;/code&gt; file:&lt;/p&gt;
-
-&lt;pre class=&quot;file&quot;&gt;
--  domain = &quot;localhost:9663&quot;
--  socket.domains = [ &quot;localhost:9664&quot; ]
-+  domain = &quot;chess.tait.tech&quot;
-+  socket.domains = [ &quot;ws.chess.tait.tech&quot; ]
-   asset.domain = ${net.domain}
--  asset.base_url = &quot;http://&quot;${net.asset.domain}
-+  asset.base_url = &quot;https://&quot;${net.asset.domain}
-   asset.minified = false
--  base_url = &quot;http://&quot;${net.domain}
-+  base_url = &quot;https://&quot;${net.domain}
-&lt;/pre&gt;
-
-&lt;h3 id=&quot;lila-ws&quot;&gt;Lila-ws&lt;/h3&gt;
-
-&lt;p&gt;&lt;a href=&quot;https://github.com/ornicar/lila-ws/&quot;&gt;Lila-ws&lt;/a&gt; is the websocket component of Lila.&lt;/p&gt;
-
-&lt;p&gt;The most common complaint amongst aspiring Lichess developers is websockets not working.
-They constantly get these ‘101’ responses from the websocket,
-and it also seems that the websocket returns instead of staying in the ‘pending’ state as it should be.&lt;/p&gt;
-
-&lt;p&gt;Here is how to fix that (in diff format):&lt;/p&gt;
-
-&lt;pre class=&quot;file&quot;&gt;
--csrf.origin = &quot;http://127.0.0.1:9000&quot;
-+csrf.origin = &quot;https://chess.tait.tech&quot;
-&lt;/pre&gt;
-
-&lt;p&gt;You need to tell lila-ws where the websocket requests will be coming from. This is how to do that.&lt;/p&gt;
-
-&lt;h2 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h2&gt;
-
-&lt;p&gt;This is not a long article, but just some notes for future me and Lila developers.&lt;/p&gt;</content><author><name></name></author><summary type="html">I was getting ready to have a public test of some changes I made to lichess.org’s open source chess platform. In preperation, I got my Let’s Encrypt certificates and nginx configurations setup… and it wouldn’t work. Here are some tips for myself and future Lichess developers.</summary></entry><entry><title type="html">Getting Pacaur Working on a Raspberry Pi 4 with Manjaro ARM or Arch Linux</title><link href="http://localhost:4000/2020/12/01/pacaur-rpi/" rel="alternate" type="text/html" title="Getting Pacaur Working on a Raspberry Pi 4 with Manjaro ARM or Arch Linux" /><published>2020-12-01T00:00:00-07:00</published><updated>2020-12-01T00:00:00-07:00</updated><id>http://localhost:4000/2020/12/01/pacaur-rpi</id><content type="html" xml:base="http://localhost:4000/2020/12/01/pacaur-rpi/">&lt;p&gt;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 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;pacaur&lt;/code&gt; package so I can easily retrieve &lt;a href=&quot;https://wiki.archlinux.org/index.php/Arch_User_Repository&quot;&gt;AUR packages&lt;/a&gt; without needing to do it manually.
-Unfortunately, there is a small problem with compiling this on ARM.&lt;/p&gt;
-
-&lt;h2 id=&quot;always_inline&quot;&gt;always_inline&lt;/h2&gt;
-
-&lt;p&gt;To setup the install for &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;pacaur&lt;/code&gt;, I first needed to download &lt;a href=&quot;https://aur.archlinux.org/packages/auracle-git&quot;&gt;auracle-git&lt;/a&gt; AUR package manually.
-I ran into an error when compiling this package.&lt;/p&gt;
-
-&lt;p&gt;But first, my setup:&lt;/p&gt;
-&lt;pre class=&quot;terminal&quot;&gt;
-$ git clone https://aur.archlinux.org/auracle-git
-$ cd auracle-git
-$ makepkg -sri
-&lt;/pre&gt;
-
-&lt;p&gt;Around half way through compiling this project, I got this cryptic message telling me there was a “target specific option mismatch”…Whatever that means.
-The full error is below, hopefully that helps my chances on the search engines.&lt;/p&gt;
-
-&lt;pre class=&quot;terminal&quot;&gt;
-In file included from ../subprojects/abseil-cpp-20200225.2/absl/random/internal/randen_hwaes.cc:225:
-/usr/lib/gcc/aarch64-unknown-linux-gnu/9.3.0/include/arm_neon.h: In function 'Vector128 {anonymous}::AesRound(const Vector128&amp;amp;, const Vector128&amp;amp;)':
-/usr/lib/gcc/aarch64-unknown-linux-gnu/9.3.0/include/arm_neon.h:12452:1: error: inlining failed in call to always_inline 'uint8x16_t vaesmcq_u8(uint8x16_t)': target specific option mismatch
-12452 | vaesmcq_u8 (uint8x16_t data)
-&lt;/pre&gt;
-
-&lt;p&gt;Luckily, there is a very easy fix for this.
-The user redfish &lt;a href=&quot;https://aur.archlinux.org/packages/auracle-git#comment-762117&quot;&gt;helpfully pointed out&lt;/a&gt;
-on the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;auracle-git&lt;/code&gt; package page that you need to add a special make option to your &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/etc/make.conf&lt;/code&gt; file to make this work.&lt;/p&gt;
-
-&lt;p&gt;His solution, as commented is like so:&lt;/p&gt;
-
-&lt;blockquote&gt;
-  &lt;p&gt;If you get this error when building for ARM aarch64:&lt;/p&gt;
-
-  &lt;p&gt;(insert error message from before)&lt;/p&gt;
-
-  &lt;p&gt;Then check that in /etc/makepkg.conf CFLAGS and CXXFLAGS have the +crypto suffix in -march flag, like -march=armv8-a+crypto (the base identifier may very depending on your hardware)&lt;/p&gt;
-&lt;/blockquote&gt;
-
-&lt;p&gt;Basically, there is a file on Linux: &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/etc/makepkg.conf&lt;/code&gt; which tells your computer how to compile &lt;em&gt;all&lt;/em&gt; programs on the system.
-By default the Manjaro ARM (RPi4) edition has the following relevant lines in &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;makepkg.conf&lt;/code&gt;.&lt;/p&gt;
-
-&lt;pre class=&quot;file&quot;&gt;
-CFLAGS=&quot;-march=armv8-a -O2 -pipe -fstack-protector-strong -fno-plt&quot;
-CXXFLAGS=&quot;-march=armv8-a -O2 -pipe -fstack-protector-strong -fno-plt&quot;
-&lt;/pre&gt;
-
-&lt;p&gt;What Mr. redfish is telling us is that we must add ‘+crypto’ to the end of the -march compiler flag so that our compiler will know how to inline that pesky vaesmcq_u8 function.&lt;/p&gt;
-
-&lt;p&gt;So in the end, your &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;makepkg.conf&lt;/code&gt;’s relevant lines will look like so:&lt;/p&gt;
-&lt;pre class=&quot;file&quot;&gt;
-CFLAGS=&quot;-march=armv8-a+crypto -O2 -pipe -fstack-protector-strong -fno-plt&quot;
-CXXFLAGS=&quot;-march=armv8-a+crypto -O2 -pipe -fstack-protector-strong -fno-plt&quot;
-&lt;/pre&gt;
-
-&lt;h2 id=&quot;why&quot;&gt;Why?&lt;/h2&gt;
-
-&lt;p&gt;Redfish continues:&lt;/p&gt;
-
-&lt;blockquote&gt;
-  &lt;p&gt;Build of abseil-cpp package works because it uses CMake which adds the correct -march flag regardless of makepkg.conf, whereas when abseil-cpp is build as a subproject within this package, it uses meson, which does not add the flag and thus fails with the above error.&lt;/p&gt;
-&lt;/blockquote&gt;
-
-&lt;p&gt;In other words, one of the dependencies pulled in with auracle is not compiling without this special compiler flag enabled.&lt;/p&gt;
-
-&lt;h2 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h2&gt;
-
-&lt;p&gt;Thanks to redfish for posting this solution to the forums!
-Would’ve been quite the rabbit hole for me to figure out how to do that.
-In fact, it is very likely I would have never figured that one out.&lt;/p&gt;
-
-&lt;p&gt;After this issue is resolved, the installation of &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;pacaur&lt;/code&gt; goes as expected. Nice and easy!
-Pacuar will compile on any architecture so it’s smooth sailing from here.&lt;/p&gt;
-
-&lt;p&gt;Happy hacking!&lt;/p&gt;</content><author><name></name></author><summary type="html">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 pacaur package so I can easily retrieve AUR packages without needing to do it manually. Unfortunately, there is a small problem with compiling this on ARM.</summary></entry><entry><title type="html">ZFS NAS Box, Part 2</title><link href="http://localhost:4000/2020/11/15/nas2/" rel="alternate" type="text/html" title="ZFS NAS Box, Part 2" /><published>2020-11-15T00:00:00-07:00</published><updated>2020-11-15T00:00:00-07:00</updated><id>http://localhost:4000/2020/11/15/nas2</id><content type="html" xml:base="http://localhost:4000/2020/11/15/nas2/">&lt;p&gt;Back in &lt;a href=&quot;/2020/04/12/nas1/&quot;&gt;part one of my NAS project&lt;/a&gt; I discussed how I wanted to set up my hardware.
-Today, I set up the NAS (almost).&lt;/p&gt;
-
-&lt;p&gt;There were some hiccup along the way, like learning that M.2 slots can disable some of your SATA ports or waiting a month for a host bus adapter to come in from China.&lt;/p&gt;
-
-&lt;h2 id=&quot;why-did-it-take-so-long&quot;&gt;Why Did It Take So Long&lt;/h2&gt;
-
-&lt;p&gt;So it turns out I was going to spend a lot more on this project than I originally anticipated.
-I ended up getting a server machine instead of a sleek NAS box.
-Here are some of the quick specs:&lt;/p&gt;
-
-&lt;ul&gt;
-  &lt;li&gt;Standard ATX case by Thermaltake.&lt;/li&gt;
-  &lt;li&gt;LSI 9211-8i.&lt;/li&gt;
-  &lt;li&gt;The cheapest HDMI graphics card I could find on Kijiji.&lt;/li&gt;
-  &lt;li&gt;6x 3TB Segate HDDs.&lt;/li&gt;
-  &lt;li&gt;1x 250G Kingston SSD.&lt;/li&gt;
-  &lt;li&gt;AMD Ryzen 5 3600.&lt;/li&gt;
-  &lt;li&gt;MSI B450 Gaming Plus Max.&lt;/li&gt;
-  &lt;li&gt;2x 8GB FlareX 3200Mhz RAM.&lt;/li&gt;
-  &lt;li&gt;1x 16GB Kingston 3200Mhz RAM.&lt;/li&gt;
-&lt;/ul&gt;
-
-&lt;h2 id=&quot;zfs&quot;&gt;ZFS&lt;/h2&gt;
-
-&lt;p&gt;This is how I decided to configure my storage pools.
-In hindsight, this was not the best choice for upgrading.
-I may change it in the future to a 0+1 setup, but it works for now.&lt;/p&gt;
-
-&lt;p&gt;I have 5x 3TB in a RAIDZ2 with one drive not attached for redundancy’s sake.
-How does one setup a ZFS pool. Check this out:&lt;/p&gt;
-
-&lt;pre class=&quot;terminal&quot;&gt;
-# zpool create poolname raidz2 \
-/dev/by-id/blahblahblah1 \
-/dev/by-id/blahblahblah2 \
-/dev/by-id/blahblahblah3 \
-/dev/by-id/blahblahblah4 \
-/dev/by-id/blahblahblah5
-&lt;/pre&gt;
-
-&lt;p&gt;And zippidy-doo! We’ve got a ZFS pool!
-We can check its status with &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;zpool status&lt;/code&gt;.&lt;/p&gt;
-
-&lt;pre class=&quot;terminal&quot;&gt;
-$ zfs status
-  pool: raid
- state: ONLINE
-  scan: scrub in progress since Wed Nov 18 18:41:41 2020
-    1.84T scanned at 8.51G/s, 121G issued at 562M/s, 1.84T total
-    0B repaired, 6.45% done, 0 days 00:53:25 to go
-config:
-
-    NAME                                         STATE     READ WRITE CKSUM
-    raid                                         ONLINE       0     0     0
-      raidz2-0                                   ONLINE       0     0     0
-        ata-HGST_HUS724030ALA640_PN2234P8JTNMYY  ONLINE       0     0     0
-        ata-HGST_HUS724030ALA640_PN2234P8JVSXTY  ONLINE       0     0     0
-        ata-HGST_HUS724030ALA640_PN2234P8JXAS8Y  ONLINE       0     0     0
-        ata-HGST_HUS724030ALA640_PN2234P8JXBARY  ONLINE       0     0     0
-        ata-HGST_HUS724030ALA640_PN2234P8JXP77Y  ONLINE       0     0     0
-
-errors: No known data errors
-&lt;/pre&gt;
-
-&lt;p&gt;I had run a scrub right before this, so there’s some extra detail in that.
-This is really fun! I will be doing more home storage projects soon.
-Perhaps Raspberry Pi NAS using all 4 USB ports to load SATA drives on it.
-Now that would be fun!&lt;/p&gt;
-
-&lt;h2 id=&quot;so-i-kinda-have-a-nas-now&quot;&gt;So I Kinda Have A NAS Now…?&lt;/h2&gt;
-
-&lt;p&gt;So right now I can only copy files with &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;rsync&lt;/code&gt;, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;scp&lt;/code&gt; and moving data via a physical drive.
-The one major disadvantage this has is speed.&lt;/p&gt;
-
-&lt;p&gt;Due to this machine being connected directly outside my network and pulling DHCP like a normal router would, I need to send my data through the WAN connection to get my files to it.
-This is rather unfortunate as my upload speed is capped at 20 megabits per second, despite my upload being in the 300+ range.&lt;/p&gt;
-
-&lt;p&gt;Part 3 will involve a LAN card so I can connect both to the DHCP server of my ISP and my local router.
-This way my transfer speeds should be in the range of 1 gigabit per second.
-This will make my life much easier, at least on the local network.&lt;/p&gt;
-
-&lt;h2 id=&quot;fun-fact&quot;&gt;Fun Fact!&lt;/h2&gt;
-
-&lt;p&gt;Do not try to use the M.2 slot on a consumer motherboard where you are also using all the SATA ports.
-On my consumer gaming motherboard, the SATA ports next to the M.2 slot became &lt;em&gt;disabled&lt;/em&gt; when I attached the M.2 SSD.
-I found this out form my motherboard documentation, which I read only after a week of thinking my motherboard itself was defective, and sending it in for repairs that did absolutely nothing.&lt;/p&gt;
-
-&lt;h2 id=&quot;thoughts&quot;&gt;Thoughts&lt;/h2&gt;
-
-&lt;p&gt;I like having all this space. I plan on using it up pretty fast, so I’m already looking at how to expand.
-Hopefully that gives a decent overview of how I set up my drives.&lt;/p&gt;
-
-&lt;p&gt;Happy hacking!&lt;/p&gt;</content><author><name></name></author><summary type="html">Back in part one of my NAS project I discussed how I wanted to set up my hardware. Today, I set up the NAS (almost).</summary></entry><entry><title type="html">Curiosity</title><link href="http://localhost:4000/2020/10/26/curiosity/" rel="alternate" type="text/html" title="Curiosity" /><published>2020-10-26T00:00:00-06:00</published><updated>2020-10-26T00:00:00-06:00</updated><id>http://localhost:4000/2020/10/26/curiosity</id><content type="html" xml:base="http://localhost:4000/2020/10/26/curiosity/">&lt;p&gt;Curiosity is fundamental to a deep understanding of any subject.
-Masters, Ph.Ds, and other fancy name suffixes will never help you
-if you don’t have the spirit of curiosity burning inside of you.&lt;/p&gt;
-
-&lt;p&gt;I was speaking to someone from a journalism major at my school when the subject of hacking arose.
-I expected her to know nothing about it, being a journalism student and all, but surprisingly she had something to say about it:&lt;/p&gt;
-
-&lt;blockquote&gt;
-  &lt;p&gt;“The best hackers are the ones who are curious.”&lt;/p&gt;
-&lt;/blockquote&gt;
-
-&lt;p&gt;That struck a cord with me.
-It seems to me she has nailed down the difference between the students who care about grades,
-and those who want to learn.
-These are not necessarily mutually exclusive, but in my experience they often are due to the way education is structured.&lt;/p&gt;
-
-&lt;h2 id=&quot;my-anecdote&quot;&gt;My Anecdote&lt;/h2&gt;
-
-&lt;p&gt;In my second semester at SAIT Polytechnic, I took a class entitled &lt;em&gt;Emerging Trends In Technology&lt;/em&gt;.
-This class was probably the best class I have ever taken.
-We had to combine two things:&lt;/p&gt;
-
-&lt;ul&gt;
-  &lt;li&gt;&lt;strong&gt;Hard skills&lt;/strong&gt;: learning a new hard skill like Angular, Django, or GPG encryption.&lt;/li&gt;
-  &lt;li&gt;&lt;strong&gt;Soft skills&lt;/strong&gt;: public speaking and presentation of our ideas.&lt;/li&gt;
-&lt;/ul&gt;
-
-&lt;p&gt;Soft skills are not usually my area, but I can do public speaking.
-I grew up quite religious, so public speaking was drilled into me young.
-I liked to go off script and talk about interesting things I found along the way to the actual point.
-My creativity was not usually encouraged.
-That said, going off script is useful when teaching and presenting ideas;
-it gives a natural air to your breath and an unquestionable confidence in your speech.&lt;/p&gt;
-
-&lt;p&gt;This is how we learn: in relationships.
-Try explaining ancient Japanese history to a computer science major, or UNIX sockets to an English major and you’ll see what I mean.
-If there is nothing for us to connect the knowledge to, it dissipates.&lt;/p&gt;
-
-&lt;p&gt;So why did I do so well in this class?&lt;/p&gt;
-
-&lt;p&gt;Our task for the semester was as follows:&lt;/p&gt;
-
-&lt;ol&gt;
-  &lt;li&gt;Learn a new subject (any &lt;em&gt;emerging trend in technology&lt;/em&gt;) which you find fascinating.&lt;/li&gt;
-  &lt;li&gt;Give a one minute introduction by week three.&lt;/li&gt;
-  &lt;li&gt;Give a 10 minute non-technical overview by week 8.&lt;/li&gt;
-  &lt;li&gt;Give a 20 minute technical explaination and demo by week 13.&lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;p&gt;This is the only course I have ever taken which lets students’ imagination run wild.
-Their presentation, their rules.
-They treated the students like adults who know what they are doing.
-What happened? Everyone stopped coming because “Oh no! Presentations!”?&lt;/p&gt;
-
-&lt;p&gt;No, exactly the opposite.
-There was never more than one student missing.
-Every single presentation was at least moderately interesting,
-and most students were excited to come to that class.
-You could see it in their faces, the way they carried themselves.
-Every student picked something unique to their tastes, leaving every student more educated than before.&lt;/p&gt;
-
-&lt;p&gt;This class, unlike many others, encouraged the curiosity of the students.
-It rewarded those who had unique interests and an ability to sell others on their ideas.&lt;/p&gt;
-
-&lt;p&gt;The curiosity and the grades were one.&lt;/p&gt;
-
-&lt;h2 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h2&gt;
-
-&lt;p&gt;Although it’s nice to have a course where these goals align here and there, anyone who has been to collage or university can tell you that is far from the norm.&lt;/p&gt;
-
-&lt;p&gt;On the other hand, I never would have started this site if it wasn’t for that class alone.
-So I thank you, Kitty Wong, for getting me started running my own “research blog” (?)&lt;/p&gt;</content><author><name></name></author><summary type="html">Curiosity is fundamental to a deep understanding of any subject. Masters, Ph.Ds, and other fancy name suffixes will never help you if you don’t have the spirit of curiosity burning inside of you.</summary></entry><entry><title type="html">Minesweeper Bomb Generation And Tile Revealing</title><link href="http://localhost:4000/2020/09/12/minesweeper/" rel="alternate" type="text/html" title="Minesweeper Bomb Generation And Tile Revealing" /><published>2020-09-12T00:00:00-06:00</published><updated>2020-09-12T00:00:00-06:00</updated><id>http://localhost:4000/2020/09/12/minesweeper</id><content type="html" xml:base="http://localhost:4000/2020/09/12/minesweeper/">&lt;p&gt;When I was creating a little Minesweeper game, I got confused at some points.
-My bomb generation didn’t look quite right, and I for sure didn’t quite get the whole cascading tile reveal thing.
-With a bit of internet research, I found what I was looking for.
-I’ll explain it all in one place for my own research purposes.&lt;/p&gt;
-
-&lt;h2 id=&quot;bomb-generation&quot;&gt;Bomb Generation&lt;/h2&gt;
-
-&lt;p&gt;When I started this project I attempted to use a random bomb generator.
-By this I mean on each square, before it gets generated, give it a one in 15 change of being a bomb.
-Personally, I’m not sure why this never looked right.
-Something about the layout of the bombs did not mimic the classic Minesweeper game.&lt;/p&gt;
-
-&lt;p&gt;After looking at some open source Minesweeper examples, I started to get the idea.
-I wrote some mathematical statements describing the generation of bombs and how to get their x,y position from an appropriate number.
-For those non-mathy people, don’t leave just yet;
-there will be code equivalents to the math.&lt;/p&gt;
-
-&lt;p&gt;W and H are the width and height of the board respectively.&lt;/p&gt;
-
-&lt;p&gt;&lt;span class=&quot;katex-display&quot;&gt;&lt;span class=&quot;katex&quot;&gt;&lt;span class=&quot;katex-mathml&quot;&gt;&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;semantics&gt;&lt;mrow&gt;&lt;mn mathvariant=&quot;italic&quot;&gt;0&lt;/mn&gt;&lt;mo&gt;≤&lt;/mo&gt;&lt;mi&gt;r&lt;/mi&gt;&lt;mo&gt;≤&lt;/mo&gt;&lt;mtext&gt;W&lt;/mtext&gt;&lt;mo&gt;×&lt;/mo&gt;&lt;mtext&gt;H&lt;/mtext&gt;&lt;/mrow&gt;&lt;annotation encoding=&quot;application/x-tex&quot;&gt;
-\it 0 \leq r \leq \text W \times \text H
-&lt;/annotation&gt;&lt;/semantics&gt;&lt;/math&gt;&lt;/span&gt;&lt;span class=&quot;katex-html&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;base&quot;&gt;&lt;span class=&quot;strut&quot; style=&quot;height:0.8193em;vertical-align:-0.13597em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord mathit&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mrel&quot;&gt;≤&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord mathit&quot;&gt;r&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mrel&quot;&gt;≤&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord text&quot;&gt;&lt;span class=&quot;mord&quot;&gt;W&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2222222222222222em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mbin&quot;&gt;×&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2222222222222222em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord text&quot;&gt;&lt;span class=&quot;mord&quot;&gt;H&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
-&lt;span class=&quot;katex-display&quot;&gt;&lt;span class=&quot;katex&quot;&gt;&lt;span class=&quot;katex-mathml&quot;&gt;&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;semantics&gt;&lt;mrow&gt;&lt;mi&gt;x&lt;/mi&gt;&lt;mo&gt;=&lt;/mo&gt;&lt;mi&gt;r&lt;/mi&gt;&lt;mtext&gt; &lt;/mtext&gt;&lt;mo lspace=&quot;0.22em&quot; rspace=&quot;0.22em&quot;&gt;&lt;mrow&gt;&lt;mi mathvariant=&quot;normal&quot;&gt;m&lt;/mi&gt;&lt;mi mathvariant=&quot;normal&quot;&gt;o&lt;/mi&gt;&lt;mi mathvariant=&quot;normal&quot;&gt;d&lt;/mi&gt;&lt;/mrow&gt;&lt;/mo&gt;&lt;mtext&gt; &lt;/mtext&gt;&lt;mtext&gt;W&lt;/mtext&gt;&lt;/mrow&gt;&lt;annotation encoding=&quot;application/x-tex&quot;&gt;
-\it x = r \bmod \text W
-&lt;/annotation&gt;&lt;/semantics&gt;&lt;/math&gt;&lt;/span&gt;&lt;span class=&quot;katex-html&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;base&quot;&gt;&lt;span class=&quot;strut&quot; style=&quot;height:0.69444em;vertical-align:0em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord mathit&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mrel&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord mathit&quot;&gt;r&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2222222222222222em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.05555555555555555em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mbin&quot;&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord mathrm&quot;&gt;m&lt;/span&gt;&lt;span class=&quot;mord mathrm&quot;&gt;o&lt;/span&gt;&lt;span class=&quot;mord mathrm&quot;&gt;d&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2222222222222222em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.05555555555555555em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord text&quot;&gt;&lt;span class=&quot;mord&quot;&gt;W&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
-&lt;span class=&quot;katex-display&quot;&gt;&lt;span class=&quot;katex&quot;&gt;&lt;span class=&quot;katex-mathml&quot;&gt;&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;semantics&gt;&lt;mrow&gt;&lt;mi&gt;y&lt;/mi&gt;&lt;mo&gt;=&lt;/mo&gt;&lt;mrow&gt;&lt;mo fence=&quot;true&quot;&gt;⌊&lt;/mo&gt;&lt;mfrac&gt;&lt;mi&gt;r&lt;/mi&gt;&lt;mtext&gt;H&lt;/mtext&gt;&lt;/mfrac&gt;&lt;mo fence=&quot;true&quot;&gt;⌋&lt;/mo&gt;&lt;/mrow&gt;&lt;/mrow&gt;&lt;annotation encoding=&quot;application/x-tex&quot;&gt;
-\it y = \left\lfloor\frac{r}{\text H}\right\rfloor
-&lt;/annotation&gt;&lt;/semantics&gt;&lt;/math&gt;&lt;/span&gt;&lt;span class=&quot;katex-html&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;base&quot;&gt;&lt;span class=&quot;strut&quot; style=&quot;height:1.8359999999999999em;vertical-align:-0.686em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord mathit&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mrel&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;minner&quot;&gt;&lt;span class=&quot;mopen delimcenter&quot; style=&quot;top:0em;&quot;&gt;&lt;span class=&quot;delimsizing size2&quot;&gt;⌊&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mopen nulldelimiter&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mfrac&quot;&gt;&lt;span class=&quot;vlist-t vlist-t2&quot;&gt;&lt;span class=&quot;vlist-r&quot;&gt;&lt;span class=&quot;vlist&quot; style=&quot;height:1.10756em;&quot;&gt;&lt;span style=&quot;top:-2.314em;&quot;&gt;&lt;span class=&quot;pstrut&quot; style=&quot;height:3em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord text&quot;&gt;&lt;span class=&quot;mord&quot;&gt;H&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;top:-3.23em;&quot;&gt;&lt;span class=&quot;pstrut&quot; style=&quot;height:3em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;frac-line&quot; style=&quot;border-bottom-width:0.04em;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;top:-3.677em;&quot;&gt;&lt;span class=&quot;pstrut&quot; style=&quot;height:3em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord mathit&quot;&gt;r&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;vlist-s&quot;&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;vlist-r&quot;&gt;&lt;span class=&quot;vlist&quot; style=&quot;height:0.686em;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mclose nulldelimiter&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mclose delimcenter&quot; style=&quot;top:0em;&quot;&gt;&lt;span class=&quot;delimsizing size2&quot;&gt;⌋&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
-
-&lt;p&gt;The code equivalent to this in Python is below:&lt;/p&gt;
-
-&lt;div class=&quot;language-python highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;kn&quot;&gt;import&lt;/span&gt; &lt;span class=&quot;nn&quot;&gt;random&lt;/span&gt;
-&lt;span class=&quot;c1&quot;&gt;# r &amp;lt;= 0 &amp;lt;= W*H
-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;r&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;randint&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;W&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;*&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;H&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;
-
-&lt;span class=&quot;c1&quot;&gt;# x = r mod W
-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;x&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;r&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;%&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;W&lt;/span&gt;
-
-&lt;span class=&quot;c1&quot;&gt;# y = floor(r/H); note the special syntax python has for this operation
-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;y&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;r&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;//&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;H&lt;/span&gt;
-&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
-
-&lt;p&gt;So that’s that, we can put this in a big ‘ol for loop and generate an arbitrary &lt;em&gt;n&lt;/em&gt; number of bombs given a width and height of a Minesweeper board.&lt;/p&gt;
-
-&lt;h2 id=&quot;cascading-tile-revealing&quot;&gt;Cascading Tile Revealing&lt;/h2&gt;
-
-&lt;p&gt;This one is hard to describe;
-I am adapting this from &lt;a href=&quot;https://leetcode.com/problems/minesweeper/&quot;&gt;leetcode.com&lt;/a&gt;.
-Whenever a player clicks a tile, the following logic should be used:&lt;/p&gt;
-
-&lt;ol&gt;
-  &lt;li&gt;If a mine is revealed, the game is over. (obviously)&lt;/li&gt;
-  &lt;li&gt;If a tile with &lt;em&gt;no&lt;/em&gt; adjacent mines is revealed, recursively reveal all eight adjacent tiles.&lt;/li&gt;
-  &lt;li&gt;If a tile with one or more adjacent mines is revealed, display the number of mines next to it.&lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;p&gt;Here is the code in Python for this algorithm.&lt;/p&gt;
-
-&lt;div class=&quot;language-python highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;reveal_square&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;board&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;alread_revealed&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;):&lt;/span&gt;
-  &lt;span class=&quot;c1&quot;&gt;# if already checked
-&lt;/span&gt;  &lt;span class=&quot;k&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;ow&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;already_revealed&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt;
-    &lt;span class=&quot;k&quot;&gt;return&lt;/span&gt;
-  &lt;span class=&quot;c1&quot;&gt;# if it's a bomb
-&lt;/span&gt;  &lt;span class=&quot;k&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;board&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;][&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;'B'&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt;
-    &lt;span class=&quot;n&quot;&gt;you_lose&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;()&lt;/span&gt;
-    &lt;span class=&quot;k&quot;&gt;return&lt;/span&gt;
-  &lt;span class=&quot;c1&quot;&gt;# if the bomb number is more than 0
-&lt;/span&gt;  &lt;span class=&quot;n&quot;&gt;already_revealed&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;append&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;((&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;nx&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;ny&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;))&lt;/span&gt;
-
-  &lt;span class=&quot;c1&quot;&gt;# from -1 to 1
-&lt;/span&gt;  &lt;span class=&quot;k&quot;&gt;for&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;xd&lt;/span&gt; &lt;span class=&quot;ow&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;range&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;):&lt;/span&gt;
-    &lt;span class=&quot;k&quot;&gt;for&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;yd&lt;/span&gt; &lt;span class=&quot;ow&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;range&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;):&lt;/span&gt;
-      &lt;span class=&quot;c1&quot;&gt;# skip if it is this the center tile
-&lt;/span&gt;      &lt;span class=&quot;k&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;xd&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;x&lt;/span&gt; &lt;span class=&quot;ow&quot;&gt;and&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;yd&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt;
-        &lt;span class=&quot;k&quot;&gt;continue&lt;/span&gt;
-      &lt;span class=&quot;c1&quot;&gt;# recursively check the adjacent square
-&lt;/span&gt;      &lt;span class=&quot;n&quot;&gt;reveal&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;xd&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;yd&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;board&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;already_revealed&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
-  &lt;span class=&quot;k&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;already_revealed&lt;/span&gt;
-&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
-
-&lt;p&gt;This has no checks for valid squares, but it’s the general idea.
-This function returns an array of tile coordinates which should be revealed.&lt;/p&gt;
-
-&lt;h2 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h2&gt;
-
-&lt;p&gt;I wrote this because in the first place because I was writing my own Minesweeper game.
-I hope that this helps you with getting the general idea of a Minesweeper game.
-The completed version of this game is available on my &lt;a href=&quot;https://lamegames.tait.tech/&quot;&gt;lamegames&lt;/a&gt; site.
-Let me know what you think!&lt;/p&gt;
-
-&lt;p&gt;Happy hacking!&lt;/p&gt;</content><author><name></name></author><summary type="html">When I was creating a little Minesweeper game, I got confused at some points. My bomb generation didn’t look quite right, and I for sure didn’t quite get the whole cascading tile reveal thing. With a bit of internet research, I found what I was looking for. I’ll explain it all in one place for my own research purposes.</summary></entry><entry><title type="html">lamegames.tait.tech</title><link href="http://localhost:4000/2020/09/09/lamegames/" rel="alternate" type="text/html" title="lamegames.tait.tech" /><published>2020-09-09T00:00:00-06:00</published><updated>2020-09-09T00:00:00-06:00</updated><id>http://localhost:4000/2020/09/09/lamegames</id><content type="html" xml:base="http://localhost:4000/2020/09/09/lamegames/">&lt;p&gt;This is an announcement for a new project of mine:
-&lt;a href=&quot;https://lamegames.tait.tech&quot;&gt;lamegames.tait.tech&lt;/a&gt;.&lt;/p&gt;
-
-&lt;p&gt;This is something I’m really excited to work on!&lt;/p&gt;
-
-&lt;p&gt;Right now, I’ve just got a rock-paper-scissors game.
-A chat function, and a few simple card games to come.&lt;/p&gt;
-
-&lt;p&gt;Check out the repository on my &lt;a href=&quot;https://github.com/TTWNO/lamegames.io&quot;&gt;Github&lt;/a&gt;.&lt;/p&gt;</content><author><name></name></author><summary type="html">This is an announcement for a new project of mine: lamegames.tait.tech.</summary></entry><entry><title type="html">How to Solve The Django Deployment Puzzle</title><link href="http://localhost:4000/2020/08/18/django-deployment/" rel="alternate" type="text/html" title="How to Solve The Django Deployment Puzzle" /><published>2020-08-18T00:00:00-06:00</published><updated>2020-08-18T00:00:00-06:00</updated><id>http://localhost:4000/2020/08/18/django-deployment</id><content type="html" xml:base="http://localhost:4000/2020/08/18/django-deployment/">&lt;p&gt;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.&lt;/p&gt;
-
-&lt;h3 id=&quot;asgi-servers&quot;&gt;ASGI Servers&lt;/h3&gt;
-
-&lt;p&gt;Because my project used the ASGI (Asynchronous webServer Gateway Interface),
-I needed to find a good production ASGI server to handle all the incoming requests.
-The best thing I found was &lt;a href=&quot;http://www.uvicorn.org/&quot;&gt;uvicorn&lt;/a&gt;.
-It focuses on speed, which is a priority, especially when using the ASGI protocol.&lt;/p&gt;
-
-&lt;p&gt;To run uvicorn on the command line for testing purposes, use something like the following:&lt;/p&gt;
-
-&lt;pre class=&quot;terminal&quot;&gt;
-$ uvicorn --reload myapp.asgi:application
-&lt;/pre&gt;
-
-&lt;p&gt;The &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;--reload&lt;/code&gt; option says to reload the server if any of the files get updated.
-This is not recommended in production.
-Sadly, I thought this meant I would need to do a hard shutdown of the server process every time I wanted to update.
-This turned out to not be the case.&lt;/p&gt;
-
-&lt;h3 id=&quot;workload-managers&quot;&gt;Workload Managers&lt;/h3&gt;
-
-&lt;p&gt;There is another equine-named program called &lt;a href=&quot;https://gunicorn.org/&quot;&gt;gunicorn&lt;/a&gt;
-which can hold a number of processes under its control.
-An interesting feature of &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gunicorn&lt;/code&gt; is that it will gracefully switch from an old to a new deployment,
-replacing the subprocesses one-by-one and eventually having only the new deployment active on all subprocesses.
-The greatest part? Zero down time.
-The server keeps any old processes open if there is communication with them,
-then shift and new connections to the new deployment.
-This was a very cool feature I wanted to take advantage of.&lt;/p&gt;
-
-&lt;p&gt;“Now hold on!” you might protest.
-“gunicorn is a WSGI server!” … oh you got me there!
-Yes, that’s right, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gunicorn&lt;/code&gt; is paired with &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;uvicorn&lt;/code&gt; to serve my files.&lt;/p&gt;
-
-&lt;h3 id=&quot;systemd&quot;&gt;systemd&lt;/h3&gt;
-
-&lt;p&gt;Love it or hate it, the majority of Linux distributions use the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;systemd&lt;/code&gt; init system.
-I decided it would be very convenient to have a .service file for my Django application to run automatically at boot.
-&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;Systemd&lt;/code&gt; allows me to do this with a file like the following one I stored in &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/lib/systemd/system/lamegames.service&lt;/code&gt;.&lt;/p&gt;
-
-&lt;pre class=&quot;file&quot;&gt;
-[Unit]
-Description=Gunicorn/Uvicorn (lamegames.io)
-
-[Service]
-WorkingDirectory=/home/lame/lamegames.io
-Type=simple
-RemainAfterExit=yes
-ExecStart=/home/lame/lamegames.io/env/bin/gunicorn lamegames.asgi:application -w 2 -k uvicorn.workers.UvicornWorker
-ExecStop=/bin/kill -HUP $MAINPID
-Restart=always
-
-[Install]
-WantedBy=multi-user.target
-&lt;/pre&gt;
-
-&lt;h3 id=&quot;nginx&quot;&gt;nginx&lt;/h3&gt;
-
-&lt;p&gt;NGINX (pronounced engine-X) is a performance web server designed for speed and simplicity.
-For the front facing side of the site, I do need a production web server like nginx.
-Gunicorn simply doesn’t need all the features that nginx provides, but I do.
-To configure my nginx installation, I used the following few directives to:&lt;/p&gt;
-
-&lt;ol&gt;
-  &lt;li&gt;Redirect most traffic towards the gunicorn server.&lt;/li&gt;
-  &lt;li&gt;Redirect statically served files (CSS, JS, images) to the directory specified in the STATIC_ROOT variable of my &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;settings.py&lt;/code&gt; file.&lt;/li&gt;
-  &lt;li&gt;Use TLS to enable https://&lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;p&gt;Serving the static files from nginx as opposed to the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gunicorn&lt;/code&gt; server is necessary.
-Gunicorn and other production A/WSGI web server will not set the proper MIME type over TLS.
-This will cause your browser to not load the Javascript/CSS.&lt;/p&gt;
-
-&lt;p&gt;This is the important part of my nginx config.&lt;/p&gt;
-
-&lt;pre class=&quot;file&quot;&gt;
-server {
-    location / {
-        proxy_set_header Host $http_host;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto $scheme;
-        # these two lines ensure that WebSocket, and HTTP2 connection are forwarded correctly
-        proxy_set_header Upgrade $http_upgrade;
-        proxy_set_header Connection &quot;Upgrade&quot;;
-        proxy_redirect off;
-        proxy_buffering off;
-        # this forwards all traffic to the local server on port 8000
-        proxy_pass http://localhost:8000;
-    }
-
-    # This forwards all static requests to Django's STATIC_ROOT set in settings.py; it is generated using the collectstatic command.
-    location /static {
-        autoindex on;
-        alias /home/lame/lamegames.io/static_generated;
-    }
-}
-&lt;/pre&gt;
-
-&lt;h3 id=&quot;setup&quot;&gt;Setup&lt;/h3&gt;
-
-&lt;p&gt;After all that, I was able to do the following:&lt;/p&gt;
-
-&lt;pre class=&quot;terminal&quot;&gt;
-# systemctl enable lamegames
-&lt;/pre&gt;
-
-&lt;p&gt;This enabled my &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gunicorn&lt;/code&gt; server to run once the server started.
-NGINX is that way be default.&lt;/p&gt;
-
-&lt;p&gt;And tada! You now have a working Django project on a production server!&lt;/p&gt;
-
-&lt;h4 id=&quot;notes&quot;&gt;Notes&lt;/h4&gt;
-
-&lt;ul&gt;
-  &lt;li&gt;If using ws:// websockets, change them to wss:// for secure web sockets.&lt;/li&gt;
-  &lt;li&gt;Make sure to use channels.routing.get_default_application() instead of django.get_asgi_application() if your’re wanting to use channels/redis WebSockets.&lt;/li&gt;
-&lt;/ul&gt;</content><author><name></name></author><summary type="html">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.</summary></entry><entry><title type="html">BSD Journey, Part 1</title><link href="http://localhost:4000/2020/08/15/openbsd1/" rel="alternate" type="text/html" title="BSD Journey, Part 1" /><published>2020-08-15T00:00:00-06:00</published><updated>2020-08-15T00:00:00-06:00</updated><id>http://localhost:4000/2020/08/15/openbsd1</id><content type="html" xml:base="http://localhost:4000/2020/08/15/openbsd1/">&lt;p&gt;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.&lt;/p&gt;
-
-&lt;p&gt;Now, my interest in OpenBSD has been going on for a long time.
-I started poking around for Linux alternatives way back a few years ago when Linus Torvalds decided to leave after he got in trouble for some
-&lt;a href=&quot;https://arstechnica.com/information-technology/2013/07/linus-torvalds-defends-his-right-to-shame-linux-kernel-developers/&quot;&gt;unprofessional behaviour&lt;/a&gt;.
-That said, Linus did come back to Linux development,
-but I knew that his abrasive style is what brought good code to the Linux kernel.
-I also knew that his ability to be critical would be hurt by the new
-&lt;a href=&quot;https://itsfoss.com/linux-code-of-conduct/&quot;&gt;code of conduct&lt;/a&gt;.
-It would become a tool for the SJW types to hammer on Linus for being a “white male, et al.”;
-It would become a tool for the easily offended to use to get their dumb code into Linux;
-It would become a tool for the corporatization, the HR-ification of Linux.
-Frankly, this does not interest me.&lt;/p&gt;
-
-&lt;p&gt;Now I’m sure that OpenBSD has its own internal policies that I disagree with.
-That said, Theo De Raadt is still at least known for calling Firefox an “amorphous peace of garbage” due to its lack of privilege separation.
-And, in their &lt;a href=&quot;https://openbsd.org/goals.html&quot;&gt;project goals&lt;/a&gt; page, they specifically mention:&lt;/p&gt;
-
-&lt;blockquote&gt;
-  &lt;p&gt;Be as politics-free as possible; solutions should be decided on the basis of technical merit.&lt;/p&gt;
-&lt;/blockquote&gt;
-
-&lt;p&gt;Now that’s something I can get behind!
-Bet you that’s not in the Linux COC?&lt;/p&gt;
-
-&lt;p&gt;He also went to university in my hometown, so that’s pretty cool!
-I can support a local madman who thinks he can make a better operating system than all those corporations.
-Maybe he was right, maybe not. What I know is I am excited to find out!&lt;/p&gt;
-
-&lt;p&gt;Wish my luck on my OpenBSD journey. I will post updates here along the way.&lt;/p&gt;
-
-&lt;p&gt;Happy hacking!&lt;/p&gt;</content><author><name></name></author><summary type="html">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.</summary></entry><entry><title type="html">Know How Your Representative Votes In Parliament</title><link href="http://localhost:4000/2020/07/30/canadian-parliament/" rel="alternate" type="text/html" title="Know How Your Representative Votes In Parliament" /><published>2020-07-30T00:00:00-06:00</published><updated>2020-07-30T00:00:00-06:00</updated><id>http://localhost:4000/2020/07/30/canadian-parliament</id><content type="html" xml:base="http://localhost:4000/2020/07/30/canadian-parliament/">&lt;p&gt;As an advocate for openness, I had an idea to make a project out of the government of Canada’s &lt;a href=&quot;https://open.canada.ca/en/open-data&quot;&gt;Open Data&lt;/a&gt;
-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 government’s own website.
-In this article, I will explain how you can do the same.&lt;/p&gt;
-
-&lt;h3 id=&quot;1-find-your-representative&quot;&gt;1. Find Your Representative&lt;/h3&gt;
-
-&lt;p&gt;The first step in this process is to find who your representative is.
-To do so, go to the government’s own website
-&lt;a href=&quot;https://www.ourcommons.ca/Members/en&quot;&gt;ourcommons.ca’s search tool&lt;/a&gt;.&lt;/p&gt;
-
-&lt;p&gt;Simply type in your postal code in the search box to find out who your MP is.&lt;/p&gt;
-
-&lt;h3 id=&quot;2-their-voting-record&quot;&gt;2. Their Voting Record&lt;/h3&gt;
-
-&lt;p&gt;Every MP’s voting record is public knowledge,
-and it is available nice and simple in a table on that MP’s page.
-For example, this is a link to
-&lt;a href=&quot;https://www.ourcommons.ca/Members/en/pierre-poilievre(25524)/votes&quot;&gt;Pierre Poilievre’s voting record&lt;/a&gt;.&lt;/p&gt;
-
-&lt;p&gt;To find your MP’s voting record, do step one, then:
-After the &lt;strong&gt;Overview&lt;/strong&gt;, and &lt;strong&gt;Seat in The House&lt;/strong&gt; sections,
-there are three tabs, &lt;strong&gt;Roles&lt;/strong&gt;, &lt;strong&gt;Work&lt;/strong&gt;, and &lt;strong&gt;Contact&lt;/strong&gt;.
-Click on work.
-At the bottom of that tab is a link which says &lt;strong&gt;Chamber Votes&lt;/strong&gt;.
-This will open a small window with some recent votes by this politician.
-If you want to see all their votes, there is a button at the bottom named &lt;strong&gt;All Votes by This Member&lt;/strong&gt;.&lt;/p&gt;
-
-&lt;p&gt;Tada! You can now keep your local MP accountable for anything you do or do not support.&lt;/p&gt;
-
-&lt;h3 id=&quot;3-bill-details&quot;&gt;3. Bill Details&lt;/h3&gt;
-
-&lt;p&gt;If you want to get into the nitty gritty,
-once you open a specific bill, you can actually find out the status of said bill,
-or read the actual text by clicking the &lt;strong&gt;View this Bill on LEGISinfo&lt;/strong&gt; button.&lt;/p&gt;
-
-&lt;p&gt;Both the status of the bill, and a link to a PDF document containing the bilingual text of the bill are visible in the main body of the page.&lt;/p&gt;
-
-&lt;h4 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h4&gt;
-
-&lt;p&gt;I thought this was pretty cool!
-It was &lt;em&gt;way&lt;/em&gt; simpler than I thought it would be.&lt;/p&gt;
-
-&lt;p&gt;Thanks, Canada!&lt;/p&gt;</content><author><name></name></author><summary type="html">As an advocate for openness, I had an idea to make a project out of the government of Canada’s Open Data 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 government’s own website. In this article, I will explain how you can do the same.</summary></entry></feed>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"><generator uri="https://jekyllrb.com/" version="4.1.1">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml"/><link href="/" rel="alternate" type="text/html"/><updated>2021-04-04T15:27:34-06:00</updated><id>/feed.xml</id><entry><title type="html">The “Quiz Your Friends” XSS Exploit</title><link href="/2021/04/04/quiz-your-friends-xss/" rel="alternate" type="text/html" title="The “Quiz Your Friends” XSS Exploit"/><published>2021-04-04T00:00:00-06:00</published><updated>2021-04-04T00:00:00-06:00</updated><id>/2021/04/04/quiz-your-friends-xss</id><content type="html" xml:base="/2021/04/04/quiz-your-friends-xss/">&lt;p&gt;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 &lt;a href=&quot;https://en.wikipedia.org/wiki/Responsible_disclosure&quot;&gt;responsible disclosure&lt;/a&gt;.&lt;/p&gt; &lt;h2 id=&quot;background&quot;&gt;Background&lt;/h2&gt; &lt;p&gt;In early 2014, when my “programming” skills consisted of editing web pages with inspect element, I was sent a link from an old friend in a town about 3 hours away. This was a link to a quiz about them. I had to answer as many questions right as I could about them and I got a score at the end based on my answers. It seemed fun enough, so I went for it. In the following weeks this quiz website became quite a trend amongst my friend group as we all started making quizes to see how well we all knew eachother.&lt;/p&gt; &lt;p&gt;A few weeks into this trend, I was staying at a friends’ place and told him about this site, so he goes and creates his own quiz and sends it to all his friends, group chats, Google Plus groups, et cetera.&lt;/p&gt; &lt;h2 id=&quot;hackerman&quot;&gt;Hackerman&lt;/h2&gt; &lt;p&gt;While filling in my friend’s survey I thought it would be funny for them to know it is me without anyone else knowing. We were young and had &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;Inspect Element&lt;/code&gt;ed a few things together, so it was a safe bet that an HTML joke would let them know.&lt;/p&gt; &lt;p&gt;I decided to write my name like so: &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;b&amp;gt;Steve&amp;lt;/b&amp;gt;&lt;/code&gt;. Steve is in reference to the &lt;a href=&quot;https://minecraft.gamepedia.com/Player&quot;&gt;main character&lt;/a&gt; in the video game Minecraft.&lt;/p&gt; &lt;figure&gt; &lt;img src=&quot;/assets/img/qyf-xss/2-bold.png&quot; /&gt; &lt;figcaption&gt; &lt;p&gt;Me typing in my name as &lt;span class=&quot;mono&quot;&gt;&amp;lt;b&amp;gt;Steve&amp;lt;/b&amp;gt;&lt;/span&gt;.&lt;/p&gt; &lt;/figcaption&gt; &lt;/figure&gt; &lt;p&gt;Now in theory this should have shown in in the leaderboard as: “&amp;lt;b&amp;gt;Steve&amp;lt;/b&amp;gt;” However, to my horror and excitement, I saw this in the leaderboard:&lt;/p&gt; &lt;figure&gt; &lt;img src=&quot;/assets/img/qyf-xss/3-steve-board.png&quot; /&gt; &lt;figcaption&gt; &lt;p&gt;&lt;span class=&quot;mono&quot;&gt;&amp;lt;b&amp;gt;Steve&amp;lt;/b&amp;gt;&lt;/span&gt; displaying in the leaderboard as bold text: &lt;b&gt;Steve&lt;/b&gt;&lt;/p&gt; &lt;/figcaption&gt; &lt;/figure&gt; &lt;p&gt;The text “Steve” showed up &lt;strong&gt;in bold&lt;/strong&gt; on the leaderboard. This told me all I needed to know. How did this happen? You might wonder.&lt;/p&gt; &lt;h3 id=&quot;server-side-validation&quot;&gt;Server-Side Validation&lt;/h3&gt; &lt;p&gt;Here is a great demonstration why you should do most of your validation on the server side. As a user, I can edit any of the HTML, CSS, or Javascript your server serves to me.&lt;/p&gt; &lt;p&gt;Quiz your friends uses the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;maxlength=20&lt;/code&gt; HTML attribute on the name input field. Imagine trying to fit in a script tag doing anything useful with 20 characters! Don’t forget that includes the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;script&amp;gt;&lt;/code&gt; tag. That would leave 13 characters for Javascript. Although I’m sure a genius would be able to &lt;a href=&quot;https://code.golf/&quot;&gt;code golf&lt;/a&gt; that, I know I couldn’t.&lt;/p&gt; &lt;p&gt;Now obviously I can edit any HTML that a server has sent to me. If I open up my inspect element window, I can go ahead and change that &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;maxlength&lt;/code&gt; attribute to anything I want. Let’s change it to 100!&lt;/p&gt; &lt;figure&gt; &lt;img src=&quot;/assets/img/qyf-xss/5-maxlength.png&quot; alt=&quot;An image of the Quiz Your Friends name input field with inspect element. THe code reads: &amp;lt;font class=&amp;quot;style6&amp;quot;&amp;gt;&amp;lt;input class=&amp;quot;inputbutton&amp;quot; name=&amp;quot;takername&amp;quot; type=&amp;quot;text&amp;quot; id=&amp;quot;takername&amp;quot; maxlength=&amp;quot;20&amp;quot; width=&amp;quot;425&amp;quot; placeholder=&amp;quot;Your First Name&amp;quot; style=&amp;quot;text-align: center; text-decoration:inherit; font-size:38px;&amp;quot; tabindex=&amp;quot;-1&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&quot; /&gt; &lt;figcaption&gt; Manually changing the maxlength attribute. &lt;/figcaption&gt; &lt;/figure&gt; &lt;p&gt;In theory, there is a way that a site can stop people from just putting in their name of any length: server-side validation. The server &lt;em&gt;could&lt;/em&gt; check to see if the input is too long and reject it if it is. The Quiz My Friends server has &lt;em&gt;no such checks in place&lt;/em&gt;. Therefore, I can send an almost arbitrary load to them. Being able to send something potentially very large (more than a few megabytes) is a vulnerability of its own. Imagine being able to send entire executable programs as your “name” in one of these quizzes?&lt;/p&gt; &lt;h2 id=&quot;javascript&quot;&gt;Javascript&lt;/h2&gt; &lt;p&gt;So I went on my merry way thinking about ways to use malicious javascript. Then, I thought that might be mean, so I decided to warn users instead. I filled in the name with a script tag and a call to &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;alert()&lt;/code&gt; to warn the user about this site. I edited the max-length attribute to allow me to type a long string like this:&lt;/p&gt; &lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;script&amp;gt;alert('Don\'t use this site. It is not secure!');&amp;lt;/script&amp;gt; &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt; &lt;p&gt;Sure enough, I got a text from my friend saying: “Tait! I know this is you, why would you do that!” A bit salty, but who wouldn’t be.&lt;/p&gt; &lt;h2 id=&quot;cross-site-scripting-xss&quot;&gt;Cross-Site Scripting (XSS)&lt;/h2&gt; &lt;p&gt;As my final act, I decided to use a cross-site script that I could edit and have it load with new changes at any time.&lt;/p&gt; &lt;p&gt;I set this as my name:&lt;/p&gt; &lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&amp;lt;script src=\&quot;https://tait.tech/assets/js/hacked.js\&quot;&amp;gt;&amp;lt;/script&amp;gt; &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt; &lt;p&gt;This script pops up a warning, telling the user that the site is insecure and it is now redirecting to an article about the attack. This script redirects to an &lt;a href=&quot;https://tait.tech/2020/04/25/xss/&quot;&gt;older post I made&lt;/a&gt; about how XSS works.&lt;/p&gt; &lt;h2 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h2&gt; &lt;p&gt;Watch out for sketchy websites that may be vulnerable to malicious or insecure sites which are ripe for abuse. Always check that you are using an encrypted connection, HTTPS. And if you see any messages warning you that a site is not secure and redirecting you to some random site… Take their info with a grain of salt.&lt;/p&gt; &lt;p&gt;Happy Hacking, literally :)&lt;/p&gt;</content><author><name></name></author><summary type="html">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 responsible disclosure.</summary></entry><entry><title type="html">Lichess Accessibility</title><link href="/2021/01/31/lichess/" rel="alternate" type="text/html" title="Lichess Accessibility"/><published>2021-01-31T00:00:00-07:00</published><updated>2021-01-31T00:00:00-07:00</updated><id>/2021/01/31/lichess</id><content type="html" xml:base="/2021/01/31/lichess/">&lt;p&gt;I wanted to play chess with somebody who used a screen reader, without requiring a screen reader myself; some sites, like QuintenC’s Playroom have a rather poor visual interface for anyone who would like the play the game visually. &lt;a href=&quot;https://lichess.org&quot;&gt;Lichess&lt;/a&gt; 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.&lt;/p&gt; &lt;h2 id=&quot;accessibility-mode&quot;&gt;Accessibility Mode&lt;/h2&gt; &lt;p&gt;Accessibility mode is far from perfect on lichess.org. That said, the idea to separate the sites into different modes was a good call. It stops the inevitable “this would work well for screen readers but cause visual issues” shenanigans, or, vice-verse “this looks great but it might be weird with a screen reader”. This way all the things which affect the visual interface are in one place, and all things which affect the non-visual user interface (NVUI) are written in another.&lt;/p&gt; &lt;p&gt;In my quest to play chess with visual and non-visual players with both having optimal experiences, I tried Lichess with my friend from &lt;a href=&quot;https://melly.tech/&quot;&gt;melly.tech&lt;/a&gt;. She pointed out that the method to interface with the board previously was rather poor. This is because it required an “enter” at the end of each command and the commands tended to read out a row or column of a chessboard not just an individual square.&lt;/p&gt; &lt;p&gt;For example, to list all pieces (or lack thereof) on the e file, I would type the command:&lt;/p&gt; &lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;s e &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt; &lt;p&gt;Although this seems good in theory, and it’s great when you need an entire file, there was no way to get only one square. In addition, imagine typing to navigate around the board:&lt;/p&gt; &lt;div class=&quot;language-plaintext highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;s e1 s f1 s e2 &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt; &lt;p&gt;For the inexperienced player, it seems to be more convenient to bind some keys and have the user bounce to various buttons, which they can push to say “I want to move this piece”. This is what I was told anyway. So I want to work making a system so you could use the following basic keys:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;left/right/up/down arrow: move on the board.&lt;/li&gt; &lt;li&gt;k/q/r/b/n/p: move to next piece represented by its character in chess notation.&lt;/li&gt; &lt;li&gt;shift + k/q/r/b/n/p: move back to the last piece represented by its character in chess notation.&lt;/li&gt; &lt;li&gt;click/enter/space: select piece to move.&lt;/li&gt; &lt;li&gt;click/enter/space again: move piece here.&lt;/li&gt; &lt;li&gt;m: show where I can move with this piece.&lt;/li&gt; &lt;li&gt;shift+m: show where I can capture with this piece.&lt;/li&gt; &lt;li&gt;1-8: move to rank 1-8; stay on same file.&lt;/li&gt; &lt;li&gt;shift + 1-8: move to file a-h; stay on same rank.&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;This gives a pretty solid basis for playing the game. One caveat is after you have moved a pawn all the way to the farthest rank, only the destination tile will accept your promotion choice. Therefore, all the other keys still work on other square, but if you are on the destination square of a promotion q/r/b/n will promote your piece, not jump you to the next/previous one.&lt;/p&gt; &lt;p&gt;This pull request was merged earlier this month:&lt;/p&gt; &lt;h2 id=&quot;more-to-come&quot;&gt;More To Come&lt;/h2&gt; &lt;p&gt;Next thing I want to do is implement the analysis board. Right now it is not accessible whatsoever.&lt;/p&gt; &lt;h2 id=&quot;help-me&quot;&gt;Help Me&lt;/h2&gt; &lt;p&gt;If you are a screen reader user or know about accessibility and want to help make Lichess an awesome chess site for sighted and unsighted players alike, then send me an email at &lt;a href=&quot;mailto:tait@tait.tech&quot;&gt;tait@tait.tech&lt;/a&gt; and I’ll BCC you once I start testing the analysis board.&lt;/p&gt; &lt;p&gt;Happy hacking, y’all!&lt;/p&gt;</content><author><name></name></author><summary type="html">I wanted to play chess with somebody who used a screen reader, without requiring a screen reader myself; some sites, like QuintenC’s Playroom have a rather poor visual interface for anyone who would like the play the game visually. Lichess 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.</summary></entry><entry><title type="html">How to Deploy Lichess’s Lila With Nginx</title><link href="/2020/12/20/deploy-lichess/" rel="alternate" type="text/html" title="How to Deploy Lichess’s Lila With Nginx"/><published>2020-12-20T00:00:00-07:00</published><updated>2020-12-20T00:00:00-07:00</updated><id>/2020/12/20/deploy-lichess</id><content type="html" xml:base="/2020/12/20/deploy-lichess/">&lt;p&gt;I was getting ready to have a public test of some changes I made to &lt;a href=&quot;https://lichess.org&quot;&gt;lichess.org&lt;/a&gt;’s &lt;a href=&quot;https://lichess.org/source&quot;&gt;open source chess platform&lt;/a&gt;. In preperation, I got my Let’s Encrypt certificates and nginx configurations setup… and it wouldn’t work. Here are some tips for myself and future Lichess developers.&lt;/p&gt; &lt;h2 id=&quot;reasoning&quot;&gt;Reasoning&lt;/h2&gt; &lt;p&gt;My pull request involves accessibility. It will extend Lichess’s NVUI (Non-Visual User Interface) to be more accessible to beginner level chess players. At the time of writing this, Lichess’s NVUI only supports searching pieces by type, rank and file. It does not support any kind of interactive board.&lt;/p&gt; &lt;p&gt;I wanted to play chess with a friend of mine who uses a screen reader. Even though Lichess does indeed have a separate rendering of the page for visually impaired users, I have heard from a few people that it is not the best.&lt;/p&gt; &lt;p&gt;I don’t use a screen reader myself, so I thought having a public latest changes deployed server would work better for testing. It would certainly work better than getting some of my less computer literate friends to connect to me via VSCode/VPN and view my local repository.&lt;/p&gt; &lt;p&gt;So here is how to deploy it:&lt;/p&gt; &lt;h2 id=&quot;setup-a-development-environment&quot;&gt;Setup a development environment&lt;/h2&gt; &lt;p&gt;This is described &lt;a href=&quot;https://github.com/ornicar/lila/wiki/Lichess-Development-Onboarding&quot;&gt;in Lichess’s documentation itself&lt;/a&gt;. I will not elaborate further as it is not necessary.&lt;/p&gt; &lt;h2 id=&quot;setup-nginx&quot;&gt;Setup nginx&lt;/h2&gt; &lt;p&gt;This is the part that stumps most people. Getting a local development server usually works alright, but once you want to reverse proxy it for security and professionalism purposes, it get more interesting.&lt;/p&gt; &lt;p&gt;Here is the relevant portion of my nginx configuration for lila:&lt;/p&gt; &lt;pre class=&quot;file&quot;&gt; server_name chess.tait.tech; location / { proxy_pass http://127.0.0.1:9663; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-NginX-Proxy true; proxy_set_header X-Real-IP $remote_addr; } &lt;/pre&gt; &lt;p&gt;This is the config for the lila-ws websocket subdomain:&lt;/p&gt; &lt;pre class=&quot;file&quot;&gt; server_name ws.chess.tait.tech; location / { proxy_pass http://127.0.0.1:9664; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection &quot;upgrade&quot;; } &lt;/pre&gt; &lt;p&gt;You will need to deploy these on two virtual hosts.&lt;/p&gt; &lt;h2 id=&quot;lila&quot;&gt;Lila&lt;/h2&gt; &lt;p&gt;&lt;a href=&quot;https://github.com/ornicar/lila/&quot;&gt;Lila&lt;/a&gt; is the name for the main chess server, we need to change a few settings. Here is my git diff for the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;conf/base.conf&lt;/code&gt; file:&lt;/p&gt; &lt;pre class=&quot;file&quot;&gt; - domain = &quot;localhost:9663&quot; - socket.domains = [ &quot;localhost:9664&quot; ] + domain = &quot;chess.tait.tech&quot; + socket.domains = [ &quot;ws.chess.tait.tech&quot; ] asset.domain = ${net.domain} - asset.base_url = &quot;http://&quot;${net.asset.domain} + asset.base_url = &quot;https://&quot;${net.asset.domain} asset.minified = false - base_url = &quot;http://&quot;${net.domain} + base_url = &quot;https://&quot;${net.domain} &lt;/pre&gt; &lt;h3 id=&quot;lila-ws&quot;&gt;Lila-ws&lt;/h3&gt; &lt;p&gt;&lt;a href=&quot;https://github.com/ornicar/lila-ws/&quot;&gt;Lila-ws&lt;/a&gt; is the websocket component of Lila.&lt;/p&gt; &lt;p&gt;The most common complaint amongst aspiring Lichess developers is websockets not working. They constantly get these ‘101’ responses from the websocket, and it also seems that the websocket returns instead of staying in the ‘pending’ state as it should be.&lt;/p&gt; &lt;p&gt;Here is how to fix that (in diff format):&lt;/p&gt; &lt;pre class=&quot;file&quot;&gt; -csrf.origin = &quot;http://127.0.0.1:9000&quot; +csrf.origin = &quot;https://chess.tait.tech&quot; &lt;/pre&gt; &lt;p&gt;You need to tell lila-ws where the websocket requests will be coming from. This is how to do that.&lt;/p&gt; &lt;h2 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h2&gt; &lt;p&gt;This is not a long article, but just some notes for future me and Lila developers.&lt;/p&gt;</content><author><name></name></author><summary type="html">I was getting ready to have a public test of some changes I made to lichess.org’s open source chess platform. In preperation, I got my Let’s Encrypt certificates and nginx configurations setup… and it wouldn’t work. Here are some tips for myself and future Lichess developers.</summary></entry><entry><title type="html">Getting Pacaur Working on a Raspberry Pi 4 with Manjaro ARM or Arch Linux</title><link href="/2020/12/01/pacaur-rpi/" rel="alternate" type="text/html" title="Getting Pacaur Working on a Raspberry Pi 4 with Manjaro ARM or Arch Linux"/><published>2020-12-01T00:00:00-07:00</published><updated>2020-12-01T00:00:00-07:00</updated><id>/2020/12/01/pacaur-rpi</id><content type="html" xml:base="/2020/12/01/pacaur-rpi/">&lt;p&gt;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 &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;pacaur&lt;/code&gt; package so I can easily retrieve &lt;a href=&quot;https://wiki.archlinux.org/index.php/Arch_User_Repository&quot;&gt;AUR packages&lt;/a&gt; without needing to do it manually. Unfortunately, there is a small problem with compiling this on ARM.&lt;/p&gt; &lt;h2 id=&quot;always_inline&quot;&gt;always_inline&lt;/h2&gt; &lt;p&gt;To setup the install for &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;pacaur&lt;/code&gt;, I first needed to download &lt;a href=&quot;https://aur.archlinux.org/packages/auracle-git&quot;&gt;auracle-git&lt;/a&gt; AUR package manually. I ran into an error when compiling this package.&lt;/p&gt; &lt;p&gt;But first, my setup:&lt;/p&gt; &lt;pre class=&quot;terminal&quot;&gt; $ git clone https://aur.archlinux.org/auracle-git $ cd auracle-git $ makepkg -sri &lt;/pre&gt; &lt;p&gt;Around half way through compiling this project, I got this cryptic message telling me there was a “target specific option mismatch”…Whatever that means. The full error is below, hopefully that helps my chances on the search engines.&lt;/p&gt; &lt;pre class=&quot;terminal&quot;&gt; In file included from ../subprojects/abseil-cpp-20200225.2/absl/random/internal/randen_hwaes.cc:225: /usr/lib/gcc/aarch64-unknown-linux-gnu/9.3.0/include/arm_neon.h: In function 'Vector128 {anonymous}::AesRound(const Vector128&amp;amp;, const Vector128&amp;amp;)': /usr/lib/gcc/aarch64-unknown-linux-gnu/9.3.0/include/arm_neon.h:12452:1: error: inlining failed in call to always_inline 'uint8x16_t vaesmcq_u8(uint8x16_t)': target specific option mismatch 12452 | vaesmcq_u8 (uint8x16_t data) &lt;/pre&gt; &lt;p&gt;Luckily, there is a very easy fix for this. The user redfish &lt;a href=&quot;https://aur.archlinux.org/packages/auracle-git#comment-762117&quot;&gt;helpfully pointed out&lt;/a&gt; on the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;auracle-git&lt;/code&gt; package page that you need to add a special make option to your &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/etc/make.conf&lt;/code&gt; file to make this work.&lt;/p&gt; &lt;p&gt;His solution, as commented is like so:&lt;/p&gt; &lt;blockquote&gt; &lt;p&gt;If you get this error when building for ARM aarch64:&lt;/p&gt; &lt;p&gt;(insert error message from before)&lt;/p&gt; &lt;p&gt;Then check that in /etc/makepkg.conf CFLAGS and CXXFLAGS have the +crypto suffix in -march flag, like -march=armv8-a+crypto (the base identifier may very depending on your hardware)&lt;/p&gt; &lt;/blockquote&gt; &lt;p&gt;Basically, there is a file on Linux: &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/etc/makepkg.conf&lt;/code&gt; which tells your computer how to compile &lt;em&gt;all&lt;/em&gt; programs on the system. By default the Manjaro ARM (RPi4) edition has the following relevant lines in &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;makepkg.conf&lt;/code&gt;.&lt;/p&gt; &lt;pre class=&quot;file&quot;&gt; CFLAGS=&quot;-march=armv8-a -O2 -pipe -fstack-protector-strong -fno-plt&quot; CXXFLAGS=&quot;-march=armv8-a -O2 -pipe -fstack-protector-strong -fno-plt&quot; &lt;/pre&gt; &lt;p&gt;What Mr. redfish is telling us is that we must add ‘+crypto’ to the end of the -march compiler flag so that our compiler will know how to inline that pesky vaesmcq_u8 function.&lt;/p&gt; &lt;p&gt;So in the end, your &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;makepkg.conf&lt;/code&gt;’s relevant lines will look like so:&lt;/p&gt; &lt;pre class=&quot;file&quot;&gt; CFLAGS=&quot;-march=armv8-a+crypto -O2 -pipe -fstack-protector-strong -fno-plt&quot; CXXFLAGS=&quot;-march=armv8-a+crypto -O2 -pipe -fstack-protector-strong -fno-plt&quot; &lt;/pre&gt; &lt;h2 id=&quot;why&quot;&gt;Why?&lt;/h2&gt; &lt;p&gt;Redfish continues:&lt;/p&gt; &lt;blockquote&gt; &lt;p&gt;Build of abseil-cpp package works because it uses CMake which adds the correct -march flag regardless of makepkg.conf, whereas when abseil-cpp is build as a subproject within this package, it uses meson, which does not add the flag and thus fails with the above error.&lt;/p&gt; &lt;/blockquote&gt; &lt;p&gt;In other words, one of the dependencies pulled in with auracle is not compiling without this special compiler flag enabled.&lt;/p&gt; &lt;h2 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h2&gt; &lt;p&gt;Thanks to redfish for posting this solution to the forums! Would’ve been quite the rabbit hole for me to figure out how to do that. In fact, it is very likely I would have never figured that one out.&lt;/p&gt; &lt;p&gt;After this issue is resolved, the installation of &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;pacaur&lt;/code&gt; goes as expected. Nice and easy! Pacuar will compile on any architecture so it’s smooth sailing from here.&lt;/p&gt; &lt;p&gt;Happy hacking!&lt;/p&gt;</content><author><name></name></author><summary type="html">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 pacaur package so I can easily retrieve AUR packages without needing to do it manually. Unfortunately, there is a small problem with compiling this on ARM.</summary></entry><entry><title type="html">ZFS NAS Box, Part 2</title><link href="/2020/11/15/nas2/" rel="alternate" type="text/html" title="ZFS NAS Box, Part 2"/><published>2020-11-15T00:00:00-07:00</published><updated>2020-11-15T00:00:00-07:00</updated><id>/2020/11/15/nas2</id><content type="html" xml:base="/2020/11/15/nas2/">&lt;p&gt;Back in &lt;a href=&quot;/2020/04/12/nas1/&quot;&gt;part one of my NAS project&lt;/a&gt; I discussed how I wanted to set up my hardware. Today, I set up the NAS (almost).&lt;/p&gt; &lt;p&gt;There were some hiccup along the way, like learning that M.2 slots can disable some of your SATA ports or waiting a month for a host bus adapter to come in from China.&lt;/p&gt; &lt;h2 id=&quot;why-did-it-take-so-long&quot;&gt;Why Did It Take So Long&lt;/h2&gt; &lt;p&gt;So it turns out I was going to spend a lot more on this project than I originally anticipated. I ended up getting a server machine instead of a sleek NAS box. Here are some of the quick specs:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Standard ATX case by Thermaltake.&lt;/li&gt; &lt;li&gt;LSI 9211-8i.&lt;/li&gt; &lt;li&gt;The cheapest HDMI graphics card I could find on Kijiji.&lt;/li&gt; &lt;li&gt;6x 3TB Segate HDDs.&lt;/li&gt; &lt;li&gt;1x 250G Kingston SSD.&lt;/li&gt; &lt;li&gt;AMD Ryzen 5 3600.&lt;/li&gt; &lt;li&gt;MSI B450 Gaming Plus Max.&lt;/li&gt; &lt;li&gt;2x 8GB FlareX 3200Mhz RAM.&lt;/li&gt; &lt;li&gt;1x 16GB Kingston 3200Mhz RAM.&lt;/li&gt; &lt;/ul&gt; &lt;h2 id=&quot;zfs&quot;&gt;ZFS&lt;/h2&gt; &lt;p&gt;This is how I decided to configure my storage pools. In hindsight, this was not the best choice for upgrading. I may change it in the future to a 0+1 setup, but it works for now.&lt;/p&gt; &lt;p&gt;I have 5x 3TB in a RAIDZ2 with one drive not attached for redundancy’s sake. How does one setup a ZFS pool. Check this out:&lt;/p&gt; &lt;pre class=&quot;terminal&quot;&gt; # zpool create poolname raidz2 \ /dev/by-id/blahblahblah1 \ /dev/by-id/blahblahblah2 \ /dev/by-id/blahblahblah3 \ /dev/by-id/blahblahblah4 \ /dev/by-id/blahblahblah5 &lt;/pre&gt; &lt;p&gt;And zippidy-doo! We’ve got a ZFS pool! We can check its status with &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;zpool status&lt;/code&gt;.&lt;/p&gt; &lt;pre class=&quot;terminal&quot;&gt; $ zfs status pool: raid state: ONLINE scan: scrub in progress since Wed Nov 18 18:41:41 2020 1.84T scanned at 8.51G/s, 121G issued at 562M/s, 1.84T total 0B repaired, 6.45% done, 0 days 00:53:25 to go config: NAME STATE READ WRITE CKSUM raid ONLINE 0 0 0 raidz2-0 ONLINE 0 0 0 ata-HGST_HUS724030ALA640_PN2234P8JTNMYY ONLINE 0 0 0 ata-HGST_HUS724030ALA640_PN2234P8JVSXTY ONLINE 0 0 0 ata-HGST_HUS724030ALA640_PN2234P8JXAS8Y ONLINE 0 0 0 ata-HGST_HUS724030ALA640_PN2234P8JXBARY ONLINE 0 0 0 ata-HGST_HUS724030ALA640_PN2234P8JXP77Y ONLINE 0 0 0 errors: No known data errors &lt;/pre&gt; &lt;p&gt;I had run a scrub right before this, so there’s some extra detail in that. This is really fun! I will be doing more home storage projects soon. Perhaps Raspberry Pi NAS using all 4 USB ports to load SATA drives on it. Now that would be fun!&lt;/p&gt; &lt;h2 id=&quot;so-i-kinda-have-a-nas-now&quot;&gt;So I Kinda Have A NAS Now…?&lt;/h2&gt; &lt;p&gt;So right now I can only copy files with &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;rsync&lt;/code&gt;, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;scp&lt;/code&gt; and moving data via a physical drive. The one major disadvantage this has is speed.&lt;/p&gt; &lt;p&gt;Due to this machine being connected directly outside my network and pulling DHCP like a normal router would, I need to send my data through the WAN connection to get my files to it. This is rather unfortunate as my upload speed is capped at 20 megabits per second, despite my upload being in the 300+ range.&lt;/p&gt; &lt;p&gt;Part 3 will involve a LAN card so I can connect both to the DHCP server of my ISP and my local router. This way my transfer speeds should be in the range of 1 gigabit per second. This will make my life much easier, at least on the local network.&lt;/p&gt; &lt;h2 id=&quot;fun-fact&quot;&gt;Fun Fact!&lt;/h2&gt; &lt;p&gt;Do not try to use the M.2 slot on a consumer motherboard where you are also using all the SATA ports. On my consumer gaming motherboard, the SATA ports next to the M.2 slot became &lt;em&gt;disabled&lt;/em&gt; when I attached the M.2 SSD. I found this out form my motherboard documentation, which I read only after a week of thinking my motherboard itself was defective, and sending it in for repairs that did absolutely nothing.&lt;/p&gt; &lt;h2 id=&quot;thoughts&quot;&gt;Thoughts&lt;/h2&gt; &lt;p&gt;I like having all this space. I plan on using it up pretty fast, so I’m already looking at how to expand. Hopefully that gives a decent overview of how I set up my drives.&lt;/p&gt; &lt;p&gt;Happy hacking!&lt;/p&gt;</content><author><name></name></author><summary type="html">Back in part one of my NAS project I discussed how I wanted to set up my hardware. Today, I set up the NAS (almost).</summary></entry><entry><title type="html">Curiosity</title><link href="/2020/10/26/curiosity/" rel="alternate" type="text/html" title="Curiosity"/><published>2020-10-26T00:00:00-06:00</published><updated>2020-10-26T00:00:00-06:00</updated><id>/2020/10/26/curiosity</id><content type="html" xml:base="/2020/10/26/curiosity/">&lt;p&gt;Curiosity is fundamental to a deep understanding of any subject. Masters, Ph.Ds, and other fancy name suffixes will never help you if you don’t have the spirit of curiosity burning inside of you.&lt;/p&gt; &lt;p&gt;I was speaking to someone from a journalism major at my school when the subject of hacking arose. I expected her to know nothing about it, being a journalism student and all, but surprisingly she had something to say about it:&lt;/p&gt; &lt;blockquote&gt; &lt;p&gt;“The best hackers are the ones who are curious.”&lt;/p&gt; &lt;/blockquote&gt; &lt;p&gt;That struck a cord with me. It seems to me she has nailed down the difference between the students who care about grades, and those who want to learn. These are not necessarily mutually exclusive, but in my experience they often are due to the way education is structured.&lt;/p&gt; &lt;h2 id=&quot;my-anecdote&quot;&gt;My Anecdote&lt;/h2&gt; &lt;p&gt;In my second semester at SAIT Polytechnic, I took a class entitled &lt;em&gt;Emerging Trends In Technology&lt;/em&gt;. This class was probably the best class I have ever taken. We had to combine two things:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;&lt;strong&gt;Hard skills&lt;/strong&gt;: learning a new hard skill like Angular, Django, or GPG encryption.&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Soft skills&lt;/strong&gt;: public speaking and presentation of our ideas.&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Soft skills are not usually my area, but I can do public speaking. I grew up quite religious, so public speaking was drilled into me young. I liked to go off script and talk about interesting things I found along the way to the actual point. My creativity was not usually encouraged. That said, going off script is useful when teaching and presenting ideas; it gives a natural air to your breath and an unquestionable confidence in your speech.&lt;/p&gt; &lt;p&gt;This is how we learn: in relationships. Try explaining ancient Japanese history to a computer science major, or UNIX sockets to an English major and you’ll see what I mean. If there is nothing for us to connect the knowledge to, it dissipates.&lt;/p&gt; &lt;p&gt;So why did I do so well in this class?&lt;/p&gt; &lt;p&gt;Our task for the semester was as follows:&lt;/p&gt; &lt;ol&gt; &lt;li&gt;Learn a new subject (any &lt;em&gt;emerging trend in technology&lt;/em&gt;) which you find fascinating.&lt;/li&gt; &lt;li&gt;Give a one minute introduction by week three.&lt;/li&gt; &lt;li&gt;Give a 10 minute non-technical overview by week 8.&lt;/li&gt; &lt;li&gt;Give a 20 minute technical explaination and demo by week 13.&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;This is the only course I have ever taken which lets students’ imagination run wild. Their presentation, their rules. They treated the students like adults who know what they are doing. What happened? Everyone stopped coming because “Oh no! Presentations!”?&lt;/p&gt; &lt;p&gt;No, exactly the opposite. There was never more than one student missing. Every single presentation was at least moderately interesting, and most students were excited to come to that class. You could see it in their faces, the way they carried themselves. Every student picked something unique to their tastes, leaving every student more educated than before.&lt;/p&gt; &lt;p&gt;This class, unlike many others, encouraged the curiosity of the students. It rewarded those who had unique interests and an ability to sell others on their ideas.&lt;/p&gt; &lt;p&gt;The curiosity and the grades were one.&lt;/p&gt; &lt;h2 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h2&gt; &lt;p&gt;Although it’s nice to have a course where these goals align here and there, anyone who has been to collage or university can tell you that is far from the norm.&lt;/p&gt; &lt;p&gt;On the other hand, I never would have started this site if it wasn’t for that class alone. So I thank you, Kitty Wong, for getting me started running my own “research blog” (?)&lt;/p&gt;</content><author><name></name></author><summary type="html">Curiosity is fundamental to a deep understanding of any subject. Masters, Ph.Ds, and other fancy name suffixes will never help you if you don’t have the spirit of curiosity burning inside of you.</summary></entry><entry><title type="html">Minesweeper Bomb Generation And Tile Revealing</title><link href="/2020/09/12/minesweeper/" rel="alternate" type="text/html" title="Minesweeper Bomb Generation And Tile Revealing"/><published>2020-09-12T00:00:00-06:00</published><updated>2020-09-12T00:00:00-06:00</updated><id>/2020/09/12/minesweeper</id><content type="html" xml:base="/2020/09/12/minesweeper/">&lt;p&gt;When I was creating a little Minesweeper game, I got confused at some points. My bomb generation didn’t look quite right, and I for sure didn’t quite get the whole cascading tile reveal thing. With a bit of internet research, I found what I was looking for. I’ll explain it all in one place for my own research purposes.&lt;/p&gt; &lt;h2 id=&quot;bomb-generation&quot;&gt;Bomb Generation&lt;/h2&gt; &lt;p&gt;When I started this project I attempted to use a random bomb generator. By this I mean on each square, before it gets generated, give it a one in 15 change of being a bomb. Personally, I’m not sure why this never looked right. Something about the layout of the bombs did not mimic the classic Minesweeper game.&lt;/p&gt; &lt;p&gt;After looking at some open source Minesweeper examples, I started to get the idea. I wrote some mathematical statements describing the generation of bombs and how to get their x,y position from an appropriate number. For those non-mathy people, don’t leave just yet; there will be code equivalents to the math.&lt;/p&gt; &lt;p&gt;W and H are the width and height of the board respectively.&lt;/p&gt; &lt;p&gt;&lt;span class=&quot;katex-display&quot;&gt;&lt;span class=&quot;katex&quot;&gt;&lt;span class=&quot;katex-mathml&quot;&gt;&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;semantics&gt;&lt;mrow&gt;&lt;mn mathvariant=&quot;italic&quot;&gt;0&lt;/mn&gt;&lt;mo&gt;≤&lt;/mo&gt;&lt;mi&gt;r&lt;/mi&gt;&lt;mo&gt;≤&lt;/mo&gt;&lt;mtext&gt;W&lt;/mtext&gt;&lt;mo&gt;×&lt;/mo&gt;&lt;mtext&gt;H&lt;/mtext&gt;&lt;/mrow&gt;&lt;annotation encoding=&quot;application/x-tex&quot;&gt; \it 0 \leq r \leq \text W \times \text H &lt;/annotation&gt;&lt;/semantics&gt;&lt;/math&gt;&lt;/span&gt;&lt;span class=&quot;katex-html&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;base&quot;&gt;&lt;span class=&quot;strut&quot; style=&quot;height:0.8193em;vertical-align:-0.13597em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord mathit&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mrel&quot;&gt;≤&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord mathit&quot;&gt;r&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mrel&quot;&gt;≤&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord text&quot;&gt;&lt;span class=&quot;mord&quot;&gt;W&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2222222222222222em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mbin&quot;&gt;×&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2222222222222222em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord text&quot;&gt;&lt;span class=&quot;mord&quot;&gt;H&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;katex-display&quot;&gt;&lt;span class=&quot;katex&quot;&gt;&lt;span class=&quot;katex-mathml&quot;&gt;&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;semantics&gt;&lt;mrow&gt;&lt;mi&gt;x&lt;/mi&gt;&lt;mo&gt;=&lt;/mo&gt;&lt;mi&gt;r&lt;/mi&gt;&lt;mtext&gt; &lt;/mtext&gt;&lt;mo lspace=&quot;0.22em&quot; rspace=&quot;0.22em&quot;&gt;&lt;mrow&gt;&lt;mi mathvariant=&quot;normal&quot;&gt;m&lt;/mi&gt;&lt;mi mathvariant=&quot;normal&quot;&gt;o&lt;/mi&gt;&lt;mi mathvariant=&quot;normal&quot;&gt;d&lt;/mi&gt;&lt;/mrow&gt;&lt;/mo&gt;&lt;mtext&gt; &lt;/mtext&gt;&lt;mtext&gt;W&lt;/mtext&gt;&lt;/mrow&gt;&lt;annotation encoding=&quot;application/x-tex&quot;&gt; \it x = r \bmod \text W &lt;/annotation&gt;&lt;/semantics&gt;&lt;/math&gt;&lt;/span&gt;&lt;span class=&quot;katex-html&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;base&quot;&gt;&lt;span class=&quot;strut&quot; style=&quot;height:0.69444em;vertical-align:0em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord mathit&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mrel&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord mathit&quot;&gt;r&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2222222222222222em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.05555555555555555em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mbin&quot;&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord mathrm&quot;&gt;m&lt;/span&gt;&lt;span class=&quot;mord mathrm&quot;&gt;o&lt;/span&gt;&lt;span class=&quot;mord mathrm&quot;&gt;d&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2222222222222222em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.05555555555555555em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord text&quot;&gt;&lt;span class=&quot;mord&quot;&gt;W&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;katex-display&quot;&gt;&lt;span class=&quot;katex&quot;&gt;&lt;span class=&quot;katex-mathml&quot;&gt;&lt;math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;&gt;&lt;semantics&gt;&lt;mrow&gt;&lt;mi&gt;y&lt;/mi&gt;&lt;mo&gt;=&lt;/mo&gt;&lt;mrow&gt;&lt;mo fence=&quot;true&quot;&gt;⌊&lt;/mo&gt;&lt;mfrac&gt;&lt;mi&gt;r&lt;/mi&gt;&lt;mtext&gt;H&lt;/mtext&gt;&lt;/mfrac&gt;&lt;mo fence=&quot;true&quot;&gt;⌋&lt;/mo&gt;&lt;/mrow&gt;&lt;/mrow&gt;&lt;annotation encoding=&quot;application/x-tex&quot;&gt; \it y = \left\lfloor\frac{r}{\text H}\right\rfloor &lt;/annotation&gt;&lt;/semantics&gt;&lt;/math&gt;&lt;/span&gt;&lt;span class=&quot;katex-html&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;base&quot;&gt;&lt;span class=&quot;strut&quot; style=&quot;height:1.8359999999999999em;vertical-align:-0.686em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord mathit&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mrel&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mspace&quot; style=&quot;margin-right:0.2777777777777778em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;minner&quot;&gt;&lt;span class=&quot;mopen delimcenter&quot; style=&quot;top:0em;&quot;&gt;&lt;span class=&quot;delimsizing size2&quot;&gt;⌊&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mopen nulldelimiter&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mfrac&quot;&gt;&lt;span class=&quot;vlist-t vlist-t2&quot;&gt;&lt;span class=&quot;vlist-r&quot;&gt;&lt;span class=&quot;vlist&quot; style=&quot;height:1.10756em;&quot;&gt;&lt;span style=&quot;top:-2.314em;&quot;&gt;&lt;span class=&quot;pstrut&quot; style=&quot;height:3em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord text&quot;&gt;&lt;span class=&quot;mord&quot;&gt;H&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;top:-3.23em;&quot;&gt;&lt;span class=&quot;pstrut&quot; style=&quot;height:3em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;frac-line&quot; style=&quot;border-bottom-width:0.04em;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;top:-3.677em;&quot;&gt;&lt;span class=&quot;pstrut&quot; style=&quot;height:3em;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mord&quot;&gt;&lt;span class=&quot;mord mathit&quot;&gt;r&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;vlist-s&quot;&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;vlist-r&quot;&gt;&lt;span class=&quot;vlist&quot; style=&quot;height:0.686em;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mclose nulldelimiter&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mclose delimcenter&quot; style=&quot;top:0em;&quot;&gt;&lt;span class=&quot;delimsizing size2&quot;&gt;⌋&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;The code equivalent to this in Python is below:&lt;/p&gt; &lt;div class=&quot;language-python highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;kn&quot;&gt;import&lt;/span&gt; &lt;span class=&quot;nn&quot;&gt;random&lt;/span&gt; &lt;span class=&quot;c1&quot;&gt;# r &amp;lt;= 0 &amp;lt;= W*H &lt;/span&gt;&lt;span class=&quot;n&quot;&gt;r&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;randint&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;W&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;*&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;H&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt; &lt;span class=&quot;c1&quot;&gt;# x = r mod W &lt;/span&gt;&lt;span class=&quot;n&quot;&gt;x&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;r&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;%&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;W&lt;/span&gt; &lt;span class=&quot;c1&quot;&gt;# y = floor(r/H); note the special syntax python has for this operation &lt;/span&gt;&lt;span class=&quot;n&quot;&gt;y&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;r&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;//&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;H&lt;/span&gt; &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt; &lt;p&gt;So that’s that, we can put this in a big ‘ol for loop and generate an arbitrary &lt;em&gt;n&lt;/em&gt; number of bombs given a width and height of a Minesweeper board.&lt;/p&gt; &lt;h2 id=&quot;cascading-tile-revealing&quot;&gt;Cascading Tile Revealing&lt;/h2&gt; &lt;p&gt;This one is hard to describe; I am adapting this from &lt;a href=&quot;https://leetcode.com/problems/minesweeper/&quot;&gt;leetcode.com&lt;/a&gt;. Whenever a player clicks a tile, the following logic should be used:&lt;/p&gt; &lt;ol&gt; &lt;li&gt;If a mine is revealed, the game is over. (obviously)&lt;/li&gt; &lt;li&gt;If a tile with &lt;em&gt;no&lt;/em&gt; adjacent mines is revealed, recursively reveal all eight adjacent tiles.&lt;/li&gt; &lt;li&gt;If a tile with one or more adjacent mines is revealed, display the number of mines next to it.&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;Here is the code in Python for this algorithm.&lt;/p&gt; &lt;div class=&quot;language-python highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;reveal_square&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;board&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;alread_revealed&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;):&lt;/span&gt; &lt;span class=&quot;c1&quot;&gt;# if already checked &lt;/span&gt; &lt;span class=&quot;k&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;ow&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;already_revealed&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;c1&quot;&gt;# if it's a bomb &lt;/span&gt; &lt;span class=&quot;k&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;board&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;][&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;s&quot;&gt;'B'&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;you_lose&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;()&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;c1&quot;&gt;# if the bomb number is more than 0 &lt;/span&gt; &lt;span class=&quot;n&quot;&gt;already_revealed&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;append&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;((&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;nx&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;ny&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;))&lt;/span&gt; &lt;span class=&quot;c1&quot;&gt;# from -1 to 1 &lt;/span&gt; &lt;span class=&quot;k&quot;&gt;for&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;xd&lt;/span&gt; &lt;span class=&quot;ow&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;range&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;):&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;for&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;yd&lt;/span&gt; &lt;span class=&quot;ow&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;range&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;):&lt;/span&gt; &lt;span class=&quot;c1&quot;&gt;# skip if it is this the center tile &lt;/span&gt; &lt;span class=&quot;k&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;xd&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;x&lt;/span&gt; &lt;span class=&quot;ow&quot;&gt;and&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;yd&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;continue&lt;/span&gt; &lt;span class=&quot;c1&quot;&gt;# recursively check the adjacent square &lt;/span&gt; &lt;span class=&quot;n&quot;&gt;reveal&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;xd&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;yd&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;board&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;already_revealed&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;already_revealed&lt;/span&gt; &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt; &lt;p&gt;This has no checks for valid squares, but it’s the general idea. This function returns an array of tile coordinates which should be revealed.&lt;/p&gt; &lt;h2 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h2&gt; &lt;p&gt;I wrote this because in the first place because I was writing my own Minesweeper game. I hope that this helps you with getting the general idea of a Minesweeper game. The completed version of this game is available on my &lt;a href=&quot;https://lamegames.tait.tech/&quot;&gt;lamegames&lt;/a&gt; site. Let me know what you think!&lt;/p&gt; &lt;p&gt;Happy hacking!&lt;/p&gt;</content><author><name></name></author><summary type="html">When I was creating a little Minesweeper game, I got confused at some points. My bomb generation didn’t look quite right, and I for sure didn’t quite get the whole cascading tile reveal thing. With a bit of internet research, I found what I was looking for. I’ll explain it all in one place for my own research purposes.</summary></entry><entry><title type="html">lamegames.tait.tech</title><link href="/2020/09/09/lamegames/" rel="alternate" type="text/html" title="lamegames.tait.tech"/><published>2020-09-09T00:00:00-06:00</published><updated>2020-09-09T00:00:00-06:00</updated><id>/2020/09/09/lamegames</id><content type="html" xml:base="/2020/09/09/lamegames/">&lt;p&gt;This is an announcement for a new project of mine: &lt;a href=&quot;https://lamegames.tait.tech&quot;&gt;lamegames.tait.tech&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;This is something I’m really excited to work on!&lt;/p&gt; &lt;p&gt;Right now, I’ve just got a rock-paper-scissors game. A chat function, and a few simple card games to come.&lt;/p&gt; &lt;p&gt;Check out the repository on my &lt;a href=&quot;https://github.com/TTWNO/lamegames.io&quot;&gt;Github&lt;/a&gt;.&lt;/p&gt;</content><author><name></name></author><summary type="html">This is an announcement for a new project of mine: lamegames.tait.tech.</summary></entry><entry><title type="html">How to Solve The Django Deployment Puzzle</title><link href="/2020/08/18/django-deployment/" rel="alternate" type="text/html" title="How to Solve The Django Deployment Puzzle"/><published>2020-08-18T00:00:00-06:00</published><updated>2020-08-18T00:00:00-06:00</updated><id>/2020/08/18/django-deployment</id><content type="html" xml:base="/2020/08/18/django-deployment/">&lt;p&gt;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.&lt;/p&gt; &lt;h3 id=&quot;asgi-servers&quot;&gt;ASGI Servers&lt;/h3&gt; &lt;p&gt;Because my project used the ASGI (Asynchronous webServer Gateway Interface), I needed to find a good production ASGI server to handle all the incoming requests. The best thing I found was &lt;a href=&quot;http://www.uvicorn.org/&quot;&gt;uvicorn&lt;/a&gt;. It focuses on speed, which is a priority, especially when using the ASGI protocol.&lt;/p&gt; &lt;p&gt;To run uvicorn on the command line for testing purposes, use something like the following:&lt;/p&gt; &lt;pre class=&quot;terminal&quot;&gt; $ uvicorn --reload myapp.asgi:application &lt;/pre&gt; &lt;p&gt;The &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;--reload&lt;/code&gt; option says to reload the server if any of the files get updated. This is not recommended in production. Sadly, I thought this meant I would need to do a hard shutdown of the server process every time I wanted to update. This turned out to not be the case.&lt;/p&gt; &lt;h3 id=&quot;workload-managers&quot;&gt;Workload Managers&lt;/h3&gt; &lt;p&gt;There is another equine-named program called &lt;a href=&quot;https://gunicorn.org/&quot;&gt;gunicorn&lt;/a&gt; which can hold a number of processes under its control. An interesting feature of &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gunicorn&lt;/code&gt; is that it will gracefully switch from an old to a new deployment, replacing the subprocesses one-by-one and eventually having only the new deployment active on all subprocesses. The greatest part? Zero down time. The server keeps any old processes open if there is communication with them, then shift and new connections to the new deployment. This was a very cool feature I wanted to take advantage of.&lt;/p&gt; &lt;p&gt;“Now hold on!” you might protest. “gunicorn is a WSGI server!” … oh you got me there! Yes, that’s right, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gunicorn&lt;/code&gt; is paired with &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;uvicorn&lt;/code&gt; to serve my files.&lt;/p&gt; &lt;h3 id=&quot;systemd&quot;&gt;systemd&lt;/h3&gt; &lt;p&gt;Love it or hate it, the majority of Linux distributions use the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;systemd&lt;/code&gt; init system. I decided it would be very convenient to have a .service file for my Django application to run automatically at boot. &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;Systemd&lt;/code&gt; allows me to do this with a file like the following one I stored in &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;/lib/systemd/system/lamegames.service&lt;/code&gt;.&lt;/p&gt; &lt;pre class=&quot;file&quot;&gt; [Unit] Description=Gunicorn/Uvicorn (lamegames.io) [Service] WorkingDirectory=/home/lame/lamegames.io Type=simple RemainAfterExit=yes ExecStart=/home/lame/lamegames.io/env/bin/gunicorn lamegames.asgi:application -w 2 -k uvicorn.workers.UvicornWorker ExecStop=/bin/kill -HUP $MAINPID Restart=always [Install] WantedBy=multi-user.target &lt;/pre&gt; &lt;h3 id=&quot;nginx&quot;&gt;nginx&lt;/h3&gt; &lt;p&gt;NGINX (pronounced engine-X) is a performance web server designed for speed and simplicity. For the front facing side of the site, I do need a production web server like nginx. Gunicorn simply doesn’t need all the features that nginx provides, but I do. To configure my nginx installation, I used the following few directives to:&lt;/p&gt; &lt;ol&gt; &lt;li&gt;Redirect most traffic towards the gunicorn server.&lt;/li&gt; &lt;li&gt;Redirect statically served files (CSS, JS, images) to the directory specified in the STATIC_ROOT variable of my &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;settings.py&lt;/code&gt; file.&lt;/li&gt; &lt;li&gt;Use TLS to enable https://&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;Serving the static files from nginx as opposed to the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gunicorn&lt;/code&gt; server is necessary. Gunicorn and other production A/WSGI web server will not set the proper MIME type over TLS. This will cause your browser to not load the Javascript/CSS.&lt;/p&gt; &lt;p&gt;This is the important part of my nginx config.&lt;/p&gt; &lt;pre class=&quot;file&quot;&gt; server { location / { proxy_set_header Host $http_host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; # these two lines ensure that WebSocket, and HTTP2 connection are forwarded correctly proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection &quot;Upgrade&quot;; proxy_redirect off; proxy_buffering off; # this forwards all traffic to the local server on port 8000 proxy_pass http://localhost:8000; } # This forwards all static requests to Django's STATIC_ROOT set in settings.py; it is generated using the collectstatic command. location /static { autoindex on; alias /home/lame/lamegames.io/static_generated; } } &lt;/pre&gt; &lt;h3 id=&quot;setup&quot;&gt;Setup&lt;/h3&gt; &lt;p&gt;After all that, I was able to do the following:&lt;/p&gt; &lt;pre class=&quot;terminal&quot;&gt; # systemctl enable lamegames &lt;/pre&gt; &lt;p&gt;This enabled my &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gunicorn&lt;/code&gt; server to run once the server started. NGINX is that way be default.&lt;/p&gt; &lt;p&gt;And tada! You now have a working Django project on a production server!&lt;/p&gt; &lt;h4 id=&quot;notes&quot;&gt;Notes&lt;/h4&gt; &lt;ul&gt; &lt;li&gt;If using ws:// websockets, change them to wss:// for secure web sockets.&lt;/li&gt; &lt;li&gt;Make sure to use channels.routing.get_default_application() instead of django.get_asgi_application() if your’re wanting to use channels/redis WebSockets.&lt;/li&gt; &lt;/ul&gt;</content><author><name></name></author><summary type="html">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.</summary></entry><entry><title type="html">BSD Journey, Part 1</title><link href="/2020/08/15/openbsd1/" rel="alternate" type="text/html" title="BSD Journey, Part 1"/><published>2020-08-15T00:00:00-06:00</published><updated>2020-08-15T00:00:00-06:00</updated><id>/2020/08/15/openbsd1</id><content type="html" xml:base="/2020/08/15/openbsd1/">&lt;p&gt;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.&lt;/p&gt; &lt;p&gt;Now, my interest in OpenBSD has been going on for a long time. I started poking around for Linux alternatives way back a few years ago when Linus Torvalds decided to leave after he got in trouble for some &lt;a href=&quot;https://arstechnica.com/information-technology/2013/07/linus-torvalds-defends-his-right-to-shame-linux-kernel-developers/&quot;&gt;unprofessional behaviour&lt;/a&gt;. That said, Linus did come back to Linux development, but I knew that his abrasive style is what brought good code to the Linux kernel. I also knew that his ability to be critical would be hurt by the new &lt;a href=&quot;https://itsfoss.com/linux-code-of-conduct/&quot;&gt;code of conduct&lt;/a&gt;. It would become a tool for the SJW types to hammer on Linus for being a “white male, et al.”; It would become a tool for the easily offended to use to get their dumb code into Linux; It would become a tool for the corporatization, the HR-ification of Linux. Frankly, this does not interest me.&lt;/p&gt; &lt;p&gt;Now I’m sure that OpenBSD has its own internal policies that I disagree with. That said, Theo De Raadt is still at least known for calling Firefox an “amorphous peace of garbage” due to its lack of privilege separation. And, in their &lt;a href=&quot;https://openbsd.org/goals.html&quot;&gt;project goals&lt;/a&gt; page, they specifically mention:&lt;/p&gt; &lt;blockquote&gt; &lt;p&gt;Be as politics-free as possible; solutions should be decided on the basis of technical merit.&lt;/p&gt; &lt;/blockquote&gt; &lt;p&gt;Now that’s something I can get behind! Bet you that’s not in the Linux COC?&lt;/p&gt; &lt;p&gt;He also went to university in my hometown, so that’s pretty cool! I can support a local madman who thinks he can make a better operating system than all those corporations. Maybe he was right, maybe not. What I know is I am excited to find out!&lt;/p&gt; &lt;p&gt;Wish my luck on my OpenBSD journey. I will post updates here along the way.&lt;/p&gt; &lt;p&gt;Happy hacking!&lt;/p&gt;</content><author><name></name></author><summary type="html">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.</summary></entry></feed>
\ No newline at end of file
diff --git a/_site/ideas/index.html b/_site/ideas/index.html
index 5ec2ab9..9460be6 100644
--- a/_site/ideas/index.html
+++ b/_site/ideas/index.html
@@ -1,62 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Ideas | 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"  >Blog</a>
-	
-	<a href="/ideas/" class="nav-link"  class="on-page" >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 id="ideas">Ideas</h1>
-
-<h2 id="1-accessible-bios">1. Accessible BIOS</h2>
-
-<p>Some server motherboards include serial UART/I<sup>2</sup>C ports which can be used to manage a BIOS via serial.
-If this is possible, would it be able to attach to a braille display via an intermediary like a Rockchip/Pi SBC or Arduino compatible chip using <a href="https://brltty.app">BRLTTY</a> and serial input from the motherboard?
-Maybe not as it <a href="https://tldp.org/HOWTO/Remote-Serial-Console-HOWTO/rhl-biosserial.html">appears to require</a> a full Unicode terminal, which I have the suspicion that BRLTTY will not be able to automatically filter out the formatting characters.</p>
-
-<p>Just an idea.</p>
-
-<h2 id="2-terminal-oriented-browser">2. Terminal-oriented browser</h2>
-
-<p>Use selenium to allow a cross-engine compatible terminal-browser with JS support. Yes, sure, it has all the bloat of the modern web as it uses the full code of Chrome/Firefox/Webkit—but at least it can be used in the terminal.
-Guaranteed to be accessible.</p>
-
-<p>I’m thinking of similar key commands to Orca/NVDA but output is send to the terminal. Unsure of how to handle aria-live regions, but perhaps a queue could be used to print text. Unsure how to calculate delay as the user may be using a screen reader at different speeds and/or a braille display.</p>
-
-<p>Change backend on-the-fly with a page reload. So if a website doesn’t work with Webkit, load it in Firefox with a key command.</p>
-
-<p>Just an idea.</p>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/ideas/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ideas | 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">Blog</a> <a href="/ideas/" class="nav-link" class="on-page">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 id="ideas">Ideas</h1> <h2 id="1-accessible-bios">1. Accessible BIOS</h2> <p>Some server motherboards include serial UART/I<sup>2</sup>C ports which can be used to manage a BIOS via serial. If this is possible, would it be able to attach to a braille display via an intermediary like a Rockchip/Pi SBC or Arduino compatible chip using <a href="https://brltty.app">BRLTTY</a> and serial input from the motherboard? Maybe not as it <a href="https://tldp.org/HOWTO/Remote-Serial-Console-HOWTO/rhl-biosserial.html">appears to require</a> a full Unicode terminal, which I have the suspicion that BRLTTY will not be able to automatically filter out the formatting characters.</p> <p>Just an idea.</p> <h2 id="2-terminal-oriented-browser">2. Terminal-oriented browser</h2> <p>Use selenium to allow a cross-engine compatible terminal-browser with JS support. Yes, sure, it has all the bloat of the modern web as it uses the full code of Chrome/Firefox/Webkit—but at least it can be used in the terminal. Guaranteed to be accessible.</p> <p>I’m thinking of similar key commands to Orca/NVDA but output is send to the terminal. Unsure of how to handle aria-live regions, but perhaps a queue could be used to print text. Unsure how to calculate delay as the user may be using a screen reader at different speeds and/or a braille display.</p> <p>Change backend on-the-fly with a page reload. So if a website doesn’t work with Webkit, load it in Firefox with a key command.</p> <p>Just an idea.</p> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/ideas/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/index.html b/_site/index.html
index 3380d7b..36ac133 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -1,118 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Home | 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="UNIX Design, Tait Hoyem, security, privacy, software developer, Calgary, Alberta, Canada, independent, web developer">
-    <meta name="description" content="Tait Hoyem's website. The home of accessible, simple and secure computing.">
-  </head>
-  <body>
-    <div id="wrapper">
-      <header>
-	<h1>tait.tech</h1>
-
-        <nav>
-	
-	<a href="/" class="nav-link"  class="on-page" >Home</a>
-	
-	<a href="/blog/" class="nav-link"  >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>Tait Hoyem</h1>
-
-<p>I have three goals in my software development career:</p>
-
-<ol>
-  <li>Strong adherence to the <a href="http://www.catb.org/~esr/writings/taoup/html/ch01s06.html">UNIX principles</a> of software design.</li>
-  <li>Security, privacy, and anonymity of the internet.</li>
-  <li>Accessibility of technology to the visually impaired.</li>
-</ol>
-
-<p>Some of my projects reflect these goals;
-others are just fun along the way.
-I have all of my code projects hosted on <a href="https://github.com/TTWNO">my Github</a>.</p>
-
-<h2>Projects</h2>
-<p>Here is some of my best work:</p>
-<ul class="clear-list projects">
-
-  <li>
-    <p>
-      <a href="https://github.com/ornicar/lila/pull/7772">Lichess</a> &mdash; A patch for Lichess.org which vastly extends support for screen reader users. The website has millions of active users.
-    </p>
-  </li>
-
-  <li>
-    <p>
-      <a href="https://github.com/TTWNO/quote_pdf">Quote Retrieval System</a> &mdash; Written for a local roofing business to securely distribute quotes.
-    </p>
-  </li>
-
-  <li>
-    <p>
-      <a href="https://github.com/TTWNO/epub-with-pinyin">epub-with-pinyin</a> &mdash; A program to add Pinyin above Chinese characters in .epub files to assist those learning Mandarin Chinese.
-    </p>
-  </li>
-
-  <li>
-    <p>
-      <a href="https://github.com/TTWNO/lamegames.io">lamegames</a> &mdash; A little games website I made for some demonstrations of Django and websocket functionality. Very, very lame. Would not recommend.
-    </p>
-  </li>
-
-  <li>
-    <p>
-      <a href="https://github.com/TTWNO/chess">chess</a> &mdash; A command-line chess game in C++. It is compileable on nearly any system.
-    </p>
-  </li>
-
-  <li>
-    <p>
-      <a href="https://github.com/TTWNO/subnetting">subnetting</a> &mdash; One-night write of a subnet calculation tool.
-    </p>
-  </li>
-
-  <li>
-    <p>
-      <a href="">Payroll</a> &mdash; A payroll system written in PHP.
-    </p>
-  </li>
-
-  <li>
-    <p>
-      <a href="https://bytetools.ca">Bytetools</a> &mdash; I have my own company called Bytetools. We make websites, data archiving and custom applications. 10% discount for open-source or community-oriented projects.
-    </p>
-  </li>
-
-</ul>
-
-<p>I also occasionally put some content on <a href="/blog">my blog</a></p>
-
-<h2>Contact</h2>
-<address>
-  <p>You can reach me via email at <a href="mailto:tait@tait.tech">tait@tait.tech</a>.</p>
-</address>
-<p>If you use PGP, download my <a href="/public-key.asc">public key</a>.</p>
-
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Home | 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="UNIX Design, Tait Hoyem, security, privacy, software developer, Calgary, Alberta, Canada, independent, web developer"> <meta name="description" content="Tait Hoyem's website. The home of accessible, simple and secure computing."> </head> <body> <div id="wrapper"> <header> <h1>tait.tech</h1> <nav> <a href="/" class="nav-link" class="on-page">Home</a> <a href="/blog/" class="nav-link">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>Tait Hoyem</h1> <p>I have three goals in my software development career:</p> <ol> <li>Strong adherence to the <a href="http://www.catb.org/~esr/writings/taoup/html/ch01s06.html">UNIX principles</a> of software design.</li> <li>Security, privacy, and anonymity of the internet.</li> <li>Accessibility of technology to the visually impaired.</li> </ol> <p>Some of my projects reflect these goals; others are just fun along the way. I have all of my code projects hosted on <a href="https://github.com/TTWNO">my Github</a>.</p> <h2>Projects</h2> <p>Here is some of my best work:</p> <ul class="clear-list projects"> <li> <p> <a href="https://github.com/ornicar/lila/pull/7772">Lichess</a> &mdash; A patch for Lichess.org which vastly extends support for screen reader users. The website has millions of active users. </p> </li> <li> <p> <a href="https://github.com/TTWNO/quote_pdf">Quote Retrieval System</a> &mdash; Written for a local roofing business to securely distribute quotes. </p> </li> <li> <p> <a href="https://github.com/TTWNO/epub-with-pinyin">epub-with-pinyin</a> &mdash; A program to add Pinyin above Chinese characters in .epub files to assist those learning Mandarin Chinese. </p> </li> <li> <p> <a href="https://github.com/TTWNO/lamegames.io">lamegames</a> &mdash; A little games website I made for some demonstrations of Django and websocket functionality. Very, very lame. Would not recommend. </p> </li> <li> <p> <a href="https://github.com/TTWNO/chess">chess</a> &mdash; A command-line chess game in C++. It is compileable on nearly any system. </p> </li> <li> <p> <a href="https://github.com/TTWNO/subnetting">subnetting</a> &mdash; One-night write of a subnet calculation tool. </p> </li> <li> <p> <a href="">Payroll</a> &mdash; A payroll system written in PHP. </p> </li> <li> <p> <a href="https://bytetools.ca">Bytetools</a> &mdash; I have my own company called Bytetools. We make websites, data archiving and custom applications. 10% discount for open-source or community-oriented projects. </p> </li> </ul> <p>I also occasionally put some content on <a href="/blog">my blog</a></p> <h2>Contact</h2> <address> <p>You can reach me via email at <a href="mailto:tait@tait.tech">tait@tait.tech</a>.</p> </address> <p>If you use PGP, download my <a href="/public-key.asc">public key</a>.</p> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/links/index.html b/_site/links/index.html
index 094b419..9237a31 100644
--- a/_site/links/index.html
+++ b/_site/links/index.html
@@ -1,313 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Links | 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"  >Blog</a>
-	
-	<a href="/ideas/" class="nav-link"  >Ideas</a>
-	
-	<a href="/links/" class="nav-link"  class="on-page" >Links</a>
-	
-	<a href="https://github.com/TTWNO/" class="nav-link"   target="_blank" rel="noopener noreferrer" >Github</a>
-	
-</nav>
-
-      </header>
-      <main>
-        
-<section>
-  <header>
-    <h2>Find Me Other Places</h2>
-  </header>
-  
-  <ul>
-    <li>
-      <span class="bold">Main Site</span> -
-      <a href="https://tait.tech/" class="mono">
-        
-          tait.tech
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">Backup/Mirror Site</span> -
-      <a href="https://beta.tait.tech/" class="mono">
-        
-          beta.tait.tech
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">Email</span> -
-      <a href="mailto:tait@tait.tech" class="mono">
-        
-          tait@tait.tech
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">Public Key</span> -
-      <a href="/public-key.asc" class="mono">
-        
-          public-key.asc
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">Github</span> -
-      <a href="https://github.com/TTWNO" class="mono">
-        
-          github.com/TTWNO
-        
-      </a>
-    </li>
-  </ul>
-  
-</section>
-
-<section>
-  <header>
-    <h2>Secure Service Links</h2>
-  </header>
-  
-  <ul>
-    <li>
-      <span class="bold">Signal</span> -
-      <a href="https://signal.org" class="mono">
-        
-          https://signal.org
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">Protonmail</span> -
-      <a href="https://protonmail.com" class="mono">
-        
-          https://protonmail.com
-        
-      </a>
-    </li>
-  </ul>
-  
-</section>
-
-<section>
-  <header>
-    <h2>Linux Links</h2>
-  </header>
-  
-  <ul>
-    <li>
-      <span class="bold">Arch Linux Wiki</span> -
-      <a href="https://wiki.archlinux.org/" class="mono">
-        
-          https://wiki.archlinux.org/
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">Speakup Project [Unencrypted]</span> -
-      <a href="http://linux-speakup.org/" class="mono">
-        
-          http://linux-speakup.org/
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">Luke Smith</span> -
-      <a href="https://lukesmith.xyz/" class="mono">
-        
-          https://lukesmith.xyz/
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">Brian Lunduke</span> -
-      <a href="https://lunduke.com/" class="mono">
-        
-          https://lunduke.com/
-        
-      </a>
-    </li>
-  </ul>
-  
-</section>
-
-<section>
-  <header>
-    <h2>Interesting Links</h2>
-  </header>
-  
-  <ul>
-    <li>
-      <span class="bold">Suckless</span> -
-      <a href="https://suckless.org/" class="mono">
-        
-          https://suckless.org/
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">cat -v considered harmful [Unencrypted]</span> -
-      <a href="http://cat-v.org/" class="mono">
-        
-          http://cat-v.org/
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">Edward Snowden</span> -
-      <a href="https://www.biography.com/activist/edward-snowden/" class="mono">
-        
-          https://www.biography.com/activist/edward-snowden/
-        
-      </a>
-    </li>
-  </ul>
-  
-</section>
-
-<section>
-  <header>
-    <h2>Inspiration Comes From</h2>
-  </header>
-  
-  <ul>
-    <li>
-      <span class="bold">Gregory Gundersen</span> -
-      <a href="https://gregorygundersen.com/" class="mono">
-        
-          https://gregorygundersen.com/
-        
-      </a>
-    </li>
-  </ul>
-  
-</section>
-
-<section>
-  <header>
-    <h2>The "This Is A Website" Series</h2>
-  </header>
-  
-  <ul>
-    <li>
-      <span class="bold">Website</span> -
-      <a href="https://motherfuckingwebsite.com/" class="mono">
-        
-          https://motherfuckingwebsite.com/
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">Better Website</span> -
-      <a href="http://bettermotherfuckingwebsite.com/" class="mono">
-        
-          http://bettermotherfuckingwebsite.com/
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">The Best Website</span> -
-      <a href="https://thebestmotherfucking.website/" class="mono">
-        
-          https://thebestmotherfucking.website/
-        
-      </a>
-    </li>
-  </ul>
-  
-</section>
-
-<section>
-  <header>
-    <h2>Friends' Websites</h2>
-  </header>
-  
-  <ul>
-    <li>
-      <span class="bold">Justin Pilon</span> -
-      <a href="https://justinpilon.ca/" class="mono">
-        
-          https://justinpilon.ca/
-        
-      </a>
-    </li>
-  </ul>
-  
-  <ul>
-    <li>
-      <span class="bold">Melody Shih</span> -
-      <a href="https://melly.tech/" class="mono">
-        
-          https://melly.tech/
-        
-      </a>
-    </li>
-  </ul>
-  
-</section>
-
-<p>All my big projects are on my <a href="/">homepage</a>.</p>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/links/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Links | 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">Blog</a> <a href="/ideas/" class="nav-link">Ideas</a> <a href="/links/" class="nav-link" class="on-page">Links</a> <a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer">Github</a> </nav> </header> <main> <section> <header> <h2>Find Me Other Places</h2> </header> <ul> <li> <span class="bold">Main Site</span> - <a href="https://tait.tech/" class="mono"> tait.tech </a> </li> </ul> <ul> <li> <span class="bold">Backup/Mirror Site</span> - <a href="https://beta.tait.tech/" class="mono"> beta.tait.tech </a> </li> </ul> <ul> <li> <span class="bold">Email</span> - <a href="mailto:tait@tait.tech" class="mono"> tait@tait.tech </a> </li> </ul> <ul> <li> <span class="bold">Public Key</span> - <a href="/public-key.asc" class="mono"> public-key.asc </a> </li> </ul> <ul> <li> <span class="bold">Github</span> - <a href="https://github.com/TTWNO" class="mono"> github.com/TTWNO </a> </li> </ul> </section> <section> <header> <h2>Secure Service Links</h2> </header> <ul> <li> <span class="bold">Signal</span> - <a href="https://signal.org" class="mono"> https://signal.org </a> </li> </ul> <ul> <li> <span class="bold">Protonmail</span> - <a href="https://protonmail.com" class="mono"> https://protonmail.com </a> </li> </ul> </section> <section> <header> <h2>Linux Links</h2> </header> <ul> <li> <span class="bold">Arch Linux Wiki</span> - <a href="https://wiki.archlinux.org/" class="mono"> https://wiki.archlinux.org/ </a> </li> </ul> <ul> <li> <span class="bold">Speakup Project [Unencrypted]</span> - <a href="http://linux-speakup.org/" class="mono"> http://linux-speakup.org/ </a> </li> </ul> <ul> <li> <span class="bold">Luke Smith</span> - <a href="https://lukesmith.xyz/" class="mono"> https://lukesmith.xyz/ </a> </li> </ul> <ul> <li> <span class="bold">Brian Lunduke</span> - <a href="https://lunduke.com/" class="mono"> https://lunduke.com/ </a> </li> </ul> </section> <section> <header> <h2>Interesting Links</h2> </header> <ul> <li> <span class="bold">Suckless</span> - <a href="https://suckless.org/" class="mono"> https://suckless.org/ </a> </li> </ul> <ul> <li> <span class="bold">cat -v considered harmful [Unencrypted]</span> - <a href="http://cat-v.org/" class="mono"> http://cat-v.org/ </a> </li> </ul> <ul> <li> <span class="bold">Edward Snowden</span> - <a href="https://www.biography.com/activist/edward-snowden/" class="mono"> https://www.biography.com/activist/edward-snowden/ </a> </li> </ul> </section> <section> <header> <h2>Inspiration Comes From</h2> </header> <ul> <li> <span class="bold">Gregory Gundersen</span> - <a href="https://gregorygundersen.com/" class="mono"> https://gregorygundersen.com/ </a> </li> </ul> </section> <section> <header> <h2>The "This Is A Website" Series</h2> </header> <ul> <li> <span class="bold">Website</span> - <a href="https://motherfuckingwebsite.com/" class="mono"> https://motherfuckingwebsite.com/ </a> </li> </ul> <ul> <li> <span class="bold">Better Website</span> - <a href="http://bettermotherfuckingwebsite.com/" class="mono"> http://bettermotherfuckingwebsite.com/ </a> </li> </ul> <ul> <li> <span class="bold">The Best Website</span> - <a href="https://thebestmotherfucking.website/" class="mono"> https://thebestmotherfucking.website/ </a> </li> </ul> </section> <section> <header> <h2>Friends' Websites</h2> </header> <ul> <li> <span class="bold">Justin Pilon</span> - <a href="https://justinpilon.ca/" class="mono"> https://justinpilon.ca/ </a> </li> </ul> <ul> <li> <span class="bold">Melody Shih</span> - <a href="https://melly.tech/" class="mono"> https://melly.tech/ </a> </li> </ul> </section> <p>All my big projects are on my <a href="/">homepage</a>.</p> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/links/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/resume/index.html b/_site/resume/index.html
index 92286f2..26030e9 100644
--- a/_site/resume/index.html
+++ b/_site/resume/index.html
@@ -1,125 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Resume | tait.tech</title>
-  <link rel="stylesheet" href="/assets/css/style.css">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
-<body>
-  <main>
-    <div id="wrapper">
-      <h1 id="tait-hoyem">Tait Hoyem</h1>
-
-<h3 id="experience">Experience</h3>
-
-<p><strong>Bytetools Technologies Inc.</strong>—<em>Founder</em> (2020-present)</p>
-
-<p>Providing small businesses with simple, secure software solutions.</p>
-
-<p><strong>Independent</strong>—<em>Tutoring</em> (2019-present)</p>
-
-<p>Working with computer science students explaining introductory to advanced concepts.</p>
-
-<p><strong>Total Impact Signs</strong>—<em>Technical Advisor</em> (2014-2016)</p>
-
-<p>Implemented a semi-automatic payroll system replacing the manual sign in book used before.</p>
-
-<h3 id="education">Education</h3>
-
-<p><strong>The Linux Foundation</strong>—Certification / <em>Certified Linux System Administrator</em> (2016)</p>
-
-<p>Certified in Linux system administration tasks. Running web servers, maintaining mass storage systems, running secure remote control tools. Certificate no longer valid.</p>
-
-<p><strong>Southern Alberta Institute of Technology</strong>—Diploma / <em>Information Technology-Software Development Major</em> (2019-2021)</p>
-
-<p>Full-stack two year software development diploma. Focusing on databases, interface design and enterprise solutions.</p>
-
-<h3 id="professional-development">Professional Development</h3>
-
-<p><strong>Dartmouth College (Open Corseware)</strong>—Professional Certificate / <em>C Programming with Linux</em> (2020)</p>
-
-<p>A certification in C programming, the <code class="language-plaintext highlighter-rouge">gcc</code> compiler, and the <code class="language-plaintext highlighter-rouge">make</code> compilation system. 100% mark.</p>
-
-<h3 id="projects">Projects</h3>
-
-<p><strong><a href="https://github.com/ornicar/lila/pull/7772">Lichess</a></strong></p>
-
-<p><em>A patch for Lichess.org which vastly extends support for screen reader users. The website has millions of active users.</em></p>
-
-<p><strong><a href="https://github.com/TTWNO/quote_pdf">Quote Retrieval System</a></strong></p>
-
-<p><em>Written for a local roofing business to securely distribute quotes.</em></p>
-
-<p><strong><a href="https://github.com/TTWNO/epub-with-pinyin">epub-with-pinyin</a></strong></p>
-
-<p><em>A program to add Pinyin above Chinese characters in .epub files to assist those learning Mandarin Chinese.</em></p>
-
-<p><strong><a href="https://github.com/TTWNO/lamegames.io">lamegames</a></strong></p>
-
-<p><em>A little games website I made for some demonstrations of Django and websocket functionality. Very, very lame. Would not recommend.</em></p>
-
-<p><strong><a href="https://github.com/TTWNO/chess">chess</a></strong></p>
-
-<p><em>A command-line chess game in C++. It is compileable on nearly any system.</em></p>
-
-<p><strong><a href="https://github.com/TTWNO/subnetting">subnetting</a></strong></p>
-
-<p><em>One-night write of a subnet calculation tool.</em></p>
-
-<p><strong><a href="">Payroll</a></strong></p>
-
-<p><em>A payroll system written in PHP.</em></p>
-
-<p><strong><a href="https://bytetools.ca">Bytetools</a></strong></p>
-
-<p><em>I have my own company called Bytetools. We make websites, data archiving and custom applications. 10% discount for open-source or community-oriented projects.</em></p>
-
-<h3 id="languages">Languages</h3>
-<h5 id="human">Human</h5>
-
-<ul>
-  <li>
-    <p>English (Native)</p>
-  </li>
-  <li>
-    <p>Mandarin Chinese (Novice)</p>
-  </li>
-</ul>
-
-<h5 id="computer">Computer</h5>
-
-<ul>
-  <li>
-    <p>C</p>
-  </li>
-  <li>
-    <p>C++</p>
-  </li>
-  <li>
-    <p>Python</p>
-  </li>
-  <li>
-    <p>Javscript</p>
-  </li>
-  <li>
-    <p>HTML/CSS</p>
-  </li>
-  <li>
-    <p>Bash</p>
-  </li>
-  <li>
-    <p>PHP</p>
-  </li>
-  <li>
-    <p>Java EE</p>
-  </li>
-</ul>
-
-
-      <footer>
-      </footer>
-    </div>
-  </main>
-</body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Resume | tait.tech</title> <link rel="stylesheet" href="/assets/css/style.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <main> <div id="wrapper"> <h1 id="tait-hoyem">Tait Hoyem</h1> <h3 id="experience">Experience</h3> <p><strong>Bytetools Technologies Inc.</strong>—<em>Founder</em> (2020-present)</p> <p>Providing small businesses with simple, secure software solutions.</p> <p><strong>Independent</strong>—<em>Tutoring</em> (2019-present)</p> <p>Working with computer science students explaining introductory to advanced concepts.</p> <p><strong>Total Impact Signs</strong>—<em>Technical Advisor</em> (2014-2016)</p> <p>Implemented a semi-automatic payroll system replacing the manual sign in book used before.</p> <h3 id="education">Education</h3> <p><strong>The Linux Foundation</strong>—Certification / <em>Certified Linux System Administrator</em> (2016)</p> <p>Certified in Linux system administration tasks. Running web servers, maintaining mass storage systems, running secure remote control tools. Certificate no longer valid.</p> <p><strong>Southern Alberta Institute of Technology</strong>—Diploma / <em>Information Technology-Software Development Major</em> (2019-2021)</p> <p>Full-stack two year software development diploma. Focusing on databases, interface design and enterprise solutions.</p> <h3 id="professional-development">Professional Development</h3> <p><strong>Dartmouth College (Open Corseware)</strong>—Professional Certificate / <em>C Programming with Linux</em> (2020)</p> <p>A certification in C programming, the <code class="language-plaintext highlighter-rouge">gcc</code> compiler, and the <code class="language-plaintext highlighter-rouge">make</code> compilation system. 100% mark.</p> <h3 id="projects">Projects</h3> <p><strong><a href="https://github.com/ornicar/lila/pull/7772">Lichess</a></strong></p> <p><em>A patch for Lichess.org which vastly extends support for screen reader users. The website has millions of active users.</em></p> <p><strong><a href="https://github.com/TTWNO/quote_pdf">Quote Retrieval System</a></strong></p> <p><em>Written for a local roofing business to securely distribute quotes.</em></p> <p><strong><a href="https://github.com/TTWNO/epub-with-pinyin">epub-with-pinyin</a></strong></p> <p><em>A program to add Pinyin above Chinese characters in .epub files to assist those learning Mandarin Chinese.</em></p> <p><strong><a href="https://github.com/TTWNO/lamegames.io">lamegames</a></strong></p> <p><em>A little games website I made for some demonstrations of Django and websocket functionality. Very, very lame. Would not recommend.</em></p> <p><strong><a href="https://github.com/TTWNO/chess">chess</a></strong></p> <p><em>A command-line chess game in C++. It is compileable on nearly any system.</em></p> <p><strong><a href="https://github.com/TTWNO/subnetting">subnetting</a></strong></p> <p><em>One-night write of a subnet calculation tool.</em></p> <p><strong><a href="">Payroll</a></strong></p> <p><em>A payroll system written in PHP.</em></p> <p><strong><a href="https://bytetools.ca">Bytetools</a></strong></p> <p><em>I have my own company called Bytetools. We make websites, data archiving and custom applications. 10% discount for open-source or community-oriented projects.</em></p> <h3 id="languages">Languages</h3> <h5 id="human">Human</h5> <ul> <li> <p>English (Native)</p> </li> <li> <p>Mandarin Chinese (Novice)</p> </li> </ul> <h5 id="computer">Computer</h5> <ul> <li> <p>C</p> </li> <li> <p>C++</p> </li> <li> <p>Python</p> </li> <li> <p>Javscript</p> </li> <li> <p>HTML/CSS</p> </li> <li> <p>Bash</p> </li> <li> <p>PHP</p> </li> <li> <p>Java EE</p> </li> </ul> <footer> </footer> </div> </main> </body> </html>
\ No newline at end of file
diff --git a/_site/robots.txt b/_site/robots.txt
index d297064..98ae312 100644
--- a/_site/robots.txt
+++ b/_site/robots.txt
@@ -1 +1 @@
-Sitemap: http://localhost:4000/sitemap.xml
+Sitemap: /sitemap.xml
\ No newline at end of file
diff --git a/_site/scholarships/2020/cnib/index.html b/_site/scholarships/2020/cnib/index.html
index 1c85724..1303ada 100644
--- a/_site/scholarships/2020/cnib/index.html
+++ b/_site/scholarships/2020/cnib/index.html
@@ -1,74 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>CNIB Scholarship Essay 2020 | tait.tech</title>
-  <link rel="stylesheet" href="/assets/css/style.css">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
-<body>
-  <main>
-    <div id="wrapper">
-      <h1 id="cnib-scholarship-essay">CNIB Scholarship Essay</h1>
-
-<h3 id="intro">Intro</h3>
-<p><em>Question:</em>
-How will this scholarship change what it is to be blind for you as you pursue your post-secondary education?</p>
-
-<p><em>Answer:</em>
-I have taken every opportunity of my short life to deny being defined solely by any disability.
-This essay will focus more on my educational goals and career aspirations on their own merit.</p>
-
-<p>I would love your support in accomplishing these goals!</p>
-
-<h2 id="goals">Goals</h2>
-
-<p>My current educational path involves finishing a diploma program,
-then transfering to a Bachelor’s of Technology program in cybersecurity and digital forensics at BCIT.</p>
-
-<p>Cybersecurity was not an overnight choice.
-It became interesting to me over time as I saw ordinary people give up their privacy because they wanted their phone to tell them the weather—or some such other minor life enhancement.</p>
-
-<p>Of course, it is a exaggeration to say that this is the reason people give up privacy,
-but consider the extreme case:
-You have your phone location on at all times;
-you own an Alexa which listens to everything you say at home;
-you text and call others using a service that <em>openly</em> collects the contents of your messages.</p>
-
-<p>Would you want every single text you have sent to appear on the front page of the newspaper?
-What about every thing you have said in the privacy of your own home?
-Do you want just anyone to know where you were today?</p>
-
-<p>If any one person had access to all this information about you, it would likely make you uneasy.
-I know it makes me a bit nervous at least.</p>
-
-<p>One of the primary goals of my career is to build tools that empower the individual.
-Tools that make the individual <em>more</em> independent, not less.
-These tools must be for the average consumer.
-They must appeal to a mass market without compromising the secure, private foundations.
-This is my goal:
-Allow normal people, non-techies and techies alike, to just be able to send a text message without the world watching over their shoulder.</p>
-
-<p>The second goal I have is to make this technology accessible to everyone.
-Security-focused apps need to be fast so they will run on less expensive phones.
-They need to be simple so that screen readers can process them correctly.</p>
-
-<p>These are not hard things to do.
-In fact, I would argue that designing software this way: independent of third parties, simple, able to run on cheap devices—is actually easier than designing it the way large companies seem to design software.</p>
-
-<h2 id="conclusion">Conclusion</h2>
-
-<p>I have a vision for how to build open, secure, private and accessible applications.
-Your help in moving that goal forward would be much appreciated.</p>
-
-<p>Without you I can do it.</p>
-
-<p>With you I can do it better.</p>
-
-
-      <footer>
-      </footer>
-    </div>
-  </main>
-</body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CNIB Scholarship Essay 2020 | tait.tech</title> <link rel="stylesheet" href="/assets/css/style.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <main> <div id="wrapper"> <h1 id="cnib-scholarship-essay">CNIB Scholarship Essay</h1> <h3 id="intro">Intro</h3> <p><em>Question:</em> How will this scholarship change what it is to be blind for you as you pursue your post-secondary education?</p> <p><em>Answer:</em> I have taken every opportunity of my short life to deny being defined solely by any disability. This essay will focus more on my educational goals and career aspirations on their own merit.</p> <p>I would love your support in accomplishing these goals!</p> <h2 id="goals">Goals</h2> <p>My current educational path involves finishing a diploma program, then transfering to a Bachelor’s of Technology program in cybersecurity and digital forensics at BCIT.</p> <p>Cybersecurity was not an overnight choice. It became interesting to me over time as I saw ordinary people give up their privacy because they wanted their phone to tell them the weather—or some such other minor life enhancement.</p> <p>Of course, it is a exaggeration to say that this is the reason people give up privacy, but consider the extreme case: You have your phone location on at all times; you own an Alexa which listens to everything you say at home; you text and call others using a service that <em>openly</em> collects the contents of your messages.</p> <p>Would you want every single text you have sent to appear on the front page of the newspaper? What about every thing you have said in the privacy of your own home? Do you want just anyone to know where you were today?</p> <p>If any one person had access to all this information about you, it would likely make you uneasy. I know it makes me a bit nervous at least.</p> <p>One of the primary goals of my career is to build tools that empower the individual. Tools that make the individual <em>more</em> independent, not less. These tools must be for the average consumer. They must appeal to a mass market without compromising the secure, private foundations. This is my goal: Allow normal people, non-techies and techies alike, to just be able to send a text message without the world watching over their shoulder.</p> <p>The second goal I have is to make this technology accessible to everyone. Security-focused apps need to be fast so they will run on less expensive phones. They need to be simple so that screen readers can process them correctly.</p> <p>These are not hard things to do. In fact, I would argue that designing software this way: independent of third parties, simple, able to run on cheap devices—is actually easier than designing it the way large companies seem to design software.</p> <h2 id="conclusion">Conclusion</h2> <p>I have a vision for how to build open, secure, private and accessible applications. Your help in moving that goal forward would be much appreciated.</p> <p>Without you I can do it.</p> <p>With you I can do it better.</p> <footer> </footer> </div> </main> </body> </html>
\ No newline at end of file
diff --git a/_site/sitemap.xml b/_site/sitemap.xml
index 7475722..309b05c 100644
--- a/_site/sitemap.xml
+++ b/_site/sitemap.xml
@@ -1,151 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-<url>
-<loc>http://localhost:4000/2020/01/22/padding-and-margin/</loc>
-<lastmod>2020-01-22T00:00:00-07:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/01/26/rsa1/</loc>
-<lastmod>2020-01-26T00:00:00-07:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/02/19/rsa2/</loc>
-<lastmod>2020-02-19T00:00:00-07:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/04/02/rsa3/</loc>
-<lastmod>2020-04-02T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/04/06/rsa4/</loc>
-<lastmod>2020-04-06T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/04/12/nas1/</loc>
-<lastmod>2020-04-12T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/04/21/rfi/</loc>
-<lastmod>2020-04-21T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/04/25/xss/</loc>
-<lastmod>2020-04-25T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/05/01/nginx-socket-io-projects/</loc>
-<lastmod>2020-05-01T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/05/19/clue-announcement/</loc>
-<lastmod>2020-05-19T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/06/04/site-update/</loc>
-<lastmod>2020-06-04T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/06/25/tmux-minecraft/</loc>
-<lastmod>2020-06-25T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/07/12/independence/</loc>
-<lastmod>2020-07-12T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/07/19/multicraft-php-gentoo/</loc>
-<lastmod>2020-07-19T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/07/30/canadian-parliament/</loc>
-<lastmod>2020-07-30T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/08/15/openbsd1/</loc>
-<lastmod>2020-08-15T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/08/18/django-deployment/</loc>
-<lastmod>2020-08-18T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/09/09/lamegames/</loc>
-<lastmod>2020-09-09T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/09/12/minesweeper/</loc>
-<lastmod>2020-09-12T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/10/26/curiosity/</loc>
-<lastmod>2020-10-26T00:00:00-06:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/11/15/nas2/</loc>
-<lastmod>2020-11-15T00:00:00-07:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/12/01/pacaur-rpi/</loc>
-<lastmod>2020-12-01T00:00:00-07:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/12/14/orca-raspberry-pi-manjaro/</loc>
-<lastmod>2020-12-14T00:00:00-07:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020/12/20/deploy-lichess/</loc>
-<lastmod>2020-12-20T00:00:00-07:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2021/01/31/lichess/</loc>
-<lastmod>2021-01-31T00:00:00-07:00</lastmod>
-</url>
-<url>
-<loc>http://localhost:4000/2020-04-27-quiz-your-friends-xss/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/tests/live-label/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/tests/chess/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/blog/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/about/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/resume/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/contact/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/links/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/scholarships/2020/cnib/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/tutoring/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/cover-letter-vcc/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/ideas/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/cover-letters/bloombase/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/cover-letters/protonmail/</loc>
-</url>
-<url>
-<loc>http://localhost:4000/test/</loc>
-</url>
-</urlset>
+<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>/2020/01/22/padding-and-margin/</loc> <lastmod>2020-01-22T00:00:00-07:00</lastmod> </url> <url> <loc>/2020/01/26/rsa1/</loc> <lastmod>2020-01-26T00:00:00-07:00</lastmod> </url> <url> <loc>/2020/02/19/rsa2/</loc> <lastmod>2020-02-19T00:00:00-07:00</lastmod> </url> <url> <loc>/2020/04/02/rsa3/</loc> <lastmod>2020-04-02T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/04/06/rsa4/</loc> <lastmod>2020-04-06T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/04/12/nas1/</loc> <lastmod>2020-04-12T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/04/21/rfi/</loc> <lastmod>2020-04-21T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/04/25/xss/</loc> <lastmod>2020-04-25T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/05/01/nginx-socket-io-projects/</loc> <lastmod>2020-05-01T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/05/19/clue-announcement/</loc> <lastmod>2020-05-19T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/06/04/site-update/</loc> <lastmod>2020-06-04T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/06/25/tmux-minecraft/</loc> <lastmod>2020-06-25T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/07/12/independence/</loc> <lastmod>2020-07-12T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/07/19/multicraft-php-gentoo/</loc> <lastmod>2020-07-19T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/07/30/canadian-parliament/</loc> <lastmod>2020-07-30T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/08/15/openbsd1/</loc> <lastmod>2020-08-15T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/08/18/django-deployment/</loc> <lastmod>2020-08-18T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/09/09/lamegames/</loc> <lastmod>2020-09-09T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/09/12/minesweeper/</loc> <lastmod>2020-09-12T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/10/26/curiosity/</loc> <lastmod>2020-10-26T00:00:00-06:00</lastmod> </url> <url> <loc>/2020/11/15/nas2/</loc> <lastmod>2020-11-15T00:00:00-07:00</lastmod> </url> <url> <loc>/2020/12/01/pacaur-rpi/</loc> <lastmod>2020-12-01T00:00:00-07:00</lastmod> </url> <url> <loc>/2020/12/14/orca-raspberry-pi-manjaro/</loc> <lastmod>2020-12-14T00:00:00-07:00</lastmod> </url> <url> <loc>/2020/12/20/deploy-lichess/</loc> <lastmod>2020-12-20T00:00:00-07:00</lastmod> </url> <url> <loc>/2021/01/31/lichess/</loc> <lastmod>2021-01-31T00:00:00-07:00</lastmod> </url> <url> <loc>/2021/04/04/quiz-your-friends-xss/</loc> <lastmod>2021-04-04T00:00:00-06:00</lastmod> </url> <url> <loc>/blog/</loc> </url> <url> <loc>/tests/live-label/</loc> </url> <url> <loc>/tests/chess/</loc> </url> <url> <loc>/</loc> </url> <url> <loc>/ideas/</loc> </url> <url> <loc>/tutoring/</loc> </url> <url> <loc>/cover-letters/bloombase/</loc> </url> <url> <loc>/cover-letters/protonmail/</loc> </url> <url> <loc>/resume/</loc> </url> <url> <loc>/links/</loc> </url> <url> <loc>/cover-letter-vcc/</loc> </url> <url> <loc>/contact/</loc> </url> <url> <loc>/about/</loc> </url> <url> <loc>/scholarships/2020/cnib/</loc> </url> </urlset>
\ No newline at end of file
diff --git a/_site/table.py b/_site/table.py
deleted file mode 100644
index f776534..0000000
--- a/_site/table.py
+++ /dev/null
@@ -1,14 +0,0 @@
-ttv = '3.3v'
-fv = '5v'
-
-headers = ['WiringPi Pin', 'BCM GPIO', 'Name', 'Header', 'Header', 'Name', 'BCM GPIO', 'WiringPi Pin']
-data = [
-    ['', '', ttv, '1', '2', '5v', '', ''],
-    ['8', 'Rv1:0 - Rv2:2', 'SDA', '3', '4', fv, '', ''],
-    ['9', 'Rv1:1 - Rv2:3', 'SCL', '5', '6', '0v', '', ''],
-    ['7', '4', 'GPIO7', '7', '8', 'TxD', '14', '15'],
-    ['', '', '0v', '9', '10', 'RxD', '15', '16'],
-    ['0', '17', 'GPIO0', '11', '12', 'GPIO1', '18', '1'],
-    [],
-
-]
diff --git a/_site/test/index.html b/_site/test/index.html
deleted file mode 100644
index 0567cd6..0000000
--- a/_site/test/index.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title> | 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"  >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>
-        <table>
-	<thead>
-		<tr>
-			<td>WiringPi Pin</td>
-			<td>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/test/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
diff --git a/_site/tests/chess/index.html b/_site/tests/chess/index.html
index e545f0d..785c6c2 100644
--- a/_site/tests/chess/index.html
+++ b/_site/tests/chess/index.html
@@ -1,148 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Chessboard | 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"  >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>
-        <!-- https://www.w3.org/WAI/tutorials/tables/two-headers/ --> 
-<table>
-  <caption>Chess board</caption>
-  <thead>
-    <td></td>
-    <th scopre="col">A</th>
-    <th scopre="col">B</th>
-    <th scopre="col">C</th>
-    <th scopre="col">D</th>
-    <th scopre="col">E</th>
-    <th scopre="col">F</th>
-    <th scopre="col">G</th>
-    <th scopre="col">H</th>
-  </thead>
-  <tbody> 
-    <tr>
-      <th scope="row">1</th>
-      <td>R</td>
-      <td>K</td>
-      <td>B</td>
-      <td>K</td>
-      <td>Q</td>
-      <td>B</td>
-      <td>K</td>
-      <td>R</td>
-    </tr>
-    <tr>
-      <th scope="row">2</th>
-      <td>P</td>
-      <td>P</td>
-      <td>P</td>
-      <td>P</td>
-      <td>P</td>
-      <td>P</td>
-      <td>P</td>
-      <td>P</td>
-    </tr>
-    <tr>
-      <th scope="row">3</th>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-    </tr>
-    <tr>
-      <th scope="row">4</th>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-    </tr>
-    <tr>
-      <th scope="row">5</th>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-    </tr>
-    <tr>
-      <th scope="row">6</th>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-      <td></td>
-    </tr>
-    <tr>
-      <th scope="row">7</th>
-      <td>p</td>
-      <td>p</td>
-      <td>p</td>
-      <td>p</td>
-      <td>p</td>
-      <td>p</td>
-      <td>p</td>
-      <td>p</td>
-    </tr>
-    <tr>
-      <th scope="row">8</th>
-      <td>r</td>
-      <td>k</td>
-      <td>b</td>
-      <td>k</td>
-      <td>q</td>
-      <td>b</td>
-      <td>k</td>
-      <td>r</td>
-    </tr>
-  </tbody>
-</table>
-
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/tests/chess/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Chessboard | 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">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> <table> <caption>Chess board</caption> <thead> <td></td> <th scopre="col">A</th> <th scopre="col">B</th> <th scopre="col">C</th> <th scopre="col">D</th> <th scopre="col">E</th> <th scopre="col">F</th> <th scopre="col">G</th> <th scopre="col">H</th> </thead> <tbody> <tr> <th scope="row">1</th> <td>R</td> <td>K</td> <td>B</td> <td>K</td> <td>Q</td> <td>B</td> <td>K</td> <td>R</td> </tr> <tr> <th scope="row">2</th> <td>P</td> <td>P</td> <td>P</td> <td>P</td> <td>P</td> <td>P</td> <td>P</td> <td>P</td> </tr> <tr> <th scope="row">3</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th scope="row">4</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th scope="row">5</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th scope="row">6</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th scope="row">7</th> <td>p</td> <td>p</td> <td>p</td> <td>p</td> <td>p</td> <td>p</td> <td>p</td> <td>p</td> </tr> <tr> <th scope="row">8</th> <td>r</td> <td>k</td> <td>b</td> <td>k</td> <td>q</td> <td>b</td> <td>k</td> <td>r</td> </tr> </tbody> </table> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/tests/chess/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/tests/live-label/index.html b/_site/tests/live-label/index.html
index 01d7932..b3bc019 100644
--- a/_site/tests/live-label/index.html
+++ b/_site/tests/live-label/index.html
@@ -1,61 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Test ARIA-live region with label | 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"  >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>
-        <div id="test-aria" aria-live="polite" aria-label="Test label">
-  I am some text.
-</div>
-<button id="btn">Update labled ARIA region.</button>
-<button id="btn2">Delete text</button>
-<p>Test</p>
-  <script>
-ALDIV = document.getElementById("test-aria");
-NEW_TEXT = "new text;";
-UPDATE_BTN = document.getElementById("btn");
-DELETE_BTN = document.getElementById("btn2");
-
-UPDATE_BTN.addEventListener('click', function(e) {
-  ALDIV.innerText = 'Updating... Hello world!';
-});
-DELETE_BTN.addEventListener('click', function(e) {
-  ALDIV.innerText = '';
-});
-  </script>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/tests/live-label/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test ARIA-live region with label | 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">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> <div id="test-aria" aria-live="polite" aria-label="Test label"> I am some text. </div> <button id="btn">Update labled ARIA region.</button> <button id="btn2">Delete text</button> <p>Test</p> <script>ALDIV=document.getElementById("test-aria"),NEW_TEXT="new text;",UPDATE_BTN=document.getElementById("btn"),DELETE_BTN=document.getElementById("btn2"),UPDATE_BTN.addEventListener("click",function(){ALDIV.innerText="Updating... Hello world!"}),DELETE_BTN.addEventListener("click",function(){ALDIV.innerText=""});</script> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/tests/live-label/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file
diff --git a/_site/tutoring/index.html b/_site/tutoring/index.html
index 57c05a7..74c4602 100644
--- a/_site/tutoring/index.html
+++ b/_site/tutoring/index.html
@@ -1,76 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Tutoring | 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"  >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>
-        <h2 id="tutoring">Tutoring</h2>
-
-<p>I believe in solving problems.
-Learn how to solve your own unique computer-related problems by learning how they work underneath all the fancy buttons you see.</p>
-
-<p>Contact me at <a href="mailto:tutoring@tait.tech">tutoring@tait.tech</a> for more info.</p>
-
-<h3 id="rateshour">Rates/hour</h3>
-
-<p><strong><em>C$25</em></strong> for a programming language I am comfortable with already.</p>
-<ul>
-  <li>C, C++, Java, Python, HTML/CSS/JS.</li>
-</ul>
-
-<p><strong><em>C$20 + 1 week prep. time</em></strong> for a programming language I am not very comfortable with already.</p>
-<ul>
-  <li>Rust, Go, Node.js.</li>
-</ul>
-
-<p><strong><em>C$35</em></strong> for Linux system administration.</p>
-<ul>
-  <li>Paritioning disks, install and configure software and automate tasks via the command line interface (CLI).</li>
-</ul>
-
-<p>I offer group discounts for 2+ students.</p>
-
-<h5 id="resources">Resources:</h5>
-
-<p>My favourite resources are the following:</p>
-
-<ul>
-  <li><a href="https://www.youtube.com/user/thenewboston">thenewboston (Youtube)</a></li>
-  <li><a href="https://cppreference.com">cppreference.com</a> (also has C references)</li>
-</ul>
-
-      </main>
-      <hr>
-      <footer>
-        This page is mirrored on <a href="https://beta.tait.tech/tutoring/">beta.tait.tech</a>.
-
-      </footer>
-    </div>
-  </body>
-</html>
+<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Tutoring | 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">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> <h2 id="tutoring">Tutoring</h2> <p>I believe in solving problems. Learn how to solve your own unique computer-related problems by learning how they work underneath all the fancy buttons you see.</p> <p>Contact me at <a href="mailto:tutoring@tait.tech">tutoring@tait.tech</a> for more info.</p> <h3 id="rateshour">Rates/hour</h3> <p><strong><em>C$25</em></strong> for a programming language I am comfortable with already.</p> <ul> <li>C, C++, Java, Python, HTML/CSS/JS.</li> </ul> <p><strong><em>C$20 + 1 week prep. time</em></strong> for a programming language I am not very comfortable with already.</p> <ul> <li>Rust, Go, Node.js.</li> </ul> <p><strong><em>C$35</em></strong> for Linux system administration.</p> <ul> <li>Paritioning disks, install and configure software and automate tasks via the command line interface (CLI).</li> </ul> <p>I offer group discounts for 2+ students.</p> <h5 id="resources">Resources:</h5> <p>My favourite resources are the following:</p> <ul> <li><a href="https://www.youtube.com/user/thenewboston">thenewboston (Youtube)</a></li> <li><a href="https://cppreference.com">cppreference.com</a> (also has C references)</li> </ul> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/tutoring/">beta.tait.tech</a>. </footer> </div> </body> </html>
\ No newline at end of file