update css and templates, add new entry

7 files changed, 33 insertions, 15 deletions

diff --git a/src/blog/a/hoy_toco_desarrollo_personaje.md b/src/blog/a/hoy_toco_desarrollo_personaje.md
index a32dd01..1cd9e89 100644
--- a/src/blog/a/hoy_toco_desarrollo_personaje.md
+++ b/src/blog/a/hoy_toco_desarrollo_personaje.md
@@ -3,6 +3,8 @@ author: David Luévano
 lang: es
 summary: Una breve historia sobre cómo estuvo mi día, porque me tocó desarrollo de personaje y lo quiero sacar del coraje que traigo.
 tags: spanish
+    update
+    rant
 
 Sabía que hoy no iba a ser un día tan bueno, pero no sabía que iba a estar tan horrible; me tocó desarrollo de personaje y saqué el *bad ending*.
 
diff --git a/src/blog/a/rewrote_pyssg_again.md b/src/blog/a/rewrote_pyssg_again.md
index b00538c..6e6b9c7 100644
--- a/src/blog/a/rewrote_pyssg_again.md
+++ b/src/blog/a/rewrote_pyssg_again.md
@@ -7,7 +7,7 @@ tags: update
 	short
 	english
 
-I've been wanting to change the way [`pyssg`](https://github.com/luevano/pyssg) reads config files and generates `HTML` files so that it is more flexible and I don't need to have 2 separate build commands and configs (for [blog](https://blog.luevano.xyz) and [art](https://art.luevano.xyz)), and also to handle other types of "sites"; because `pyssg` was built with blogging in mind, so it was a bit limited to how it could be used. So I had to kind of *rewrite* `pyssg`, and with the latest version I can now generate the whole site and use the same templates for everything, quite neat for my use case.
+I've been wanting to change the way [`pyssg`](${PYSSG_URL}) reads config files and generates `HTML` files so that it is more flexible and I don't need to have 2 separate build commands and configs (for [blog](https://blog.luevano.xyz) and [art](https://art.luevano.xyz)), and also to handle other types of "sites"; because `pyssg` was built with blogging in mind, so it was a bit limited to how it could be used. So I had to kind of *rewrite* `pyssg`, and with the latest version I can now generate the whole site and use the same templates for everything, quite neat for my use case.
 
 Anyways, so I bought a new domain for all `pyssg` related stuff, mostly because I wanted somewhere to test live builds while developing, it is of course [pyssg.xyz](https://pyssg.xyz); as of now it is the same template, CSS and scripts that I use here, probably will change in the future. I'll be testing new features and anything `pyssg` related stuff.
 
diff --git a/src/blog/a/updated_pyssg_pymdvar_and_website.md b/src/blog/a/updated_pyssg_pymdvar_and_website.md
new file mode 100644
index 0000000..f97fd3a
--- /dev/null
+++ b/src/blog/a/updated_pyssg_pymdvar_and_website.md
@@ -0,0 +1,16 @@
+title: Updated pyssg to include pymdvar and the website
+author: David Luévano
+lang: en
+summary: Worked on another update of pyssg which now includes my extension pymdvar and updated the website overall.
+tags: update
+    tools
+	short
+	english
+
+Again, I've updated [`pyssg`](${PYSSG_URL}) to add a bit of unit-testing as well as to include my extension [`pymdvar`](https://github.com/luevano/pymdvar) which is used to convert `${some_variables}` into their respective `values` based on a config file and/or environment variables. With this I also updated a bit of the CSS of the site as well as basically all the entries and base templates, a much needed update (for me, because externally doesn't look like much). Along with this I also added a "return to top" button, once you scroll enough on the site, a new button appears on the bottom right to get back to the top, also added table of contents to entries taht could use them (as well as a bit of CSS to them).
+
+This update took a long time because I had a fundamental issue with how I was managing the "static" website, where I host all assets such as CSS, JS, images, etc.. Because I was using the `<base>` HTML tag. The issue is that this tag affects everything and there is no "opt-out" on some body tags, meaning that I would have to write the whole URL for all static assets. So I tried looking into changing how the image extension for [`python-markdown`](https://python-markdown.github.io/) works, so that it includes this "base" URL I needed. But it was too much hassle, so I ended up developing my own extension mentioned earlier. Just as a side note, I noticed that my extension doesn't cover all my needs, so probably it wont cover yours, if you end up using it just test it out a bit yourself and then go ahead, PRs are welcomed.
+
+One thing led to another so I ended up changing a lot of stuff, and with changes comes tireness and eded up leaving the project for a while (again). This also led to not wanting to write or add anything else to the site until I sorted things out. But I'm again reviving it I guess, and up to the next cycle.
+
+The next things I'll be doing are continuing with my [@gamedev](https://blog.luevano.xyz/tag/@gamedev) journey and probably upload some drawings if I feel like doing some.
diff --git a/src/luevano.xyz/404.md b/src/luevano.xyz/404.md
index f0d8761..d041764 100644
--- a/src/luevano.xyz/404.md
+++ b/src/luevano.xyz/404.md
@@ -1,5 +1,5 @@
 title: 404 Not found
 
-![Stars](images/gifs/stars_1.gif)
+![Stars](images/gifs/stars_1.gif "Stars")
 
-Hey, it looks like the page you are looking for does not exist.
\ No newline at end of file
+Hey, it looks like the page you are looking for does not exist.
diff --git a/src/luevano.xyz/contact.md b/src/luevano.xyz/contact.md
index 625f5ee..0d528c5 100644
--- a/src/luevano.xyz/contact.md
+++ b/src/luevano.xyz/contact.md
@@ -1,6 +1,6 @@
 title: Contact
 
-<img class="wrap-right" src="images/gifs/head_talking_1_trans.gif" width="100px" alt="Contact info">
+<img class="wrap-right" src="https://static.luevano.xyz/images/gifs/head_talking_1_trans.gif" width="100px" alt="Contact info">
 
 You can contact me through:
 
@@ -11,4 +11,4 @@ You can contact me through:
 
 <a href='https://xmpp.net/result.php?domain=luevano.xyz&amp;type=client'><img src='https://xmpp.net/badge.php?domain=luevano.xyz' alt='xmpp.net score'/></a>
 
-- <i class="fa fa-matrix-org" alt="Matrix.org"></i> ~~Matrix: [@david:luevano.xyz](https://matrix.to/#/@david:luevano.xyz)~~ ^^Currently not using this.^^
\ No newline at end of file
+- <i class="fa fa-matrix-org" alt="Matrix.org"></i> ~~Matrix: [@david:luevano.xyz](https://matrix.to/#/@david:luevano.xyz)~~ ^^Currently not using this.^^
diff --git a/src/luevano.xyz/donate.md b/src/luevano.xyz/donate.md
index b5d78ef..fe5ef5d 100644
--- a/src/luevano.xyz/donate.md
+++ b/src/luevano.xyz/donate.md
@@ -1,6 +1,6 @@
 title: Donate
 
-<img class="wrap-right" src="images/gifs/dollar_sign_spin_1.gif" alt="Donate">
+<img class="wrap-right" src="https://static.luevano.xyz/images/gifs/dollar_sign_spin_1.gif" alt="Donate">
 
 I don't really do much on the internet nor do I provide any type of service, but still, if for some reason you want to donate, you can do it via my <i class="fab fa-paypal" alt="Paypal"></i> [PayPal](https://paypal.me/dlvna), either by its link or using my email <code class="email">david@luevano.xyz</code>.
 
@@ -13,15 +13,15 @@ I wanted to add more *fiat* options but I don't have access to them *down here*.
 
 <div class="crypto-grid">
   <figure>
-    <a target="_blank" href="images/crypto/monero.png">
-      <img class="qr" src="images/crypto/monero.png" alt="XMR QR">
+    <a target="_blank" href="https://static.luevano.xyz/images/crypto/monero.png">
+      <img class="qr" src="https://static.luevano.xyz/images/crypto/monero.png" alt="XMR QR">
     </a>
     <figcaption><i class="fab fa-monero" alt="Monero"></i> Monero</figcaption>
   </figure>
 
   <figure>
-    <a target="_blank" href="images/crypto/bitcoin.png">
-      <img class="qr" src="images/crypto/bitcoin.png" alt="BTC QR">
+    <a target="_blank" href="https://static.luevano.xyz/images/crypto/bitcoin.png">
+      <img class="qr" src="https://static.luevano.xyz/images/crypto/bitcoin.png" alt="BTC QR">
     </a>
     <figcaption><i class="fab fa-bitcoin" alt="Bitcoin"></i> Bitcoin</figcaption>
   </figure>
@@ -33,4 +33,4 @@ An indirect way of supporting me would be to use affiliate links (of stuff I act
 
 - [Vultr](https://www.vultr.com/?ref=8733834-6G): Reliable server hosting, I host <code class="link">luevano.xyz</code> here. **You get $100 USD in credit for a month and if you continue using the service I get $25 after you spend $25 yourself.**
 - [Hostodo](https://hostodo.com/portal/aff.php?aff=914): Cheaper server hosting, I hosted <code class="link">ezclap.xyz</code> here a while back, which is being used only for some game servers and "bigger" stuff. **I get 12% for every sale and renewal.**
-- [Epik](https://www.epik.com/?affid=da5ne9ru4): Domain registrar, where I buy my domains. **I get 20% of the initial sale.**
\ No newline at end of file
+- [Epik](https://www.epik.com/?affid=da5ne9ru4): Domain registrar, where I buy my domains. **I get 20% of the initial sale.**
diff --git a/src/luevano.xyz/index.md b/src/luevano.xyz/index.md
index 4a765d6..63180ff 100644
--- a/src/luevano.xyz/index.md
+++ b/src/luevano.xyz/index.md
@@ -4,15 +4,15 @@ title: Luévano's Site
 
 ==Currently recreating the site with the updated pyssg, things might be broken.==
 
-My name is David Luévano and this is my little piece of internet. I'm into alot of stuff, but mostly technology, drawing sometimes and... of course, gaming.
+My name is David Luévano and this is my little piece of internet. I'm into alot of stuff, but mostly technology in general, drawing sometimes and... of course, gaming.
 
-I have some sites setup here, such as a working [blog](https://blog.luevano.xyz/) where I post about whatever, an [art](https://art.luevano.xyz/) gallery, and other stuff (check the nav bar).
+I have some sites setup here, such as a working [blog](https://blog.luevano.xyz/) where I post every once in a while and an [art](https://art.luevano.xyz/) gallery; I've also got some other minor stuff too, such as a [git](https://git.luevano.xyz/) server. All of these also available on the top navigation bar.
 
-Also, yes, yes it is supposed to look like this. This isn't supposed to be a bloated *mOdErN* website; I use plain HTML and CSS and sometimes a bit of JS (meaning that I use no *rEaCt* nor *bOoTsTrAp*).
+I use plain HTML, CSS and a bit of raw JS for the site, nothing modern or bloated. Everything is built as a static site using my own tool [`pyssg`](${PYSSG_URL}) which is still a work in progress.
 
 ## <i class="fas fa-rss" alt="RSS"></i> RSS feeds
 
-Get updates about me or what I'm doing via RSS feeds. If you don't know what an RSS feed is: [RSS 2.0 Specification](https://www.rssboard.org/rss-specification), or *google is your friend*.
+Get updates about me or what I'm doing via RSS feeds.
 
 - <i class="fas fa-book-open" alt="Blog"></i> Blog: [https://blog.luevano.xyz/rss.xml](https://blog.luevano.xyz/rss.xml)
 - <i class="fas fa-paint-brush" alt="Art"></i> Art: [https://art.luevano.xyz/rss.xml](https://art.luevano.xyz/rss.xml)
\ No newline at end of file