Guestbook overhaul; Comments; New post; Updated packages

4 files changed, 33 insertions, 268 deletions

diff --git a/src/content/blog/2024/test.md b/src/content/blog/2024/test.md
new file mode 100644
index 0000000..e8d6c8b
--- /dev/null
+++ b/src/content/blog/2024/test.md
@@ -0,0 +1,10 @@
+---
+title: Test page
+description: test post
+pubDate: 2024-06-11T00:30:22.112Z
+tags:
+    - test-tag
+slug: test-post
+---
+
+# Hello world
diff --git a/src/content/blog/2024/website-redesigned.md b/src/content/blog/2024/website-redesigned.md
new file mode 100644
index 0000000..48747fe
--- /dev/null
+++ b/src/content/blog/2024/website-redesigned.md
@@ -0,0 +1,23 @@
+---
+title: Website Redesigned (Again!)
+description: Decided to redesign my website again, and hopefully the final time for a while.
+pubDate: 2024-06-11T00:30:22.112Z
+tags:
+    - announcement
+slug: website-redesigned
+---
+# Another website redesign?!?
+Yeah, I decided to redesign this site again. I actually had plans to complete the 2021 version for a while, but I decided to scrap that. I mean if you take a look at it, the website pretty much incomplete like the blog, downloads page, and about section were missing if you compare with the 2020 version (though I stripped blogs during the 2020 version). 
+
+These were originally planned, but it became complicated to implement and integrate. The core concept of the website is that there was no navigation bar, so I wasn't sure how navigation would work. Another thing is that this website was originally meant to be a long single page, and of course I wouldn't know how to implement that either. As you can see I had pretty ambitious plans for this site in 2021, but they ended up being canned.
+
+[![2021 and 2022 Website Redesign](</blog/images/2024/website-redesign/2021-2022-redesign.png>)](/blog/images/2024/website-redesign/2021-2022-redesign.png)
+[![2020 Website Redesign](</blog/images/2024/website-redesign/2020-redesign.png>)](/blog/images/2024/website-redesign/2020-redesign.png)
+
+# What's different with this new website?
+This new website pretty much combined stuff that worked in the past. Things like the navbar, cards (from Projects), and the icons in the homepage. There is some added in this that was not in past websites, like the contacts page which was pretty much the solution of the icons being crowded during the 2021 website, and a guestbook, it is basically feedback on my website, you can use it to comment on my blogs, or send me nice messages.
+
+# Why do you continue with creating a website, why don't you just use a website builder?
+The reason is that this is a **personal website**, I get to create things myself and not depend on a third party to do stuff for me. I want to write my own theme, and entire infrastructure myself without needing to use a bloated builder that would add unnecessary junk and javascript to the site. I have always wanted to make my own site, and I think I have done so, which fulfills my childhood dream to create my own website.
+
+Also by creating a website, I would always try to improve it and make it better than the last one, and I am happy to say that this new site is way better than any of my previous ones.  
diff --git a/src/content/blog/hello.md b/src/content/blog/hello.md
deleted file mode 100644
index 5a16324..0000000
--- a/src/content/blog/hello.md
+++ /dev/null
@@ -1,241 +0,0 @@
----
-title: Hello world
-description: This is a test post
-pubDate: 2024-01-24
-tags: ["tag1", "tag2"]
-slug: hello-world
----
-
-# h1 Heading 8-)
-## h2 Heading
-### h3 Heading
-#### h4 Heading
-##### h5 Heading
-###### h6 Heading
-
-
-## Horizontal Rules
-
-___
-
----
-
-***
-
-
-## Typographic replacements
-
-Enable typographer option to see result.
-
-(c) (C) (r) (R) (tm) (TM) (p) (P) +-
-
-test.. test... test..... test?..... test!....
-
-!!!!!! ???? ,,  -- ---
-
-"Smartypants, double quotes" and 'single quotes'
-
-
-## Emphasis
-
-**This is bold text**
-
-__This is bold text__
-
-*This is italic text*
-
-_This is italic text_
-
-~~Strikethrough~~
-
-
-## Blockquotes
-
-
-> Blockquotes can also be nested...
->> ...by using additional greater-than signs right next to each other...
-> > > ...or with spaces between arrows.
-
-
-## Lists
-
-Unordered
-
-+ Create a list by starting a line with `+`, `-`, or `*`
-+ Sub-lists are made by indenting 2 spaces:
-    - Marker character change forces new list start:
-        * Ac tristique libero volutpat at
-        + Facilisis in pretium nisl aliquet
-        - Nulla volutpat aliquam velit
-+ Very easy!
-
-Ordered
-
-1. Lorem ipsum dolor sit amet
-2. Consectetur adipiscing elit
-3. Integer molestie lorem at massa
-
-
-1. You can use sequential numbers...
-1. ...or keep all the numbers as `1.`
-
-Start numbering with offset:
-
-57. foo
-1. bar
-
-
-## Code
-
-Inline `code`
-
-Indented code
-
-    // Some comments
-    line 1 of code
-    line 2 of code
-    line 3 of code
-
-
-Block code "fences"
-
-```
-Sample text here...
-```
-
-Syntax highlighting
-
-``` js
-var foo = function (bar) {
-  return bar++;
-};
-
-console.log(foo(5));
-```
-
-## Tables
-
-| Option | Description |
-| ------ | ----------- |
-| data   | path to data files to supply the data that will be passed into templates. |
-| engine | engine to be used for processing templates. Handlebars is the default. |
-| ext    | extension to be used for dest files. |
-
-Right aligned columns
-
-| Option | Description |
-| ------:| -----------:|
-| data   | path to data files to supply the data that will be passed into templates. |
-| engine | engine to be used for processing templates. Handlebars is the default. |
-| ext    | extension to be used for dest files. |
-
-
-## Links
-
-[link text](http://dev.nodeca.com)
-
-[link with title](http://nodeca.github.io/pica/demo/ "title text!")
-
-Autoconverted link https://github.com/nodeca/pica (enable linkify to see)
-
-
-## Images
-
-![Minion](https://octodex.github.com/images/minion.png)
-![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat")
-
-Like links, Images also have a footnote style syntax
-
-![Alt text][id]
-
-With a reference later in the document defining the URL location:
-
-[id]: https://octodex.github.com/images/dojocat.jpg  "The Dojocat"
-
-
-## Plugins
-
-The killer feature of `markdown-it` is very effective support of
-[syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin).
-
-
-### [Emojies](https://github.com/markdown-it/markdown-it-emoji)
-
-> Classic markup: :wink: :cry: :laughing: :yum:
->
-> Shortcuts (emoticons): :-) :-( 8-) ;)
-
-see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji.
-
-
-### [Subscript](https://github.com/markdown-it/markdown-it-sub) / [Superscript](https://github.com/markdown-it/markdown-it-sup)
-
-- 19^th^
-- H~2~O
-
-
-### [\<ins>](https://github.com/markdown-it/markdown-it-ins)
-
-++Inserted text++
-
-
-### [\<mark>](https://github.com/markdown-it/markdown-it-mark)
-
-==Marked text==
-
-
-### [Footnotes](https://github.com/markdown-it/markdown-it-footnote)
-
-Footnote 1 link[^first].
-
-Footnote 2 link[^second].
-
-Inline footnote^[Text of inline footnote] definition.
-
-Duplicated footnote reference[^second].
-
-[^first]: Footnote **can have markup**
-
-    and multiple paragraphs.
-
-[^second]: Footnote text.
-
-
-### [Definition lists](https://github.com/markdown-it/markdown-it-deflist)
-
-Term 1
-
-:   Definition 1
-with lazy continuation.
-
-Term 2 with *inline markup*
-
-:   Definition 2
-
-        { some code, part of Definition 2 }
-
-    Third paragraph of definition 2.
-
-_Compact style:_
-
-Term 1
-~ Definition 1
-
-Term 2
-~ Definition 2a
-~ Definition 2b
-
-
-### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr)
-
-This is HTML abbreviation example.
-
-It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.
-
-*[HTML]: Hyper Text Markup Language
-
-### [Custom containers](https://github.com/markdown-it/markdown-it-container)
-
-::: warning
-*here be dragons*
-:::
diff --git a/src/content/blog/hello2.md b/src/content/blog/hello2.md
deleted file mode 100644
index a25d639..0000000
--- a/src/content/blog/hello2.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Lorem ipsum dolor sit amet
-description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
-pubDate: 2024-01-25
-tags: ["tag1", "tag2"]
-slug: lorem-ipsum
----
-# Lorem ipsum dolor sit amet
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tincidunt ornare massa eget egestas purus viverra accumsan in. Id cursus metus aliquam eleifend mi in. Augue lacus viverra vitae congue eu consequat. Blandit turpis cursus in hac habitasse platea. In aliquam sem fringilla ut. Non arcu risus quis varius quam quisque id. Posuere sollicitudin aliquam ultrices sagittis orci. Leo integer malesuada nunc vel risus commodo. Amet aliquam id diam maecenas ultricies mi eget mauris. Porta nibh venenatis cras sed felis eget velit aliquet sagittis. Mollis aliquam ut porttitor leo a diam sollicitudin. Blandit cursus risus at ultrices mi tempus imperdiet nulla malesuada. Sapien nec sagittis aliquam malesuada bibendum arcu vitae. Ut sem nulla pharetra diam.
-
-A arcu cursus vitae congue. Sem et tortor consequat id porta nibh. Dignissim diam quis enim lobortis scelerisque. Est ultricies integer quis auctor elit sed vulputate mi sit. Fames ac turpis egestas maecenas pharetra convallis posuere morbi. Dui sapien eget mi proin sed. In fermentum et sollicitudin ac orci phasellus. Diam quam nulla porttitor massa id neque aliquam vestibulum morbi. Hendrerit gravida rutrum quisque non. Nunc vel risus commodo viverra maecenas accumsan lacus vel facilisis. Sed cras ornare arcu dui.
-
-Amet cursus sit amet dictum sit amet. Sed adipiscing diam donec adipiscing tristique. Vestibulum sed arcu non odio. Odio euismod lacinia at quis risus sed. Quam pellentesque nec nam aliquam sem. Rhoncus aenean vel elit scelerisque mauris. Et ligula ullamcorper malesuada proin libero nunc consequat interdum varius. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. Venenatis urna cursus eget nunc scelerisque. At varius vel pharetra vel turpis nunc. Imperdiet massa tincidunt nunc pulvinar. Eu facilisis sed odio morbi quis commodo odio. Ipsum dolor sit amet consectetur adipiscing elit ut. Ac placerat vestibulum lectus mauris. Ultricies integer quis auctor elit sed vulputate mi sit amet. Mauris augue neque gravida in fermentum.
-
-Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. Pharetra vel turpis nunc eget lorem dolor sed. Sem et tortor consequat id porta nibh venenatis. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Magna etiam tempor orci eu lobortis. Vulputate eu scelerisque felis imperdiet proin fermentum leo vel. A iaculis at erat pellentesque. Convallis a cras semper auctor neque vitae. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Nec feugiat in fermentum posuere. Condimentum lacinia quis vel eros donec ac odio tempor.
-
-At varius vel pharetra vel. Neque convallis a cras semper auctor. Pretium aenean pharetra magna ac placerat vestibulum. Donec ac odio tempor orci dapibus ultrices in iaculis. Velit laoreet id donec ultrices tincidunt arcu non. Non curabitur gravida arcu ac. Neque vitae tempus quam pellentesque nec nam. Elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique. Amet porttitor eget dolor morbi non arcu risus quis. Venenatis cras sed felis eget.
-
-Sapien eget mi proin sed. Convallis convallis tellus id interdum velit laoreet. At ultrices mi tempus imperdiet nulla. Amet luctus venenatis lectus magna. Nunc sed velit dignissim sodales ut. Commodo viverra maecenas accumsan lacus vel facilisis. Mauris pharetra et ultrices neque ornare aenean euismod elementum. Blandit turpis cursus in hac habitasse platea dictumst quisque. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. Aliquam vestibulum morbi blandit cursus risus at ultrices. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam. Mattis ullamcorper velit sed ullamcorper. Urna duis convallis convallis tellus id interdum velit laoreet. Id volutpat lacus laoreet non curabitur gravida arcu ac tortor. Odio aenean sed adipiscing diam donec adipiscing.
-
-Et pharetra pharetra massa massa ultricies mi quis. Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum. Amet est placerat in egestas erat imperdiet sed euismod nisi. Nam libero justo laoreet sit. Non tellus orci ac auctor augue mauris augue. Et pharetra pharetra massa massa ultricies mi. Mauris cursus mattis molestie a iaculis at erat. Sem fringilla ut morbi tincidunt augue. Blandit massa enim nec dui nunc mattis enim. Pharetra convallis posuere morbi leo urna molestie.
-
-Curabitur vitae nunc sed velit dignissim sodales ut eu. Nascetur ridiculus mus mauris vitae ultricies leo integer malesuada nunc. Quam vulputate dignissim suspendisse in est. Habitasse platea dictumst quisque sagittis purus sit amet volutpat. Tempor commodo ullamcorper a lacus vestibulum sed arcu non. Dictum fusce ut placerat orci nulla pellentesque dignissim enim sit. Velit scelerisque in dictum non consectetur a erat nam. Vitae turpis massa sed elementum tempus egestas sed sed. Et tortor at risus viverra adipiscing at. Vitae aliquet nec ullamcorper sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi. Elit sed vulputate mi sit amet mauris commodo quis. Diam phasellus vestibulum lorem sed risus ultricies tristique. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Egestas pretium aenean pharetra magna. Morbi tristique senectus et netus et malesuada. Varius morbi enim nunc faucibus a pellentesque sit amet. Lorem ipsum dolor sit amet consectetur adipiscing elit.
-
-Donec ac odio tempor orci dapibus ultrices in. Natoque penatibus et magnis dis parturient montes nascetur ridiculus mus. Sollicitudin ac orci phasellus egestas tellus rutrum tellus. Libero justo laoreet sit amet cursus. Enim facilisis gravida neque convallis a cras semper auctor. Convallis tellus id interdum velit laoreet id donec ultrices. Duis ut diam quam nulla porttitor massa id neque aliquam. Nullam vehicula ipsum a arcu cursus vitae congue. Sed egestas egestas fringilla phasellus. Id volutpat lacus laoreet non curabitur gravida arcu. Ullamcorper sit amet risus nullam. Eget aliquet nibh praesent tristique magna sit amet purus gravida. Nisl tincidunt eget nullam non nisi. Nunc consequat interdum varius sit amet mattis. Pretium quam vulputate dignissim suspendisse in est ante in.
-
-Id leo in vitae turpis massa sed elementum. Urna cursus eget nunc scelerisque viverra mauris in. Metus vulputate eu scelerisque felis. Convallis tellus id interdum velit laoreet id donec ultrices. A cras semper auctor neque vitae tempus quam pellentesque nec. Sit amet massa vitae tortor condimentum lacinia quis vel eros. Netus et malesuada fames ac turpis. Id cursus metus aliquam eleifend mi in. Iaculis eu non diam phasellus vestibulum lorem sed risus. Sed augue lacus viverra vitae congue eu consequat ac felis. Sapien eget mi proin sed libero enim sed. Turpis tincidunt id aliquet risus feugiat in. Nulla aliquet porttitor lacus luctus accumsan tortor posuere ac.