kurets/vodoraslo.xyz
kurets/vodoraslo.xyz
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add codeblock title, add css versioning

Browse source
This commit is contained in:
kurets 2023-05-31 18:47:54 +03:00
parent 39647b390c
commit 384c83fd9d
Signed by: kurets
GPG key ID: EEB449C295BF5174
112 changed files with 1831 additions and 743 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
layouts/_default/_markup/render-codeblock.html Normal file
View file

@ -0,0 +1,22 @@
{{ if transform.CanHighlight .Type }}
{{/* Supported Chroma Language*/}}
<div class="highlight">
{{ with .Attributes.title }}
<div class="highlight-title"><span>{{ . }}</span></div>
{{ end }}
<pre tabindex="0" class="chroma"><code class="language-{{ .Type }}" data-lang="{{ .Type }}">
{{- with transform.HighlightCodeBlock . -}}
{{ .Inner }}
{{- end -}}
</code></pre></div>
{{ else }}
{{/* Unsupported Language */}}
<div class="highlight">
{{ with .Attributes.title }}
<div class="highlight-title"><span>{{ . }}</span></div>
{{ end }}
<pre tabindex="0"><code class="language-{{ .Type }}" data-lang="{{ .Type }}">{{ .Inner }}</code></pre>
</div>
{{ end }}

23
public/articles/blog/how-i-fixed-my-synapse-matrix-federation/index.html
View file

@ -4,11 +4,11 @@
<title>How I Fixed My Synapse&#39;s Matrix Federation | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Federation issues I for the life of me couldn&rsquo;t get synapse&rsquo;s (matrix&rsquo;s) federation to work. It said that the encryption couldn&rsquo;t be trusted, i could join public rooms but i couldn&rsquo;t start any chats, i couldn&rsquo;t invite people to my rooms, i couldn&rsquo;t get invited to rooms.
How I fixed it Go to your homeserver.yaml file
nano /etc/matrix-synapse/homeserver.yaml and go all the way to the bottom or search for trusted_key_servers. it&rsquo;s probably going to be matrix."/>
nano /etc/matrix-synapse/homeserver.yaml and go all the way to the bottom or search for trusted_key_servers. it&rsquo;s probably going to be matrix."/>
<meta name="keywords" content="blog">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">
@ -28,10 +28,21 @@ nano /etc/matrix-synapse/homeserver.yaml and go all the way to the bottom or sea
<p>I for the life of me couldn&rsquo;t get synapse&rsquo;s (matrix&rsquo;s) federation to work. It said that the encryption couldn&rsquo;t be trusted, i could join public rooms but i couldn&rsquo;t start any chats, i couldn&rsquo;t invite people to my rooms, i couldn&rsquo;t get invited to rooms.</p>
<h2 id="how-i-fixed-it">How I fixed it<a hidden class="anchor" aria-hidden="true" href="#how-i-fixed-it">#</a></h2>
<p>Go to your <code>homeserver.yaml</code> file</p>
<div class="highlight"><pre tabindex="0" style="color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>nano /etc/matrix-synapse/homeserver.yaml
</span></span></code></pre></div><p>and go all the way to the bottom or search for <code>trusted_key_servers</code>. it&rsquo;s probably going to be <code>matrix.org</code>. You should change it to the following by removing <code>matrix.org</code> and leave blank square brackets:</p>
<pre tabindex="0"><code>trusted_key_servers: []
</code></pre>
<div class="highlight">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>nano /etc/matrix-synapse/homeserver.yaml</span></span></code></pre></div>
<p>and go all the way to the bottom or search for <code>trusted_key_servers</code>. it&rsquo;s probably going to be <code>matrix.org</code>. You should change it to the following by removing <code>matrix.org</code> and leave blank square brackets:</p>
<div class="highlight">
<pre tabindex="0"><code class="language-" data-lang="">trusted_key_servers: []</code></pre>
</div>
</div>
<div id="nextprev">

48
public/articles/blog/meta-description-in-hugo/index.html
View file

@ -4,7 +4,7 @@
<title>Meta Description in Hugo | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="This step by step guide will show you how to add meta description in your own Hugo site."/>
<meta name="keywords" content="blog">
@ -30,28 +30,52 @@
<li>Add the following line inside it</li>
</ol>
<p>For config.toml</p>
<div class="highlight"><pre tabindex="0" style="color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-toml" data-lang="toml"><span style="display:flex;"><span>[<span style="color:#c1abea">params</span>]
</span></span><span style="display:flex;"><span> <span style="color:#c1abea">description</span> = <span style="color:#63c381">&#34;The global meta description of your website&#34;</span>
</span></span></code></pre></div><p>For config.yaml</p>
<div class="highlight"><pre tabindex="0" style="color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#e06c75">params</span>:
</span></span><span style="display:flex;"><span> <span style="color:#e06c75">description</span>: <span style="color:#98c379">The global meta description of your website</span>
</span></span></code></pre></div><p>It won&rsquo;t work just yet because you have to update the <code>baseof.html</code> file.</p>
<div class="highlight">
<pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span style="display:flex;"><span>[<span style="color:#c1abea">params</span>]
</span></span><span style="display:flex;"><span> <span style="color:#c1abea">description</span> = <span style="color:#63c381">&#34;The global meta description of your website&#34;</span></span></span></code></pre></div>
<p>For config.yaml</p>
<div class="highlight">
<pre tabindex="0" class="chroma"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#e06c75">params</span>:
</span></span><span style="display:flex;"><span> <span style="color:#e06c75">description</span>: <span style="color:#98c379">The global meta description of your website</span></span></span></code></pre></div>
<p>It won&rsquo;t work just yet because you have to update the <code>baseof.html</code> file.</p>
<h3 id="updating-the-baseofhtml-file">Updating the baseof.html file<a hidden class="anchor" aria-hidden="true" href="#updating-the-baseofhtml-file">#</a></h3>
<ol>
<li>Locate baseof.html</li>
<li>Add or change the meta description line with the following</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#e06c75">meta</span> <span style="color:#b3d23c">name</span><span style="color:#c7bf54">=</span><span style="color:#98c379">&#34;description&#34;</span> <span style="color:#b3d23c">content</span><span style="color:#c7bf54">=</span><span style="color:#98c379">&#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&#34;</span>/&gt;
</span></span></code></pre></div><p>And now if you start your Hugo server locally with <code>hugo serve --noHTTPCache</code> and you right click on your page -&gt; View Page Source -&gt; Search for the meta description tag. It should match what you left in the config file.</p>
<div class="highlight">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#e06c75">meta</span> <span style="color:#b3d23c">name</span><span style="color:#c7bf54">=</span><span style="color:#98c379">&#34;description&#34;</span> <span style="color:#b3d23c">content</span><span style="color:#c7bf54">=</span><span style="color:#98c379">&#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&#34;</span>/&gt;</span></span></code></pre></div>
<p>And now if you start your Hugo server locally with <code>hugo serve --noHTTPCache</code> and you right click on your page -&gt; View Page Source -&gt; Search for the meta description tag. It should match what you left in the config file.</p>
<h3 id="replacing-the-global-description-with-a-custom-one">Replacing the global description with a custom one<a hidden class="anchor" aria-hidden="true" href="#replacing-the-global-description-with-a-custom-one">#</a></h3>
<ol>
<li>Have a markdown file ready</li>
<li>In the preamble, add</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#76a9f9">---</span>
<div class="highlight">
<pre tabindex="0" class="chroma"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#76a9f9">---</span>
</span></span><span style="display:flex;"><span><span style="color:#e06c75">description</span>: <span style="color:#63c381">&#34;Your custom description for this page&#34;</span>
</span></span><span style="display:flex;"><span><span style="color:#76a9f9">---</span>
</span></span></code></pre></div><p>Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!</p>
</span></span><span style="display:flex;"><span><span style="color:#76a9f9">---</span></span></span></code></pre></div>
<p>Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!</p>
</div>

39
public/articles/blog/multiple-index-pages-in-hugo/index.html
View file

@ -4,7 +4,7 @@
<title>Multiple Index Pages in Hugo | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="This is how to create multiple index pages in Hugo I wanted to order Hackbook in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.
I ran into the following problem - the default list.html does them from newest to oldest.
@ -34,19 +34,28 @@ layouts |----**_default** |-------**hackbook** |-----------**order-by-oldest."/>
<p>I wanted to order <a href="/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p>
<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p>
<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p>
<pre tabindex="0"><code>layouts
<div class="highlight">
<pre tabindex="0"><code class="language-" data-lang="">layouts
|----**_default**
|-------**hackbook**
|-----------**order-by-oldest.html**
|-------baseof.html
|-------index.html
|-------list.html
|-------single.html
</code></pre>
|-------single.html </code></pre>
</div>
<figure ><img src="/img/custom-index-directory.PNG" alt="Picture of the directory"></figure>
<p>I named my file order by oldest because I plan on reusing it in other places. This is what&rsquo;s contained inside it:</p>
<pre tabindex="0"><code>{{ define &#34;title&#34; -}}
<div class="highlight">
<pre tabindex="0"><code class="language-" data-lang="">{{ define &#34;title&#34; -}}
{{ .Title | title }}
{{- end }}
{{ define &#34;main&#34; -}}
@ -62,8 +71,9 @@ layouts |----**_default** |-------**hackbook** |-----------**order-by-oldest."/>
&lt;/li&gt;
{{- end }}
&lt;/ul&gt;
{{- end }}
</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p>
{{- end }}</code></pre>
</div>
<p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p>
<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p>
<h2 id="using-your-custom-_indexhtml">Using your custom _index.html<a hidden class="anchor" aria-hidden="true" href="#using-your-custom-_indexhtml">#</a></h2>
<p>After creating your custom _index.html you&rsquo;d use it as follows:</p>
@ -76,7 +86,11 @@ layouts |----**_default** |-------**hackbook** |-----------**order-by-oldest."/>
<p>And now you should have a custom _index.html for your pages! :)</p>
<p>Here is a verbose copy paste of the original hugo forum answer in case it gets deleted:</p>
<pre tabindex="0"><code>Content structure:
<div class="highlight">
<pre tabindex="0"><code class="language-" data-lang="">Content structure:
content
├── better
@ -89,13 +103,13 @@ content
content/better/_index.md
+++
&#43;&#43;&#43;
title = &#34;Better&#34;
date = 2021-03-04T17:02:42-08:00
draft = false
type = &#34;post&#34;
layout = &#34;posts-by-lastmod&#34;
+++
&#43;&#43;&#43;
Template structure:
@ -128,8 +142,9 @@ layouts/index.html
config.toml (see https://gohugo.io/variables/git/#lastmod)
enableGitInfo = true
</code></pre>
enableGitInfo = true</code></pre>
</div>
</div>
<div id="nextprev">

14
public/articles/blog/pluralization-issues/index.html
View file

@ -4,11 +4,11 @@
<title>Pluralization Issues (Blogs Instead of Blog) | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="this is my first entry and i&rsquo;m already having issues lol So I wanted to make a quick entry, see how it looks like and I stumbled upon this issue of hugo pluralzing Blog into Blogs
You can fix this in config.toml with the following line
pluralizelisttitles = false "/>
pluralizelisttitles = false "/>
<meta name="keywords" content="blog">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">
@ -27,8 +27,14 @@ pluralizelisttitles = false "/>
<div class="post-content"><h3 id="this-is-my-first-entry-and-im-already-having-issues-lol">this is my first entry and i&rsquo;m already having issues lol<a hidden class="anchor" aria-hidden="true" href="#this-is-my-first-entry-and-im-already-having-issues-lol">#</a></h3>
<p>So I wanted to make a quick entry, see how it looks like and I stumbled upon this issue of hugo pluralzing Blog into Blogs</p>
<p>You can fix this in config.toml with the following line</p>
<div class="highlight"><pre tabindex="0" style="color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-toml" data-lang="toml"><span style="display:flex;"><span><span style="color:#c1abea">pluralizelisttitles</span> = <span style="color:#b756ff;font-weight:bold">false</span>
</span></span></code></pre></div>
<div class="highlight">
<pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span style="display:flex;"><span><span style="color:#c1abea">pluralizelisttitles</span> = <span style="color:#b756ff;font-weight:bold">false</span></span></span></code></pre></div>
</div>
<div id="nextprev">

2
public/articles/blog/recover-lost-anki-streak/index.html
View file

@ -4,7 +4,7 @@
<title>Recover Lost Anki Streak | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="How to recover a lost anki streak Word for word copy paste of what fixed my issue. Original post
btw i had to create a seperate Custom Study for cards i had forgotten, i set it to 1 day, did one review and followed from step 7

2
public/articles/index.html
View file

@ -4,7 +4,7 @@
<title>Articles | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content=" Topics
blog (5) hackbook (58) library (73) personal (1) ted-kaczynski (15) updates (3) "/>

148
public/articles/index.xml
View file

@ -35,10 +35,21 @@
&lt;p&gt;I for the life of me couldn&amp;rsquo;t get synapse&amp;rsquo;s (matrix&amp;rsquo;s) federation to work. It said that the encryption couldn&amp;rsquo;t be trusted, i could join public rooms but i couldn&amp;rsquo;t start any chats, i couldn&amp;rsquo;t invite people to my rooms, i couldn&amp;rsquo;t get invited to rooms.&lt;/p&gt;
&lt;h2 id=&#34;how-i-fixed-it&#34;&gt;How I fixed it&lt;/h2&gt;
&lt;p&gt;Go to your &lt;code&gt;homeserver.yaml&lt;/code&gt; file&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;trusted_key_servers: []
&lt;/code&gt;&lt;/pre&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;trusted_key_servers: []&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -609,28 +620,46 @@ Like Kurzweil, many techies stand to profit financially from Technianity, but it
<description>&lt;p&gt;I actually updated the css once more.&lt;/p&gt;
&lt;p&gt;If you&amp;rsquo;re using a dark theme in your browser, the website will follow suit and change to darker colors.&lt;/p&gt;
&lt;p&gt;I did this by setting the light theme to be by default for more readability:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#fafafa&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#2f343f&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#4084d6&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;99&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; :&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#141414&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;232&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#5da0f2&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;179&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;182&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;186&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;font-family&lt;/span&gt;: &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;sans-serif&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;bg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;fg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>
@ -3030,28 +3059,52 @@ List of Works Cited&lt;/p&gt;
&lt;li&gt;Add the following line inside it&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;For config.toml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;h3 id=&#34;updating-the-baseofhtml-file&#34;&gt;Updating the baseof.html file&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Locate baseof.html&lt;/li&gt;
&lt;li&gt;Add or change the meta description line with the following&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;h3 id=&#34;replacing-the-global-description-with-a-custom-one&#34;&gt;Replacing the global description with a custom one&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Have a markdown file ready&lt;/li&gt;
&lt;li&gt;In the preamble, add&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;Your custom description for this page&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
</description>
</item>
@ -3065,19 +3118,28 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;I wanted to order &lt;a href=&#34;https://vodoraslo.xyz/library/hackbook&#34;&gt;Hackbook&lt;/a&gt; in reverse (i.e. oldest to newest) so that it&amp;rsquo;s easier for the reader to start at the correct page.&lt;/p&gt;
&lt;p&gt;I ran into the following problem - the default &lt;code&gt;list.html&lt;/code&gt; does them from newest to oldest.&lt;/p&gt;
&lt;p&gt;So I found &lt;a href=&#34;https://discourse.gohugo.io/t/two-home-pages/31312/9&#34;&gt;this forum post&lt;/a&gt; and I created a file in the &lt;code&gt;_default&lt;/code&gt; directory as follows:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;layouts
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;layouts
|----**_default**
|-------**hackbook**
|-----------**order-by-oldest.html**
|-------baseof.html
|-------index.html
|-------list.html
|-------single.html
&lt;/code&gt;&lt;/pre&gt;
|-------single.html &lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;figure &gt;&lt;img src=&#34;https://vodoraslo.xyz/img/custom-index-directory.PNG&#34; alt=&#34;Picture of the directory&#34;&gt;&lt;/figure&gt;
&lt;p&gt;I named my file order by oldest because I plan on reusing it in other places. This is what&amp;rsquo;s contained inside it:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;{{ define &amp;#34;title&amp;#34; -}}
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;{{ define &amp;#34;title&amp;#34; -}}
{{ .Title | title }}
{{- end }}
{{ define &amp;#34;main&amp;#34; -}}
@ -3093,8 +3155,9 @@ List of Works Cited&lt;/p&gt;
&amp;lt;/li&amp;gt;
{{- end }}
&amp;lt;/ul&amp;gt;
{{- end }}
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
{{- end }}&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
&lt;p&gt;You probably don&amp;rsquo;t need &lt;code&gt;enableGitInfo = true&lt;/code&gt; as that will crash your website, I have no idea what it does, you don&amp;rsquo;t need it.&lt;/p&gt;
&lt;h2 id=&#34;using-your-custom-_indexhtml&#34;&gt;Using your custom _index.html&lt;/h2&gt;
&lt;p&gt;After creating your custom _index.html you&amp;rsquo;d use it as follows:&lt;/p&gt;
@ -3107,7 +3170,11 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;And now you should have a custom _index.html for your pages! :)&lt;/p&gt;
&lt;p&gt;Here is a verbose copy paste of the original hugo forum answer in case it gets deleted:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;Content structure:
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;Content structure:
content
├── better
@ -3120,13 +3187,13 @@ content
content/better/_index.md
+++
&amp;#43;&amp;#43;&amp;#43;
title = &amp;#34;Better&amp;#34;
date = 2021-03-04T17:02:42-08:00
draft = false
type = &amp;#34;post&amp;#34;
layout = &amp;#34;posts-by-lastmod&amp;#34;
+++
&amp;#43;&amp;#43;&amp;#43;
Template structure:
@ -3159,8 +3226,9 @@ layouts/index.html
config.toml (see https://gohugo.io/variables/git/#lastmod)
enableGitInfo = true
&lt;/code&gt;&lt;/pre&gt;</description>
enableGitInfo = true&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -5162,8 +5230,14 @@ formed does not list Internet pornography as one of the addictions that it provi
<description>&lt;h3 id=&#34;this-is-my-first-entry-and-im-already-having-issues-lol&#34;&gt;this is my first entry and i&amp;rsquo;m already having issues lol&lt;/h3&gt;
&lt;p&gt;So I wanted to make a quick entry, see how it looks like and I stumbled upon this issue of hugo pluralzing Blog into Blogs&lt;/p&gt;
&lt;p&gt;You can fix this in config.toml with the following line&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>

2
public/articles/updates/helloworld/index.html
View file

@ -4,7 +4,7 @@
<title>Hello World / About Me | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Obligatory Hello World! trying to see which hugo theme i like best
had some issues with papermod and their css not working so for now i&rsquo;ll use lugo

40
public/articles/updates/updated-the-css-again/index.html
View file

@ -4,12 +4,12 @@
<title>Updated the Css Again (Prefers-Color-Scheme) | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="I actually updated the css once more.
If you&rsquo;re using a dark theme in your browser, the website will follow suit and change to darker colors.
I did this by setting the light theme to be by default for more readability:
:root { --bg: #fafafa; --fg: #2f343f; --links: #4084d6; --muted_text: rgb(93, 93, 99); } and then this checks that if the user prefers a darker theme, they shall get a dark theme."/>
:root { --bg: #fafafa; --fg: #2f343f; --links: #4084d6; --muted_text: rgb(93, 93, 99); } and then this checks that if the user prefers a darker theme, they shall get a dark theme."/>
<meta name="keywords" content="updates">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">
@ -28,28 +28,46 @@ I did this by setting the light theme to be by default for more readability:
<div class="post-content"><p>I actually updated the css once more.</p>
<p>If you&rsquo;re using a dark theme in your browser, the website will follow suit and change to darker colors.</p>
<p>I did this by setting the light theme to be by default for more readability:</p>
<div class="highlight"><pre tabindex="0" style="color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>:<span style="color:#e5c07b">root</span> {
<div class="highlight">
<pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span style="display:flex;"><span>:<span style="color:#e5c07b">root</span> {
</span></span><span style="display:flex;"><span> <span style="color:#dcaeea">--bg</span>: <span style="color:#d19a66">#fafafa</span>;
</span></span><span style="display:flex;"><span> <span style="color:#dcaeea">--fg</span>: <span style="color:#d19a66">#2f343f</span>;
</span></span><span style="display:flex;"><span> <span style="color:#dcaeea">--links</span>: <span style="color:#d19a66">#4084d6</span>;
</span></span><span style="display:flex;"><span> <span style="color:#dcaeea">--muted_text</span>: <span style="color:#ef8383">rgb</span>(<span style="color:#d19a66">93</span>, <span style="color:#d19a66">93</span>, <span style="color:#d19a66">99</span>);
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p>and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&rsquo;m wrong.</p>
<div class="highlight"><pre tabindex="0" style="color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>@<span style="color:#c678dd">media</span> <span style="color:#c7bf54">(</span><span style="color:#e06c75">prefers-color-scheme</span><span style="color:#c7bf54">:</span> <span style="color:#e06c75">dark</span><span style="color:#c7bf54">)</span> {
</span></span><span style="display:flex;"><span>}</span></span></code></pre></div>
<p>and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&rsquo;m wrong.</p>
<div class="highlight">
<pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span style="display:flex;"><span>@<span style="color:#c678dd">media</span> <span style="color:#c7bf54">(</span><span style="color:#e06c75">prefers-color-scheme</span><span style="color:#c7bf54">:</span> <span style="color:#e06c75">dark</span><span style="color:#c7bf54">)</span> {
</span></span><span style="display:flex;"><span> :<span style="color:#e5c07b">root</span> {
</span></span><span style="display:flex;"><span> <span style="color:#dcaeea">--bg</span>: <span style="color:#d19a66">#141414</span>;
</span></span><span style="display:flex;"><span> <span style="color:#dcaeea">--fg</span>: <span style="color:#ef8383">rgb</span>(<span style="color:#d19a66">232</span>, <span style="color:#d19a66">228</span>, <span style="color:#d19a66">228</span>);
</span></span><span style="display:flex;"><span> <span style="color:#dcaeea">--links</span>: <span style="color:#d19a66">#5da0f2</span>;
</span></span><span style="display:flex;"><span> <span style="color:#dcaeea">--muted_text</span>: <span style="color:#ef8383">rgb</span>(<span style="color:#d19a66">179</span>, <span style="color:#d19a66">182</span>, <span style="color:#d19a66">186</span>);
</span></span><span style="display:flex;"><span> }
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p>And this is how CSS variables are used:</p>
<div class="highlight"><pre tabindex="0" style="color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#e06c75">body</span> {
</span></span><span style="display:flex;"><span>}</span></span></code></pre></div>
<p>And this is how CSS variables are used:</p>
<div class="highlight">
<pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#e06c75">body</span> {
</span></span><span style="display:flex;"><span> <span style="color:#c678dd">font-family</span>: <span style="color:#b756ff;font-weight:bold">sans-serif</span>;
</span></span><span style="display:flex;"><span> <span style="color:#c678dd">background</span>: <span style="color:#00b1f7">var</span>(<span style="color:#c7bf54">--</span><span style="color:#c1abea">bg</span>);
</span></span><span style="display:flex;"><span> <span style="color:#c678dd">color</span>: <span style="color:#00b1f7">var</span>(<span style="color:#c7bf54">--</span><span style="color:#c1abea">fg</span>);
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div>
</span></span><span style="display:flex;"><span>}</span></span></code></pre></div>
</div>
<div id="nextprev">

2
public/articles/updates/yoinked-css/index.html
View file

@ -4,7 +4,7 @@
<title>Yoinked Some Css and Updated the Site | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="A tale as old as time - stealing css"/>
<meta name="keywords" content="updates">

2
public/contact/index.html
View file

@ -4,7 +4,7 @@
<title>Contact | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="You can contact me by:
Email - contact@vodoraslo.xyz (PGP) XMPP - nebe@yourdata.forsale "/>

2
public/index.html
View file

@ -5,7 +5,7 @@
<title>vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="A blog about the things I&#39;m interested in - Japanese, my library and posting obscure problems I&#39;ve solved."/>
<meta name="viewport" content="width=device-width, initial-scale=1">

148
public/index.xml
View file

@ -35,10 +35,21 @@
&lt;p&gt;I for the life of me couldn&amp;rsquo;t get synapse&amp;rsquo;s (matrix&amp;rsquo;s) federation to work. It said that the encryption couldn&amp;rsquo;t be trusted, i could join public rooms but i couldn&amp;rsquo;t start any chats, i couldn&amp;rsquo;t invite people to my rooms, i couldn&amp;rsquo;t get invited to rooms.&lt;/p&gt;
&lt;h2 id=&#34;how-i-fixed-it&#34;&gt;How I fixed it&lt;/h2&gt;
&lt;p&gt;Go to your &lt;code&gt;homeserver.yaml&lt;/code&gt; file&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;trusted_key_servers: []
&lt;/code&gt;&lt;/pre&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;trusted_key_servers: []&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -609,28 +620,46 @@ Like Kurzweil, many techies stand to profit financially from Technianity, but it
<description>&lt;p&gt;I actually updated the css once more.&lt;/p&gt;
&lt;p&gt;If you&amp;rsquo;re using a dark theme in your browser, the website will follow suit and change to darker colors.&lt;/p&gt;
&lt;p&gt;I did this by setting the light theme to be by default for more readability:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#fafafa&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#2f343f&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#4084d6&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;99&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; :&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#141414&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;232&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#5da0f2&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;179&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;182&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;186&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;font-family&lt;/span&gt;: &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;sans-serif&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;bg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;fg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>
@ -3030,28 +3059,52 @@ List of Works Cited&lt;/p&gt;
&lt;li&gt;Add the following line inside it&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;For config.toml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;h3 id=&#34;updating-the-baseofhtml-file&#34;&gt;Updating the baseof.html file&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Locate baseof.html&lt;/li&gt;
&lt;li&gt;Add or change the meta description line with the following&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;h3 id=&#34;replacing-the-global-description-with-a-custom-one&#34;&gt;Replacing the global description with a custom one&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Have a markdown file ready&lt;/li&gt;
&lt;li&gt;In the preamble, add&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;Your custom description for this page&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
</description>
</item>
@ -3065,19 +3118,28 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;I wanted to order &lt;a href=&#34;https://vodoraslo.xyz/library/hackbook&#34;&gt;Hackbook&lt;/a&gt; in reverse (i.e. oldest to newest) so that it&amp;rsquo;s easier for the reader to start at the correct page.&lt;/p&gt;
&lt;p&gt;I ran into the following problem - the default &lt;code&gt;list.html&lt;/code&gt; does them from newest to oldest.&lt;/p&gt;
&lt;p&gt;So I found &lt;a href=&#34;https://discourse.gohugo.io/t/two-home-pages/31312/9&#34;&gt;this forum post&lt;/a&gt; and I created a file in the &lt;code&gt;_default&lt;/code&gt; directory as follows:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;layouts
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;layouts
|----**_default**
|-------**hackbook**
|-----------**order-by-oldest.html**
|-------baseof.html
|-------index.html
|-------list.html
|-------single.html
&lt;/code&gt;&lt;/pre&gt;
|-------single.html &lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;figure &gt;&lt;img src=&#34;https://vodoraslo.xyz/img/custom-index-directory.PNG&#34; alt=&#34;Picture of the directory&#34;&gt;&lt;/figure&gt;
&lt;p&gt;I named my file order by oldest because I plan on reusing it in other places. This is what&amp;rsquo;s contained inside it:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;{{ define &amp;#34;title&amp;#34; -}}
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;{{ define &amp;#34;title&amp;#34; -}}
{{ .Title | title }}
{{- end }}
{{ define &amp;#34;main&amp;#34; -}}
@ -3093,8 +3155,9 @@ List of Works Cited&lt;/p&gt;
&amp;lt;/li&amp;gt;
{{- end }}
&amp;lt;/ul&amp;gt;
{{- end }}
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
{{- end }}&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
&lt;p&gt;You probably don&amp;rsquo;t need &lt;code&gt;enableGitInfo = true&lt;/code&gt; as that will crash your website, I have no idea what it does, you don&amp;rsquo;t need it.&lt;/p&gt;
&lt;h2 id=&#34;using-your-custom-_indexhtml&#34;&gt;Using your custom _index.html&lt;/h2&gt;
&lt;p&gt;After creating your custom _index.html you&amp;rsquo;d use it as follows:&lt;/p&gt;
@ -3107,7 +3170,11 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;And now you should have a custom _index.html for your pages! :)&lt;/p&gt;
&lt;p&gt;Here is a verbose copy paste of the original hugo forum answer in case it gets deleted:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;Content structure:
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;Content structure:
content
├── better
@ -3120,13 +3187,13 @@ content
content/better/_index.md
+++
&amp;#43;&amp;#43;&amp;#43;
title = &amp;#34;Better&amp;#34;
date = 2021-03-04T17:02:42-08:00
draft = false
type = &amp;#34;post&amp;#34;
layout = &amp;#34;posts-by-lastmod&amp;#34;
+++
&amp;#43;&amp;#43;&amp;#43;
Template structure:
@ -3159,8 +3226,9 @@ layouts/index.html
config.toml (see https://gohugo.io/variables/git/#lastmod)
enableGitInfo = true
&lt;/code&gt;&lt;/pre&gt;</description>
enableGitInfo = true&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -5162,8 +5230,14 @@ formed does not list Internet pornography as one of the addictions that it provi
<description>&lt;h3 id=&#34;this-is-my-first-entry-and-im-already-having-issues-lol&#34;&gt;this is my first entry and i&amp;rsquo;m already having issues lol&lt;/h3&gt;
&lt;p&gt;So I wanted to make a quick entry, see how it looks like and I stumbled upon this issue of hugo pluralzing Blog into Blogs&lt;/p&gt;
&lt;p&gt;You can fix this in config.toml with the following line&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>

2
public/lainring/index.html
View file

@ -4,7 +4,7 @@
<title>Lain Webring | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="View the lainring (lain webring)
the html is from https://webring.lain.la/"/>

148
public/lainring/index.xml
View file

@ -35,10 +35,21 @@
&lt;p&gt;I for the life of me couldn&amp;rsquo;t get synapse&amp;rsquo;s (matrix&amp;rsquo;s) federation to work. It said that the encryption couldn&amp;rsquo;t be trusted, i could join public rooms but i couldn&amp;rsquo;t start any chats, i couldn&amp;rsquo;t invite people to my rooms, i couldn&amp;rsquo;t get invited to rooms.&lt;/p&gt;
&lt;h2 id=&#34;how-i-fixed-it&#34;&gt;How I fixed it&lt;/h2&gt;
&lt;p&gt;Go to your &lt;code&gt;homeserver.yaml&lt;/code&gt; file&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;trusted_key_servers: []
&lt;/code&gt;&lt;/pre&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;trusted_key_servers: []&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -609,28 +620,46 @@ Like Kurzweil, many techies stand to profit financially from Technianity, but it
<description>&lt;p&gt;I actually updated the css once more.&lt;/p&gt;
&lt;p&gt;If you&amp;rsquo;re using a dark theme in your browser, the website will follow suit and change to darker colors.&lt;/p&gt;
&lt;p&gt;I did this by setting the light theme to be by default for more readability:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#fafafa&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#2f343f&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#4084d6&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;99&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; :&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#141414&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;232&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#5da0f2&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;179&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;182&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;186&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;font-family&lt;/span&gt;: &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;sans-serif&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;bg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;fg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>
@ -3030,28 +3059,52 @@ List of Works Cited&lt;/p&gt;
&lt;li&gt;Add the following line inside it&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;For config.toml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;h3 id=&#34;updating-the-baseofhtml-file&#34;&gt;Updating the baseof.html file&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Locate baseof.html&lt;/li&gt;
&lt;li&gt;Add or change the meta description line with the following&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;h3 id=&#34;replacing-the-global-description-with-a-custom-one&#34;&gt;Replacing the global description with a custom one&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Have a markdown file ready&lt;/li&gt;
&lt;li&gt;In the preamble, add&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;Your custom description for this page&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
</description>
</item>
@ -3065,19 +3118,28 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;I wanted to order &lt;a href=&#34;https://vodoraslo.xyz/library/hackbook&#34;&gt;Hackbook&lt;/a&gt; in reverse (i.e. oldest to newest) so that it&amp;rsquo;s easier for the reader to start at the correct page.&lt;/p&gt;
&lt;p&gt;I ran into the following problem - the default &lt;code&gt;list.html&lt;/code&gt; does them from newest to oldest.&lt;/p&gt;
&lt;p&gt;So I found &lt;a href=&#34;https://discourse.gohugo.io/t/two-home-pages/31312/9&#34;&gt;this forum post&lt;/a&gt; and I created a file in the &lt;code&gt;_default&lt;/code&gt; directory as follows:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;layouts
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;layouts
|----**_default**
|-------**hackbook**
|-----------**order-by-oldest.html**
|-------baseof.html
|-------index.html
|-------list.html
|-------single.html
&lt;/code&gt;&lt;/pre&gt;
|-------single.html &lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;figure &gt;&lt;img src=&#34;https://vodoraslo.xyz/img/custom-index-directory.PNG&#34; alt=&#34;Picture of the directory&#34;&gt;&lt;/figure&gt;
&lt;p&gt;I named my file order by oldest because I plan on reusing it in other places. This is what&amp;rsquo;s contained inside it:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;{{ define &amp;#34;title&amp;#34; -}}
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;{{ define &amp;#34;title&amp;#34; -}}
{{ .Title | title }}
{{- end }}
{{ define &amp;#34;main&amp;#34; -}}
@ -3093,8 +3155,9 @@ List of Works Cited&lt;/p&gt;
&amp;lt;/li&amp;gt;
{{- end }}
&amp;lt;/ul&amp;gt;
{{- end }}
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
{{- end }}&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
&lt;p&gt;You probably don&amp;rsquo;t need &lt;code&gt;enableGitInfo = true&lt;/code&gt; as that will crash your website, I have no idea what it does, you don&amp;rsquo;t need it.&lt;/p&gt;
&lt;h2 id=&#34;using-your-custom-_indexhtml&#34;&gt;Using your custom _index.html&lt;/h2&gt;
&lt;p&gt;After creating your custom _index.html you&amp;rsquo;d use it as follows:&lt;/p&gt;
@ -3107,7 +3170,11 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;And now you should have a custom _index.html for your pages! :)&lt;/p&gt;
&lt;p&gt;Here is a verbose copy paste of the original hugo forum answer in case it gets deleted:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;Content structure:
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;Content structure:
content
├── better
@ -3120,13 +3187,13 @@ content
content/better/_index.md
+++
&amp;#43;&amp;#43;&amp;#43;
title = &amp;#34;Better&amp;#34;
date = 2021-03-04T17:02:42-08:00
draft = false
type = &amp;#34;post&amp;#34;
layout = &amp;#34;posts-by-lastmod&amp;#34;
+++
&amp;#43;&amp;#43;&amp;#43;
Template structure:
@ -3159,8 +3226,9 @@ layouts/index.html
config.toml (see https://gohugo.io/variables/git/#lastmod)
enableGitInfo = true
&lt;/code&gt;&lt;/pre&gt;</description>
enableGitInfo = true&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -5162,8 +5230,14 @@ formed does not list Internet pornography as one of the addictions that it provi
<description>&lt;h3 id=&#34;this-is-my-first-entry-and-im-already-having-issues-lol&#34;&gt;this is my first entry and i&amp;rsquo;m already having issues lol&lt;/h3&gt;
&lt;p&gt;So I wanted to make a quick entry, see how it looks like and I stumbled upon this issue of hugo pluralzing Blog into Blogs&lt;/p&gt;
&lt;p&gt;You can fix this in config.toml with the following line&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>

2
public/library/hackbook/00-00-hackbookeasypeasy/index.html
View file

@ -4,7 +4,7 @@
<title>00-00 HackBook EasyPeasy | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Click to download HackBookEasyPeasy (original pdf)
EasyPeasyWay https://sites.google.com/site/hackbookeasypeasy/home

2
public/library/hackbook/01-01-preface/index.html
View file

@ -4,7 +4,7 @@
<title>01-01 Preface | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Preface This hackbook will enable you to stop PMO, immediately, painlessly, and permanently, without the need for Willpower or feeling any sense of deprivation or sacrifice. It will not judge you. It will not embarrass you. It will not put pressure on you to undergo painful measures.
That goes against everything you&rsquo;ve ever been told about PMO. But ask yourself what you&rsquo;ve been told before worked for you? If it had, you wouldn&rsquo;t be reading this site."/>

2
public/library/hackbook/01-02-warning/index.html
View file

@ -4,7 +4,7 @@
<title>01-02 Warning | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Warning Perhaps you are somewhat apprehensive about reading this book. Perhaps, like the majority of PMO addicts, the mere thought of stopping fills you with panic and although you have every intention of stopping one day, it is not today.
If you are expecting me to inform you of the terrible health issues that PMO addicts risk, that they are susceptible to be affected by PIED (porn induced erectile disfunction), unreliable arousals, fading penetration, loss of interest in real partners,loss of control over themselves, loss of relationships, that it is a filthy, disgusting habit and that YOU are a stupid, spineless, weak-willed jellyfish, then I must disappoint you."/>

2
public/library/hackbook/01-03-fear/index.html
View file

@ -4,7 +4,7 @@
<title>01-03 Fear | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Fear Fear that we will have to survive an indeterminate period of misery, deprivation and unsatisfied craving in order to be free. Fear that a night all by yourself or the eve of a test or exam will be miserable fighting uncontrollable impulses. Fear that we&rsquo;ll never be able to concentrate, handle stress or be as confident without our little crutch. Fear that our personality and character will change.
But most of all, the fear of &lsquo;once an addict always an addict,&rsquo; that we will never be completely free and spend the rest of our lives at odd times craving the occasional porn induced orgasm."/>

2
public/library/hackbook/02-01-introduction/index.html
View file

@ -4,7 +4,7 @@
<title>02-01 Introduction | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Introduction &lsquo;I&rsquo;M GOING TO CURE THE WORLD OF PMO&rsquo;
I was talking to my mentor. He thought that I had flipped. Understandable if you consider that he had watched me fail on numerous attempts to quit. The most recent had been two years previously. I&rsquo;d actually survived six months of sheer purgatory before I finally succumbed and found myself clicking on stacked up tabs of porn sites. I&rsquo;m not ashamed to admit that I cried like a baby."/>

2
public/library/hackbook/02-02-sister-kenny/index.html
View file

@ -4,7 +4,7 @@
<title>02-02 Sister Kenny | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Sister Kenny You&rsquo;ve probably seen the film Sister Kenny. In case you haven&rsquo;t, it was about the time when infantile paralysis or polio was the scourge of our children. I vividly remember that the words engendered the same fear in me as the word cancer does today. The effect of polio was not only to paralyze the legs and arms but to distort the limbs. The established medical treatment was to put those limbs in irons and thus prevent the distortion."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-01-the-worst-pmo-addict-i-have-yet-to-meet/index.html
View file

@ -4,7 +4,7 @@
<title>03-01 the Worst PMO Addict I Have Yet to Meet | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The Worst PMO Addict I Have Yet to Meet Perhaps I should begin by describing my competence for writing this book. No, I am not a doctor or a psychiatrist; my qualifications are far more appropriate. I spent thirty years of my life as a confirmed fapper. In the later years I used porn on a daily bases to get orgasm(s).During my life I had made a great number of attempts to stop."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-02-the-easy-method/index.html
View file

@ -4,7 +4,7 @@
<title>03-02 the Easy Method | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The Easy Method The object of this book is to get you into the frame of mind in which, instead of the normal method of stopping whereby you start off with the feeling that you are climbing Mount Everest and spend the next few weeks craving and feeling deprived, you start right away with a feeling of elation, as if you had been cured of a terrible disease. From then on, the further you go through life the more you will look at this period of time and wonder how you ever had to use any porn in the first place."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-03-why-is-it-difficult-to-stop/index.html
View file

@ -4,7 +4,7 @@
<title>03-03 Why Is It Difficult to Stop? | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Why Is It Difficult to Stop? As I explained earlier, I got interested in this subject because of my own addiction. When I finally stopped it was like magic. When I had previously tried to stop there were weeks of black depression. There would be odd days when I was comparatively cheerful but the next day back with the depression. It was like clawing your way out of a slippery pit, you feel you are near the top, you see the sunshine and then find yourself sliding down again."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-04-the-sinister-trap/index.html
View file

@ -4,7 +4,7 @@
<title>03-04 the Sinister Trap | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The Sinister Trap Internet porn is the most subtle, sinister trap that man and nature have combined to devise. What gets us into it in the first place? The free samples from the professionals and the amateurs (celebrities and commons) who like to share. Some of us are even warned earlier that it&rsquo;s an awful and disgusting habit with short term pleasures and long term costs but we cannot believe that they are not enjoying it."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-05-why-do-we-carry-on-with-pmo/index.html
View file

@ -4,7 +4,7 @@
<title>03-05 Why Do We Carry on With PMO | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Why Do We Carry on With PMO We all start PMOing for many reasons, usually social pressures or our biological curiosity, but once we feel we are becoming hooked, why do we carry on using porn? No regular PMOer knows why he or she looks at porn. If PMOers knew the true reason, they would stop doing it. The true answer is the same for all PMOers but the variety of replies is infinite, I find this part of the consultation the most amusing and at the same time the most pathetic."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-06-internet-porn/index.html
View file

@ -4,7 +4,7 @@
<title>03-06 Internet Porn | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Internet Porn Erotic novelty of the internet porn is a mental ‘drug’ and internet porn beats anything that is known to mankind and its streaming straight to your home for free ! We are not even talking VR virtual reality here. Porn triggers the ‘flooding’ of dopamine in our brain. Dopamine amps up the brain reward circuitry to produce experiences and feels of cravings and pleasure by locking themselves into ‘receptors’."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-07-brainwashing-and-the-primitive-mechanism/index.html
View file

@ -4,7 +4,7 @@
<title>03-07 Brainwashing and the Primitive Mechanism | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Brainwashing and the Primitive Mechanism How or why do we start PMOing in the first place? To understand this fully you need to examine the powerful effect of the supernormal stimulus. We all tend to think we are intelligent, dominant human beings determining our paths through life. We act and act frequently when our brain reward circuit are rewarded. Nobel laureate Nikolaas Tinbergen coined the term “supranormal stimulus.” He said mammals could be tricked into preferring fake eggs and mates."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-08-relieving-withdrawal-pangs/index.html
View file

@ -4,7 +4,7 @@
<title>03-08 Relieving Withdrawal Pangs | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Relieving Withdrawal Pangs As I explained earlier, PMOers think they do it for enjoyment, relaxation or some sort of education. In fact, this an illusion. The actual reason is the relief of withdrawal pangs. In the early days we use the porn as a curious and novel thing or even educational or as a rebel. We can take it or leave it. However, the subtle chain has started. Our subconscious mind begins to learn that internet porn and masturbation taken at certain times tends to be pleasurable."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-09-stress/index.html
View file

@ -4,7 +4,7 @@
<title>03-09 Stress | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Stress I am referring not only to the great tragedies of life but also to the minor stresses, the socializing, the telephone call, the anxieties of the housewife with noisy young children and so on. Let us use the telephone conversation as an example. For most people the telephone is slightly stressful, particularly for the businessman. Most calls aren&rsquo;t from satisfied customers or your boss congratulating you. There&rsquo;s usually some sort of aggravation - something going wrong or somebody making demands."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-10-boredom/index.html
View file

@ -4,7 +4,7 @@
<title>03-10 Boredom | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Boredom As soon as you get into your bed - and if you are like many people you are already on your favorite tube site - you will probably have already forgotten about it until I reminded you. It has become second nature. Another fallacy about PMOing is that it relieves boredom. Boredom is a frame of mind. The only time that happens is when you have been deprived for a long time or are trying to cut down, or during those first few PMO sessions after a failed attempt to stop."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-11-concentration/index.html
View file

@ -4,7 +4,7 @@
<title>03-11 Concentration | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Concentration Sex and masturbation do not help concentration. That is just another illusion. When you are trying to concentrate, you automatically try to avoid distractions. So when a PMOer wants to concentrate he doesn&rsquo;t even have to think about it. He automatically PMOs, partially ending the craving, gets on with the matter in hand and has already forgotten that he just PMOed. Sex in general do not help concentration. After years of masturbation your brain changes affect abilities such as assessing, planning and impulse control."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-12-relaxation/index.html
View file

@ -4,7 +4,7 @@
<title>03-12 Relaxation | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Relaxation Most PMOers think that PMO helps to relax them. The truth is that internet porn used in PMO acts like a chemical stimulant. The frantic search to get the fix in those “dark alleys of the internet” and the internal struggle to reign in the dog straining at its leash for more shocking clips does not sound much like an activity of relaxation to me.
One of the favourite PMO sessions for most is the one after a trip to a new place or after along day."/>

2
public/library/hackbook/03-13-social-night-pmoing/index.html
View file

@ -4,7 +4,7 @@
<title>03-13 Social Night PMOing | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Social Night PMOing This is a misinformation that seems to make sense but then it does not. In order to have control of eating, will you eat at home before leaving to go to a restaurant or a party? This is what you are doing when you PMO before your social night. You will look tired and will not be up to your best. If you have dating jitters then work on it beforehand and then go with the flow even with some butterflies in your stomach."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-14-what-am-i-giving-up/index.html
View file

@ -4,7 +4,7 @@
<title>03-14 What Am I Giving Up? | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="What Am I Giving Up? ABSOLUTELY NOTHING! The thing that makes it difficult for us to give up is fear. The fear that we are being deprived of our pleasure or prop. The fear that certain pleasant situations will never be quite the same again. The fear of being unable to cope with stressful situations. In other words, the effect of brainwashing is to delude us into believing that sex and by extension orgasm, is a must for all human beings."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-15-self-imposed-slavery/index.html
View file

@ -4,7 +4,7 @@
<title>03-15 Self-Imposed Slavery | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Self-Imposed Slavery Usually when PMOers try to stop the main reasons given are health, religion and partner stigma. Part of the brainwashing of this awful drug is the sheer slavery. Man fought hard in the last century to abolish slavery and yet the PMOer spends his life suffering self-imposed slavery. He seems to be oblivious to the fact that when he is allowed to PMO he wishes that he were a non-PMOer."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-16-i-will-save-x-hours-a-week/index.html
View file

@ -4,7 +4,7 @@
<title>03-16 I Will Save X Hours a Week | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="I Will Save X Hours a Week I cannot repeat too often that it is brainwashing that makes it difficult to stop PMOing. So, the more brainwashing we can dispel before we start, the easier you will find it to achieve your goal. Occasionally I get into arguments with people whom I call “confirmed PMOers.” By my definition a confirmed PMOer is somebody who doesn&rsquo;t believe PMO has any negative effect on his health (PME, PIED and hypofrontality etc."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-17-health/index.html
View file

@ -4,7 +4,7 @@
<title>03-17 Health | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Health This is the area where the brainwashing is the greatest. PMOers, especially the young and single, think they are aware of the health risks. They are not. Even in my case, when I was expecting my head to explode any moment and honestly believed I was prepared to accept the consequences, I was still kidding myself. I didn&rsquo;t in those days have an app that started a red beeper to flash and sound every time my internet router hits a porn site, followed by a warning voice saying, “OK, this is the one!"/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-18-energy/index.html
View file

@ -4,7 +4,7 @@
<title>03-18 Energy | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Energy Most PMOers are aware of the effect that this progressive process of PMO, leading to novelty and escalation seeking, has on their brain’s reward circuits and their sexual system. However, they are not so aware of the effect it has on their energy level.
One of the subtleties of the PMO trap is that the effects it has on us, both physical and mental, happen so gradually and imperceptibly that we are not aware of them and regard them as normal."/>

2
public/library/hackbook/03-19-it-relaxes-me-and-gives-me-confidence/index.html
View file

@ -4,7 +4,7 @@
<title>03-19 It Relaxes Me and Gives Me Confidence | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="It Relaxes Me and Gives Me Confidence This is the worst fallacy of all about PMOing and for me it ranks with the ending of the slavery, the greatest benefit from quitting - is not to have to go through life with the permanent feelings of insecurity that PMOers suffer from.
PMOers find it very difficult to believe that masturbation to internet porn actually causes those insecure feelings you get when you are out late at night after a contentious day at home or work."/>

2
public/library/hackbook/03-20-those-sinister-black-shadows/index.html
View file

@ -4,7 +4,7 @@
<title>03-20 Those Sinister Black Shadows | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Those Sinister Black Shadows Another of the great joys of quitting porn is to be free of those sinister black shadows at the back of our minds. All PMOers know they are fools to close their minds on the ill-effects of PMO. For most of our lives PMO is automatic but the black shadows are always lurking in our subconscious minds, just beneath the surface. There are several marvellous advantages to achieve from quitting PMO."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-21-the-willpower-method-of-stopping/index.html
View file

@ -4,7 +4,7 @@
<title>03-21 the Willpower Method of Stopping | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The Willpower Method of Stopping It is an accepted fact in our society that it is very difficult to stop PMO. Even books and forums advising you how to do so usually start off by telling you how difficult it is. The truth is that it is ridiculously easy. Yes, I can understand you questioning that statement but just consider it. If your aim is to run a mile in under four minutes, that&rsquo;s difficult."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-22-beware-of-cutting-down/index.html
View file

@ -4,7 +4,7 @@
<title>03-22 Beware of Cutting Down | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Beware of Cutting Down Many PMOers resort to cutting down either as a stepping-stone towards stopping or as an attempt to control the little monster. Many recommend cutting down or a ‘porn diet’1 as a pick-me-up. Obviously, the less you PMO the better off you are but as a stepping-stone to stopping, cutting down is fatal. It is these attempts to cut down that keep us trapped all our lives."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-23-just-one-peek/index.html
View file

@ -4,7 +4,7 @@
<title>03-23 Just One Peek | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Just One Peek “Just one peek” is a myth you must get out of your mind:
It is just one peek that gets us started in the first place. It is just one peek to tide us over a difficult patch or on a special occasion that defeats most of our attempts to stop. It is just one peek that, when PMOers have succeeded in breaking the addiction, sends them back into the trap."/>

2
public/library/hackbook/03-24-casual-pmoers-teenagers-non-pmoers/index.html
View file

@ -4,7 +4,7 @@
<title>03-24 Casual PMOers, Teenagers, Non PMOers | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Casual PMOers, Teenagers, Non PMOers Heavy PMOers tend to envy the casual porn user. We&rsquo;ve all met these characters: “Oh, I can go all week without a PMO, it really doesn&rsquo;t bother me.” We think: “I wish I were like that!” I know this is hard to believe but no PMOer enjoys being a PMOer. Never forget:
No PMOer ever decided to become a PMOer casual or otherwise, therefore: All PMOers feel stupid, therefore: All PMOers have to lie to themselves and other people in a vain attempt to justify their stupidity."/>

2
public/library/hackbook/03-25-the-youtube-pmoer/index.html
View file

@ -4,7 +4,7 @@
<title>03-25 the YouTube PMOer | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The YouTube PMOer The YouTube PMOer should be grouped with casual PMOers but the effects of a YouTube PMOer are so insidious that it merits a separate chapter. It can lead to the breakdown of personal self control. In one case it nearly caused a split for a No-Fap forum user.
“I was three weeks into one of my failed attempts to stop. The attempt had been triggered off by my wife&rsquo;s worry about my unreliable hard-ons and lack of interest."/>

2
public/library/hackbook/03-26-a-social-habit/index.html
View file

@ -4,7 +4,7 @@
<title>03-26 a Social Habit? | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="A Social Habit? Health of mind and body are the main reason why we should want to stop but then they always have been. We do not actually need scientific research and knowledge in brain chemistry to tell us that internet porn is addictive and can potentially shatter our lives. These bodies of ours are the most sophisticated objects on the planet and any PMOer knows instantly, from the first session, that the stimulus can go to excess and it can turn poisonous."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-27-timing/index.html
View file

@ -4,7 +4,7 @@
<title>03-27 Timing | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Timing Apart from the obvious point that as it is doing you no good, now is the right time to stop. I believe timing is important. Our society treats internet porn flippantly as a slightly distasteful habit that can not injure your health. It is not. It is drug addiction, a disease and a destroyer of relationships in society. The worst thing that happens in most PMOer’s lives is getting hooked on that awful addiction."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-28-will-i-miss-the-fun/index.html
View file

@ -4,7 +4,7 @@
<title>03-28 Will I Miss the Fun? | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Will I Miss the Fun? No! Once that little porn monster is dead and your body stops craving dopamine and the porn water slides in your brain start to fade due to lack of ‘greasing’, any remaining brainwashing will vanish and you will find yourself both physically and mentally better equipped not only to cope with the stresses and strains of life but to enjoy the good times to the full."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-29-can-i-compartmentalize/index.html
View file

@ -4,7 +4,7 @@
<title>03-29 Can I Compartmentalize? | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Can I Compartmentalize? This is another myth about PMOing spread mainly by PMOers who, when attempting to stop on the Willpower Method, substitute mental gymnastics - they propose to act -Jekyll and Hyde: “Porn is for my alter ego side and real life romance is for my relationship side.” Nothing is further from the truth. The porn waterslides - the deltaFosBs and all the brain changes are going to overrun the real life romance and will make it less desirable."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-30-avoid-false-incentives/index.html
View file

@ -4,7 +4,7 @@
<title>03-30 Avoid False Incentives | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Avoid False Incentives Many PMOers, while trying to stop on the Willpower Method, attempt to increase their motivation by building up false incentives. There are many examples of this, a typical one is, “I will reward myself with a gift after no-PMO for a month.” This appears to be a logical and sensible approach but in fact it is false because any self-respecting PMOer would rather continue PMOing every day than receive a “self given gift."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-31-the-easy-way-to-stop/index.html
View file

@ -4,7 +4,7 @@
<title>03-31 the Easy Way to Stop | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The Easy Way to Stop This chapter contains instructions about the easy way to stop PMO. Providing you follow the instructions, you will find that stopping ranges from relatively easy to enjoyable! But remember the definition of a brunette: “a girl who didn&rsquo;t read the instructions on the bottle.” It is ridiculously easy to stop PMO. All you have to do is two things:
Make the decision that you are never going to PMO again."/>

2
public/library/hackbook/03-32-the-withdrawal-period/index.html
View file

@ -4,7 +4,7 @@
<title>03-32 the Withdrawal Period | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The Withdrawal Period For up to three weeks after your last PMO session you may be subjected to withdrawal pangs. These consist of two quite separate factors:
The withdrawal pangs of dopamine, that empty, insecure feeling, like a hunger, which PMOers identify as a craving or “something I must to do” feeling. The psychological trigger of certain external stimuli such as a commercial, online browsing, a telephone conversation etc. It is the failure to understand and to differentiate between these two distinct factors that makes it so difficult for PMOers to achieve success on the Willpower Method and it&rsquo;s also the reason why many who do achieve it fall into the trap again."/>

2
public/library/hackbook/03-33-just-one-peek/index.html
View file

@ -4,7 +4,7 @@
<title>03-33 Just One Peek | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Just One Peek This is the undoing of many PMOers who try to stop on the Willpower Method. They will go through three or four days and then have the odd peek or a PMO or two to tide them over. They do not realize the devastating effect this has on their morale.
For most PMOers that first peek at the tube site harem was not as good as sex with a real person."/>

2
public/library/hackbook/03-34-will-it-be-harder-for-me/index.html
View file

@ -4,7 +4,7 @@
<title>03-34 Will It Be Harder for Me? | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Will It Be Harder for Me? The combinations of factors that will determine how easily each individual PMOer will quit are infinite. To start with, each of us has his own character, type of work, personal circumstances, timing, etc. Certain professions may make it harder than others but providing the brainwashing is removed it doesn&rsquo;t have to be so. A few individual examples will help.
It tends to be particularly difficult for members of the medical profession."/>

2
public/library/hackbook/03-35-the-main-reasons-for-failure/index.html
View file

@ -4,7 +4,7 @@
<title>03-35 the Main Reasons for Failure | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The Main Reasons for Failure
There are two main reasons for failure. The first is the influence of external stimuli - a commercial, online news articles, internet browsing etc. At a weak moment or even during a social occasion somebody will get intimate with their partner. I have already dealt with this topic at length. Use that moment to remind yourself that there is no such thing as one visit or one peek."/>

2
public/library/hackbook/03-36-substitutes/index.html
View file

@ -4,7 +4,7 @@
<title>03-36 Substitutes | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Substitutes Substitutes include restricting to porn magazines, static internet images, going on a porn-diet1 etc. DO NOT USE ANY OF THEM. They make it harder, not easier. If you do get a pang and use a substitute it will prolong the pang and make it harder. What you are really saying is, “I need to PMO to fill the void.” It will be like giving in to a hijacker or the tantrums of a child."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-37-should-i-avoid-temptation-situations/index.html
View file

@ -4,7 +4,7 @@
<title>03-37 Should I Avoid Temptation Situations? | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Should I Avoid Temptation Situations? I have been direct in my advice so far and would ask you to treat this advice as instruction rather than suggestion. I am explicit and direct, first because there are sound, practical reasons for my advice and second, because those reasons have been backed up by thousands of case studies. On the question of whether or not to try to avoid temptation during the withdrawal period, I regret that I cannot be direct."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-38-the-moment-of-revelation/index.html
View file

@ -4,7 +4,7 @@
<title>03-38 the Moment of Revelation | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The Moment of Revelation The moment of revelation usually takes place about three weeks after stopping. The sky appears to become brighter and it is the moment when the brainwashing ends completely. When instead of telling yourself you do not need to PMO, you suddenly realize that the last thread is broken and you can enjoy the rest of your life without ever needing PMO again. It is also usually from this point that you start looking at other PMOers as objects of pity."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-39-the-final-visit/index.html
View file

@ -4,7 +4,7 @@
<title>03-39 the Final Visit | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The Final Visit Having decided on your timing, you are now ready to visit your harem one last time. Before you do so, check on the two essentials:
Do you feel certain of success? Have you a feeling of doom and gloom or a sense of excitement that you are about to achieve something marvelous? If you have any doubts, re-read the book first. Remember that you never decided to fall into the porn trap."/>

2
public/library/hackbook/03-40-a-final-warning/index.html
View file

@ -4,7 +4,7 @@
<title>03-40 a Final Warning | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="A Final Warning No PMOer, given the chance of going back to the time before he became hooked with the knowledge he has now, would opt to start. Many of the them who consult me are convinced that if I could only help them stop, they would never dream of PMOing again, and yet thousands of PMOers successfully kick the habit for many years and lead perfectly happy lives, only to get trapped once again."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-41-feedback/index.html
View file

@ -4,7 +4,7 @@
<title>03-41 Feedback | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Feedback This method will be pooh-poohed by the so-called experts - as I have kept it thin, deliberately, on the ‘science’ side of porn addiction. This ‘hackbook’ is based on a very successful technique used by Alan Carr for quitting smoking, alcohol and gambling. I have personally broken away from the prisons of cigarette, alcohol and internet porn with this technique. I’d like to add here that I’ve tried some of the best programmes - such as CBT, DEADS and AVERT before arriving at the EasyWay."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-42-help-the-pmoer-left-on-the-sinking-ship/index.html
View file

@ -4,7 +4,7 @@
<title>03-42 Help the PMOer Left on the Sinking Ship | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Help the PMOer Left on the Sinking Ship PMOers are panicking nowadays. They sense that there is a change in the way internet porn is perceived by men and women. Internet porn’s addictive nature is being studied by more and more people. It is now rightly regarded not as the same as old traditional porn. It’s easy reach and effortless availability raises alarm even in the hearts of porn supporters. They also sense that their crusade for free speech and free thought is being hijacked by vicious elements."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-43-advice-to-non-pmoers/index.html
View file

@ -4,7 +4,7 @@
<title>03-43 Advice to Non-PMOers | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Advice to Non-PMOers HELP GET YOUR PMO FRIENDS TO READ THIS BOOK First study the contents of this book and try to put yourself in the place of the PMOer. Do not force him to read this book or try to stop him by telling him he is ruining his health or playing with fire. He already knows this better than you do. PMOers do not continue in it because they enjoy it or because they want to."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/03-44-should-i-tell-my-so/index.html
View file

@ -4,7 +4,7 @@
<title>03-44 Should I Tell My SO | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Should I Tell My SO Should I tell my wife, girlfriend and SO about my PMO? The intention here is that it would help you in quitting. I am of the solid opinion that all these are not needed. It would only reinforce your weakness against PMO.
If you slip, you will feel miserable and guilty if you are following the Willpower Method. Add to that the feeling of deceiving your loved one will definitely push you through the vicious cycle of slip-lapse-relapse."/>

2
public/library/hackbook/04-01-the-instructions/index.html
View file

@ -4,7 +4,7 @@
<title>04-01 the Instructions | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The Instructions Follow all the instructions. Keep an open mind. Start with a feeling of elation. Ignore all advice and influences that conflict with EasyPeasyway Resist any promise of a temporary fix. Get it clear in your mind: PMO gives you no genuine pleasure or crutch; you are not making a sacrifice; there is nothing to give up and no reason to feel deprived. Don&rsquo;t wait to quit. Do it now!"/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/04-02-rebt-coping-statements/index.html
View file

@ -4,7 +4,7 @@
<title>04-02 REBT Coping Statements | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="REBT Coping Statements “I can stop PMO, even though it appears &lsquo;hard&rsquo; to do so. It’s not too hard and no matter how much trouble it takes, it’s worth it!” “If I keep ignoring and never giving into my powerful urges to PMO, I will make it easier and easier to resist them” “I can fully and unconditionally accept myself- yes, even with all my flaws and failings” “PMO seems to quickly &lsquo;cure&rsquo; my problems but actually makes them worse."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/05-01-scripts-01/index.html
View file

@ -4,7 +4,7 @@
<title>05-01 Scripts-01 | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Scripts-01 You are relaxed now and because you are so relaxed you begin to feel free from all tensions, anxiety and fear. You now realize that you are more confident and sure of yourself because you have taken the enormous first step toward helping yourself. Great!
You begin to feel this strength from within, motivating you to overcome any and every obstacle that may stand in the way of your happiness, social life and home life."/>

2
public/library/hackbook/05-01-scripts-02/index.html
View file

@ -4,7 +4,7 @@
<title>05-01 Scripts-02 | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Scripts-02 As you go deeper and deeper relaxed all of the sounds fade away in the distance and you pay attention only to the sound of my voice. As you listen carefully to the sound of my voice, we are going to remove a number of suggestions which have been in your mind. We are going to remove them completely and as you listen carefully to them we&rsquo;re simply going to dissolve them&hellip; throw them out of your mind completely and forever&hellip; Nothing disturbs you and nothing bothers you and nothing can distract you in any way from listening to the sound of my voice&hellip; and from completely accepting everything I tell you&hellip; for everything I tell you is the absolute truth to you&hellip; and we&rsquo;re going to remove all suggestions from your mind that have been detrimental to you in the past."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/05-01-scripts-03/index.html
View file

@ -4,7 +4,7 @@
<title>05-01 Scripts-03 | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Scripts-03 Now as you sink deeper and deeper relaxed all of the sounds fade away in the distance. You pay no attention to any other sound but the sound of my voice. You sink deeper and deeper with every breath you take. Deeper and deeper and deeper, way down, deeper and deeper relaxed.
In the past porn may have been to you something that meant life. In your mind you may have accepted a suggestion that porn saves your life from boredom or porn protects you from being injured socially, porn is good for you in some manner or another."/>

2
public/library/hackbook/05-01-scripts-04/index.html
View file

@ -4,7 +4,7 @@
<title>05-01 Scripts-04 | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Scripts-04 To an individual who has had a PMO problem, porn is poison. It&rsquo;s poison in two ways. First of all it&rsquo;s poison because it breaks down the very will power, the very ego, the very faith in oneself that the individual is able to build up. And so it is a psychological poison because having once conquered the porn problem, if you ever allow it to get back into you again then you begin thinking about yourself all the thoughts that you thought about yourself before, namely, well I really am no good anyway, I really didn&rsquo;t lick it and so on."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/05-01-scripts-05/index.html
View file

@ -4,7 +4,7 @@
<title>05-01 Scripts-05 | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Scripts-05 “Go inside and try in vain to have the same problem. It was a terrible problem, wasn&rsquo;t it? You want to make changes, haven&rsquo;t you?&hellip; What would it be like when you have made those changes, now? In the future as you look back and see what it was like to have had that problem&hellip; as you think about it now, if you could make this change for yourself so that you could STOP&hellip; having made that change and see yourself now."/>
<meta name="keywords" content="hackbook, library">

2
public/library/hackbook/fin/index.html
View file

@ -4,7 +4,7 @@
<title>Fin | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="https://sites.google.com/site/hackbookeasypeasy/home
April 2017"/>

2
public/library/hackbook/index.html
View file

@ -4,7 +4,7 @@
<title>Hackbook EasyPeasy - Free Yourself From Pornography | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Click to download the original pdf Archive of the original google sites webpage or read the bookdown version here (I wouldn&rsquo;t recommend it, it requires javascript to be enabled and it isn&rsquo;t the original book - it&rsquo;s a rewritten version of it.)"/>
<meta name="viewport" content="width=device-width, initial-scale=1">

148
public/library/hackbook/index.xml
View file

@ -35,10 +35,21 @@
&lt;p&gt;I for the life of me couldn&amp;rsquo;t get synapse&amp;rsquo;s (matrix&amp;rsquo;s) federation to work. It said that the encryption couldn&amp;rsquo;t be trusted, i could join public rooms but i couldn&amp;rsquo;t start any chats, i couldn&amp;rsquo;t invite people to my rooms, i couldn&amp;rsquo;t get invited to rooms.&lt;/p&gt;
&lt;h2 id=&#34;how-i-fixed-it&#34;&gt;How I fixed it&lt;/h2&gt;
&lt;p&gt;Go to your &lt;code&gt;homeserver.yaml&lt;/code&gt; file&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;trusted_key_servers: []
&lt;/code&gt;&lt;/pre&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;trusted_key_servers: []&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -609,28 +620,46 @@ Like Kurzweil, many techies stand to profit financially from Technianity, but it
<description>&lt;p&gt;I actually updated the css once more.&lt;/p&gt;
&lt;p&gt;If you&amp;rsquo;re using a dark theme in your browser, the website will follow suit and change to darker colors.&lt;/p&gt;
&lt;p&gt;I did this by setting the light theme to be by default for more readability:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#fafafa&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#2f343f&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#4084d6&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;99&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; :&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#141414&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;232&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#5da0f2&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;179&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;182&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;186&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;font-family&lt;/span&gt;: &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;sans-serif&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;bg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;fg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>
@ -3030,28 +3059,52 @@ List of Works Cited&lt;/p&gt;
&lt;li&gt;Add the following line inside it&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;For config.toml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;h3 id=&#34;updating-the-baseofhtml-file&#34;&gt;Updating the baseof.html file&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Locate baseof.html&lt;/li&gt;
&lt;li&gt;Add or change the meta description line with the following&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;h3 id=&#34;replacing-the-global-description-with-a-custom-one&#34;&gt;Replacing the global description with a custom one&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Have a markdown file ready&lt;/li&gt;
&lt;li&gt;In the preamble, add&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;Your custom description for this page&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
</description>
</item>
@ -3065,19 +3118,28 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;I wanted to order &lt;a href=&#34;https://vodoraslo.xyz/library/hackbook&#34;&gt;Hackbook&lt;/a&gt; in reverse (i.e. oldest to newest) so that it&amp;rsquo;s easier for the reader to start at the correct page.&lt;/p&gt;
&lt;p&gt;I ran into the following problem - the default &lt;code&gt;list.html&lt;/code&gt; does them from newest to oldest.&lt;/p&gt;
&lt;p&gt;So I found &lt;a href=&#34;https://discourse.gohugo.io/t/two-home-pages/31312/9&#34;&gt;this forum post&lt;/a&gt; and I created a file in the &lt;code&gt;_default&lt;/code&gt; directory as follows:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;layouts
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;layouts
|----**_default**
|-------**hackbook**
|-----------**order-by-oldest.html**
|-------baseof.html
|-------index.html
|-------list.html
|-------single.html
&lt;/code&gt;&lt;/pre&gt;
|-------single.html &lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;figure &gt;&lt;img src=&#34;https://vodoraslo.xyz/img/custom-index-directory.PNG&#34; alt=&#34;Picture of the directory&#34;&gt;&lt;/figure&gt;
&lt;p&gt;I named my file order by oldest because I plan on reusing it in other places. This is what&amp;rsquo;s contained inside it:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;{{ define &amp;#34;title&amp;#34; -}}
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;{{ define &amp;#34;title&amp;#34; -}}
{{ .Title | title }}
{{- end }}
{{ define &amp;#34;main&amp;#34; -}}
@ -3093,8 +3155,9 @@ List of Works Cited&lt;/p&gt;
&amp;lt;/li&amp;gt;
{{- end }}
&amp;lt;/ul&amp;gt;
{{- end }}
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
{{- end }}&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
&lt;p&gt;You probably don&amp;rsquo;t need &lt;code&gt;enableGitInfo = true&lt;/code&gt; as that will crash your website, I have no idea what it does, you don&amp;rsquo;t need it.&lt;/p&gt;
&lt;h2 id=&#34;using-your-custom-_indexhtml&#34;&gt;Using your custom _index.html&lt;/h2&gt;
&lt;p&gt;After creating your custom _index.html you&amp;rsquo;d use it as follows:&lt;/p&gt;
@ -3107,7 +3170,11 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;And now you should have a custom _index.html for your pages! :)&lt;/p&gt;
&lt;p&gt;Here is a verbose copy paste of the original hugo forum answer in case it gets deleted:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;Content structure:
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;Content structure:
content
├── better
@ -3120,13 +3187,13 @@ content
content/better/_index.md
+++
&amp;#43;&amp;#43;&amp;#43;
title = &amp;#34;Better&amp;#34;
date = 2021-03-04T17:02:42-08:00
draft = false
type = &amp;#34;post&amp;#34;
layout = &amp;#34;posts-by-lastmod&amp;#34;
+++
&amp;#43;&amp;#43;&amp;#43;
Template structure:
@ -3159,8 +3226,9 @@ layouts/index.html
config.toml (see https://gohugo.io/variables/git/#lastmod)
enableGitInfo = true
&lt;/code&gt;&lt;/pre&gt;</description>
enableGitInfo = true&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -5162,8 +5230,14 @@ formed does not list Internet pornography as one of the addictions that it provi
<description>&lt;h3 id=&#34;this-is-my-first-entry-and-im-already-having-issues-lol&#34;&gt;this is my first entry and i&amp;rsquo;m already having issues lol&lt;/h3&gt;
&lt;p&gt;So I wanted to make a quick entry, see how it looks like and I stumbled upon this issue of hugo pluralzing Blog into Blogs&lt;/p&gt;
&lt;p&gt;You can fix this in config.toml with the following line&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>

2
public/library/index.html
View file

@ -4,7 +4,7 @@
<title>Vodoraslo&#39;s Library | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="My personal library"/>
<meta name="viewport" content="width=device-width, initial-scale=1">

148
public/library/index.xml
View file

@ -35,10 +35,21 @@
&lt;p&gt;I for the life of me couldn&amp;rsquo;t get synapse&amp;rsquo;s (matrix&amp;rsquo;s) federation to work. It said that the encryption couldn&amp;rsquo;t be trusted, i could join public rooms but i couldn&amp;rsquo;t start any chats, i couldn&amp;rsquo;t invite people to my rooms, i couldn&amp;rsquo;t get invited to rooms.&lt;/p&gt;
&lt;h2 id=&#34;how-i-fixed-it&#34;&gt;How I fixed it&lt;/h2&gt;
&lt;p&gt;Go to your &lt;code&gt;homeserver.yaml&lt;/code&gt; file&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;trusted_key_servers: []
&lt;/code&gt;&lt;/pre&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;trusted_key_servers: []&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -609,28 +620,46 @@ Like Kurzweil, many techies stand to profit financially from Technianity, but it
<description>&lt;p&gt;I actually updated the css once more.&lt;/p&gt;
&lt;p&gt;If you&amp;rsquo;re using a dark theme in your browser, the website will follow suit and change to darker colors.&lt;/p&gt;
&lt;p&gt;I did this by setting the light theme to be by default for more readability:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#fafafa&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#2f343f&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#4084d6&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;99&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; :&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#141414&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;232&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#5da0f2&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;179&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;182&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;186&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;font-family&lt;/span&gt;: &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;sans-serif&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;bg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;fg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>
@ -3030,28 +3059,52 @@ List of Works Cited&lt;/p&gt;
&lt;li&gt;Add the following line inside it&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;For config.toml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;h3 id=&#34;updating-the-baseofhtml-file&#34;&gt;Updating the baseof.html file&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Locate baseof.html&lt;/li&gt;
&lt;li&gt;Add or change the meta description line with the following&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;h3 id=&#34;replacing-the-global-description-with-a-custom-one&#34;&gt;Replacing the global description with a custom one&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Have a markdown file ready&lt;/li&gt;
&lt;li&gt;In the preamble, add&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;Your custom description for this page&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
</description>
</item>
@ -3065,19 +3118,28 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;I wanted to order &lt;a href=&#34;https://vodoraslo.xyz/library/hackbook&#34;&gt;Hackbook&lt;/a&gt; in reverse (i.e. oldest to newest) so that it&amp;rsquo;s easier for the reader to start at the correct page.&lt;/p&gt;
&lt;p&gt;I ran into the following problem - the default &lt;code&gt;list.html&lt;/code&gt; does them from newest to oldest.&lt;/p&gt;
&lt;p&gt;So I found &lt;a href=&#34;https://discourse.gohugo.io/t/two-home-pages/31312/9&#34;&gt;this forum post&lt;/a&gt; and I created a file in the &lt;code&gt;_default&lt;/code&gt; directory as follows:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;layouts
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;layouts
|----**_default**
|-------**hackbook**
|-----------**order-by-oldest.html**
|-------baseof.html
|-------index.html
|-------list.html
|-------single.html
&lt;/code&gt;&lt;/pre&gt;
|-------single.html &lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;figure &gt;&lt;img src=&#34;https://vodoraslo.xyz/img/custom-index-directory.PNG&#34; alt=&#34;Picture of the directory&#34;&gt;&lt;/figure&gt;
&lt;p&gt;I named my file order by oldest because I plan on reusing it in other places. This is what&amp;rsquo;s contained inside it:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;{{ define &amp;#34;title&amp;#34; -}}
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;{{ define &amp;#34;title&amp;#34; -}}
{{ .Title | title }}
{{- end }}
{{ define &amp;#34;main&amp;#34; -}}
@ -3093,8 +3155,9 @@ List of Works Cited&lt;/p&gt;
&amp;lt;/li&amp;gt;
{{- end }}
&amp;lt;/ul&amp;gt;
{{- end }}
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
{{- end }}&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
&lt;p&gt;You probably don&amp;rsquo;t need &lt;code&gt;enableGitInfo = true&lt;/code&gt; as that will crash your website, I have no idea what it does, you don&amp;rsquo;t need it.&lt;/p&gt;
&lt;h2 id=&#34;using-your-custom-_indexhtml&#34;&gt;Using your custom _index.html&lt;/h2&gt;
&lt;p&gt;After creating your custom _index.html you&amp;rsquo;d use it as follows:&lt;/p&gt;
@ -3107,7 +3170,11 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;And now you should have a custom _index.html for your pages! :)&lt;/p&gt;
&lt;p&gt;Here is a verbose copy paste of the original hugo forum answer in case it gets deleted:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;Content structure:
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;Content structure:
content
├── better
@ -3120,13 +3187,13 @@ content
content/better/_index.md
+++
&amp;#43;&amp;#43;&amp;#43;
title = &amp;#34;Better&amp;#34;
date = 2021-03-04T17:02:42-08:00
draft = false
type = &amp;#34;post&amp;#34;
layout = &amp;#34;posts-by-lastmod&amp;#34;
+++
&amp;#43;&amp;#43;&amp;#43;
Template structure:
@ -3159,8 +3226,9 @@ layouts/index.html
config.toml (see https://gohugo.io/variables/git/#lastmod)
enableGitInfo = true
&lt;/code&gt;&lt;/pre&gt;</description>
enableGitInfo = true&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -5162,8 +5230,14 @@ formed does not list Internet pornography as one of the addictions that it provi
<description>&lt;h3 id=&#34;this-is-my-first-entry-and-im-already-having-issues-lol&#34;&gt;this is my first entry and i&amp;rsquo;m already having issues lol&lt;/h3&gt;
&lt;p&gt;So I wanted to make a quick entry, see how it looks like and I stumbled upon this issue of hugo pluralzing Blog into Blogs&lt;/p&gt;
&lt;p&gt;You can fix this in config.toml with the following line&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>

2
public/library/ted-kaczynski/ecofascism-an-aberrant-branch-of-leftism/index.html
View file

@ -4,7 +4,7 @@
<title>Ecofascism an Aberrant Branch of Leftism | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The “ecofascists,” as I understand that term, share, at a minimum, two traits:
They do not advocate total rejection of modern technology; instead, they want to create a society in which technology will be “limited and “wisely” used in such a way as to ensure the ecological health of our planet. They support, if not white supremacism, then at least white separatism. First let’s take trait I. In essence, the ecofascists want a planned society, which means quite simply that they are socialists, for the fundamental idea of socialism is that of the planned society."/>

2
public/library/ted-kaczynski/forward-to-technological-slavery/index.html
View file

@ -4,7 +4,7 @@
<title>Forward to Technological Slavery | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="I have to begin by saying that I am deeply dissatisfied with this book. It should have been an organized and systematic exposition of a series of related ideas. Instead, it is an unorganized collection of writings that expound the ideas unsystematically. And some ideas that I consider important are not even mentioned. I simply have not had the time to organize, rewrite, and complete the contents of this book. The principal reason why I have not had time is that agencies of the United States government have created unnecessary legal difficulties for me."/>
<meta name="keywords" content="Ted Kaczynski, library">

2
public/library/ted-kaczynski/hit-where-it-hurts/index.html
View file

@ -4,7 +4,7 @@
<title>Hit Where It Hurts | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="1. The Purpose Of This Article. The purpose of this article is to point out a very simple principle of human conflict, a principle that opponents of the techno-industrial system seem to be overlooking. The principle is that in any form of conflict, if you want to win, you must hit your adversary where it hurts.
I have to explain that when I talk about “hitting where it hurts” I am not necessarily referring to physical blows or to any other form of physical violence."/>

2
public/library/ted-kaczynski/index.html
View file

@ -4,7 +4,7 @@
<title>Ted Kaczynski&#39;s Works | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="A blog about the things I&#39;m interested in - Japanese, my library and posting obscure problems I&#39;ve solved. Will post my takes on 神ゲー vinnies"/>
<meta name="viewport" content="width=device-width, initial-scale=1">

148
public/library/ted-kaczynski/index.xml
View file

@ -35,10 +35,21 @@
&lt;p&gt;I for the life of me couldn&amp;rsquo;t get synapse&amp;rsquo;s (matrix&amp;rsquo;s) federation to work. It said that the encryption couldn&amp;rsquo;t be trusted, i could join public rooms but i couldn&amp;rsquo;t start any chats, i couldn&amp;rsquo;t invite people to my rooms, i couldn&amp;rsquo;t get invited to rooms.&lt;/p&gt;
&lt;h2 id=&#34;how-i-fixed-it&#34;&gt;How I fixed it&lt;/h2&gt;
&lt;p&gt;Go to your &lt;code&gt;homeserver.yaml&lt;/code&gt; file&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;trusted_key_servers: []
&lt;/code&gt;&lt;/pre&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;trusted_key_servers: []&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -609,28 +620,46 @@ Like Kurzweil, many techies stand to profit financially from Technianity, but it
<description>&lt;p&gt;I actually updated the css once more.&lt;/p&gt;
&lt;p&gt;If you&amp;rsquo;re using a dark theme in your browser, the website will follow suit and change to darker colors.&lt;/p&gt;
&lt;p&gt;I did this by setting the light theme to be by default for more readability:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#fafafa&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#2f343f&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#4084d6&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;99&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; :&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#141414&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;232&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#5da0f2&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;179&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;182&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;186&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;font-family&lt;/span&gt;: &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;sans-serif&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;bg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;fg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>
@ -3030,28 +3059,52 @@ List of Works Cited&lt;/p&gt;
&lt;li&gt;Add the following line inside it&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;For config.toml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;h3 id=&#34;updating-the-baseofhtml-file&#34;&gt;Updating the baseof.html file&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Locate baseof.html&lt;/li&gt;
&lt;li&gt;Add or change the meta description line with the following&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;h3 id=&#34;replacing-the-global-description-with-a-custom-one&#34;&gt;Replacing the global description with a custom one&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Have a markdown file ready&lt;/li&gt;
&lt;li&gt;In the preamble, add&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;Your custom description for this page&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
</description>
</item>
@ -3065,19 +3118,28 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;I wanted to order &lt;a href=&#34;https://vodoraslo.xyz/library/hackbook&#34;&gt;Hackbook&lt;/a&gt; in reverse (i.e. oldest to newest) so that it&amp;rsquo;s easier for the reader to start at the correct page.&lt;/p&gt;
&lt;p&gt;I ran into the following problem - the default &lt;code&gt;list.html&lt;/code&gt; does them from newest to oldest.&lt;/p&gt;
&lt;p&gt;So I found &lt;a href=&#34;https://discourse.gohugo.io/t/two-home-pages/31312/9&#34;&gt;this forum post&lt;/a&gt; and I created a file in the &lt;code&gt;_default&lt;/code&gt; directory as follows:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;layouts
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;layouts
|----**_default**
|-------**hackbook**
|-----------**order-by-oldest.html**
|-------baseof.html
|-------index.html
|-------list.html
|-------single.html
&lt;/code&gt;&lt;/pre&gt;
|-------single.html &lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;figure &gt;&lt;img src=&#34;https://vodoraslo.xyz/img/custom-index-directory.PNG&#34; alt=&#34;Picture of the directory&#34;&gt;&lt;/figure&gt;
&lt;p&gt;I named my file order by oldest because I plan on reusing it in other places. This is what&amp;rsquo;s contained inside it:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;{{ define &amp;#34;title&amp;#34; -}}
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;{{ define &amp;#34;title&amp;#34; -}}
{{ .Title | title }}
{{- end }}
{{ define &amp;#34;main&amp;#34; -}}
@ -3093,8 +3155,9 @@ List of Works Cited&lt;/p&gt;
&amp;lt;/li&amp;gt;
{{- end }}
&amp;lt;/ul&amp;gt;
{{- end }}
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
{{- end }}&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
&lt;p&gt;You probably don&amp;rsquo;t need &lt;code&gt;enableGitInfo = true&lt;/code&gt; as that will crash your website, I have no idea what it does, you don&amp;rsquo;t need it.&lt;/p&gt;
&lt;h2 id=&#34;using-your-custom-_indexhtml&#34;&gt;Using your custom _index.html&lt;/h2&gt;
&lt;p&gt;After creating your custom _index.html you&amp;rsquo;d use it as follows:&lt;/p&gt;
@ -3107,7 +3170,11 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;And now you should have a custom _index.html for your pages! :)&lt;/p&gt;
&lt;p&gt;Here is a verbose copy paste of the original hugo forum answer in case it gets deleted:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;Content structure:
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;Content structure:
content
├── better
@ -3120,13 +3187,13 @@ content
content/better/_index.md
+++
&amp;#43;&amp;#43;&amp;#43;
title = &amp;#34;Better&amp;#34;
date = 2021-03-04T17:02:42-08:00
draft = false
type = &amp;#34;post&amp;#34;
layout = &amp;#34;posts-by-lastmod&amp;#34;
+++
&amp;#43;&amp;#43;&amp;#43;
Template structure:
@ -3159,8 +3226,9 @@ layouts/index.html
config.toml (see https://gohugo.io/variables/git/#lastmod)
enableGitInfo = true
&lt;/code&gt;&lt;/pre&gt;</description>
enableGitInfo = true&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -5162,8 +5230,14 @@ formed does not list Internet pornography as one of the addictions that it provi
<description>&lt;h3 id=&#34;this-is-my-first-entry-and-im-already-having-issues-lol&#34;&gt;this is my first entry and i&amp;rsquo;m already having issues lol&lt;/h3&gt;
&lt;p&gt;So I wanted to make a quick entry, see how it looks like and I stumbled upon this issue of hugo pluralzing Blog into Blogs&lt;/p&gt;
&lt;p&gt;You can fix this in config.toml with the following line&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>

2
public/library/ted-kaczynski/industrial-society-and-its-future/index.html
View file

@ -4,7 +4,7 @@
<title>Industrial Society and Its Future | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Introduction The Industrial Revolution and its consequences have been a disaster for the human race. They have greatly increased the life expectancy of those of us who live in “advanced” countries, but they have destabilized society, have made life unfulfilling, have subjected human beings to indignities, have led to widespread psychological suffering (in the Third World to physical suffering as well) and have inflicted severe damage on the natural world. The continued development of technology will worsen the situation."/>
<meta name="keywords" content="Ted Kaczynski, library">

2
public/library/ted-kaczynski/morality-and-revolution/index.html
View file

@ -4,7 +4,7 @@
<title>Morality and Revolution | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="“Morality, guilt and fear of condemnation act as cops in our heads, destroying our spontaneity, our wildness, our ability to live our lives to the full&hellip;. I try to act on my whims, my spontaneous urges without caring what others think of me&hellip;. I want no constraints on my life; I want the opening of all possibilities&hellip;. This means&hellip; destroying all morality.” — Feral Faun, “The Cops in Our Heads: Some Thoughts on Anarchy and Morality."/>
<meta name="keywords" content="Ted Kaczynski, library">

2
public/library/ted-kaczynski/progress-vs-liberty/index.html
View file

@ -4,7 +4,7 @@
<title>Progress vs Liberty | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="In these pages it is argued that continued scientific and technical progress will inevitably result in the extinction of individual liberty. I use the word “inevitably” in the following sense: One might—possibly—imagine certain conditions of society in which freedom could coexist with unfettered technology, but these conditions do not actually exist, and we know of no way to bring them about, so that, in practice, scientific progress will result in the extinction of individual liberty."/>
<meta name="keywords" content="Ted Kaczynski, library">

2
public/library/ted-kaczynski/ship-of-fools/index.html
View file

@ -4,7 +4,7 @@
<title>Ship of Fools | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Once upon a time, the captain and the mates of a ship grew so vain of their seamanship, so full of hubris and so impressed with themselves, that they went mad. They turned the ship north and sailed until they met with icebergs and dangerous floes, and they kept sailing north into more and more perilous waters, solely in order to give themselves opportunities to perform ever-more-brilliant feats of seamanship."/>
<meta name="keywords" content="Ted Kaczynski, library">

2
public/library/ted-kaczynski/the-littering-ape/index.html
View file

@ -4,7 +4,7 @@
<title>The Littering Ape | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="A number of anthropologically inclined individuals have in recent years gained fame and fortune by authoring books of the &ldquo;Naked Ape&rdquo; genre. These writers, by explaining human behavior in terms of territorial imperative, dominance rankings, and other instincts originating before the dawn of Paleolithic times, have succeeded in attaching an aura of romance to our most mundane actions. Nowadays, when a man makes love to his wife, he is no longer just a man making love to his wife; he is a muscular, aggressive cavemen enacting a savage rite inherited from the misty past."/>
<meta name="keywords" content="Ted Kaczynski, library">

2
public/library/ted-kaczynski/the-long-term-outcome-of-geo-engineering/index.html
View file

@ -4,7 +4,7 @@
<title>The Long Term Outcome of Geo Engineering | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="In 2009, a correspondent asked me whether I thought nuclear weapons were the most dangerous aspect of modern technology. What follows is my reply, heavily rewritten. The most dangerous aspect of modern technology probably is not nuclear weapons. It could plausibly be argued that the remedies for global warming that are likely to be adopted constitute the most dangerous aspect of modern technology.
Nations have a strong incentive to avoid using nuclear weapons, at least on any large scale, because such use would probably be suicidal."/>

2
public/library/ted-kaczynski/the-road-to-revolution/index.html
View file

@ -4,7 +4,7 @@
<title>The Road to Revolution | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The revolution is not a dinner party… &ndash; Mao Zedong1
A great revolution is brewing. What this means is that the necessary preconditions for revolution are being created. Whether the revolution will become a reality will depend on the courage, determination, persistence, and effectiveness of revolutionaries.

2
public/library/ted-kaczynski/the-systems-neatest-trick/index.html
View file

@ -4,7 +4,7 @@
<title>The System&#39;s Neatest Trick | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The supreme luxury of the society of technical necessity will be to grant the bonus of useless revolt and of an acquiescent smile. —Jacques Ellul1
The System has played a trick on today&rsquo;s would-be revolutionaries and rebels. The trick is so cute that if it had been consciously planned one would have to admire it for its almost mathematical elegance.

2
public/library/ted-kaczynski/the-techies-wet-dreams/index.html
View file

@ -4,7 +4,7 @@
<title>The Techie&#39;s Wet-Dreams | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="There is a current of thought that appears to be carrying many technophiles out of the realm of science and into that of science fiction.1 For convenience, let&rsquo;s refer to those who ride this current as &ldquo;the techies.&rdquo;2 The current runs through several channels; not all techies think alike. What they have in common is that they take highly speculative ideas about the future of technology as near certainties, and on that basis predict the arrival within the next few decades of a kind of technological utopia."/>
<meta name="keywords" content="Ted Kaczynski, library">

2
public/library/ted-kaczynski/the-truth-about-primitive-life-a-critique-of-anarchoprimitivism/index.html
View file

@ -4,7 +4,7 @@
<title>The Truth About Primitive Life a Critique of Anarchoprimitivism | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="The Truth About Primitive Life a Critique of Anarchoprimitivism 1. As the Industrial Revolution proceeded, modern society created for itself a self-congratulatory myth, the myth of “progress”: From the time of our remote, ape-like ancestors, human history had been an unremitting march toward a better and brighter future, with everyone joyously welcoming each new technological advance: animal husbandry, agriculture, the wheel, the construction of cities, the invention of writing and of money, sailing ships, the compass, gunpowder, the printing press, the steam engine, and, at last, the crowning human achievement-modern industrial society!"/>
<meta name="keywords" content="Ted Kaczynski, library">

2
public/library/ted-kaczynski/when-non-violence-is-suicide/index.html
View file

@ -4,7 +4,7 @@
<title>When Non-Violence Is Suicide | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="It’s the autumn of 2025 AD. The technoindustrial system fell apart a year ago, but you and your friends are doing alright. Your garden has flourished this past summer and in your cabin you have a good supply of dried vegetables, dried beans and other foodstuffs to get you through the coming winter. Just now you’re harvesting your potatoes. With your spades, you and your friends uproot one potato after another and pick the plump tubers out of the soil."/>
<meta name="keywords" content="Ted Kaczynski, library">

2
public/library/ted-kaczynski/why-the-technological-system-will-destroy-itself/index.html
View file

@ -4,7 +4,7 @@
<title>Why the Technological System Will Destroy Itself | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="I. Our discussion deals with self-propagating systems. By a self-propagating system (‘self-prop system’ for short) we mean a system that tends to promote its own survival and propagation. A system may propagate itself in either or both of two ways: The system may indefinitely increase its own size and/or power, or it may give rise to new systems that possess some of its own traits.
The most obvious examples of self-propagating systems are biological organisms."/>

15
public/style.css
View file

@ -338,6 +338,21 @@ article {
color: var(--fg)
}
.highlight-title{
background: #282c34;
color: white;
/* border: 1px solid var(--strong); */
border-radius: 20px;
padding: .55em;
white-space: pre-wrap;
overflow-wrap: break-word;
max-width: 800px;
margin: auto;
font-family: 'FiraCode';
font-weight: 600;
}
#tag_blog:before {content: "📜";}
#tag_updates:before {content: "🆕";}

2
public/tags/blog/index.html
View file

@ -4,7 +4,7 @@
<title>Blog | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Go back to the Articles."/>
<meta name="viewport" content="width=device-width, initial-scale=1">

148
public/tags/blog/index.xml
View file

@ -35,10 +35,21 @@
&lt;p&gt;I for the life of me couldn&amp;rsquo;t get synapse&amp;rsquo;s (matrix&amp;rsquo;s) federation to work. It said that the encryption couldn&amp;rsquo;t be trusted, i could join public rooms but i couldn&amp;rsquo;t start any chats, i couldn&amp;rsquo;t invite people to my rooms, i couldn&amp;rsquo;t get invited to rooms.&lt;/p&gt;
&lt;h2 id=&#34;how-i-fixed-it&#34;&gt;How I fixed it&lt;/h2&gt;
&lt;p&gt;Go to your &lt;code&gt;homeserver.yaml&lt;/code&gt; file&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;trusted_key_servers: []
&lt;/code&gt;&lt;/pre&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;trusted_key_servers: []&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -609,28 +620,46 @@ Like Kurzweil, many techies stand to profit financially from Technianity, but it
<description>&lt;p&gt;I actually updated the css once more.&lt;/p&gt;
&lt;p&gt;If you&amp;rsquo;re using a dark theme in your browser, the website will follow suit and change to darker colors.&lt;/p&gt;
&lt;p&gt;I did this by setting the light theme to be by default for more readability:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#fafafa&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#2f343f&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#4084d6&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;99&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; :&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#141414&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;232&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#5da0f2&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;179&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;182&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;186&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;font-family&lt;/span&gt;: &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;sans-serif&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;bg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;fg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>
@ -3030,28 +3059,52 @@ List of Works Cited&lt;/p&gt;
&lt;li&gt;Add the following line inside it&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;For config.toml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;h3 id=&#34;updating-the-baseofhtml-file&#34;&gt;Updating the baseof.html file&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Locate baseof.html&lt;/li&gt;
&lt;li&gt;Add or change the meta description line with the following&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;h3 id=&#34;replacing-the-global-description-with-a-custom-one&#34;&gt;Replacing the global description with a custom one&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Have a markdown file ready&lt;/li&gt;
&lt;li&gt;In the preamble, add&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;Your custom description for this page&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
</description>
</item>
@ -3065,19 +3118,28 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;I wanted to order &lt;a href=&#34;https://vodoraslo.xyz/library/hackbook&#34;&gt;Hackbook&lt;/a&gt; in reverse (i.e. oldest to newest) so that it&amp;rsquo;s easier for the reader to start at the correct page.&lt;/p&gt;
&lt;p&gt;I ran into the following problem - the default &lt;code&gt;list.html&lt;/code&gt; does them from newest to oldest.&lt;/p&gt;
&lt;p&gt;So I found &lt;a href=&#34;https://discourse.gohugo.io/t/two-home-pages/31312/9&#34;&gt;this forum post&lt;/a&gt; and I created a file in the &lt;code&gt;_default&lt;/code&gt; directory as follows:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;layouts
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;layouts
|----**_default**
|-------**hackbook**
|-----------**order-by-oldest.html**
|-------baseof.html
|-------index.html
|-------list.html
|-------single.html
&lt;/code&gt;&lt;/pre&gt;
|-------single.html &lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;figure &gt;&lt;img src=&#34;https://vodoraslo.xyz/img/custom-index-directory.PNG&#34; alt=&#34;Picture of the directory&#34;&gt;&lt;/figure&gt;
&lt;p&gt;I named my file order by oldest because I plan on reusing it in other places. This is what&amp;rsquo;s contained inside it:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;{{ define &amp;#34;title&amp;#34; -}}
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;{{ define &amp;#34;title&amp;#34; -}}
{{ .Title | title }}
{{- end }}
{{ define &amp;#34;main&amp;#34; -}}
@ -3093,8 +3155,9 @@ List of Works Cited&lt;/p&gt;
&amp;lt;/li&amp;gt;
{{- end }}
&amp;lt;/ul&amp;gt;
{{- end }}
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
{{- end }}&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
&lt;p&gt;You probably don&amp;rsquo;t need &lt;code&gt;enableGitInfo = true&lt;/code&gt; as that will crash your website, I have no idea what it does, you don&amp;rsquo;t need it.&lt;/p&gt;
&lt;h2 id=&#34;using-your-custom-_indexhtml&#34;&gt;Using your custom _index.html&lt;/h2&gt;
&lt;p&gt;After creating your custom _index.html you&amp;rsquo;d use it as follows:&lt;/p&gt;
@ -3107,7 +3170,11 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;And now you should have a custom _index.html for your pages! :)&lt;/p&gt;
&lt;p&gt;Here is a verbose copy paste of the original hugo forum answer in case it gets deleted:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;Content structure:
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;Content structure:
content
├── better
@ -3120,13 +3187,13 @@ content
content/better/_index.md
+++
&amp;#43;&amp;#43;&amp;#43;
title = &amp;#34;Better&amp;#34;
date = 2021-03-04T17:02:42-08:00
draft = false
type = &amp;#34;post&amp;#34;
layout = &amp;#34;posts-by-lastmod&amp;#34;
+++
&amp;#43;&amp;#43;&amp;#43;
Template structure:
@ -3159,8 +3226,9 @@ layouts/index.html
config.toml (see https://gohugo.io/variables/git/#lastmod)
enableGitInfo = true
&lt;/code&gt;&lt;/pre&gt;</description>
enableGitInfo = true&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -5162,8 +5230,14 @@ formed does not list Internet pornography as one of the addictions that it provi
<description>&lt;h3 id=&#34;this-is-my-first-entry-and-im-already-having-issues-lol&#34;&gt;this is my first entry and i&amp;rsquo;m already having issues lol&lt;/h3&gt;
&lt;p&gt;So I wanted to make a quick entry, see how it looks like and I stumbled upon this issue of hugo pluralzing Blog into Blogs&lt;/p&gt;
&lt;p&gt;You can fix this in config.toml with the following line&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>

2
public/tags/hackbook/index.html
View file

@ -4,7 +4,7 @@
<title>Hackbook EasyPeasy - Free Yourself From Pornography | vodoraslo</title>
<link rel="canonical" href="https://vodoraslo.xyz/">
<link rel='alternate' type='application/rss+xml' title="vodoraslo RSS" href='/index.xml'>
<link rel='stylesheet' type='text/css' href='/style.css'>
<link rel='stylesheet' type='text/css' href='/style.css?v=1.0.0'>
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Click to download the original pdf Archive of the original google sites webpage or read the bookdown version here (I wouldn&rsquo;t recommend it, it requires javascript to be enabled and it isn&rsquo;t the original book - it&rsquo;s a rewritten version of it.)"/>
<meta name="viewport" content="width=device-width, initial-scale=1">

148
public/tags/hackbook/index.xml
View file

@ -35,10 +35,21 @@
&lt;p&gt;I for the life of me couldn&amp;rsquo;t get synapse&amp;rsquo;s (matrix&amp;rsquo;s) federation to work. It said that the encryption couldn&amp;rsquo;t be trusted, i could join public rooms but i couldn&amp;rsquo;t start any chats, i couldn&amp;rsquo;t invite people to my rooms, i couldn&amp;rsquo;t get invited to rooms.&lt;/p&gt;
&lt;h2 id=&#34;how-i-fixed-it&#34;&gt;How I fixed it&lt;/h2&gt;
&lt;p&gt;Go to your &lt;code&gt;homeserver.yaml&lt;/code&gt; file&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;trusted_key_servers: []
&lt;/code&gt;&lt;/pre&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;nano /etc/matrix-synapse/homeserver.yaml&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and go all the way to the bottom or search for &lt;code&gt;trusted_key_servers&lt;/code&gt;. it&amp;rsquo;s probably going to be &lt;code&gt;matrix.org&lt;/code&gt;. You should change it to the following by removing &lt;code&gt;matrix.org&lt;/code&gt; and leave blank square brackets:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;trusted_key_servers: []&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -609,28 +620,46 @@ Like Kurzweil, many techies stand to profit financially from Technianity, but it
<description>&lt;p&gt;I actually updated the css once more.&lt;/p&gt;
&lt;p&gt;If you&amp;rsquo;re using a dark theme in your browser, the website will follow suit and change to darker colors.&lt;/p&gt;
&lt;p&gt;I did this by setting the light theme to be by default for more readability:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;:&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#fafafa&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#2f343f&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#4084d6&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;93&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;99&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn&amp;rsquo;t know this stuff existed, thought webshits just use java script for everything, but I guess I&amp;rsquo;m wrong.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#c678dd&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#c7bf54&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;prefers-color-scheme&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;dark&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; :&lt;span style=&#34;color:#e5c07b&#34;&gt;root&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--bg&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#141414&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--fg&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;232&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;228&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--links&lt;/span&gt;: &lt;span style=&#34;color:#d19a66&#34;&gt;#5da0f2&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#dcaeea&#34;&gt;--muted_text&lt;/span&gt;: &lt;span style=&#34;color:#ef8383&#34;&gt;rgb&lt;/span&gt;(&lt;span style=&#34;color:#d19a66&#34;&gt;179&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;182&lt;/span&gt;, &lt;span style=&#34;color:#d19a66&#34;&gt;186&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And this is how CSS variables are used:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;body&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;font-family&lt;/span&gt;: &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;sans-serif&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;bg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c678dd&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#00b1f7&#34;&gt;var&lt;/span&gt;(&lt;span style=&#34;color:#c7bf54&#34;&gt;--&lt;/span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;fg&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>
@ -3030,28 +3059,52 @@ List of Works Cited&lt;/p&gt;
&lt;li&gt;Add the following line inside it&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;For config.toml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[&lt;span style=&#34;color:#c1abea&#34;&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#c1abea&#34;&gt;description&lt;/span&gt; = &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;The global meta description of your website&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;For config.yaml&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;params&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; &lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#98c379&#34;&gt;The global meta description of your website&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;It won&amp;rsquo;t work just yet because you have to update the &lt;code&gt;baseof.html&lt;/code&gt; file.&lt;/p&gt;
&lt;h3 id=&#34;updating-the-baseofhtml-file&#34;&gt;Updating the baseof.html file&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Locate baseof.html&lt;/li&gt;
&lt;li&gt;Add or change the meta description line with the following&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&amp;lt;&lt;span style=&#34;color:#e06c75&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;name&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;description&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b3d23c&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#c7bf54&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#98c379&#34;&gt;&amp;#34;{{ if .Page.Params.description }}{{ .Page.Params.description }}{{ else if .Summary}}{{ .Summary }}{{else}}{{ .Site.Params.description}}{{ end }}&amp;#34;&lt;/span&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;And now if you start your Hugo server locally with &lt;code&gt;hugo serve --noHTTPCache&lt;/code&gt; and you right click on your page -&amp;gt; View Page Source -&amp;gt; Search for the meta description tag. It should match what you left in the config file.&lt;/p&gt;
&lt;h3 id=&#34;replacing-the-global-description-with-a-custom-one&#34;&gt;Replacing the global description with a custom one&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Have a markdown file ready&lt;/li&gt;
&lt;li&gt;In the preamble, add&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#e06c75&#34;&gt;description&lt;/span&gt;: &lt;span style=&#34;color:#63c381&#34;&gt;&amp;#34;Your custom description for this page&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#76a9f9&#34;&gt;---&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Following these steps would guarantee that you have a meta description for everypage with the ability for creating a custom one whenever you need it!&lt;/p&gt;
</description>
</item>
@ -3065,19 +3118,28 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;I wanted to order &lt;a href=&#34;https://vodoraslo.xyz/library/hackbook&#34;&gt;Hackbook&lt;/a&gt; in reverse (i.e. oldest to newest) so that it&amp;rsquo;s easier for the reader to start at the correct page.&lt;/p&gt;
&lt;p&gt;I ran into the following problem - the default &lt;code&gt;list.html&lt;/code&gt; does them from newest to oldest.&lt;/p&gt;
&lt;p&gt;So I found &lt;a href=&#34;https://discourse.gohugo.io/t/two-home-pages/31312/9&#34;&gt;this forum post&lt;/a&gt; and I created a file in the &lt;code&gt;_default&lt;/code&gt; directory as follows:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;layouts
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;layouts
|----**_default**
|-------**hackbook**
|-----------**order-by-oldest.html**
|-------baseof.html
|-------index.html
|-------list.html
|-------single.html
&lt;/code&gt;&lt;/pre&gt;
|-------single.html &lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;figure &gt;&lt;img src=&#34;https://vodoraslo.xyz/img/custom-index-directory.PNG&#34; alt=&#34;Picture of the directory&#34;&gt;&lt;/figure&gt;
&lt;p&gt;I named my file order by oldest because I plan on reusing it in other places. This is what&amp;rsquo;s contained inside it:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;{{ define &amp;#34;title&amp;#34; -}}
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;{{ define &amp;#34;title&amp;#34; -}}
{{ .Title | title }}
{{- end }}
{{ define &amp;#34;main&amp;#34; -}}
@ -3093,8 +3155,9 @@ List of Works Cited&lt;/p&gt;
&amp;lt;/li&amp;gt;
{{- end }}
&amp;lt;/ul&amp;gt;
{{- end }}
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
{{- end }}&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;If you want to display the date on the left of the titles, you have to add &lt;code&gt;datesinlist=true&lt;/code&gt; in your config.toml or &lt;code&gt;datesinlist: true&lt;/code&gt; in your config.yaml&lt;/p&gt;
&lt;p&gt;You probably don&amp;rsquo;t need &lt;code&gt;enableGitInfo = true&lt;/code&gt; as that will crash your website, I have no idea what it does, you don&amp;rsquo;t need it.&lt;/p&gt;
&lt;h2 id=&#34;using-your-custom-_indexhtml&#34;&gt;Using your custom _index.html&lt;/h2&gt;
&lt;p&gt;After creating your custom _index.html you&amp;rsquo;d use it as follows:&lt;/p&gt;
@ -3107,7 +3170,11 @@ List of Works Cited&lt;/p&gt;
&lt;p&gt;And now you should have a custom _index.html for your pages! :)&lt;/p&gt;
&lt;p&gt;Here is a verbose copy paste of the original hugo forum answer in case it gets deleted:&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;Content structure:
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code class=&#34;language-&#34; data-lang=&#34;&#34;&gt;Content structure:
content
├── better
@ -3120,13 +3187,13 @@ content
content/better/_index.md
+++
&amp;#43;&amp;#43;&amp;#43;
title = &amp;#34;Better&amp;#34;
date = 2021-03-04T17:02:42-08:00
draft = false
type = &amp;#34;post&amp;#34;
layout = &amp;#34;posts-by-lastmod&amp;#34;
+++
&amp;#43;&amp;#43;&amp;#43;
Template structure:
@ -3159,8 +3226,9 @@ layouts/index.html
config.toml (see https://gohugo.io/variables/git/#lastmod)
enableGitInfo = true
&lt;/code&gt;&lt;/pre&gt;</description>
enableGitInfo = true&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</description>
</item>
<item>
@ -5162,8 +5230,14 @@ formed does not list Internet pornography as one of the addictions that it provi
<description>&lt;h3 id=&#34;this-is-my-first-entry-and-im-already-having-issues-lol&#34;&gt;this is my first entry and i&amp;rsquo;m already having issues lol&lt;/h3&gt;
&lt;p&gt;So I wanted to make a quick entry, see how it looks like and I stumbled upon this issue of hugo pluralzing Blog into Blogs&lt;/p&gt;
&lt;p&gt;You can fix this in config.toml with the following line&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#b0c4de;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#c1abea&#34;&gt;pluralizelisttitles&lt;/span&gt; = &lt;span style=&#34;color:#b756ff;font-weight:bold&#34;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
</description>
</item>
<item>

Some files were not shown because too many files have changed in this diff Show more