Add Guestbook

about/index.html

@@ -9,6 +9,6 @@
 <a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/categories/>Category</a>
 <a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/tags/>Tag</a>
 <a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/posts/rss.xml>Rss</a>
-<a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/about/>?</a></div></div></nav><main id=main><div class="mt-16 justify-center relative"><div class="prose dark:prose-invert mx-auto max-w-4xl p-8 my-6"><div class=relative><h1>whoami</h1><img class="md:absolute md:top-0 md:right-0 block mt-6 md:mr-6 rounded w-40 h-auto" src=https://i.imgur.com/Jjl8THMh.jpg title="me. (REAL)"><div class="leading-normal text-sm"><p>Hello! I&rsquo;m r4sso</p><h2 id=contact>Contact</h2><ul><li>E-mail: <a href=mailto:[email protected]>[email protected]</a></li><li>Instagram: <a href=https://instagram.com/mfterm>@mfterm</a></li></ul><h2 id=support-me>Support Me</h2><p>Monero (<a href=/images/dono/monero.png>QR</a>):</p><pre tabindex=0><code>89VfjAENz2w5fWmmYyonP4KQyJjZ2iysEeevAXJcHCaTgDY3UBmAL223udSkLbapgUJnYxpwJ1MGKAvHLmtirjHA5C9kWSN
-</code></pre><h3 id=referring-link>Referring link</h3><ul><li><a href="https://tryhackme.com/signup?referrer=61cc8f44f3e9ee0051fe35a8">TryHackMe</a> - Cyber security learning platform.</li></ul><h3 id=about-this-website>About this website</h3><p>This site is a personal space where I share my knowledge, experiences, and stories. You&rsquo;ll find articles on various topics, including the research I conduct and notes about things I want to remember.</p><ul><li>Documenting what I learn.</li><li>Share my knowledge that might help others.</li></ul><p>This site is built with <a href=https://gohugo.io/>Hugo</a> & <a href=https://tailwindcss.com/>Tailwindss</a>, meant to be simple and lightweight.</p><blockquote><p>If you find any errors (e.g., grammar/spelling), feel free to open new issue on <a href=https://github.com/r4sso/r4sso.github.io/issues>Github</a></p></blockquote><h4 id=history-of-this-site>History of this site</h4><p>In 2020, I created this site for fun using plain HTML + CSS.</p><p>2021 and 2022, I stumbled upon the static site generator <code>jekyll</code>. After some exploring and tinkering with jekyll, I even experimented with different free domain names like <code>r4sso.cf</code>.</p><p>In Early 2023, after trying out numerous themes without finding the perfect fit, I took matters into my own hands and created my own personalized theme using <code>bootstrap</code>. Around that time, I also migrated my site to <code>hugo</code> and <code>tailwindcss</code>.</p></div></div></div></div><div class="bg-slate-200 dark:bg-gray-800 rounded-full fixed bottom-8 right-8"><button id=scroll-to-top class="rounded-full p-3 hidden text-black dark:text-white mb-1" onclick=scrollToTop() aria-label="Back to top"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up w-4 h-4"><path d="M18 15l-6-6-6 6"/></svg></button>
+<a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/about/>?</a></div></div></nav><main id=main><div class="mt-16 justify-center relative"><div class="prose dark:prose-invert mx-auto max-w-4xl p-8 my-6"><div class=relative><h1>whoami</h1><div class="leading-normal text-sm"><img class="float-none md:float-right md:mx-2 md:-mt-12 rounded w-40 h-auto" src=https://i.imgur.com/Jjl8THMh.jpg title="me. (REAL)"><p>Hello! I&rsquo;m r4sso.</p><p>I&rsquo;m just a regular lad who grew up with computers. Since I was a kid, I&rsquo;ve always been interested in video games and technology.</p><p>Growing up, I heard story about <code>hacking</code> which motivated me to learn more about computers. Then, I learned about Linux and Programming.</p><p>Since then, I grew interest in Opensource, Privacy, and Security.</p><h2 id=contact>Contact</h2><ul><li>E-mail: <a href=mailto:[email protected]>[email protected]</a></li><li>Instagram: <a href=https://instagram.com/mfterm>@mfterm</a></li></ul><h2 id=support-me>Support Me</h2><p>Monero (<a href=/images/dono/monero.png>QR</a>):</p><pre tabindex=0><code>89VfjAENz2w5fWmmYyonP4KQyJjZ2iysEeevAXJcHCaTgDY3UBmAL223udSkLbapgUJnYxpwJ1MGKAvHLmtirjHA5C9kWSN
+</code></pre><h3 id=about-this-website>About this website</h3><p>This site is a personal space where I share my knowledge, experiences, and stories. You&rsquo;ll find articles on various topics, including the research I conduct and notes about things I want to remember.</p><ul><li>Documenting what I learn.</li><li>Share my knowledge that might help others.</li></ul><p>This site is built with <a href=https://gohugo.io/>Hugo</a> & <a href=https://tailwindcss.com/>Tailwindss</a>, meant to be simple and lightweight.</p><blockquote><p>If you find any errors (e.g., grammar/spelling), feel free to open new issue on <a href=https://github.com/r4sso/r4sso.github.io/issues>Github</a></p></blockquote><h4 id=history-of-this-site>History of this site</h4><p>In 2020, I created this site for fun using plain HTML + CSS.</p><p>2021 and 2022, I stumbled upon the static site generator <code>jekyll</code>. After some exploring and tinkering with jekyll, I even experimented with different free domain names like <code>r4sso.cf</code>.</p><p>In Early 2023, after trying out numerous themes without finding the perfect fit, I took matters into my own hands and created my own personalized theme using <code>bootstrap</code>. Around that time, I also migrated my site to <code>hugo</code> and <code>tailwindcss</code>.</p></div></div></div></div><div class="bg-slate-200 dark:bg-gray-800 rounded-full fixed bottom-8 right-8"><button id=scroll-to-top class="rounded-full p-3 hidden text-black dark:text-white mb-1" onclick=scrollToTop() aria-label="Back to top"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up w-4 h-4"><path d="M18 15l-6-6-6 6"/></svg></button>
 <button id=theme-toggle type=button class="text-blue-500 dark:text-yellow-500 rounded-full text-sm p-3" aria-label="Toggle theme"><svg id="theme-toggle-dark-icon" class="hidden w-4 h-4" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-4 h-4" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></div></main><script src=/js/script.min.js></script></body></html>

categories/guides/index.html

@@ -9,5 +9,5 @@
 <a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/categories/>Category</a>
 <a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/tags/>Tag</a>
 <a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/posts/rss.xml>Rss</a>
-<a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/about/>?</a></div></div></nav><main id=main><div class="flex justify-center pt-12 m-4"><a href=/2023/07/deploy-pihole--unbound-on-alpine/><div class="max-w-2xl rounded-lg"><div class="p-6 mb-5 shadow-2xl post-card dark:post-card-dark dark:text-white shadow-slate-700/10 dark:hover:shadow-sky-700/10 rounded-md hover:shadow-xl transition duration-300 translate-y-1 hover:translate-y-0 ease-in-out block"><h2 class="text-2xl font-bold mb-4">Deploy pihole + unbound on alpine</h2><p class="-my-3 text-sm text-gray-400"><time datetime=2023-07-11>11 Jul, 2023</time> &#8226; 3 minutes read</p><p class="text-gray-600 mt-4 text-sm dark:text-gray-300">What is pihole? Pi-hole is a Linux network-level advertisement and Internet tracker blocking application which acts as a …</p></div></a></div></div><div class="bg-slate-200 dark:bg-gray-800 rounded-full fixed bottom-8 right-8"><button id=scroll-to-top class="rounded-full p-3 hidden text-black dark:text-white mb-1" onclick=scrollToTop() aria-label="Back to top"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up w-4 h-4"><path d="M18 15l-6-6-6 6"/></svg></button>
+<a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/about/>?</a></div></div></nav><main id=main><div class="flex justify-center pt-12 m-4"><a href=/2023/07/deploy-pihole--unbound-on-alpine/><div class="max-w-2xl rounded-lg"><div class="p-6 mb-5 shadow-2xl post-card dark:post-card-dark dark:text-white shadow-slate-700/10 dark:hover:shadow-sky-700/10 rounded-md hover:shadow-xl transition duration-300 translate-y-1 active:scale-95 ease-in-out block"><h2 class="text-2xl font-bold mb-4">Deploy pihole + unbound on alpine</h2><p class="-my-3 text-sm text-gray-400"><time datetime=2023-07-11>11 Jul, 2023</time> &#8226; 3 minutes read</p><p class="text-gray-600 mt-4 text-sm dark:text-gray-300">What is pihole? Pi-hole is a Linux network-level advertisement and Internet tracker blocking application which acts as a …</p></div></a></div></div><div class="bg-slate-200 dark:bg-gray-800 rounded-full fixed bottom-8 right-8"><button id=scroll-to-top class="rounded-full p-3 hidden text-black dark:text-white mb-1" onclick=scrollToTop() aria-label="Back to top"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up w-4 h-4"><path d="M18 15l-6-6-6 6"/></svg></button>
 <button id=theme-toggle type=button class="text-blue-500 dark:text-yellow-500 rounded-full text-sm p-3" aria-label="Toggle theme"><svg id="theme-toggle-dark-icon" class="hidden w-4 h-4" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-4 h-4" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></div></main><script src=/js/script.min.js></script></body></html>

categories/projects/index.html

@@ -9,6 +9,6 @@
 <a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/categories/>Category</a>
 <a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/tags/>Tag</a>
 <a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/posts/rss.xml>Rss</a>
-<a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/about/>?</a></div></div></nav><main id=main><div class="flex justify-center pt-12 m-4"><a href=/2023/08/my-janky-home-server/><div class="max-w-2xl rounded-lg"><div class="p-6 mb-5 shadow-2xl post-card dark:post-card-dark dark:text-white shadow-slate-700/10 dark:hover:shadow-sky-700/10 rounded-md hover:shadow-xl transition duration-300 translate-y-1 hover:translate-y-0 ease-in-out block"><h2 class="text-2xl font-bold mb-4">My Janky Home Server</h2><p class="-my-3 text-sm text-gray-400"><time datetime=2023-08-01>1 Aug, 2023</time> &#8226; 1 minute read</p><p class="text-gray-600 mt-4 text-sm dark:text-gray-300">Yes, this piece of junk is my home server :V
+<a class="text-center bg-slate-200 dark:bg-slate-900 hover:text-blue-500 rounded-md block rounded-md py-2 text-base font-semibold tracking-wider" href=https://r4sso.github.io/about/>?</a></div></div></nav><main id=main><div class="flex justify-center pt-12 m-4"><a href=/2023/08/my-janky-home-server/><div class="max-w-2xl rounded-lg"><div class="p-6 mb-5 shadow-2xl post-card dark:post-card-dark dark:text-white shadow-slate-700/10 dark:hover:shadow-sky-700/10 rounded-md hover:shadow-xl transition duration-300 translate-y-1 active:scale-95 ease-in-out block"><h2 class="text-2xl font-bold mb-4">My Janky Home Server</h2><p class="-my-3 text-sm text-gray-400"><time datetime=2023-08-01>1 Aug, 2023</time> &#8226; 1 minute read</p><p class="text-gray-600 mt-4 text-sm dark:text-gray-300">Yes, this piece of junk is my home server :V
 I don&rsquo;t know exactly what this board is called, it was taken from …</p></div></a></div></div><div class="bg-slate-200 dark:bg-gray-800 rounded-full fixed bottom-8 right-8"><button id=scroll-to-top class="rounded-full p-3 hidden text-black dark:text-white mb-1" onclick=scrollToTop() aria-label="Back to top"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up w-4 h-4"><path d="M18 15l-6-6-6 6"/></svg></button>
 <button id=theme-toggle type=button class="text-blue-500 dark:text-yellow-500 rounded-full text-sm p-3" aria-label="Toggle theme"><svg id="theme-toggle-dark-icon" class="hidden w-4 h-4" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001.0 1010.586 10.586z"/></svg><svg id="theme-toggle-light-icon" class="hidden w-4 h-4" fill="currentcolor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"/></svg></button></div></main><script src=/js/script.min.js></script></body></html>