diff options
| -rw-r--r-- | .md/about/faq.md | 2 | ||||
| -rw-r--r-- | .md/about/whereami.md | 2 | ||||
| -rw-r--r-- | .md/tutorials/pc_gaming/common-gfx-card-installation-woes.md | 2 | ||||
| -rw-r--r-- | .md/tutorials/vim/how-to-fix-neovim-nerdtree-rendering-issue.md | 8 | ||||
| -rw-r--r-- | .md/tutorials/www/quick-intro-html-css.md | 14 | ||||
| -rw-r--r-- | about/faq.html | 2 | ||||
| -rw-r--r-- | about/whereami.html | 2 | ||||
| -rw-r--r-- | home.html | 12 | ||||
| -rw-r--r-- | latest.html | 17 | ||||
| -rw-r--r-- | tutorials/pc_gaming/common-gfx-card-installation-woes.html | 2 | ||||
| -rw-r--r-- | tutorials/vim/how-to-fix-neovim-nerdtree-rendering-issue.html | 8 | ||||
| -rw-r--r-- | tutorials/www/how-to-use-the-internet.html | 250 | ||||
| -rw-r--r-- | tutorials/www/quick-intro-html-css.html | 14 | ||||
| -rw-r--r-- | update_latest.py | 43 | 
14 files changed, 344 insertions, 34 deletions
| diff --git a/.md/about/faq.md b/.md/about/faq.md index 21b2c73..c8fb90b 100644 --- a/.md/about/faq.md +++ b/.md/about/faq.md @@ -38,7 +38,7 @@ lately that I'm used to it.  Honestly, I though the fish was cool. - +  I don't know the artist of that one unfortunately, I just found it on a  forum. diff --git a/.md/about/whereami.md b/.md/about/whereami.md index 8be0a66..01d0809 100644 --- a/.md/about/whereami.md +++ b/.md/about/whereami.md @@ -25,7 +25,7 @@ need to go to make things go beep. In the 60s and  70s, routers tended to be people-based and would require workers spend  their time plugging cables into and out of ports so calls could connect. -<img src="/static/human_router.jpg" /> +<img src="/static/media/human_router.jpg" />  *Image of a switchboard courtesy of  [Wikipedia diff --git a/.md/tutorials/pc_gaming/common-gfx-card-installation-woes.md b/.md/tutorials/pc_gaming/common-gfx-card-installation-woes.md index 19e3c1c..f9370ec 100644 --- a/.md/tutorials/pc_gaming/common-gfx-card-installation-woes.md +++ b/.md/tutorials/pc_gaming/common-gfx-card-installation-woes.md @@ -138,6 +138,6 @@ 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. - +  Looking good, Jeb! diff --git a/.md/tutorials/vim/how-to-fix-neovim-nerdtree-rendering-issue.md b/.md/tutorials/vim/how-to-fix-neovim-nerdtree-rendering-issue.md index df0af33..1ff6fe7 100644 --- a/.md/tutorials/vim/how-to-fix-neovim-nerdtree-rendering-issue.md +++ b/.md/tutorials/vim/how-to-fix-neovim-nerdtree-rendering-issue.md @@ -6,18 +6,18 @@ scroll the window, I'd get a mess.  ## The Problem - +  Now, yes, I know I'm a heretic for using the arrow keys and not just  jumping around, but I thought it was weird I didn't see this issue  anywhere else. Also, vim doesn't have this problem. - +  It's also not because of my meme tmux setup, the same issue happens in  terminator, which I happened to have installed. - +  ## The Attempt @@ -44,7 +44,7 @@ from Debian's default bashrc, but all I had to do was change it:  export TERM='tmux256-color'  ``` - +  No more hacky autocommands! diff --git a/.md/tutorials/www/quick-intro-html-css.md b/.md/tutorials/www/quick-intro-html-css.md index 3fe94ad..d94c254 100644 --- a/.md/tutorials/www/quick-intro-html-css.md +++ b/.md/tutorials/www/quick-intro-html-css.md @@ -91,7 +91,7 @@ tags in this example:                  <td>FSF!</td>                  <td>                  <a href="https://www.fsf.org/"> -                <img src="https://static.fsf.org/common/img/logo-new.png" /> +                <img src="https://static/media.fsf.org/common/img/logo-new.png" />                  </a></td>              </tr>              <tr> @@ -272,7 +272,7 @@ example:          <meta name="keywords" content="HTML, CSS, JavaScript">          <meta name="author" content="John Doe">          <meta name="viewport" content="width=device-width, initial-scale=1.0"> -        <link rel="stylesheet" type="text/css" href="/static/main.css"> +        <link rel="stylesheet" type="text/css" href="/static/media/main.css">      </head>      <body>          <h1>My Great page</h1> @@ -332,7 +332,7 @@ syntax. CSS allows you to set attributes to *all* tags in a specific  document and create a unifying style for all your pages.  ``` -<link rel="stylesheet" type="text/css" href="/static/main.css"> +<link rel="stylesheet" type="text/css" href="/static/media/main.css">  ```  As before, "href" points to the file to be linked. In this example, we @@ -446,7 +446,7 @@ img.gray {  Applied:  <img style="filter:grayscale(100%)" -src="/static/jazzcat.jpg" +src="/static/media/jazzcat.jpg"  />  You can read lots more options for image formatting @@ -471,7 +471,7 @@ For one, that will only dim black-and-white images; anything else will  just turn to mush like this:  <img class="icon" -src="/static/jazzcat.jpg" +src="/static/media/jazzcat.jpg"  />  Instead, I'd like it to just apply to select elements; I can do so by @@ -486,10 +486,10 @@ img.icon {  And to implement it in HTML:  ``` -<img class="icon" src="/static/rss.svg" /> +<img class="icon" src="/static/media/rss.svg" />  ``` -<img class="icon" src="/static/rss.svg" /> +<img class="icon" src="/static/media/rss.svg" />  #### Use the div tag to make sections diff --git a/about/faq.html b/about/faq.html index a4ead4a..0c2c039 100644 --- a/about/faq.html +++ b/about/faq.html @@ -220,7 +220,7 @@ terminal lately that I'm used to it.</p>  <h3 id="why-openbsd"><em>Why OpenBSD?</em></h3>  <p>Honestly, I though the fish was cool.</p>  <figure> -<img alt="puffy" src="/static/puffy.gif"/> +<img alt="puffy" src="/static/media/puffy.gif"/>  <figcaption aria-hidden="true">puffy</figcaption>  </figure>  <p>I don't know the artist of that one unfortunately, I just found it on diff --git a/about/whereami.html b/about/whereami.html index d6be605..8a2e712 100644 --- a/about/whereami.html +++ b/about/whereami.html @@ -178,7 +178,7 @@ router, which literally does what the name implies--it routes signals to  where they need to go to make things go beep. In the 60s and 70s,  routers tended to be people-based and would require workers spend their  time plugging cables into and out of ports so calls could connect.</p> -<p><img src="/static/human_router.jpg"/></p> +<p><img src="/static/media/human_router.jpg"/></p>  <p><em>Image of a switchboard courtesy of <a href="https://en.wikipedia.org/wiki/File:Jersey_Telecom_switchboard_and_operator.jpg">Wikipedia  contributors</a></em></p>  <p>Fortunately, we figured out that was dumb and made robots do the job @@ -43,9 +43,9 @@ learn the ins and outs of hosting your own, click      <a href="https://www.linkedin.com/in/mike-fernez-357878108"          target="_blank" rel="noopener noreferrer"> -    <img class="icon" src="/static/linkedin.svg" /></a> +    <img class="icon" src="/static/media/linkedin.svg" /></a>      <a href="https://github.com/mjfernez" target="_blank" rel="noopener noreferrer"> -    <img class="icon" src="/static/github.svg" /></a> +    <img class="icon" src="/static/media/github.svg" /></a>      <br>      Most of what I'm working on (including this site) is kept at       <a href="https://git.mjfer.net" target="_blank" rel="noopener noreferrer"> @@ -59,23 +59,23 @@ learn the ins and outs of hosting your own, click          <td>          <a href="https://my.fsf.org/join?referrer=5575602"              target="_blank" rel="noopener noreferrer"> -            <img src="/static/5575602.png"/> +            <img src="/static/media/5575602.png"/>          </a>          </td>          <td>          <a href="https://gifcities.org/"> -            <img src="/static/vim.gif" /> +            <img src="/static/media/vim.gif" />          </a>          </td>          <td>          <a href="https://anybrowser.org/campaign/abgraphics.html#AllGraphics"> -            <img src="/static/brain.gif" /> +            <img src="/static/media/brain.gif" />          </a>          </td>      </tr>      </table>      <a href="https://web.archive.org/web/20091022172313/http://geocities.com/salat2001de/hitch/hitchhiker.html"> -        <img src="/static/panic.gif" /> +        <img src="/static/media/panic.gif" />      </a>  </center>  {% endblock %} diff --git a/latest.html b/latest.html new file mode 100644 index 0000000..fa5fd2b --- /dev/null +++ b/latest.html @@ -0,0 +1,17 @@ +<html> +<body> +<h3>LATEST CHANGES</h3> +<ul> +	<li><a href=tutorials/pc_gaming/common-gfx-card-installation-woes.html>tutorials/pc_gaming/common-gfx-card-installation-woes.html</a> - Updated: Mon Oct 23 01:03:13 2023</li> +	<li><a href=files/RESUME.html>files/RESUME.html</a> - Updated: Mon Oct 23 00:16:50 2023</li> +	<li><a href=about/whereami.html>about/whereami.html</a> - Updated: Sun Oct 22 23:13:22 2023</li> +	<li><a href=tutorials/splunk/i-found-out-splunk-macros-are-awesome.html>tutorials/splunk/i-found-out-splunk-macros-are-awesome.html</a> - Updated: Sun Oct 22 21:59:40 2023</li> +	<li><a href=thoughts/syntax/my-worst-habit.html>thoughts/syntax/my-worst-habit.html</a> - Updated: Thu Sep 28 17:19:42 2023</li> +	<li><a href=tutorials/www/how-to-make-this-site.html>tutorials/www/how-to-make-this-site.html</a> - Updated: Thu Sep 28 17:19:42 2023</li> +	<li><a href=about/faq.html>about/faq.html</a> - Updated: Thu Sep 28 17:19:42 2023</li> +	<li><a href=about/whoami.html>about/whoami.html</a> - Updated: Thu Sep 28 17:19:42 2023</li> +	<li><a href=thoughts/syntax/random-python-idiosyncrasies.html>thoughts/syntax/random-python-idiosyncrasies.html</a> - Updated: Fri Jul 14 13:21:13 2023</li> +	<li><a href=tutorials/www/quick-intro-html-css.html>tutorials/www/quick-intro-html-css.html</a> - Updated: Fri Jul 14 13:21:13 2023</li> +</ul> +</body> +</html> diff --git a/tutorials/pc_gaming/common-gfx-card-installation-woes.html b/tutorials/pc_gaming/common-gfx-card-installation-woes.html index a53c2d3..286b4ab 100644 --- a/tutorials/pc_gaming/common-gfx-card-installation-woes.html +++ b/tutorials/pc_gaming/common-gfx-card-installation-woes.html @@ -317,7 +317,7 @@ method!</p>  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 controls="" src="/static/ksp2.webm"><a href="/static/ksp2.webm">Video</a></video></p> +<p><video controls="" src="/static/media/ksp2.webm"><a href="/static/media/ksp2.webm">Video</a></video></p>  <p>Looking good, Jeb!</p>  </body>  </html> diff --git a/tutorials/vim/how-to-fix-neovim-nerdtree-rendering-issue.html b/tutorials/vim/how-to-fix-neovim-nerdtree-rendering-issue.html index c5179a6..a3ab430 100644 --- a/tutorials/vim/how-to-fix-neovim-nerdtree-rendering-issue.html +++ b/tutorials/vim/how-to-fix-neovim-nerdtree-rendering-issue.html @@ -233,14 +233,14 @@ of active development on extensions. I didn't use it for a long time  because I <em>needed</em> NerdTree but every time I'd scroll the window,  I'd get a mess.</p>  <h2 id="the-problem">The Problem</h2> -<p><img src="/static/mess.gif"/></p> +<p><img src="/static/media/mess.gif"/></p>  <p>Now, yes, I know I'm a heretic for using the arrow keys and not just  jumping around, but I thought it was weird I didn't see this issue  anywhere else. Also, vim doesn't have this problem.</p> -<p><img src="/static/nomess-vim.gif"/></p> +<p><img src="/static/media/nomess-vim.gif"/></p>  <p>It's also not because of my meme tmux setup, the same issue happens  in terminator, which I happened to have installed.</p> -<p><img src="/static/mess-terminator.gif"/></p> +<p><img src="/static/media/mess-terminator.gif"/></p>  <h2 id="the-attempt">The Attempt</h2>  <p>There's a better way to do this, but I first figured just triggering  a redraw on scroll would do the trick. You can do so by adding the @@ -256,7 +256,7 @@ TERM variable was set to 'xterm'. I'm not sure if I did that  intentionally to run something or if it's just a legacy thing I left in  from Debian's default bashrc, but all I had to do was change it:</p>  <div class="sourceCode" id="cb2"><pre class="sourceCode bash"><code class="sourceCode bash"><span id="cb2-1"><a aria-hidden="true" href="#cb2-1" tabindex="-1"></a><span class="bu">export</span> <span class="va">TERM</span><span class="op">=</span><span class="st">'tmux256-color'</span></span></code></pre></div> -<p><img src="/static/fixed.gif"/></p> +<p><img src="/static/media/fixed.gif"/></p>  <p>No more hacky autocommands!</p>  <p>If I had the foresight to test the issue in xterm first, I probably  would have seen it right away....</p> diff --git a/tutorials/www/how-to-use-the-internet.html b/tutorials/www/how-to-use-the-internet.html new file mode 100644 index 0000000..67a020e --- /dev/null +++ b/tutorials/www/how-to-use-the-internet.html @@ -0,0 +1,250 @@ +<!DOCTYPE html> +<html lang="" xml:lang="" xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta charset="utf-8"/> +<meta content="pandoc" name="generator"/> +<meta content="width=device-width, initial-scale=1.0, user-scalable=yes" name="viewport"/> +<title>how-to-use-the-internet</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;} +    .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="#why" target="_self">Why?</a></li> +<li><a href="#how-to-use-a-web-browser" target="_self">How to use a web +browser</a></li> +<li><a href="#how-to-use-a-search-engine" target="_self">How to use a search +engine</a></li> +<li><a href="#how-to-read-and-find-scholarly-articles" target="_self">How to read and +find scholarly articles</a> +<ul> +<li><a href="#how-to-use-wikipedia" target="_self">How to use Wikipedia</a></li> +<li><a href="#how-to-find-articles-with-google-scholar" target="_self">How to find +articles with Google Scholar</a></li> +</ul></li> +<li><a href="#advanced-topics" target="_self">Advanced Topics</a> +<ul> +<li><a href="#how-to-use-tor-to-browse-anonymously" target="_self">How to use tor to +browse anonymously</a></li> +</ul></li> +</ul> +</nav> +<h2 id="why">Why?</h2> +<p>Why <em>would</em> anyone want to use the Internet, really?</p> +<p>There is actually purpose to connecting all the computers in the +world with near-instant speed beyond just streaming television, phishing +scams, pornography, punditry, and Fortnight competitions.</p> +<p>Unfortunately, almost none of us use the Internet for it's intended +purpose: finding infomation.</p> +<p>Writing an angry tweet to a celebrity 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.</p> +<p>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.</p> +<p>For two: no one really teaches you how to use this thing do they? +There are no courses on "How to use a search engine" or "How to find +good posts on a forum," and definitely not on "How to <em>write</em> +good posts on a forum." But these are exactly the kinds of skills you +really need if you want to navigate the modern world without getting +constantly distracted, misled, or totally lost.</p> +<p>There are of course, countless guides on "netiquette" geared towards +every possible internet subculture you can find. While many of them have +influenced this document and give many helpful tips on writing good +informative posts, none of them really go over what I think is most +important: what to do with the information you're reading.</p> +<p>This will probably be an evolving document as new services and +websites become available (or go down), but much of this material in the +beginning should be pretty generally applicable no matter what services +are available.</p> +<h2 id="how-to-use-a-web-browser">How to use a web browser</h2> +<h2 id="how-to-use-a-search-engine">How to use a search engine</h2> +<p>As for which search engine to use: you should use all of them, until +you get the results you need.</p> +<p>In my experience, none of the major search engines are particularly +good and I get inconsistent searches on all of them depending on what +I'm searching. There is a lot of preaching these days about privacy +concerns, but I don't really believe any service is more "private" than +another. These are all privacy nightmares, arguably by design. Your best +bet is just to search often and as many platforms as you can.</p> +<h2 id="how-to-read-and-find-scholarly-articles">How to read and find +scholarly articles</h2> +<h3 id="how-to-use-wikipedia">How to use Wikipedia</h3> +<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 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> +<h3 id="how-to-use-tor-to-browse-anonymously">How to use tor to browse +anonymously</h3> +<p>Many in the advertising world will boast about using a VPN for +anonymity, or using a VPN in conjuction with Tor to "increase privacy." +This is simply a misunderstanding of terms. A VPN provides +<em>privacy</em> of the user's connection since it provides +encryption--only the VPN provider can "see" what is searched. The goal +of Tor is <em>anonymity</em> not privacy. Anonymity means "no one knows +who you are" not "no one knows what you're doing." Technically, traffic +is encrypted between nodes of the Tor service, so some level of privacy +is provided as well, but this is most effective when using hidden +services, not using Tor in general.</p> +</body> +</html> + diff --git a/tutorials/www/quick-intro-html-css.html b/tutorials/www/quick-intro-html-css.html index 9788cf4..4cdb434 100644 --- a/tutorials/www/quick-intro-html-css.html +++ b/tutorials/www/quick-intro-html-css.html @@ -267,7 +267,7 @@ more tags in this example:</p>                  <td>FSF!</td>                  <td>                  <a href="https://www.fsf.org/"> -                <img src="https://static.fsf.org/common/img/logo-new.png" /> +                <img src="https://static/media.fsf.org/common/img/logo-new.png" />                  </a></td>              </tr>              <tr> @@ -447,7 +447,7 @@ example:</p>          <meta name="keywords" content="HTML, CSS, JavaScript">          <meta name="author" content="John Doe">          <meta name="viewport" content="width=device-width, initial-scale=1.0"> -        <link rel="stylesheet" type="text/css" href="/static/main.css"> +        <link rel="stylesheet" type="text/css" href="/static/media/main.css">      </head>      <body>          <h1>My Great page</h1> @@ -491,7 +491,7 @@ the icon you see in the tab of an open page.</p>  style sheet. Like HTML, CSS is just a text file written in a specific  syntax. CSS allows you to set attributes to <em>all</em> tags in a  specific document and create a unifying style for all your pages.</p> -<pre><code><link rel="stylesheet" type="text/css" href="/static/main.css"></code></pre> +<pre><code><link rel="stylesheet" type="text/css" href="/static/media/main.css"></code></pre>  <p>As before, "href" points to the file to be linked. In this example,  we place our CSS in a text file called "main.css" in the "static"  directory of "/var/www/html".</p> @@ -574,7 +574,7 @@ using the filter option like so:</p>      filter: grayscale(100%)  }</code></pre>  <p>Applied:</p> -<p><img src="/static/jazzcat.jpg" style="filter:grayscale(100%)"/></p> +<p><img src="/static/media/jazzcat.jpg" style="filter:grayscale(100%)"/></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  the filter property <a href="https://www.w3schools.com/CSSref/css3_pr_filter.asp">here</a></p>  <h3 id="making-custom-classes">Making Custom Classes</h3> @@ -587,15 +587,15 @@ appear nice on dark theme browsers just as well. But I don't want to dim  }</code></pre>  <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="/static/jazzcat.jpg"/></p> +<p><img class="icon" src="/static/media/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>  <pre><code>img.icon {      filter: invert(50%);  }</code></pre>  <p>And to implement it in HTML:</p> -<pre><code><img class="icon" src="/static/rss.svg" /></code></pre> -<p><img class="icon" src="/static/rss.svg"/></p> +<pre><code><img class="icon" src="/static/media/rss.svg" /></code></pre> +<p><img class="icon" src="/static/media/rss.svg"/></p>  <h4 id="use-the-div-tag-to-make-sections">Use the div tag to make  sections</h4>  <p>You can use the class property on <em>any</em> HTML tag, but you can diff --git a/update_latest.py b/update_latest.py new file mode 100644 index 0000000..160dc7c --- /dev/null +++ b/update_latest.py @@ -0,0 +1,43 @@ +import os +import subprocess +from time import mktime, ctime +from email.utils import parsedate + +def file_last_modified(path): +    git_time = f"git log -n1 --pretty=%aD {path}".split() +    try: +        mod_time = subprocess.check_output(git_time) +    except: +        # File is not in the git log, no biggie, just blank the date +        return None + +    # Git outputs in RFC2822 format +    return parsedate(mod_time.decode('ascii').strip()) + +updates = {} +dirs = [x for x in os.listdir() +        if os.path.isdir(x) and not x.startswith(".") +    ] + +for top in dirs: +    for root,_,files in os.walk(top): +        for f in files: +            if f.endswith(".html") or f.endswith(".txt"): +                path = os.path.join(root, f) +                t = file_last_modified(path) +                if t: +                    updates[path] = mktime(t) +print("<html>") +print("<body>") +print("<h3>LATEST CHANGES</h3>") +print("<ul>") +for f, t in sorted(updates.items(), +                   key=lambda x: x[1], +                   reverse=True)[:10]: +    #print(f, ctime(t), sep="\t") +    print(f"\t<li><a href={f}>{f.split()[-1]}</a> - Updated: {ctime(t)}</li>") + +print("</ul>") +print("</body>") +print("</html>") + | 
