Tait Hoyem
4 years ago
parent
dc0cbe282e
commit
2c3f33df2c
File diff suppressed because one or more lines are too long
@ -1,93 +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">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<nav>
|
||||
<input type="checkbox" id="menu">
|
||||
<label for="menu">☰</label>
|
||||
<div class="menu-content">
|
||||
|
||||
<a href="/" class="nav-link" >Home</a>
|
||||
|
||||
<a href="/blog/" class="nav-link" >Blog</a>
|
||||
|
||||
<a href="/links/" class="nav-link" >Links</a>
|
||||
|
||||
<a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer" >Code</a>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main>
|
||||
<header>
|
||||
<h1>Padding And Margin</h1>
|
||||
<span class="post-date">Wednesday, January 22 2020</span>
|
||||
</header>
|
||||
<hr>
|
||||
|
||||
<div class="article">
|
||||
<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"><link></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"><link></code> that would <em>not</em> be clickable by the user.</p>
|
||||
|
||||
<p>If you have <code class="language-plaintext highlighter-rouge"><link></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"><link></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>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<hr>
|
||||
<footer>
|
||||
This page is mirrored on <a href="https://beta.tait.tech/2020/01/22/padding-and-margin.html">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"> </head> <body> <div id="wrapper"> <header> <nav> <input type="checkbox" id="menu"> <label for="menu">☰</label> <div class="menu-content"> <a href="/" class="nav-link">Home</a> <a href="/blog/" class="nav-link">Blog</a> <a href="/links/" class="nav-link">Links</a> <a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer">Code</a> </div> </nav> </header> <main> <header> <h1>Padding And Margin</h1> <span class="post-date">Wednesday, January 22 2020</span> </header> <hr> <div class="article"> <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"><link></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"><link></code> that would <em>not</em> be clickable by the user.</p> <p>If you have <code class="language-plaintext highlighter-rouge"><link></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"><link></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> </div> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/01/22/padding-and-margin.html">beta.tait.tech</a>. </footer> </div> </body> </html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,65 +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">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<nav>
|
||||
<input type="checkbox" id="menu">
|
||||
<label for="menu">☰</label>
|
||||
<div class="menu-content">
|
||||
|
||||
<a href="/" class="nav-link" >Home</a>
|
||||
|
||||
<a href="/blog/" class="nav-link" >Blog</a>
|
||||
|
||||
<a href="/links/" class="nav-link" >Links</a>
|
||||
|
||||
<a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer" >Code</a>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main>
|
||||
<header>
|
||||
<h1>rfi: A Simple Linux utility to get a random file from a directory</h1>
|
||||
<span class="post-date">Tuesday, April 21 2020</span>
|
||||
</header>
|
||||
<hr>
|
||||
|
||||
<div class="article">
|
||||
<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"> </head> <body> <div id="wrapper"> <header> <nav> <input type="checkbox" id="menu"> <label for="menu">☰</label> <div class="menu-content"> <a href="/" class="nav-link">Home</a> <a href="/blog/" class="nav-link">Blog</a> <a href="/links/" class="nav-link">Links</a> <a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer">Code</a> </div> </nav> </header> <main> <header> <h1>rfi: A Simple Linux utility to get a random file from a directory</h1> <span class="post-date">Tuesday, April 21 2020</span> </header> <hr> <div class="article"> <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>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<hr>
|
||||
<footer>
|
||||
This page is mirrored on <a href="https://beta.tait.tech/2020/04/21/rfi.html">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> </div> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/04/21/rfi.html">beta.tait.tech</a>. </footer> </div> </body> </html>
|
||||
@ -1,54 +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">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<nav>
|
||||
<input type="checkbox" id="menu">
|
||||
<label for="menu">☰</label>
|
||||
<div class="menu-content">
|
||||
|
||||
<a href="/" class="nav-link" >Home</a>
|
||||
|
||||
<a href="/blog/" class="nav-link" >Blog</a>
|
||||
|
||||
<a href="/links/" class="nav-link" >Links</a>
|
||||
|
||||
<a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer" >Code</a>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main>
|
||||
<header>
|
||||
<h1>Site Update</h1>
|
||||
<span class="post-date">Thursday, June 04 2020</span>
|
||||
</header>
|
||||
<hr>
|
||||
|
||||
<div class="article">
|
||||
<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>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<hr>
|
||||
<footer>
|
||||
This page is mirrored on <a href="https://beta.tait.tech/2020/06/04/site-update.html">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"> </head> <body> <div id="wrapper"> <header> <nav> <input type="checkbox" id="menu"> <label for="menu">☰</label> <div class="menu-content"> <a href="/" class="nav-link">Home</a> <a href="/blog/" class="nav-link">Blog</a> <a href="/links/" class="nav-link">Links</a> <a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer">Code</a> </div> </nav> </header> <main> <header> <h1>Site Update</h1> <span class="post-date">Thursday, June 04 2020</span> </header> <hr> <div class="article"> <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> </div> </main> <hr> <footer> This page is mirrored on <a href="https://beta.tait.tech/2020/06/04/site-update.html">beta.tait.tech</a>. </footer> </div> </body> </html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,304 +1 @@
|
||||
body { background-color: #fefefe; padding: 15px; font-family: -apple-system, helvetica, arial, sans-serif; }
|
||||
|
||||
#wrapper { max-width: 800px; margin: auto; color: #444444; font-size: 14px; }
|
||||
|
||||
#main-name { color: #aaaaaa; }
|
||||
|
||||
li { line-height: 1.5em; }
|
||||
|
||||
h1 { font-size: 2.5em; }
|
||||
|
||||
h2 { font-size: 2.0em; }
|
||||
|
||||
h3 { font-size: 1.6em; }
|
||||
|
||||
h4 { font-size: 1.3em; }
|
||||
|
||||
h5 { font-size: 1.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; }
|
||||
|
||||
a.citation-link { text-decoration: none; }
|
||||
|
||||
#img-wrapper img { margin-bottom: 10px; }
|
||||
|
||||
#img-wrapper label { margin-left: 10px; }
|
||||
|
||||
label { font-size: 12px; }
|
||||
|
||||
#menu, label[for="menu"] { display: none; }
|
||||
|
||||
nav { text-align: center; padding: 1em 0px; }
|
||||
|
||||
nav a { margin: 1em; color: #333; font-weight: bold; font-style: none; }
|
||||
|
||||
/* TODO: Does not work */
|
||||
.on-page { color: #000; }
|
||||
|
||||
nav a:hover { text-decoration: underline; }
|
||||
|
||||
li { margin: .5em; }
|
||||
|
||||
p { font-size: 15px; line-height: 1.5; padding: .1em 0; }
|
||||
|
||||
.article a:hover { color: #aaa; }
|
||||
|
||||
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; }
|
||||
|
||||
table.post-list, table.post-list tr, table.post-list td { width: 100%; border: none; padding-left: 0; }
|
||||
|
||||
img { display: block; width: 55%; margin-left: auto; margin-right: auto; }
|
||||
|
||||
blockquote { font-style: italic; }
|
||||
|
||||
@media screen and (max-width: 600px) { #menu, label[for="menu"] { text-align: left; display: inline-block; font-size: 20px; } 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; } #menu { display: none; } input:checked ~ .menu-content { max-height: 100%; } }
|
||||
|
||||
.contact-info { width: 90%; margin: auto; word-wrap: break-word; }
|
||||
|
||||
.contact-info p { margin: 7px; padding: 0; }
|
||||
|
||||
.mono { font-family: monospace; }
|
||||
|
||||
.bold { font-weight: bold; }
|
||||
|
||||
sup { margin: 0; padding: 0; }
|
||||
|
||||
figcaption { margin-top: 10px; font-size: .8em; text-decoration: 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: #777; }
|
||||
|
||||
.post-excerpt { margin: 15px; 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 */
|
||||
body{background-color:#fefefe;padding:15px;font-family:-apple-system,helvetica,arial,sans-serif}#wrapper{max-width:800px;margin:auto;color:#444;font-size:14px}#main-name{color:#aaa}li{line-height:1.5em}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.6em}h4{font-size:1.3em}h5{font-size:1.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}a.citation-link{text-decoration:none}#img-wrapper img{margin-bottom:10px}#img-wrapper label{margin-left:10px}label{font-size:12px}#menu,label[for="menu"]{display:none}nav{text-align:center;padding:1em 0}nav a{margin:1em;color:#333;font-weight:bold;font-style:none}.on-page{color:#000}nav a:hover{text-decoration:underline}li{margin:.5em}p{font-size:15px;line-height:1.5;padding:.1em 0}.article a:hover{color:#aaa}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}table.post-list,table.post-list tr,table.post-list td{width:100%;border:0;padding-left:0}img{display:block;width:55%;margin-left:auto;margin-right:auto}blockquote{font-style:italic}@media screen and (max-width:600px){#menu,label[for="menu"]{text-align:left;display:inline-block;font-size:20px}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}#menu{display:none}input:checked ~ .menu-content{max-height:100%}}.contact-info{width:90%;margin:auto;word-wrap:break-word}.contact-info p{margin:7px;padding:0}.mono{font-family:monospace}.bold{font-weight:bold}sup{margin:0;padding:0}figcaption{margin-top:10px;font-size:.8em;text-decoration: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:#777}.post-excerpt{margin:15px;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}
|
||||
File diff suppressed because one or more lines are too long
@ -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";
|
||||
File diff suppressed because one or more lines are too long
@ -1,53 +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">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<nav>
|
||||
<input type="checkbox" id="menu">
|
||||
<label for="menu">☰</label>
|
||||
<div class="menu-content">
|
||||
|
||||
<a href="/" class="nav-link" >Home</a>
|
||||
|
||||
<a href="/blog/" class="nav-link" >Blog</a>
|
||||
|
||||
<a href="/links/" class="nav-link" >Links</a>
|
||||
|
||||
<a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer" >Code</a>
|
||||
|
||||
</div>
|
||||
</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"> </head> <body> <div id="wrapper"> <header> <nav> <input type="checkbox" id="menu"> <label for="menu">☰</label> <div class="menu-content"> <a href="/" class="nav-link">Home</a> <a href="/blog/" class="nav-link">Blog</a> <a href="/links/" class="nav-link">Links</a> <a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer">Code</a> </div> </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>
|
||||
@ -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>
|
||||
File diff suppressed because one or more lines are too long
@ -1,82 +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">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<nav>
|
||||
<input type="checkbox" id="menu">
|
||||
<label for="menu">☰</label>
|
||||
<div class="menu-content">
|
||||
|
||||
<a href="/" class="nav-link" class="on-page" >Home</a>
|
||||
|
||||
<a href="/blog/" class="nav-link" >Blog</a>
|
||||
|
||||
<a href="/links/" class="nav-link" >Links</a>
|
||||
|
||||
<a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer" >Code</a>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main>
|
||||
<h2 id="tait-hoyem">Tait Hoyem</h2>
|
||||
|
||||
<p>I am a student at the <a href="https://sait.ca/">Southern Alberta Institute of Technology (SAIT)</a>.</p>
|
||||
|
||||
<p>I have three goals in my software development career.</p>
|
||||
|
||||
<ol>
|
||||
<li>Strong adherance 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>The accessibility of this technology to the visually impaired.</li>
|
||||
</ol>
|
||||
|
||||
<p>Some of my projects reflect these goals.
|
||||
Others are just fun along the way.</p>
|
||||
|
||||
<p>I have all of my code projects hosted on <a href="https://github.com/TTWNO">my Github</a>.</p>
|
||||
|
||||
<h3 id="projects">Projects</h3>
|
||||
|
||||
<p><strong><a href="https://github.com/TTWNO/epub-with-pinyin">epub-with-pinyin</a></strong> —
|
||||
I wrote a program to add Pinyin above Chinese characters in .epub files to assist myself and others learning Mandarin Chinese.</p>
|
||||
|
||||
<p><strong><a href="https://github.com/TTWNO/chess">chess</a></strong> —
|
||||
I wrote a command-line chess game in C++. It is compileable on almost any system.</p>
|
||||
|
||||
<p><strong><a href="https://github.com/TTWNO/tait.tech">tait.tech</a></strong> —
|
||||
All the code for my website is open source.</p>
|
||||
|
||||
<p><strong><a href="https://lamegames.tait.tech">lamegames.tait.tech</a></strong> —
|
||||
A little games website I made for some demonstrations of Django functionality.
|
||||
Very, very lame. Would not recommend.</p>
|
||||
|
||||
<p><strong><a href="https://github.com/TTWNO/subnetting">subnetting</a></strong> —
|
||||
A one-night write of a tool to automatically calculate network subnet masks based on required hosts and base IP.</p>
|
||||
|
||||
<p>I also occasionally put content on my <a href="https://lbry.tv/@tait:7">lbry channel</a>, and the <a href="/blog/">blog I host on this site</a>.</p>
|
||||
|
||||
<h3 id="contact">Contact</h3>
|
||||
|
||||
<p>You can reach me via email at <a href="mailto:tait@tait.tech">tait@tait.tech</a></p>
|
||||
|
||||
<p>If you use PGP, <a href="/public-key.asc">this is my 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"> </head> <body> <div id="wrapper"> <header> <nav> <input type="checkbox" id="menu"> <label for="menu">☰</label> <div class="menu-content"> <a href="/" class="nav-link" class="on-page">Home</a> <a href="/blog/" class="nav-link">Blog</a> <a href="/links/" class="nav-link">Links</a> <a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer">Code</a> </div> </nav> </header> <main> <h2 id="tait-hoyem">Tait Hoyem</h2> <p>I am a student at the <a href="https://sait.ca/">Southern Alberta Institute of Technology (SAIT)</a>.</p> <p>I have three goals in my software development career.</p> <ol> <li>Strong adherance 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>The accessibility of this technology to the visually impaired.</li> </ol> <p>Some of my projects reflect these goals. Others are just fun along the way.</p> <p>I have all of my code projects hosted on <a href="https://github.com/TTWNO">my Github</a>.</p> <h3 id="projects">Projects</h3> <p><strong><a href="https://github.com/TTWNO/epub-with-pinyin">epub-with-pinyin</a></strong> — I wrote a program to add Pinyin above Chinese characters in .epub files to assist myself and others learning Mandarin Chinese.</p> <p><strong><a href="https://github.com/TTWNO/chess">chess</a></strong> — I wrote a command-line chess game in C++. It is compileable on almost any system.</p> <p><strong><a href="https://github.com/TTWNO/tait.tech">tait.tech</a></strong> — All the code for my website is open source.</p> <p><strong><a href="https://lamegames.tait.tech">lamegames.tait.tech</a></strong> — A little games website I made for some demonstrations of Django functionality. Very, very lame. Would not recommend.</p> <p><strong><a href="https://github.com/TTWNO/subnetting">subnetting</a></strong> — A one-night write of a tool to automatically calculate network subnet masks based on required hosts and base IP.</p> <p>I also occasionally put content on my <a href="https://lbry.tv/@tait:7">lbry channel</a>, and the <a href="/blog/">blog I host on this site</a>.</p> <h3 id="contact">Contact</h3> <p>You can reach me via email at <a href="mailto:tait@tait.tech">tait@tait.tech</a></p> <p>If you use PGP, <a href="/public-key.asc">this is my 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>
|
||||
@ -1,204 +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">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<nav>
|
||||
<input type="checkbox" id="menu">
|
||||
<label for="menu">☰</label>
|
||||
<div class="menu-content">
|
||||
|
||||
<a href="/" class="nav-link" >Home</a>
|
||||
|
||||
<a href="/blog/" class="nav-link" >Blog</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" >Code</a>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main>
|
||||
|
||||
<h2>Find Me Other Places</h2>
|
||||
<section class="contact-info">
|
||||
|
||||
<p><span class="bold">Main Site</span> -
|
||||
<a href="https://tait.tech/" class="mono">
|
||||
|
||||
tait.tech
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><span class="bold">Backup/Mirror Site</span> -
|
||||
<a href="https://beta.tait.tech/" class="mono">
|
||||
|
||||
beta.tait.tech
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><span class="bold">Email</span> -
|
||||
<a href="mailto:tait@tait.tech" class="mono">
|
||||
|
||||
tait@tait.tech
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><span class="bold">Public Key</span> -
|
||||
<a href="/public-key.asc" class="mono">
|
||||
|
||||
public-key.asc
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><span class="bold">Github</span> -
|
||||
<a href="https://github.com/TTWNO" class="mono">
|
||||
|
||||
github.com/TTWNO
|
||||
|
||||
</a></p>
|
||||
|
||||
</section>
|
||||
|
||||
<h2>Secure Service Links</h2>
|
||||
<section class="contact-info">
|
||||
|
||||
<p><span class="bold">Signal</span> -
|
||||
<a href="https://signal.org" class="mono">
|
||||
|
||||
https://signal.org
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><span class="bold">Protonmail</span> -
|
||||
<a href="https://protonmail.com" class="mono">
|
||||
|
||||
https://protonmail.com
|
||||
|
||||
</a></p>
|
||||
|
||||
</section>
|
||||
|
||||
<h2>Linux Links</h2>
|
||||
<section class="contact-info">
|
||||
|
||||
<p><span class="bold">Arch Linux Wiki</span> -
|
||||
<a href="https://wiki.archlinux.org/" class="mono">
|
||||
|
||||
https://wiki.archlinux.org/
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><span class="bold">Talking Arch</span> -
|
||||
<a href="https://talkingarch.info/" class="mono">
|
||||
|
||||
https://talkingarch.info/
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><span class="bold">Speakup Project [Unencrypted]</span> -
|
||||
<a href="http://linux-speakup.org/" class="mono">
|
||||
|
||||
http://linux-speakup.org/
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><span class="bold">Luke Smith</span> -
|
||||
<a href="https://lukesmith.xyz/" class="mono">
|
||||
|
||||
https://lukesmith.xyz/
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><span class="bold">Brian Lunduke</span> -
|
||||
<a href="https://lunduke.com/" class="mono">
|
||||
|
||||
https://lunduke.com/
|
||||
|
||||
</a></p>
|
||||
|
||||
</section>
|
||||
|
||||
<h2>Interesting Links</h2>
|
||||
<section class="contact-info">
|
||||
|
||||
<p><span class="bold">Suckless</span> -
|
||||
<a href="https://suckless.org/" class="mono">
|
||||
|
||||
https://suckless.org/
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><span class="bold">cat -v (considered harmful) [Unencrypted]</span> -
|
||||
<a href="http://cat-v.org/" class="mono">
|
||||
|
||||
http://cat-v.org/
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><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></p>
|
||||
|
||||
</section>
|
||||
|
||||
<h2>Best Websites in Existence</h2>
|
||||
<section class="contact-info">
|
||||
|
||||
<p><span class="bold">Gregory Gundersen</span> -
|
||||
<a href="https://gregorygundersen.com/" class="mono">
|
||||
|
||||
https://gregorygundersen.com/
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><span class="bold">The Best Website</span> -
|
||||
<a href="https://thebestmotherfucking.website/" class="mono">
|
||||
|
||||
https://thebestmotherfucking.website/
|
||||
|
||||
</a></p>
|
||||
|
||||
</section>
|
||||
|
||||
<h2>Friends' Websites</h2>
|
||||
<section class="contact-info">
|
||||
|
||||
<p><span class="bold">Justin Pilon</span> -
|
||||
<a href="https://justinpilon.ca/" class="mono">
|
||||
|
||||
https://justinpilon.ca/
|
||||
|
||||
</a></p>
|
||||
|
||||
<p><span class="bold">Melody Shih</span> -
|
||||
<a href="https://melly.tech/" class="mono">
|
||||
|
||||
https://melly.tech/
|
||||
|
||||
</a></p>
|
||||
|
||||
</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"> </head> <body> <div id="wrapper"> <header> <nav> <input type="checkbox" id="menu"> <label for="menu">☰</label> <div class="menu-content"> <a href="/" class="nav-link">Home</a> <a href="/blog/" class="nav-link">Blog</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">Code</a> </div> </nav> </header> <main> <h2>Find Me Other Places</h2> <section class="contact-info"> <p><span class="bold">Main Site</span> - <a href="https://tait.tech/" class="mono"> tait.tech </a></p> <p><span class="bold">Backup/Mirror Site</span> - <a href="https://beta.tait.tech/" class="mono"> beta.tait.tech </a></p> <p><span class="bold">Email</span> - <a href="mailto:tait@tait.tech" class="mono"> tait@tait.tech </a></p> <p><span class="bold">Public Key</span> - <a href="/public-key.asc" class="mono"> public-key.asc </a></p> <p><span class="bold">Github</span> - <a href="https://github.com/TTWNO" class="mono"> github.com/TTWNO </a></p> </section> <h2>Secure Service Links</h2> <section class="contact-info"> <p><span class="bold">Signal</span> - <a href="https://signal.org" class="mono"> https://signal.org </a></p> <p><span class="bold">Protonmail</span> - <a href="https://protonmail.com" class="mono"> https://protonmail.com </a></p> </section> <h2>Linux Links</h2> <section class="contact-info"> <p><span class="bold">Arch Linux Wiki</span> - <a href="https://wiki.archlinux.org/" class="mono"> https://wiki.archlinux.org/ </a></p> <p><span class="bold">Talking Arch</span> - <a href="https://talkingarch.info/" class="mono"> https://talkingarch.info/ </a></p> <p><span class="bold">Speakup Project [Unencrypted]</span> - <a href="http://linux-speakup.org/" class="mono"> http://linux-speakup.org/ </a></p> <p><span class="bold">Luke Smith</span> - <a href="https://lukesmith.xyz/" class="mono"> https://lukesmith.xyz/ </a></p> <p><span class="bold">Brian Lunduke</span> - <a href="https://lunduke.com/" class="mono"> https://lunduke.com/ </a></p> </section> <h2>Interesting Links</h2> <section class="contact-info"> <p><span class="bold">Suckless</span> - <a href="https://suckless.org/" class="mono"> https://suckless.org/ </a></p> <p><span class="bold">cat -v (considered harmful) [Unencrypted]</span> - <a href="http://cat-v.org/" class="mono"> http://cat-v.org/ </a></p> <p><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></p> </section> <h2>Best Websites in Existence</h2> <section class="contact-info"> <p><span class="bold">Gregory Gundersen</span> - <a href="https://gregorygundersen.com/" class="mono"> https://gregorygundersen.com/ </a></p> <p><span class="bold">The Best Website</span> - <a href="https://thebestmotherfucking.website/" class="mono"> https://thebestmotherfucking.website/ </a></p> </section> <h2>Friends' Websites</h2> <section class="contact-info"> <p><span class="bold">Justin Pilon</span> - <a href="https://justinpilon.ca/" class="mono"> https://justinpilon.ca/ </a></p> <p><span class="bold">Melody Shih</span> - <a href="https://melly.tech/" class="mono"> https://melly.tech/ </a></p> </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>
|
||||
@ -1,89 +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>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>
|
||||
|
||||
<p><strong>Independent</strong>—<em>Tutoring</em> (2019-present)</p>
|
||||
|
||||
<p>Working with computer science students explaining introductory to advanced concepts.</p>
|
||||
|
||||
<p><strong>Imaginus</strong>—<em>Security Gaurd</em> (2019-2020)</p>
|
||||
|
||||
<p>Night-time security to gaurd inventory.</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.</p>
|
||||
|
||||
<h3 id="projects">Projects</h3>
|
||||
|
||||
<p><strong><a href="https://github.com/TTWNO/epub-with-pinyin">epub-with-pinyin</a></strong></p>
|
||||
|
||||
<p><em>A program which adds Mandarin Pinyin notation above Chinese characters in .epub files.</em></p>
|
||||
|
||||
<p><strong><a href="https://github.com/TTWNO/chess">Chess</a></strong></p>
|
||||
|
||||
<p><em>A chess app written in C++</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++ (4/5)</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>C (3/5)</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>Java (2/5)</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>Python (2/5)</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>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> <p><strong>Independent</strong>—<em>Tutoring</em> (2019-present)</p> <p>Working with computer science students explaining introductory to advanced concepts.</p> <p><strong>Imaginus</strong>—<em>Security Gaurd</em> (2019-2020)</p> <p>Night-time security to gaurd inventory.</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.</p> <h3 id="projects">Projects</h3> <p><strong><a href="https://github.com/TTWNO/epub-with-pinyin">epub-with-pinyin</a></strong></p> <p><em>A program which adds Mandarin Pinyin notation above Chinese characters in .epub files.</em></p> <p><strong><a href="https://github.com/TTWNO/chess">Chess</a></strong></p> <p><em>A chess app written in C++</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++ (4/5)</p> </li> <li> <p>C (3/5)</p> </li> <li> <p>Java (2/5)</p> </li> <li> <p>Python (2/5)</p> </li> </ul> <footer> </footer> </div> </main> </body> </html>
|
||||
@ -1 +1 @@
|
||||
Sitemap: http://localhost:4000/sitemap.xml
|
||||
Sitemap: /sitemap.xml
|
||||
@ -1,112 +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.html</loc>
|
||||
<lastmod>2020-01-22T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/01/26/rsa1.html</loc>
|
||||
<lastmod>2020-01-26T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/02/19/rsa2.html</loc>
|
||||
<lastmod>2020-02-19T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/04/02/rsa3.html</loc>
|
||||
<lastmod>2020-04-02T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/04/06/rsa4.html</loc>
|
||||
<lastmod>2020-04-06T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/04/12/nas1.html</loc>
|
||||
<lastmod>2020-04-12T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/04/21/rfi.html</loc>
|
||||
<lastmod>2020-04-21T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/04/25/xss.html</loc>
|
||||
<lastmod>2020-04-25T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/05/01/nginx-socket-io-projects.html</loc>
|
||||
<lastmod>2020-05-01T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/05/19/clue-announcement.html</loc>
|
||||
<lastmod>2020-05-19T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/06/04/site-update.html</loc>
|
||||
<lastmod>2020-06-04T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/06/25/tmux-minecraft.html</loc>
|
||||
<lastmod>2020-06-25T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/07/12/independence.html</loc>
|
||||
<lastmod>2020-07-12T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/07/19/multicraft-php-gentoo.html</loc>
|
||||
<lastmod>2020-07-19T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/07/30/canadian-parliament.html</loc>
|
||||
<lastmod>2020-07-30T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/08/15/openbsd1.html</loc>
|
||||
<lastmod>2020-08-15T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/08/18/django-deployment.html</loc>
|
||||
<lastmod>2020-08-18T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/09/09/lamegames.html</loc>
|
||||
<lastmod>2020-09-09T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020/09/12/minesweeper.html</loc>
|
||||
<lastmod>2020-09-12T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/2020-04-27-quiz-your-friends-xss.html</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/blog/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/tutoring/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/cover-letters/bloombase/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/resume/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/links/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/cover-letter-vcc/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/contact/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/about/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/scholarships/2020/cnib/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://localhost:4000/</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.html</loc> <lastmod>2020-01-22T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/01/26/rsa1.html</loc> <lastmod>2020-01-26T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/02/19/rsa2.html</loc> <lastmod>2020-02-19T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/04/02/rsa3.html</loc> <lastmod>2020-04-02T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/04/06/rsa4.html</loc> <lastmod>2020-04-06T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/04/12/nas1.html</loc> <lastmod>2020-04-12T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/04/21/rfi.html</loc> <lastmod>2020-04-21T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/04/25/xss.html</loc> <lastmod>2020-04-25T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/05/01/nginx-socket-io-projects.html</loc> <lastmod>2020-05-01T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/05/19/clue-announcement.html</loc> <lastmod>2020-05-19T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/06/04/site-update.html</loc> <lastmod>2020-06-04T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/06/25/tmux-minecraft.html</loc> <lastmod>2020-06-25T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/07/12/independence.html</loc> <lastmod>2020-07-12T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/07/19/multicraft-php-gentoo.html</loc> <lastmod>2020-07-19T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/07/30/canadian-parliament.html</loc> <lastmod>2020-07-30T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/08/15/openbsd1.html</loc> <lastmod>2020-08-15T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/08/18/django-deployment.html</loc> <lastmod>2020-08-18T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/09/09/lamegames.html</loc> <lastmod>2020-09-09T00:00:00+00:00</lastmod> </url> <url> <loc>/2020/09/12/minesweeper.html</loc> <lastmod>2020-09-12T00:00:00+00:00</lastmod> </url> <url> <loc>/2020-04-27-quiz-your-friends-xss.html</loc> </url> <url> <loc>/blog/</loc> </url> <url> <loc>/tutoring/</loc> </url> <url> <loc>/cover-letters/bloombase/</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> <url> <loc>/</loc> </url> </urlset>
|
||||
@ -1,73 +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">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<nav>
|
||||
<input type="checkbox" id="menu">
|
||||
<label for="menu">☰</label>
|
||||
<div class="menu-content">
|
||||
|
||||
<a href="/" class="nav-link" >Home</a>
|
||||
|
||||
<a href="/blog/" class="nav-link" >Blog</a>
|
||||
|
||||
<a href="/links/" class="nav-link" >Links</a>
|
||||
|
||||
<a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer" >Code</a>
|
||||
|
||||
</div>
|
||||
</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"> </head> <body> <div id="wrapper"> <header> <nav> <input type="checkbox" id="menu"> <label for="menu">☰</label> <div class="menu-content"> <a href="/" class="nav-link">Home</a> <a href="/blog/" class="nav-link">Blog</a> <a href="/links/" class="nav-link">Links</a> <a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer">Code</a> </div> </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>
|
||||
Loading…
Reference in new issue