Update dead links. Add gfx card tutorial

author: mjfernez <mjf@mjfer.net> 2023-07-14 12:09:06 -0400
committer: mjfernez <mjf@mjfer.net> 2023-07-14 12:09:06 -0400
commit: d96c7cad92b025ad80a8fe64f91d1c215272e313 (patch)
tree: fd6afcaf9c18058b2f32e1c4980dd152b853cab7 /tutorials
parent: 9ae993b3ab0f834e64e80a9592fefd0e911b286a (diff)
download: site-files-d96c7cad92b025ad80a8fe64f91d1c215272e313.tar.gz
4 files changed, 349 insertions, 25 deletions
diff --git a/tutorials/pc_gaming/.description b/tutorials/pc_gaming/.description
new file mode 100644
index 0000000..8ab3eb3
--- /dev/null
+++ b/tutorials/pc_gaming/.description
@@ -0,0 +1 @@
+Tips for linux gamers
diff --git a/tutorials/pc_gaming/common-gfx-card-installation-woes.html b/tutorials/pc_gaming/common-gfx-card-installation-woes.html
new file mode 100644
index 0000000..250f456
--- /dev/null
+++ b/tutorials/pc_gaming/common-gfx-card-installation-woes.html
@@ -0,0 +1,329 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>common-gfx-card-installation-woes</title>
+  <style>
+    html {
+      line-height: 1.5;
+      font-family: Georgia, serif;
+      font-size: 20px;
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 1em;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
+      font-size: 85%;
+      margin: 0;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    span.underline{text-decoration: underline;}
+    div.column{display: inline-block; vertical-align: top; width: 50%;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    ul.task-list{list-style: none;}
+    pre > code.sourceCode { white-space: pre; position: relative; }
+    pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
+    pre > code.sourceCode > span:empty { height: 1.2em; }
+    .sourceCode { overflow: visible; }
+    code.sourceCode > span { color: inherit; text-decoration: inherit; }
+    div.sourceCode { margin: 1em 0; }
+    pre.sourceCode { margin: 0; }
+    @media screen {
+    div.sourceCode { overflow: auto; }
+    }
+    @media print {
+    pre > code.sourceCode { white-space: pre-wrap; }
+    pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
+    }
+    pre.numberSource code
+      { counter-reset: source-line 0; }
+    pre.numberSource code > span
+      { position: relative; left: -4em; counter-increment: source-line; }
+    pre.numberSource code > span > a:first-child::before
+      { content: counter(source-line);
+        position: relative; left: -1em; text-align: right; vertical-align: baseline;
+        border: none; display: inline-block;
+        -webkit-touch-callout: none; -webkit-user-select: none;
+        -khtml-user-select: none; -moz-user-select: none;
+        -ms-user-select: none; user-select: none;
+        padding: 0 4px; width: 4em;
+        color: #aaaaaa;
+      }
+    pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa;  padding-left: 4px; }
+    div.sourceCode
+      {   }
+    @media screen {
+    pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
+    }
+    code span.al { color: #ff0000; font-weight: bold; } /* Alert */
+    code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
+    code span.at { color: #7d9029; } /* Attribute */
+    code span.bn { color: #40a070; } /* BaseN */
+    code span.bu { color: #008000; } /* BuiltIn */
+    code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
+    code span.ch { color: #4070a0; } /* Char */
+    code span.cn { color: #880000; } /* Constant */
+    code span.co { color: #60a0b0; font-style: italic; } /* Comment */
+    code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
+    code span.do { color: #ba2121; font-style: italic; } /* Documentation */
+    code span.dt { color: #902000; } /* DataType */
+    code span.dv { color: #40a070; } /* DecVal */
+    code span.er { color: #ff0000; font-weight: bold; } /* Error */
+    code span.ex { } /* Extension */
+    code span.fl { color: #40a070; } /* Float */
+    code span.fu { color: #06287e; } /* Function */
+    code span.im { color: #008000; font-weight: bold; } /* Import */
+    code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
+    code span.kw { color: #007020; font-weight: bold; } /* Keyword */
+    code span.op { color: #666666; } /* Operator */
+    code span.ot { color: #007020; } /* Other */
+    code span.pp { color: #bc7a00; } /* Preprocessor */
+    code span.sc { color: #4070a0; } /* SpecialChar */
+    code span.ss { color: #bb6688; } /* SpecialString */
+    code span.st { color: #4070a0; } /* String */
+    code span.va { color: #19177c; } /* Variable */
+    code span.vs { color: #4070a0; } /* VerbatimString */
+    code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+</head>
+<body>
+<nav id="TOC" role="doc-toc">
+<h2 id="toc-title">Contents</h2>
+<ul>
+<li><a href="#step-1-the-replacement">Step 1: The Replacement</a></li>
+<li><a href="#step-2-re-installing-the-drivers">Step 2: Re-installing
+the drivers</a>
+<ul>
+<li><a href="#part-one-fix-broken-packages">Part one: Fix Broken
+Packages</a></li>
+<li><a href="#part-two-re-install-nvidia-driver">Part two: Re-install
+nvidia-driver</a></li>
+<li><a href="#part-negative-three-just-in-case">Part negative three:
+Just in case</a></li>
+</ul></li>
+<li><a href="#step-three-reboot-and-test">Step three: Reboot and
+test</a></li>
+</ul>
+</nav>
+<p>I recently upgraded by PC from an Nvidia 1050 Ti card to a new 3060
+Ti card. I've been updating the drivers for this card since before there
+was a Debian package, so I've been through the installation quite a few
+times and run into my share of weird issues. This last upgrade was no
+exception, so I figured I'd document the process in case anyone out
+there is as bad at installing these as me!</p>
+<h2 id="step-1-the-replacement">Step 1: The Replacement</h2>
+<p>The best part of installing a new graphics card is getting to open up
+the guts of your computer (it's also the scariest part, since this is
+also the best opportunity to knock out a hard drive or a RAM stick).
+Fortunately this is pretty easy, first make sure you hit the little
+lever (switch?) on the PCI slot to pop out the old card. Then just slide
+the new guy in. Note though to people getting a card from the RTX 30
+line (or higher) -- these cards run pretty big, so make sure you have
+enough space in you case. You can see I barely made it myself!</p>
+<p>A second note to RTX users: most if not all these cards come with an
+extra power supply input (two 8-pin connectors). If your power supply is
+short on outputs, you can get a splitter cable like the one you see in
+the picture to match the inputs. I personally am running a 600 W supply
+for everything right now, which seems to be running fine. You should
+check some other power guides though if you're concerned your power
+supply won't drive the card</p>
+<h2 id="step-2-re-installing-the-drivers">Step 2: Re-installing the
+drivers</h2>
+<p>At first I tried to just naively update and see what happened, but I
+received a "broken packages" error for nvidia-driver and other related
+packages after running this.</p>
+<div class="sourceCode" id="cb1"><pre
+class="sourceCode bash"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="ex">$</span> sudo apt update</span>
+<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="ex">$</span> sudo apt upgrade</span></code></pre></div>
+<p>This turned out to be a two-part error, one was the driver itself,
+two was an update in Debian sid.</p>
+<h3 id="part-one-fix-broken-packages">Part one: Fix Broken Packages</h3>
+<p>Whenever I see broken packages, I tend to to assume that the name of
+a package got updated. In this case, there was a <a
+href="https://www.debian.org/releases/bookworm/amd64/release-notes/ch-information.en.html#non-free-split">note</a>
+on the apt list changes that mentioned a separate "non-free-firmware"
+branch had been made, which had some of the components I needed. I just
+added "non-free-firmware" to my /etc/apt/sources.list:</p>
+<pre><code>deb http://deb.debian.org/debian/ sid main contrib non-free non-free-firmware</code></pre>
+<p>Note: you may not need "non-free" here anymore, I simply had that
+since that was where the package used to be.</p>
+<h3 id="part-two-re-install-nvidia-driver">Part two: Re-install
+nvidia-driver</h3>
+<p>I tried to update again at this point, but encountered the same
+error. At this point I figured the best thing to do was to just try to
+reinstall all nvidia related software again:</p>
+<div class="sourceCode" id="cb3"><pre
+class="sourceCode bash"><code class="sourceCode bash"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="ex">$</span> sudo apt purge nvidia-<span class="pp">*</span></span>
+<span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a><span class="ex">$</span> sudo apt update</span>
+<span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a><span class="ex">$</span> sudo apt upgrade</span></code></pre></div>
+<p>Ok no errors on the update this time, let's try again:</p>
+<div class="sourceCode" id="cb4"><pre
+class="sourceCode bash"><code class="sourceCode bash"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a><span class="ex">$</span> sudo apt install nvidia-driver</span></code></pre></div>
+<h3 id="part-negative-three-just-in-case">Part negative three: Just in
+case</h3>
+<p>In the dark days before the Debian team had an Nvidia package, you
+had to install drivers manually. I haven't had to do this in years, but
+I like having the option. You can download the latest drivers on their
+website:</p>
+<p>https://developer.nvidia.com/vulkan-driver</p>
+<p>The file will have a really long name like
+"NVIDIA-Linux-x86_64-525.89.02.run," so I suggest renaming it first to
+something like "driver.run"</p>
+<p>In order to run this file, you need to stop your graphics
+environment. Press CTRL + ALT + F1 to log out and open a terminal-only
+session. Login with your credentials. Then stop the X-server</p>
+<div class="sourceCode" id="cb5"><pre
+class="sourceCode bash"><code class="sourceCode bash"><span id="cb5-1"><a href="#cb5-1" aria-hidden="true" tabindex="-1"></a><span class="ex">$</span> sudo service lightdm stop</span></code></pre></div>
+<p>If you use a different X manager you might need to replace "lightdm"
+with "gdm" or "kdm" (Gnome and KDE). Now we can run the driver
+install:</p>
+<div class="sourceCode" id="cb6"><pre
+class="sourceCode bash"><code class="sourceCode bash"><span id="cb6-1"><a href="#cb6-1" aria-hidden="true" tabindex="-1"></a><span class="ex">$</span> sudo chmod +x driver.run</span>
+<span id="cb6-2"><a href="#cb6-2" aria-hidden="true" tabindex="-1"></a><span class="ex">$</span> sudo ./driver.run</span></code></pre></div>
+<p>Accept all the prompts and you'll have the factory made driver
+software. Note, you have to manually update this way though. So try to
+figure out the nvidia-driver package before resorting to this
+method!</p>
+<h2 id="step-three-reboot-and-test">Step three: Reboot and test</h2>
+<p>Reboot and then check the Nvidia X server setting panel
+(nvidia-settings) to make sure your card is detected correctly. At this
+point, as long as you're still seeing your desktop, you should be good
+to go! I ran Kerbal Space Program 2 (currently in early access) as my
+first test.</p>
+<p><video src="/static/ksp2.webm" controls=""><a
+href="/static/ksp2.webm">Video</a></video></p>
+<p>Looking good, Jeb!</p>
+</body>
+</html>
diff --git a/tutorials/www/how-to-use-the-internet.html b/tutorials/www/how-to-use-the-internet.html
index 9f0e227..88692cf 100644
--- a/tutorials/www/how-to-use-the-internet.html
+++ b/tutorials/www/how-to-use-the-internet.html
@@ -179,20 +179,18 @@ browse anonymously</a></li>
 </ul>
 </nav>
 <h2 id="why">Why?</h2>
-<p>Changing times and a forgetful youth have forced me to write this
-guide.</p>
-<p>I am increasingly disturbed by the amount of people I meet (young and
-old) that navigate their lives at least in part online, but are unable
-to use the internet for it's intended purpose: finding infomation.
-Writing to someone or posting a picture of your cat seems to be second
-nature for most people, but converting a picture from a PDF or looking
-up a study (or even a word!) you saw in an article is something else
-entirely.</p>
-<p>For the most part, it is not anyone's fault or laziness. It's the
-fault of what the internet <em>has become</em>. For one, there's just so
-much more <em>stuff</em> now; it's hard to know exactly where to start
-and who to trust. And so much of that stuff is now <em>garbage</em>,
-either in the way it's presented--with disruptive ads that don't close
+<p>Why <em>would</em> anyone want to use the Internet, really?</p>
+<p>Unfortunately, almost none of us use the Internet for it's intended
+purpose: finding infomation.</p>
+<p>Writing to someone or posting a picture of your cat seems to be
+second nature for most people, but converting a picture from a PDF or
+looking up a study (or even a word!) you saw in an article is something
+else entirely.</p>
+<p>While that's in part the fault of our laziness, it's equally the
+fault of what the Internet has become. For one, there's just so much
+more <em>stuff</em> now; it's hard to know exactly where to start and
+who to trust. And so much of that stuff is now <em>garbage</em>, either
+in the way it's presented--with disruptive ads that don't close
 correctly--or in the way it's written--vague, misleading, or straight
 incorrect. But for seconds: no one really teaches you how to use this
 thing do they? There are no courses on "How to use a search engine" or
@@ -223,13 +221,9 @@ scholarly articles</h2>
 <p>A common complaint lodged at me whenever I recommend Wikipedia is
 that it's not a source of truth since they found X mistake somewhere, or
 made Y edit when they were a teenager that's still there. No one has
-ever (or should ever) claim Wikipedia is reliable. Frankly, you should
-not consider <em>any</em> source to be reliable, but that's a separate
-issue. If you know how to use Wikipedia you can use it to get closer to
-a true understanding of whatever you're studying.</p>
-<p>For starters, as a general rule, you should not trust anything you
-read on a topic that is less than 20 years old. We're still living
-through the history at this point and new things can come to light.</p>
+ever (or should ever) claim Wikipedia is a source of truth on it's own.
+But you can use it to find more sources and maybe get a little
+closer.</p>
 <h3 id="how-to-find-articles-with-google-scholar">How to find articles
 with Google Scholar</h3>
 <h2 id="advanced-topics">Advanced Topics</h2>
diff --git a/tutorials/www/quick-intro-html-css.html b/tutorials/www/quick-intro-html-css.html
index 7d74dff..e3ffc6c 100644
--- a/tutorials/www/quick-intro-html-css.html
+++ b/tutorials/www/quick-intro-html-css.html
@@ -508,7 +508,7 @@ tag we talked about in the last section. For example:</p>
 <pre><code>&lt;p style=&quot;color:red&quot;&gt;this text is red&lt;/p&gt;
 &lt;p style=&quot;color:red;background-color:blue&quot;&gt;this background is blue&lt;/p&gt;
 &lt;p style=&quot;color:red;background-color:blue;text-align:center&quot;&gt;this text is centered&lt;/p&gt;
-&lt;a href=&quot;https://archive.org/details/sonichucomplete&quot;
+&lt;a href=&quot;https://www.webtoons.com/en/challenge/sonichu-/sonichu-1/viewer?title_no=676229&amp;episode_no=2&quot;
     target=&quot;_blank&quot;
     rel=&quot;noopener noreferrer&quot;
     style=&quot;color:yellow;background-color:red;text-align:right&quot;
@@ -524,7 +524,7 @@ this background is blue
 <p style="color:red;background-color:blue;text-align:center">
 this text is centered
 </p>
-<p><a href="https://archive.org/details/sonichucomplete"
+<p><a href="https://www.webtoons.com/en/challenge/sonichu-/sonichu-1/viewer?title_no=676229&episode_no=2"
     target="_blank"
     rel="noopener noreferrer"
     style="color:yellow;background-color:red;text-align:justify;width:100%"
@@ -587,7 +587,7 @@ using the filter option like so:</p>
 }</code></pre>
 <p>Applied:</p>
 <p><img style="filter:grayscale(100%)"
-src="https://archive.md/zP2NL/9d16630c80f93351469867fde13ea5199cd1f483.jpg"
+src="/static/jazzcat.jpg"
 /></p>
 <p>You can read lots more options for image formatting <a
 href="https://www.w3schools.com/css/css3_images.asp">here</a> and about
@@ -604,7 +604,7 @@ appear nice on dark theme browsers just as well. But I don't want to dim
 <p>For one, that will only dim black-and-white images; anything else
 will just turn to mush like this:</p>
 <p><img class="icon"
-src="https://archive.md/zP2NL/9d16630c80f93351469867fde13ea5199cd1f483.jpg"
+src="/static/jazzcat.jpg"
 /></p>
 <p>Instead, I'd like it to just apply to select elements; I can do so by
 extending the tag with a class. On the CSS side:</p>
author	mjfernez <mjf@mjfer.net>	2023-07-14 12:09:06 -0400
committer	mjfernez <mjf@mjfer.net>	2023-07-14 12:09:06 -0400
commit	d96c7cad92b025ad80a8fe64f91d1c215272e313 (patch)
tree	fd6afcaf9c18058b2f32e1c4980dd152b853cab7 /tutorials
parent	9ae993b3ab0f834e64e80a9592fefd0e911b286a (diff)
download	site-files-d96c7cad92b025ad80a8fe64f91d1c215272e313.tar.gz