create 404 error page

content/404.md

@@ -0,0 +1,8 @@
+---
+title: Error 404
+---
+
+# Error 404
+This page doesn't exist.
+
+![](/baby.gif)

content/_index.md

@@ -3,4 +3,9 @@ title: Santiago Forero
 ---
 # ~forero
 
-Hey, you made it to my site
+Hey, you made it to my site, I'm still working on it.
+
+Meanwhile you can check the existing sites:
+- [Friends](/friends) - A list of friends
+- [Projects](/projects) - My projects
+- [Donations](/donations) - Feeling generous?

content/about.md

@@ -16,10 +16,4 @@ I am 15 years old, I like computers, I'm ambidextrous and I'm an athlete.
 - [YouTube channel](https://www.youtube.com/channel/UC0l709qNeW3ZpZGdsR2Z6pw)
 - Instagram: [@santiagoforer](https://www.instagram.com/santiagoforer/)
 - GitHub: [forerosantiago](https://github.com/forerosantiago/)
-- Mastodon: [@forero@tilde.zone](https://tilde.zone/@forero)
-
-## contact
-- **email:** [santiago@forero.xyz](mailto:santiago@forero.xyz)
-- **irc:** I'm forero on libera.chat, [join #forero](https://web.libera.chat/#forero) or DM me
-- **discord:** Forero#9233
-
+- Mastodon: [@forero@tilde.zone](https://tilde.zone/@forero)

content/blog/setting up continuous deployment for my site.md

@@ -0,0 +1,20 @@
+---
+title: Setting up continuous deployment for my site
+author: Santiago Forero
+date: 2021-10-14T19:03:02Z
+---
+
+Hello, in today's post I will show you how I managed to set up [continuous deployment](https://en.wikipedia.org/wiki/Continuous_deployment) to my site.
+
+Before I explain anything, I want to tell you how was my workflow when I changed anything in my site:
+1. Make local changes
+2. Commit and push to the remote git repo
+3. SSH into my server
+4. Pull from the remote repo
+5. Execute the build command
+
+Doing this manually doesn't really take much time, however, it's fancier to do this automatically.
+
+In the beginning, I was thinking about setting up a [GitHub Action](https://github.com/features/actions) that basically accessed my server via SSH and executed the build commands, this isn't a really safe approach because I'm giving direct access to my machine even with an unprivileged user, I spent some time researching and asking in the **##github** IRC channel in Libera, someone suggested me to use webhooks, which mean that GitHub would make a post request to a specified endpoint, I decided that this was my best option so I started [searching](https://github.com/search?q=github+webhook+receiver) for services I could host in my machine, I found several options and I couldn't decide which one, so I made my own! A really simple node script that created an [express](http://expressjs.com/) web server that listened for post requests in some (very) secret endpoints and executed a small deploy script automatically when reached. This worked amazingly well in the first attempt. Now if I want to make changes to my computer I don't even need my computer! I can use GitHub's web editor to do anything and the changes are live almost instantly.
+
+Thank you for reading my post, let me know what you think and if you have ever done something like this.

content/contact me.md

@@ -0,0 +1,9 @@
+---
+title: Contact
+---
+
+# Contact
+- **email:** [santiago@forero.xyz](mailto:santiago@forero.xyz)
+- **irc:** I'm forero on libera.chat, [join #forero](https://web.libera.chat/#forero) or DM me.
+- **xmpp:** [forero@hmm.st](xmpp:forero@hmm.st)
+- **discord:** Forero#9233

content/friends.md

@@ -0,0 +1,18 @@
+---
+title: Friends
+---
+
+# Friends
+This is a list of cool people I have met online:
+
+- ## g1n
+    [website](https://g1n.ttm.sh/) - [mastodon](https://tilde.zone/@g1n/)
+
+    He is the creator of [GRU](https://g1n.ttm.sh/gru/), an organization that develops free and open source software, like the orion operation system, the yemu emulator and the orsh shell.
+
+- ## golfyado
+    [mastodon](https://fosstodon.org/@golfyado/) - [página web (neocities))](https://corporation.neocities.org/) - [página web (tp)](https://texto-plano.xyz/~golfyado/)
+
+    Alguna persona que le investiga casi* todo lo que se encuentra y le gustan las cosas retro y locas. Siempre busca estar fuera de lo común y quiere seguir investigando y aprendiendo hasta que muera.
+
+If you'd like to be here please [email me](mailto:santiago@forero.xyz).

content/projects.md

@@ -0,0 +1,18 @@
+---
+title: Projects
+---
+# Projects
+Here are my projects, they might not be programming-related:
+
+- ## [one second everyday](https://github.com/forerosantiago/one-second-everyday)
+    I'm recording one second clips everyday, I will put them together when I have a significant amount of videos (300+).
+
+- ## [forero.xyz](https://github.com/forerosantiago/site)
+    My website, made with [hugo](https://gohugo.io), an E/N (everything/nothing) website with a really simple blog.
+
+- ## [cactus-irc](https://tildegit.org/forero/cactus-irc/)
+    A really simple IRC bot inspired by CodingCactus' discord [Cactus bot](https://cactus-bot.codingcactus.codes/), you grow a cactus and try to become the tallest.
+
+    I made this project mainly to learn how to use [irc-framework](https://github.com/kiwiirc/irc-framework).
+
+I have more projects, check my [github profile](https://github.com/forerosantiago/) to see them.

layouts/404.html

@@ -0,0 +1,3 @@
+{{ define "main" }}
+	{{ .Content }}
+{{ end }}

layouts/partials/footer.html

@@ -10,8 +10,16 @@
     <p style="text-align: center;">
         <a href="https://hotlinewebring.club/forero/previous">&larr;</a> Hotline webring <a href="https://hotlinewebring.club/forero/next">&rarr;</a>
     </p>
+
+    <p style="text-align: center;">
+        <a href="https://xn--sr8hvo.ws/%F0%9F%95%9B%F0%9F%93%93%F0%9F%98%98/previous">&larr;</a> An IndieWeb Webring 🕸💍 <a href="https://xn--sr8hvo.ws/%F0%9F%95%9B%F0%9F%93%93%F0%9F%98%98/next">&rarr;</a>
+    </p>
+
     <p style="text-align: center;">
         <a href='https://webring.dinhe.net/prev/forero.xyz'>&larr;</a> Retronaut webring <a href='https://webring.dinhe.net/next/forero.xyz'>&rarr;</a>
     </p>
 
-</footer>
+    <a style="opacity: 100%;" href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank">
+            <img style="max-width: none; margin: auto; display:block;" src="/ad.png" alt="not an ad">
+    </a>
+</footer>

layouts/partials/nav.html

@@ -2,5 +2,5 @@
     <h2><a href="/">Santiago Forero</a></h2>
     <a href="/blog/">BLOG</a>
     <a href="/about/">ABOUT</a>
-    <a href="/donations/">DONATIONS</a>
+    <a href="/contact-me/">CONTACT</a>
 </nav>