reflect new article arrangement

21 files changed, 257 insertions, 44 deletions

diff --git a/blog/dst/a/el_blog_ya_tiene_timestamps.html b/blog/dst/a/el_blog_ya_tiene_timestamps.html
index e27e355..497e7b0 100644
--- a/blog/dst/a/el_blog_ya_tiene_timestamps.html
+++ b/blog/dst/a/el_blog_ya_tiene_timestamps.html
@@ -67,10 +67,18 @@
 <p>Pues eso, esta entrada es sólo para tirar update sobre mi <a href="https://blog.luevano.xyz/a/first_blog_post.html">primer post</a>. Ya modifiqué el <code>ssg</code> lo suficiente como para que maneje los <em>timestamps</em>, y ya estoy más familiarizado con este script entonces ya lo podré extender más, pero por ahora las entradas ya tienen su fecha de creación (y modificación en dado caso) al final y en el índice ya están organizados por fecha, que por ahora está algo simple pero está sencillo de extender.</p>
 <p>Ya lo único que queda es cambiar un poco el formato del blog (y de la página en general), porque en un momento de desesperación puse todo el texto en justificado y pues no se ve chido siempre, entonces queda corregir eso. <em>Y aunque me tomó más tiempo del que quisiera, así nomás quedó, diría un cierto personaje.</em></p>
 <p>El <code>ssg</code> modificado está en mis <a href="https://git.luevano.xyz/.dots">dotfiles</a> (o directamente <a href="https://git.luevano.xyz/.dots/tree/.local/bin/ssg">aquí</a>).</p>
-<p>Por último, también quité las extensiones <code>.html</code> de las URLs, porque se veía bien pitero, pero igual los links con <code>.html</code> al final redirigen a su link sin <code>.html</code>, así que no hay rollo alguno.</p>  <p>Tags: 
-<a href="https://blog.luevano.xyz/tag/@short.html">short</a>, <a href="https://blog.luevano.xyz/tag/@spanish.html">spanish</a>, <a href="https://blog.luevano.xyz/tag/@tools.html">tools</a>, <a href="https://blog.luevano.xyz/tag/@update.html">update</a></p>
+<p>Por último, también quité las extensiones <code>.html</code> de las URLs, porque se veía bien pitero, pero igual los links con <code>.html</code> al final redirigen a su link sin <code>.html</code>, así que no hay rollo alguno.</p>
+<hr>
+<div class="article-info">
 <p>By: David Luévano</p>
-<p>Created: Tue, Mar 16, 2021 @ 02:46 UTC, edited: Mon, May 17, 2021 @ 20:53 UTC</p>
+<p>Created: Tue, Mar 16, 2021 @ 02:46 UTC</p>
+<p>Edited: Mon, May 17, 2021 @ 20:53 UTC</p>
+<div class="article-tags">
+  <p>Tags: 
+<a href="https://blog.luevano.xyz/tag/@short.html">short</a>, <a href="https://blog.luevano.xyz/tag/@spanish.html">spanish</a>, <a href="https://blog.luevano.xyz/tag/@tools.html">tools</a>, <a href="https://blog.luevano.xyz/tag/@update.html">update</a></p>
+</div>
+
+</div>
     </main>
 
     <footer>
diff --git a/blog/dst/a/first_blog_post.html b/blog/dst/a/first_blog_post.html
index 63bb681..b02dec0 100644
--- a/blog/dst/a/first_blog_post.html
+++ b/blog/dst/a/first_blog_post.html
@@ -66,10 +66,18 @@
 <h1>This is the first blog post, just for testing purposes</h1>
 <p>I&rsquo;m making this post just to figure out how <a href="https://www.romanzolotarev.com/ssg.html"><code>ssg5</code></a> and <a href="https://kristaps.bsd.lv/lowdown/"><code>lowdown</code></a> are supposed to work (and eventually also <a href="https://www.romanzolotarev.com/rssg.html"><code>rssg</code></a>).</p>
 <p>At the moment, I&rsquo;m not satisfied because there&rsquo;s no automatic date insertion into the 1) html file, 2) the blog post itself and 3) the listing system in the <a href="https://blog.luevano.xyz/">blog homepage</a> (and there&rsquo;s also the problem with the ordering of the entries&hellip;). And all of this just because I didn&rsquo;t want to use <a href="https://github.com/LukeSmithxyz/lb">Luke&rsquo;s</a> solution (don&rsquo;t really like that much how he handles the scripts&hellip; <em>but they just work</em>).</p>
-<p>Hopefully, for tomorrow all of this will be sorted out and I&rsquo;ll have a working blog system.</p>  <p>Tags: 
-<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@short.html">short</a>, <a href="https://blog.luevano.xyz/tag/@tools.html">tools</a>, <a href="https://blog.luevano.xyz/tag/@update.html">update</a></p>
+<p>Hopefully, for tomorrow all of this will be sorted out and I&rsquo;ll have a working blog system.</p>
+<hr>
+<div class="article-info">
 <p>By: David Luévano</p>
-<p>Created: Sat, Feb 27, 2021 @ 13:08 UTC, edited: Mon, May 17, 2021 @ 20:53 UTC</p>
+<p>Created: Sat, Feb 27, 2021 @ 13:08 UTC</p>
+<p>Edited: Mon, May 17, 2021 @ 20:53 UTC</p>
+<div class="article-tags">
+  <p>Tags: 
+<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@short.html">short</a>, <a href="https://blog.luevano.xyz/tag/@tools.html">tools</a>, <a href="https://blog.luevano.xyz/tag/@update.html">update</a></p>
+</div>
+
+</div>
     </main>
 
     <footer>
diff --git a/blog/dst/a/git_server_with_cgit.html b/blog/dst/a/git_server_with_cgit.html
index 01a3820..e808be2 100644
--- a/blog/dst/a/git_server_with_cgit.html
+++ b/blog/dst/a/git_server_with_cgit.html
@@ -170,10 +170,18 @@ repo.desc=These are my personal dotfiles.
 ...
 </code></pre>
 <p>Otherwise you could let <code>cgit</code> to automatically detect your repositories (you have to be careful if you want to keep &ldquo;private&rdquo; repos) using the option <code>scan-path</code> and setup <code>.git/description</code> for each repository. I will add more to my actual configuration, but for now it is useful as it is. For more, you can check <a href="https://man.archlinux.org/man/cgitrc.5">cgitrc(5)</a>.</p>
-<p>Finally, if you want further support for highlighting, other compressed snapshots or support for markdown, checkout the optional dependencies for <code>cgit</code> and also the Arch Wiki goes in detail on how to setup highlighting with two different packages.</p>  <p>Tags: 
-<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@git.html">git</a>, <a href="https://blog.luevano.xyz/tag/@nginx.html">nginx</a>, <a href="https://blog.luevano.xyz/tag/@tools.html">tools</a>, <a href="https://blog.luevano.xyz/tag/@tutorial.html">tutorial</a></p>
+<p>Finally, if you want further support for highlighting, other compressed snapshots or support for markdown, checkout the optional dependencies for <code>cgit</code> and also the Arch Wiki goes in detail on how to setup highlighting with two different packages.</p>
+<hr>
+<div class="article-info">
 <p>By: David Luévano</p>
-<p>Created: Sun, Mar 21, 2021 @ 19:00 UTC, edited: Mon, May 17, 2021 @ 21:03 UTC</p>
+<p>Created: Sun, Mar 21, 2021 @ 19:00 UTC</p>
+<p>Edited: Mon, May 17, 2021 @ 21:03 UTC</p>
+<div class="article-tags">
+  <p>Tags: 
+<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@git.html">git</a>, <a href="https://blog.luevano.xyz/tag/@nginx.html">nginx</a>, <a href="https://blog.luevano.xyz/tag/@tools.html">tools</a>, <a href="https://blog.luevano.xyz/tag/@tutorial.html">tutorial</a></p>
+</div>
+
+</div>
     </main>
 
     <footer>
diff --git a/blog/dst/a/linux_video_notes.html b/blog/dst/a/linux_video_notes.html
index b9ef8f3..4b87b08 100644
--- a/blog/dst/a/linux_video_notes.html
+++ b/blog/dst/a/linux_video_notes.html
@@ -139,10 +139,18 @@
 <li><code>netstat</code>: &ldquo;network statistics&rdquo; general statistics about network devices usage, display connections to the machine and more.</li>
 <li><code>traceroute</code>: shows the route that the packets go through (how the packets jump from one server to another one) when trying to access an IP (or, for example, a website).</li>
 <li><code>nmap</code>: &ldquo;network mapper&rdquo; explore network available hosts, opened ports, reverse DNS names, can guess the operating system of the device, it&rsquo;s type, MAC address and more.</li>
-</ul>  <p>Tags: 
-<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@linux.html">linux</a>, <a href="https://blog.luevano.xyz/tag/@notes.html">notes</a></p>
+</ul>
+<hr>
+<div class="article-info">
 <p>By: David Luévano</p>
-<p>Created: Sun, Mar 14, 2021 @ 05:57 UTC, edited: Mon, May 17, 2021 @ 20:59 UTC</p>
+<p>Created: Sun, Mar 14, 2021 @ 05:57 UTC</p>
+<p>Edited: Mon, May 17, 2021 @ 20:59 UTC</p>
+<div class="article-tags">
+  <p>Tags: 
+<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@linux.html">linux</a>, <a href="https://blog.luevano.xyz/tag/@notes.html">notes</a></p>
+</div>
+
+</div>
     </main>
 
     <footer>
diff --git a/blog/dst/a/mail_server_with_postfix.html b/blog/dst/a/mail_server_with_postfix.html
index b5083ea..f6477ac 100644
--- a/blog/dst/a/mail_server_with_postfix.html
+++ b/blog/dst/a/mail_server_with_postfix.html
@@ -425,10 +425,18 @@ systemctl enable spamassassin.service
 <p>All that&rsquo;s left to do is test your mail server for spoofing, and to see if everything is setup correctly. Go to <a href="https://www.appmaildev.com/en/dkim">DKIM Test</a> and follow the instructions (basically click next, and send an email with whatever content to the email that they provide). After you send the email, you should see something like:</p>
 <p><img alt="DKIM Test successful" src="https://static.luevano.xyz/images/b/notes/mail/dkim_test_successful.png"></p>
 <p>(Yes, I blurred a lot in the picture just to be sure, either way what&rsquo;s important is the list on the bottom part of the image)</p>
-<p>Finally, that&rsquo;s actually it for this entry, if you have any problem whatsoever you have my info down below.</p>  <p>Tags: 
-<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@mail.html">mail</a>, <a href="https://blog.luevano.xyz/tag/@server.html">server</a>, <a href="https://blog.luevano.xyz/tag/@tools.html">tools</a>, <a href="https://blog.luevano.xyz/tag/@tutorial.html">tutorial</a></p>
+<p>Finally, that&rsquo;s actually it for this entry, if you have any problem whatsoever you have my info down below.</p>
+<hr>
+<div class="article-info">
 <p>By: David Luévano</p>
-<p>Created: Sun, Mar 21, 2021 @ 04:05 UTC, edited: Mon, May 17, 2021 @ 21:04 UTC</p>
+<p>Created: Sun, Mar 21, 2021 @ 04:05 UTC</p>
+<p>Edited: Mon, May 17, 2021 @ 21:04 UTC</p>
+<div class="article-tags">
+  <p>Tags: 
+<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@mail.html">mail</a>, <a href="https://blog.luevano.xyz/tag/@server.html">server</a>, <a href="https://blog.luevano.xyz/tag/@tools.html">tools</a>, <a href="https://blog.luevano.xyz/tag/@tutorial.html">tutorial</a></p>
+</div>
+
+</div>
     </main>
 
     <footer>
diff --git a/blog/dst/a/new_blogging_system.html b/blog/dst/a/new_blogging_system.html
new file mode 100644
index 0000000..a5d9a2a
--- /dev/null
+++ b/blog/dst/a/new_blogging_system.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <base href="https://static.luevano.xyz/">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>I'm using a new blogging system -- Luévano's Blog</title>
+    <link rel="alternate" type="application/rss+xml" href="https://blog.luevano.xyz/rss.xml" title="Luévano's Blog RSS">
+    <link rel="icon" href="images/icons/favicon.ico">
+
+    <!-- general style -->
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
+
+    <!-- highlight support for code blocks -->
+    <script type="text/javascript" src="hl/highlight.min.js"></script>
+    <script type="text/javascript">hljs.initHighlightingOnLoad();</script>
+
+    <!-- theme related -->
+    <script type="text/javascript" src="scripts/theme.js"></script>
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/solarized-dark.min.css">
+  </head>
+
+  <body>
+    <header>
+      <nav>
+        <ul>
+          <li>
+            <a href="https://luevano.xyz/"><i class="fas fa-home" alt="Home"></i><span>Home</span></a>
+          </li>
+
+          <li>
+            <a href="https://blog.luevano.xyz/"><i class="fas fa-book-open" alt="Blog"></i><span>Blog</span></a>
+          </li>
+
+          <li><i class="fab fa-git" alt="Git"></i><span>Git</span>
+            <ul>
+              <li><a href="https://git.luevano.xyz/" target="_blank"><i class="fab fa-git-alt" alt="Git-alt"></i></a></li>
+
+              <li><a href="https://github.com/luevano" target="_blank"><i class="fab fa-github" alt="Github"></i></a></li>
+
+              <li><a href="https://gitlab.com/dluevano" target="_blank"><i class="fab fa-gitlab" alt="Gitlab"></i></a></li>
+            </ul>
+          </li>
+
+          <li><i class="fas fa-box-open" alt="Stuff"></i><span>Stuff</span>
+            <ul>
+              <li><a href="https://gb.luevano.xyz/"><i class="fas fa-gamepad" alt="Gameboy"></i><span>Gameboy</span></a></li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+
+      <div class="theme-switch-container">
+        <i class="fas fa-sun"></i>
+        <label class="switch theme">
+          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
+          <span class="slider round"></span>
+        </label>
+        <i class="fas fa-moon"></i>
+      </div>
+    </header>
+
+    <main>
+<h1>I'm using a new blogging system</h1>
+<p>So, I was tired of working with <code>ssg</code> (and then <code>sbg</code> which was a modified version of <code>ssg</code> that I &ldquo;wrote&rdquo;), for one general reason: not being able to extend it as I would like; and not just dumb little stuff, I wanted to be able to have more control, to add tags (which another tool that I found does: <code>blogit</code>), and even more in a future.</p>
+<p>The solution? Write a new program &ldquo;from scratch&rdquo; in <em>pYtHoN</em>. Yes it is bloated, yes it is in its early stages, but it works just as I want it to work, and I&rsquo;m pretty happy so far with the results and have with even more ideas in mind to &ldquo;optimize&rdquo; and generally clean my wOrKfLoW to post new blog entries. I even thought of using it for posting into a &ldquo;feed&rdquo; like gallery for drawings or pictures in general.</p>
+<p>I called it <a href="https://github.com/luevano/pyssg"><code>pyssg</code></a>, because it sounds nice and it wasn&rsquo;t taken in the PyPi. It is just a terminal program that reads either a configuration file or the options passed as flags when calling the program.</p>
+<p>It still uses Markdown files because I find them very easy to work with. And instead of just having a &ldquo;header&rdquo; and a &ldquo;footer&rdquo; applied to each parsed entry, you will have templates (generated with the program) for each piece that I thought made sense (idea taken from <code>blogit</code>): the common header and footer, the common header and footer for each entry and, header, footer and list elements for articles and tags. When parsing the Markdown file these templates are applied and stitched together to make a single HTML file. Also generates an RSS feed and the <code>sitemap.xml</code> file, which is nice.</p>
+<p>It might sound convoluted, but it works pretty well, with of course room to improve; I&rsquo;m open to suggestions, issue reporting or direct contributions <a href="https://github.com/luevano/pyssg">here</a>. BTW, it only works on Linux for now (and don&rsquo;t think on making it work on windows, but feel free to do PR for the compatibility).</p>
+<p>That&rsquo;s it for now, the new RSS feed is available here: <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>.</p>
+<hr>
+<div class="article-info">
+<p>By: David Luévano</p>
+<p>Created: Fri, May 28, 2021 @ 03:21 UTC</p>
+<p>Edited: Fri, May 28, 2021 @ 03:42 UTC</p>
+<div class="article-tags">
+  <p>Tags: 
+<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@short.html">short</a>, <a href="https://blog.luevano.xyz/tag/@tools.html">tools</a>, <a href="https://blog.luevano.xyz/tag/@update.html">update</a></p>
+</div>
+
+</div>
+    </main>
+
+    <footer>
+      <i class="fas fa-rss" alt="RSS"></i>
+      <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
+      <br>
+
+      <i class="fas fa-envelope" alt="Email"></i>
+      <a href="mailto:david@luevano.xyz">david@luevano.xyz</a>
+      <br>
+
+      <i class="fas fa-donate" alt="Donate"></i>
+      <a href="https://luevano.xyz/donate.html">Donate</a>
+      <br>
+
+      <i class="fas fa-hammer" alt="Hammer"></i>
+      Created with <a href="https://github.com/luevano/pyssg">pyssg</a> by David Luévano
+      <br>
+
+      Copyright <i class="fas fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+    </footer>
+  </body>
+</html>
diff --git a/blog/dst/a/shell_scripting.html b/blog/dst/a/shell_scripting.html
index b7eb3c8..e1d04c9 100644
--- a/blog/dst/a/shell_scripting.html
+++ b/blog/dst/a/shell_scripting.html
@@ -264,10 +264,18 @@ function_name () {
     do_something
 }
 </code></pre>
-<p>Functions can also take arguments and can access their individual arguments (each function will have a different &ldquo;storage&rdquo; for their arguments). Functions can also be nested. Here <code>exit</code> will not only will finish the function code, but also the shell script that called it, instead use <code>return</code> plus an exit code to just exit the function.</p>  <p>Tags: 
-<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@linux.html">linux</a>, <a href="https://blog.luevano.xyz/tag/@notes.html">notes</a>, <a href="https://blog.luevano.xyz/tag/@scripting.html">scripting</a>, <a href="https://blog.luevano.xyz/tag/@shell.html">shell</a></p>
+<p>Functions can also take arguments and can access their individual arguments (each function will have a different &ldquo;storage&rdquo; for their arguments). Functions can also be nested. Here <code>exit</code> will not only will finish the function code, but also the shell script that called it, instead use <code>return</code> plus an exit code to just exit the function.</p>
+<hr>
+<div class="article-info">
 <p>By: David Luévano</p>
-<p>Created: Sun, Mar 14, 2021 @ 05:57 UTC, edited: Mon, May 17, 2021 @ 20:58 UTC</p>
+<p>Created: Sun, Mar 14, 2021 @ 05:57 UTC</p>
+<p>Edited: Mon, May 17, 2021 @ 20:58 UTC</p>
+<div class="article-tags">
+  <p>Tags: 
+<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@linux.html">linux</a>, <a href="https://blog.luevano.xyz/tag/@notes.html">notes</a>, <a href="https://blog.luevano.xyz/tag/@scripting.html">scripting</a>, <a href="https://blog.luevano.xyz/tag/@shell.html">shell</a></p>
+</div>
+
+</div>
     </main>
 
     <footer>
diff --git a/blog/dst/a/sql_video_notes.html b/blog/dst/a/sql_video_notes.html
index b47a9e0..5773379 100644
--- a/blog/dst/a/sql_video_notes.html
+++ b/blog/dst/a/sql_video_notes.html
@@ -199,10 +199,18 @@
 <li><strong>Weak entity&rsquo;s primary key</strong>: oval with its text underlined, but the line is dotted.</li>
 <li><strong>Identifying relationship</strong>: a diamond inside a diamond with its name inside; a relationship that serves to uniquely identify the weak entity.</li>
 </ul>
-<p><img alt="ERD example taken from wikipedia" src="https://static.luevano.xyz/images/b/notes/sql/erd_example.png"></p>  <p>Tags: 
-<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@notes.html">notes</a>, <a href="https://blog.luevano.xyz/tag/@sql.html">sql</a></p>
+<p><img alt="ERD example taken from wikipedia" src="https://static.luevano.xyz/images/b/notes/sql/erd_example.png"></p>
+<hr>
+<div class="article-info">
 <p>By: David Luévano</p>
-<p>Created: Tue, Mar 02, 2021 @ 14:35 UTC, edited: Mon, May 17, 2021 @ 20:59 UTC</p>
+<p>Created: Tue, Mar 02, 2021 @ 14:35 UTC</p>
+<p>Edited: Mon, May 17, 2021 @ 20:59 UTC</p>
+<div class="article-tags">
+  <p>Tags: 
+<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@notes.html">notes</a>, <a href="https://blog.luevano.xyz/tag/@sql.html">sql</a></p>
+</div>
+
+</div>
     </main>
 
     <footer>
diff --git a/blog/dst/a/website_with_nginx.html b/blog/dst/a/website_with_nginx.html
index a36ab54..e7481c9 100644
--- a/blog/dst/a/website_with_nginx.html
+++ b/blog/dst/a/website_with_nginx.html
@@ -175,10 +175,18 @@ systemctl restart nginx
 </code></pre>
 <p>And a file will be opened where you need to add a new rule for certbot, just append the line: <code>1 1 1 * * certbot renew</code> (renew on the first day of every month) and you&rsquo;re good. Alternatively use <code>systemd</code> timers as stated in the <a href="https://wiki.archlinux.org/index.php/Certbot#Automatic_renewal">Arch Linux Wiki</a>.</p>
 <p>For more: <a href="https://wiki.archlinux.org/index.php/Certbot">Arch Linux Wiki: Certbot</a>.</p>
-<p>That&rsquo;s it, you now have a website with SSL certificate.</p>  <p>Tags: 
-<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@nginx.html">nginx</a>, <a href="https://blog.luevano.xyz/tag/@tools.html">tools</a>, <a href="https://blog.luevano.xyz/tag/@tutorial.html">tutorial</a></p>
+<p>That&rsquo;s it, you now have a website with SSL certificate.</p>
+<hr>
+<div class="article-info">
 <p>By: David Luévano</p>
-<p>Created: Fri, Mar 19, 2021 @ 02:58 UTC, edited: Mon, May 17, 2021 @ 21:04 UTC</p>
+<p>Created: Fri, Mar 19, 2021 @ 02:58 UTC</p>
+<p>Edited: Mon, May 17, 2021 @ 21:04 UTC</p>
+<div class="article-tags">
+  <p>Tags: 
+<a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@nginx.html">nginx</a>, <a href="https://blog.luevano.xyz/tag/@tools.html">tools</a>, <a href="https://blog.luevano.xyz/tag/@tutorial.html">tutorial</a></p>
+</div>
+
+</div>
     </main>
 
     <footer>
diff --git a/blog/dst/index.html b/blog/dst/index.html
index f947bca..ec50cc0 100644
--- a/blog/dst/index.html
+++ b/blog/dst/index.html
@@ -72,10 +72,14 @@ Welcome to my blog where I'll post whatever I please, ranging from rants to how-
 <p>
 Get the RSS feed: <a target="_blank" href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>
 </p>
+<div class="article-tags">
   <p>Tags: 
 <a href="https://blog.luevano.xyz/tag/@english.html">english</a>, <a href="https://blog.luevano.xyz/tag/@git.html">git</a>, <a href="https://blog.luevano.xyz/tag/@linux.html">linux</a>, <a href="https://blog.luevano.xyz/tag/@mail.html">mail</a>, <a href="https://blog.luevano.xyz/tag/@nginx.html">nginx</a>, <a href="https://blog.luevano.xyz/tag/@notes.html">notes</a>, <a href="https://blog.luevano.xyz/tag/@scripting.html">scripting</a>, <a href="https://blog.luevano.xyz/tag/@server.html">server</a>, <a href="https://blog.luevano.xyz/tag/@shell.html">shell</a>, <a href="https://blog.luevano.xyz/tag/@short.html">short</a>, <a href="https://blog.luevano.xyz/tag/@spanish.html">spanish</a>, <a href="https://blog.luevano.xyz/tag/@sql.html">sql</a>, <a href="https://blog.luevano.xyz/tag/@tools.html">tools</a>, <a href="https://blog.luevano.xyz/tag/@tutorial.html">tutorial</a>, <a href="https://blog.luevano.xyz/tag/@update.html">update</a></p>
+</div>
 <h2>Articles</h2>
 <ul>
+<h3>May 2021</h3>
+<li>May 28 - <a href="https://blog.luevano.xyz/a/new_blogging_system.html">I'm using a new blogging system</a></li>
 <h3>March 2021</h3>
 <li>Mar 21 - <a href="https://blog.luevano.xyz/a/git_server_with_cgit.html">Create a git server and setup cgit web app (on Nginx)</a></li>
 <li>Mar 21 - <a href="https://blog.luevano.xyz/a/mail_server_with_postfix.html">Create a mail server with Postfix, Dovecot, SpamAssassin and OpenDKIM</a></li>
diff --git a/blog/dst/rss.xml b/blog/dst/rss.xml
index 875812e..01561d8 100644
--- a/blog/dst/rss.xml
+++ b/blog/dst/rss.xml
@@ -12,9 +12,9 @@
     <copyright>Copyright 2021 David Luévano Alvarado</copyright>
     <managingEditor>david@luevano.xyz (David Luévano Alvarado)</managingEditor>
     <webMaster>david@luevano.xyz (David Luévano Alvarado)</webMaster>
-    <pubDate>Wed, 26 May 2021 03:28:01 GMT</pubDate>
-    <lastBuildDate>Wed, 26 May 2021 03:28:01 GMT</lastBuildDate>
-    <generator>pyssg v0.3.2.dev4</generator>
+    <pubDate>Fri, 28 May 2021 03:47:01 GMT</pubDate>
+    <lastBuildDate>Fri, 28 May 2021 03:47:01 GMT</lastBuildDate>
+    <generator>pyssg v0.4.1.dev2</generator>
     <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
     <ttl>30</ttl>
     <image>
@@ -23,6 +23,23 @@
       <link>https://blog.luevano.xyz</link>
     </image>
     <item>
+      <title>I'm using a new blogging system</title>
+      <link>https://blog.luevano.xyz/a/new_blogging_system.html</link>
+      <guid isPermaLink="true">https://blog.luevano.xyz/a/new_blogging_system.html</guid>
+      <pubDate>Fri, 28 May 2021 03:21:39 GMT</pubDate>
+      <category>English</category>
+      <category>Short</category>
+      <category>Tools</category>
+      <category>Update</category>
+      <description>I created a new blogging system called pyssg, which is based on what I was using but, to be honest, better.</description>
+      <content:encoded><![CDATA[<p>So, I was tired of working with <code>ssg</code> (and then <code>sbg</code> which was a modified version of <code>ssg</code> that I &ldquo;wrote&rdquo;), for one general reason: not being able to extend it as I would like; and not just dumb little stuff, I wanted to be able to have more control, to add tags (which another tool that I found does: <code>blogit</code>), and even more in a future.</p>
+<p>The solution? Write a new program &ldquo;from scratch&rdquo; in <em>pYtHoN</em>. Yes it is bloated, yes it is in its early stages, but it works just as I want it to work, and I&rsquo;m pretty happy so far with the results and have with even more ideas in mind to &ldquo;optimize&rdquo; and generally clean my wOrKfLoW to post new blog entries. I even thought of using it for posting into a &ldquo;feed&rdquo; like gallery for drawings or pictures in general.</p>
+<p>I called it <a href="https://github.com/luevano/pyssg"><code>pyssg</code></a>, because it sounds nice and it wasn&rsquo;t taken in the PyPi. It is just a terminal program that reads either a configuration file or the options passed as flags when calling the program.</p>
+<p>It still uses Markdown files because I find them very easy to work with. And instead of just having a &ldquo;header&rdquo; and a &ldquo;footer&rdquo; applied to each parsed entry, you will have templates (generated with the program) for each piece that I thought made sense (idea taken from <code>blogit</code>): the common header and footer, the common header and footer for each entry and, header, footer and list elements for articles and tags. When parsing the Markdown file these templates are applied and stitched together to make a single HTML file. Also generates an RSS feed and the <code>sitemap.xml</code> file, which is nice.</p>
+<p>It might sound convoluted, but it works pretty well, with of course room to improve; I&rsquo;m open to suggestions, issue reporting or direct contributions <a href="https://github.com/luevano/pyssg">here</a>. BTW, it only works on Linux for now (and don&rsquo;t think on making it work on windows, but feel free to do PR for the compatibility).</p>
+<p>That&rsquo;s it for now, the new RSS feed is available here: <a href="https://blog.luevano.xyz/rss.xml">https://blog.luevano.xyz/rss.xml</a>.</p>]]></content:encoded>
+    </item>
+    <item>
       <title>Create a git server and setup cgit web app (on Nginx)</title>
       <link>https://blog.luevano.xyz/a/git_server_with_cgit.html</link>
       <guid isPermaLink="true">https://blog.luevano.xyz/a/git_server_with_cgit.html</guid>
diff --git a/blog/dst/sitemap.xml b/blog/dst/sitemap.xml
index 6aa55a1..15e0fe6 100644
--- a/blog/dst/sitemap.xml
+++ b/blog/dst/sitemap.xml
@@ -3,6 +3,12 @@
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
     <url>
+      <loc>https://blog.luevano.xyz/a/new_blogging_system.html</loc>
+      <lastmod>2021-05-28</lastmod>
+      <changefreq>weekly</changefreq>
+      <priority>1.0</priority>
+    </url>
+    <url>
       <loc>https://blog.luevano.xyz/a/git_server_with_cgit.html</loc>
       <lastmod>2021-05-17</lastmod>
       <changefreq>weekly</changefreq>
@@ -52,91 +58,91 @@
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@english.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@git.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@linux.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@mail.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@nginx.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@notes.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@scripting.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@server.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@shell.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@short.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@spanish.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@sql.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@tools.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@tutorial.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
     <url>
       <loc>https://blog.luevano.xyz/tag/@update.html</loc>
-      <lastmod>2021-05-26</lastmod>
+      <lastmod>2021-05-28</lastmod>
       <changefreq>daily</changefreq>
       <priority>0.5</priority>
     </url>
diff --git a/blog/dst/tag/@english.html b/blog/dst/tag/@english.html
index 236462e..208d69a 100644
--- a/blog/dst/tag/@english.html
+++ b/blog/dst/tag/@english.html
@@ -66,6 +66,8 @@
 <h1>Posts filtered by: english</h1>
 <h2>Articles</h2>
 <ul>
+<h3>May 2021</h3>
+<li>May 28 - <a href="https://blog.luevano.xyz/a/new_blogging_system.html">I'm using a new blogging system</a></li>
 <h3>March 2021</h3>
 <li>Mar 21 - <a href="https://blog.luevano.xyz/a/git_server_with_cgit.html">Create a git server and setup cgit web app (on Nginx)</a></li>
 <li>Mar 21 - <a href="https://blog.luevano.xyz/a/mail_server_with_postfix.html">Create a mail server with Postfix, Dovecot, SpamAssassin and OpenDKIM</a></li>
diff --git a/blog/dst/tag/@short.html b/blog/dst/tag/@short.html
index 5f9a11e..3c86aef 100644
--- a/blog/dst/tag/@short.html
+++ b/blog/dst/tag/@short.html
@@ -66,6 +66,8 @@
 <h1>Posts filtered by: short</h1>
 <h2>Articles</h2>
 <ul>
+<h3>May 2021</h3>
+<li>May 28 - <a href="https://blog.luevano.xyz/a/new_blogging_system.html">I'm using a new blogging system</a></li>
 <h3>March 2021</h3>
 <li>Mar 16 - <a href="https://blog.luevano.xyz/a/el_blog_ya_tiene_timestamps.html">Así es raza, el blog ya tiene timestamps</a></li>
 <h3>February 2021</h3>
diff --git a/blog/dst/tag/@tools.html b/blog/dst/tag/@tools.html
index 7adb5a1..af0e31e 100644
--- a/blog/dst/tag/@tools.html
+++ b/blog/dst/tag/@tools.html
@@ -66,6 +66,8 @@
 <h1>Posts filtered by: tools</h1>
 <h2>Articles</h2>
 <ul>
+<h3>May 2021</h3>
+<li>May 28 - <a href="https://blog.luevano.xyz/a/new_blogging_system.html">I'm using a new blogging system</a></li>
 <h3>March 2021</h3>
 <li>Mar 21 - <a href="https://blog.luevano.xyz/a/git_server_with_cgit.html">Create a git server and setup cgit web app (on Nginx)</a></li>
 <li>Mar 21 - <a href="https://blog.luevano.xyz/a/mail_server_with_postfix.html">Create a mail server with Postfix, Dovecot, SpamAssassin and OpenDKIM</a></li>
diff --git a/blog/dst/tag/@update.html b/blog/dst/tag/@update.html
index 6a59ce9..14bb765 100644
--- a/blog/dst/tag/@update.html
+++ b/blog/dst/tag/@update.html
@@ -66,6 +66,8 @@
 <h1>Posts filtered by: update</h1>
 <h2>Articles</h2>
 <ul>
+<h3>May 2021</h3>
+<li>May 28 - <a href="https://blog.luevano.xyz/a/new_blogging_system.html">I'm using a new blogging system</a></li>
 <h3>March 2021</h3>
 <li>Mar 16 - <a href="https://blog.luevano.xyz/a/el_blog_ya_tiene_timestamps.html">Así es raza, el blog ya tiene timestamps</a></li>
 <h3>February 2021</h3>
diff --git a/blog/src/.files b/blog/src/.files
index b677ff0..8f1eb14 100644
--- a/blog/src/.files
+++ b/blog/src/.files
@@ -6,3 +6,4 @@ a/sql_video_notes.md 1614695711.6048582 1621285193.115201 english,notes,sql
 a/first_blog_post.md 1614431313.2090824 1621284833.6700118 english,short,tools,update
 a/linux_video_notes.md 1615701443.6397786 1621285146.314528 english,linux,notes
 a/mail_server_with_postfix.md 1616299559.6570284 1621285463.4990773 english,mail,server,tools,tutorial
+a/new_blogging_system.md 1622172099.117893 1622173322.4337702 english,short,tools,update
diff --git a/blog/src/a/new_blogging_system.md b/blog/src/a/new_blogging_system.md
index 78db376..a855259 100644
--- a/blog/src/a/new_blogging_system.md
+++ b/blog/src/a/new_blogging_system.md
@@ -6,7 +6,6 @@ tags: short
 	update
 	tools
 	english
-	pyssg
 
 So, I was tired of working with `ssg` (and then `sbg` which was a modified version of `ssg` that I "wrote"), for one general reason: not being able to extend it as I would like; and not just dumb little stuff, I wanted to be able to have more control, to add tags (which another tool that I found does: `blogit`), and even more in a future.
 
diff --git a/blog/src/templates/article/footer.html b/blog/src/templates/article/footer.html
index 8778a5e..354aac2 100644
--- a/blog/src/templates/article/footer.html
+++ b/blog/src/templates/article/footer.html
@@ -1,2 +1,8 @@
+
+<hr>
+<div class="article-info">
 <p>By: $$AUTHOR</p>
-<p>Created: $$CTIME, edited: $$MTIME</p>
+<p>Created: $$CTIME</p>
+<p>Edited: $$MTIME</p>
+$$TAGS
+</div>
diff --git a/blog/src/templates/tag/list_footer.html b/blog/src/templates/tag/list_footer.html
index 8ce77e5..a1a9917 100644
--- a/blog/src/templates/tag/list_footer.html
+++ b/blog/src/templates/tag/list_footer.html
@@ -1 +1,2 @@
 </p>
+</div>
diff --git a/blog/src/templates/tag/list_header.html b/blog/src/templates/tag/list_header.html
index d12f767..af11130 100644
--- a/blog/src/templates/tag/list_header.html
+++ b/blog/src/templates/tag/list_header.html
@@ -1 +1,2 @@
+<div class="article-tags">
   <p>Tags: