Updated: about, contact and home pages updated to be nice. Also started writing about todoweb

src/public/about.html

@@ -1,2 +1,15 @@
-<h2>About me:</h2>
+<h3>about:</h3>
-Here is some information about me!
+<p>Hello, I am Michal Skorczak, a Polish software engineer based in the UK.</p>
+
+<p>Fan of all things free (as in beer) and free (as in freedom);
+    <b>especially</b> when it comes to computers.</p>
+
+<p>Currently working on
+    <a href="https://mskor.xyz/git/explore/repos">various projects</a> but
+    primarily on integrating <a href="https://github.com/zigzap/zap">zap</a>
+    with <a href="https://github.com/vrischmann/zig-sqlite">sqlite</a> for a
+    simple to use API that I can use in my other projects.</p>
+
+<p>Outside of my software (and soon hardware) projects, I can be found spending
+    my time playing guitar, painting Orks, reading and trying to run a
+    Minecraft server.</p>

src/public/blog.html

@@ -1,2 +1,3 @@
-<h2>Blog posts:</h2>
+<h3>blog posts:</h3>
-<a href="" hx-target="#content" hx-swap="innerHTML" hx-get="/blog?post=first_blog_post.html">first blog post</a>
+<p><a href="" hx-target="#content" hx-swap="innerHTML" hx-get="/blog?post=first_blog_post.html">first blog post</a></p>
+<p><a href="" hx-target="#content" hx-swap="innerHTML" hx-get="/blog?post=todoweb.html">creating todoweb</a></p>

src/public/blog/blog_2.html

@@ -1,3 +0,0 @@
-<h3>blog 2</h3>
-<a href="" hx-get="/blog" hx-target="#content" hx-swap="innerHTML">back</a>
-heres some test text for blog 2

src/public/blog/blog_template.html

@@ -1,3 +0,0 @@
-<h3>blog title</h3>
-<a href="" hx-get="/blog" hx-target="#content" hx-swap="innerHTML">back</a>
-heres some test text

src/public/blog/first_blog_post.html

@@ -1,3 +1,5 @@
 <h3>blog 1</h3>
+<p>This is the first blog post on mskor.xyz!</p>
+<p>Although this is the first, I'll mostly be testing out formatting and
+    functionality here, so expect frequent and wild changes!</p>
 <a href="" hx-get="/blog" hx-target="#content" hx-swap="innerHTML">back</a>
-heres some test text for blog 1

src/public/blog/test.txt

@@ -1,41 +0,0 @@
-<h3>blog 1</h3>
-<a href="" hx-get="/blog" hx-target="#content" hx-swap="innerHTML">back</a>
-heres some test text for blog 1
-khjsdfg
-;'sdfgkl;hjdfgskl'
-;gsdf
-jkl;'sdfgl;
-jfgsdjl;
-sdfgl;'
-jgsdfjl'
-sdfgjl;
-sdfgjl;
-sdfg;
-jlfgasd
-jl;sdfgAJL;
-ASFGD
-JL;AGFSDJL;
-ASGDFJL;
-GASDFJL;
-ADFGJL;
-AFGDJL;
-AFGL;
-JAGFJL;
-AGFD
-JL;AGF
-JL;AFGD
-JL;AGFSJL;
-GA
-SD;FLKGJAS
-;LGKASJL;
-A;
-LGJ
-JL;AJ
-LGJ
-LAJL;
-FGJL;ADFJL;G
-AJ
-LDSFJL;
-JL;
-JLL;
-J

src/public/blog/todoweb.html

@@ -0,0 +1,87 @@
+<h3>creating todoweb</h3>
+<p><i>06/12/2024 18:00</i></p>
+<p>With an interview fast approaching and the prospect of having to talk about
+    a project I've created looming; it's best that I actually create something
+    and am able to talk about the design process.</p>
+<p>So despite this site being able to one of those projects, something with
+    more <i>flair</i> would be helpful and by flair I mean, it does more than just
+    serve HTML back.</p>
+<p>So the following will be the documented process of how I went about creating
+    <b>TODOWEB</b>.</p>
+<p><i>What I hope to create:</i></p>
+<p>I'm thinking, that having a web application that allows for users to login
+    and create updates to their own personal todo lists would be a good place
+    to start. Extensions from this should come later (such as giving them an
+    API to pull data from). Therefore, the following functionality needs to
+    exist:</p>
+<ul>
+    <li>Allow the user to login with credentials.</li>
+    <li>Allow the user to read their previously made todo list(s)</li>
+    <li>Allow the user to create, delete and update todo list(s) and their
+        items</li>
+</ul>
+<p>From here I'm making the following assumptions/list of tasks:</p>
+<ul>
+    <li>Create a database that I can send commands to.</li>
+    <li>Have a front end that can display todo list(s) and their items</li>
+    <li>Create a login page with sessions so that the user doesn't need to
+        constantly login to see their updates.</li>
+</ul>
+<p>This really doesn't seem to bad.</p>
+<p>My best bet is the just start building at least one of these things
+    (it'll be the database as that's going to be the most annoying) and then
+    come back and update this page as the updates to the project progress.</p>
+<p>However, the tech stack I intend to use for this (and how I've already set
+    up the project) will be writing the backend in Zig (using Zap) as a
+    framework, SQLITE as the database engine and then HTMX as the
+    front-end.</p>
+<p>Hopefully, this will be <b><i>BLAZINGLY FAST</i></b></p>
+<p><i>06/12/2024 18:37</i></p>
+<p>I need to be on the most up to date version of Zig (master) in order to make
+    use of all of these fancy libraries, I'll just try compiling from source
+    and see how long that takes on this machine. <b>Surely</b>, nothing will
+    go wrong!</p>
+<p><i>06/12/2024 18:45</i></p>
+<p><b>I LOVE ZIG SO MUCH!!!!!!</b> Being able to just download the binary and
+    have everything work is <b>HOW IT SHOULD BE.</b> This also means that I can
+    go back and use the other version of the library, no compiling LLVM for me!
+    At least this time...</p>
+<p><i>06/12/2024 18:55</i></p>
+<p>They work! Both Zap and the zig-sqlite libraries load and their demo versions
+    are functional! This now means that I can start on trying to get some kind
+    of base plate down! I say that, but I must refer back to what exactly I want
+    to accomplish otherwise I'll lose sight. Right now, I think designing the
+    DB to handle user logins is going to be my best bet. However, once this is
+    done, a lot of the other parts should fall into place as if I can register,
+    login and show user data on a page; then having linked data to a user should
+    be a breeze!</p>
+<p>This is really begining to sound and look like rambling, but I know that I'd
+    end up loving reading something like this, reminds me of The Martian (2015)
+    with the video logs, lame example and thing to reference but that's where
+    I've gone!</p>
+<p><i>12/12/2024 22:36</i></p>
+<p>I had worked on this last night but had forgotten to write an update, whilst
+    everything appears to be working (<i>zig build run</i> works), it seems that
+    I need to do a lot more reading on how Zig really works.</p>
+<p>(This also reminds me that I need to add code blocks into this site, but for
+    now just making references to things will do)</p>
+<p>With the way that `sqlite.Db` works, what I ideally want to do is wrap it
+    within my own struct that I can then call a `.get()` method on for the zap
+    user authentication. The Lookup for the Authenticator will need to mimic
+    a hashmap, (which is what it uses in the example code). So in theory, it
+    should just be a case of having that `.get()` method return a []const
+    u8.</p>
+<p>But it is with this wrapping that I am encountering issues, probably best
+    that I read up, not on the syntax that would make it work but <i>HOW</i>
+    Zig wants me to think about it.</p>
+<p>I'd encountered something similar when doing a technical test in React,
+    the syntax was just Javascript so that wasn't the issue, but the ideas and
+    philosophy of <i>HOW</i> these things work together (I've never used States
+    before) was the missing link!</p>
+<<p><i>Sources:</i></p>
+<ul>
+    <li><a href="https://github.com/vrischmann/zig-sqlite">zig-sqlite</a></li>
+    <li><a href="https://github.com/vrischmann/zig-sqlite-demo">zig-sqlite-demo</a></li>
+    <li><a href="https://github.com/zigzap/zap/">zigzap</a></li>
+    <li><a href="https://www.youtube.com/watch?v=YD1rlE5tp_0">The Martian (2015) reference</a></li>
+</ul>

src/public/contact.html

@@ -0,0 +1,3 @@
+<h3>contact:</h3>
+<p>Email: mskorczak1@gmail.com. (for now...)</p>
+<p><a href="https://www.linkedin.com/in/mskorczak/">LinkedIn</a></p>

src/public/home.html

@@ -1,2 +1,9 @@
-<h2>Home page</h2>
+<p>Welcome to <b>mskor.xyz</b>!</p>
-Here is the home page!
+<p>This page consists of:</p>
+<ul>
+    <li><a href="" hx-target="#content" hx-swap="innerHTML" hx-get="/about">who I am</a></li>
+    <li><a href="https://mskor.xyz/git/explore/repos">my projects</a></li>
+    <li><a href="" hx-target="#content" hx-swap="innerHTML" hx-get="/blog">my writing (ramblings)</a></li>
+    <li><a href="" hx-target="#content" hx-swap="innerHTML" hx-get="/contact">ways to contact me!</a></li>
+</ul>
+<p>Enjoy your stay!</p>