From 062fb7b207f108870dcd88e6b25dbdd33a617608 Mon Sep 17 00:00:00 2001
From: Kenneth <kennethnym@outlook.com>
Date: Tue, 18 Jun 2024 20:54:03 +0100
Subject: [PATCH 1/5] wip

---
 src/components/Buffer.astro         |   5 +
 src/components/CommandLine.astro    |  26 ++-
 src/components/LuaLine.astro        |   9 +
 src/components/UgandaHelpText.astro | 259 ++++++++++++++++++++++++++++
 src/pages/index.astro               | 115 +++++-------
 tsconfig.json                       |   2 +-
 6 files changed, 335 insertions(+), 81 deletions(-)
 create mode 100644 src/components/Buffer.astro
 create mode 100644 src/components/UgandaHelpText.astro

diff --git a/src/components/Buffer.astro b/src/components/Buffer.astro
new file mode 100644
index 0000000..8542700
--- /dev/null
+++ b/src/components/Buffer.astro
@@ -0,0 +1,5 @@
+---
+const { id } = Astro.props;
+---
+
+<pre id={id} class="w-full flex-1 flex overflow-auto"><slot /></pre>
diff --git a/src/components/CommandLine.astro b/src/components/CommandLine.astro
index dbef499..e23e6e7 100644
--- a/src/components/CommandLine.astro
+++ b/src/components/CommandLine.astro
@@ -14,7 +14,12 @@
 <script>
 	const cmds: Record<string, () => void> = {
 		q: () => {
-			document.body.style.visibility = "hidden";
+			const cmdEvent = new CustomEvent("closebuffer");
+			window.dispatchEvent(cmdEvent);
+		},
+		"help iccf": () => {
+			const cmdEvent = new CustomEvent("openiccf");
+			window.dispatchEvent(cmdEvent);
 		},
 	};
 
@@ -85,17 +90,22 @@
 				break;
 
 			case "Escape":
-				disableCmdMode();
+				if (isInCmdMode) {
+					event.preventDefault();
+					disableCmdMode();
+				}
 				break;
 
 			case "Backspace":
-				commandLineInput.value = commandLineInput.value.substring(
-					0,
-					commandLineInput.value.length - 1,
-				);
-				commandLineInput.size--;
-				if (commandLineInput.value === "") {
+				if (!isInCmdMode) break;
+				if (commandLineInput.value === ":") {
 					disableCmdMode();
+				} else {
+					commandLineInput.value = commandLineInput.value.substring(
+						0,
+						commandLineInput.value.length - 1,
+					);
+					commandLineInput.size--;
 				}
 				break;
 
diff --git a/src/components/LuaLine.astro b/src/components/LuaLine.astro
index 1c9a9f4..17d4421 100644
--- a/src/components/LuaLine.astro
+++ b/src/components/LuaLine.astro
@@ -11,6 +11,15 @@ import CommandLine from "./CommandLine.astro";
 			>&nbsp;NORMAL&nbsp;</span
 		>
 		<div class="flex flex-row bg-surface0">
+			<span>&nbsp;</span>
+			<Link href="https://polygui.org">poly gui</Link>
+			<span>&nbsp;</span>
+			<Link href="https://github.com/kennethnym/mai">ml</Link>
+			<span>&nbsp;</span>
+			<Link href="https://github.com/kennethnym/dotfiles">.files</Link>
+			<span>&nbsp;</span>
+		</div>
+		<div class="flex flex-row ml-auto bg-surface0">
 			<span>&nbsp;</span>
 			<Link href="https://github.com/kennethnym">github</Link>
 			<span>&nbsp;</span>
diff --git a/src/components/UgandaHelpText.astro b/src/components/UgandaHelpText.astro
new file mode 100644
index 0000000..2ec5852
--- /dev/null
+++ b/src/components/UgandaHelpText.astro
@@ -0,0 +1,259 @@
+<pre
+	class="whitespace-pre">
+      uganda.txt*    Nvim
+
+
+		  VIM REFERENCE MANUAL    by Bram Moolenaar
+
+
+			*uganda* *Uganda* *copying* *copyright* *license*
+SUMMARY
+								*iccf* *ICCF*
+Vim is Charityware.  You can use and copy it as much as you like, but you are
+encouraged to make a donation for needy children in Uganda.  Please see |kcc|
+below or visit the ICCF web site, available at these URLs:
+
+	https://iccf-holland.org/
+	https://www.vim.org/iccf/
+	https://www.iccf.nl/
+
+You can also sponsor the development of Vim.  Vim sponsors can vote for
+features.  See |sponsor|.  The money goes to Uganda anyway.
+
+The Open Publication License applies to the Vim documentation, see
+|manual-copyright|.
+
+=== begin of license ===
+
+VIM LICENSE
+
+I)  There are no restrictions on distributing unmodified copies of Vim except
+    that they must include this license text.  You can also distribute
+    unmodified parts of Vim, likewise unrestricted except that they must
+    include this license text.  You are also allowed to include executables
+    that you made from the unmodified Vim sources, plus your own usage
+    examples and Vim scripts.
+
+II) It is allowed to distribute a modified (or extended) version of Vim,
+    including executables and/or source code, when the following four
+    conditions are met:
+    1) This license text must be included unmodified.
+    2) The modified Vim must be distributed in one of the following five ways:
+       a) If you make changes to Vim yourself, you must clearly describe in
+	  the distribution how to contact you.  When the maintainer asks you
+	  (in any way) for a copy of the modified Vim you distributed, you
+	  must make your changes, including source code, available to the
+	  maintainer without fee.  The maintainer reserves the right to
+	  include your changes in the official version of Vim.  What the
+	  maintainer will do with your changes and under what license they
+	  will be distributed is negotiable.  If there has been no negotiation
+	  then this license, or a later version, also applies to your changes.
+	  The current maintainer is Bram Moolenaar &lt;Bram@vim.org&gt;.  If this
+	  changes it will be announced in appropriate places (most likely
+	  vim.sf.net, www.vim.org and/or comp.editors).  When it is completely
+	  impossible to contact the maintainer, the obligation to send him
+	  your changes ceases.  Once the maintainer has confirmed that he has
+	  received your changes they will not have to be sent again.
+       b) If you have received a modified Vim that was distributed as
+	  mentioned under a) you are allowed to further distribute it
+	  unmodified, as mentioned at I).  If you make additional changes the
+	  text under a) applies to those changes.
+       c) Provide all the changes, including source code, with every copy of
+	  the modified Vim you distribute.  This may be done in the form of a
+	  context diff.  You can choose what license to use for new code you
+	  add.  The changes and their license must not restrict others from
+	  making their own changes to the official version of Vim.
+       d) When you have a modified Vim which includes changes as mentioned
+	  under c), you can distribute it without the source code for the
+	  changes if the following three conditions are met:
+	  - The license that applies to the changes permits you to distribute
+	    the changes to the Vim maintainer without fee or restriction, and
+	    permits the Vim maintainer to include the changes in the official
+	    version of Vim without fee or restriction.
+	  - You keep the changes for at least three years after last
+	    distributing the corresponding modified Vim.  When the maintainer
+	    or someone who you distributed the modified Vim to asks you (in
+	    any way) for the changes within this period, you must make them
+	    available to him.
+	  - You clearly describe in the distribution how to contact you.  This
+	    contact information must remain valid for at least three years
+	    after last distributing the corresponding modified Vim, or as long
+	    as possible.
+       e) When the GNU General Public License (GPL) applies to the changes,
+	  you can distribute the modified Vim under the GNU GPL version 2 or
+	  any later version.
+    3) A message must be added, at least in the output of the ":version"
+       command and in the intro screen, such that the user of the modified Vim
+       is able to see that it was modified.  When distributing as mentioned
+       under 2)e) adding the message is only required for as far as this does
+       not conflict with the license used for the changes.
+    4) The contact information as required under 2)a) and 2)d) must not be
+       removed or changed, except that the person himself can make
+       corrections.
+
+III) If you distribute a modified version of Vim, you are encouraged to use
+     the Vim license for your changes and make them available to the
+     maintainer, including the source code.  The preferred way to do this is
+     by e-mail or by uploading the files to a server and e-mailing the URL.
+     If the number of changes is small (e.g., a modified Makefile) e-mailing a
+     context diff will do.  The e-mail address to be used is
+     &lt;maintainer@vim.org&gt;
+
+IV)  It is not allowed to remove this license from the distribution of the Vim
+     sources, parts of it or from a modified version.  You may use this
+     license for previous Vim releases instead of the license that they came
+     with, at your option.
+
+=== end of license ===
+
+Note:
+
+- If you are happy with Vim, please express that by reading the rest of this
+  file and consider helping needy children in Uganda.
+
+- If you want to support further Vim development consider becoming a
+  |sponsor|.  The money goes to Uganda anyway.
+
+- According to Richard Stallman the Vim license is GNU GPL compatible.
+  A few minor changes have been made since he checked it, but that should not
+  make a difference.
+
+- If you link Vim with a library that goes under the GNU GPL, this limits
+  further distribution to the GNU GPL.  Also when you didn't actually change
+  anything in Vim.
+
+- Once a change is included that goes under the GNU GPL, this forces all
+  further changes to also be made under the GNU GPL or a compatible license.
+
+==============================================================================
+Kibaale Children's Centre		*kcc* *Kibaale*  *charity*
+
+Kibaale Children's Centre (KCC) is located in Kibaale, a small town in the
+south of Uganda, near Tanzania, in East Africa.  The area is known as Rakai
+District.  The population is mostly farmers.  Although people are poor, there
+usually is enough food.  But this district is suffering from AIDS more than
+any other part of the world.  Some say that it started there.  Estimations are
+that in the past 10 to 30% of the Ugandans are infected with HIV.  Because
+parents die, there are many orphans.  In this district about 60,000 children
+have lost one or both parents, out of a population of 350,000.  Although AIDS
+is now mostly under control, the problems are still continuing.
+
+The children need a lot of help.  The KCC is working hard to provide the needy
+with food, medical care and education.  Food and medical care to keep them
+healthy now, and education so that they can take care of themselves in the
+future.  KCC works on a Christian base, but help is given to children of any
+religion.
+
+The key to solving the problems in this area is education.  This has been
+neglected in the past years with president Idi Amin and the following civil
+wars.  Now that the government is stable again, the children and parents have
+to learn how to take care of themselves and how to avoid infections.  There is
+also help for people who are ill and hungry, but the primary goal is to
+prevent people from getting ill and to teach them how to grow healthy food.
+
+Most of the orphans are living in an extended family.  An uncle or older
+sister is taking care of them.  Because these families are big and the income
+(if any) is low, a child is lucky if it gets healthy food.  Clothes, medical
+care and schooling is beyond its reach.  To help these needy children, a
+sponsorship program was put into place.  A child can be financially adopted.
+For a few dollars a month KCC sees to it that the child gets indispensable
+items, is healthy, goes to school and KCC takes care of anything else that
+needs to be done for the child and the family that supports it.
+
+Besides helping the child directly, the environment where the child grows up
+needs to be improved.  KCC helps schools to improve their teaching methods.
+There is a demonstration school at the centre and teacher trainings are given.
+Health workers are being trained, hygiene education is carried out and
+households are stimulated to build a proper latrine.  I helped setting up a
+production site for cement slabs.  These are used to build a good latrine.
+They are sold below cost price.
+
+There is a clinic at the project, which provides children and their family
+medical help.  Since 2020 a maternity ward was added and 24/7 service is
+available.  When needed, transport to a hospital is offered.  Immunization
+programs are carried out and help is provided when an epidemic is breaking out
+(measles and cholera have been a problem).
+							*donate*
+Summer 1994 to summer 1995 I spent a whole year at the centre, working as a
+volunteer.  I have helped to expand the centre and worked in the area of water
+and sanitation.  I learned that the help that the KCC provides really helps.
+When I came back to Holland, I wanted to continue supporting KCC.  To do this
+I'm raising funds and organizing the sponsorship program.  Please consider one
+of these possibilities:
+
+1.  Sponsor a child in primary school: 17 euro a month (or more).
+2.  Sponsor a child in secondary school: 25 euro a month (or more).
+3.  Sponsor the clinic: Any amount a month or quarter
+4.  A one-time donation
+
+Compared with other organizations that do child sponsorship the amounts are
+very low.  This is because the money goes directly to the centre.  Less than
+5% is used for administration.  This is possible because this is a small
+organization that works with volunteers.  If you would like to sponsor a
+child, you should have the intention to do this for at least one year.
+
+How do you know that the money will be spent right?  First of all you have my
+personal guarantee as the author of Vim.  I trust the people that are working
+at the centre, I know them personally.  Furthermore, the centre has been
+co-sponsored and inspected by World Vision, Save the Children Fund and is now
+under the supervision of Pacific Academy Outreach Society.  The centre is
+visited about once a year to check the progress (at our own cost).  I have
+visited the centre myself many times, starting in 1993.  The visit reports are
+on the ICCF web site.
+
+If you have any further questions, send me e-mail: &lt;Bram@vim.org&gt;.
+
+The address of the centre is:
+			Kibaale Children's Centre
+			p.o. box 1658
+			Masaka, Uganda, East Africa
+
+Sending money:						*iccf-donations*
+
+Check the ICCF web site for the latest information!  See |iccf| for the URL.
+
+
+USA:		The methods mentioned below can be used.
+		If you must send a check send it to our Canadian partner:
+		https://www.kuwasha.net/
+
+Canada:		Contact Kuwasha in Surrey, Canada.  They take care of the
+		Canadian sponsors for the children in Kibaale.  Kuwasha
+		forwards 100% of the money to the project in Uganda.  You can
+		send them a one time donation directly.
+		Please send me a note so that I know what has been donated
+		because of Vim.  Look on their site for information about
+		sponsorship: https://www.kuwasha.net/
+		If you make a donation to Kuwasha you will receive a tax
+		receipt which can be submitted with your tax return.
+
+Holland:	Transfer to the account of "Stichting ICCF Holland" in
+		Amersfoort.  This will allow for tax deduction if you live in
+		Holland.  ING bank, IBAN: NL95 INGB 0004 5487 74
+
+Germany:	It is possible to make donations that allow for a tax return.
+		Check the ICCF web site for the latest information:
+			https://iccf-holland.org/germany.html
+
+Europe:		Use a bank transfer if possible.  See "Others" below for the
+		swift code and IBAN number.
+		Any other method should work.  Ask for information about
+		sponsorship.
+
+Credit Card:	You can use PayPal to send money with a Credit card.  This is
+		the most widely used Internet based payment system.  It's
+		really simple to use.  Use this link to find more info:
+		    https://www.paypal.com/en_US/mrb/pal=XAC62PML3GF8Q
+		The e-mail address for sending the money to is:
+		    Bram@iccf-holland.org
+
+Others:		Transfer to this account if possible:
+		    ING bank:	IBAN: NL95 INGB 0004 5487 74
+				Swift code: INGBNL2A
+		    under the name "stichting ICCF Holland", Amersfoort
+		Checks are not accepted.
+
+
+ vim:tw=78:ts=8:noet:ft=help:norl:
+&gt;&lt;/Bram@vim.org&gt;&lt;/maintainer@vim.org&gt;
+</pre>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 6f0803f..314163b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,87 +1,58 @@
 ---
 import BaseHead from "../components/BaseHead.astro";
+import Footer from "../components/Footer.astro";
 import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
 import Link from "../components/Link.astro";
 import FormattedDate from "../components/FormattedDate.astro";
-import LuaLine from "../components/LuaLine.astro";
 import { getBlogs } from "../content/blog";
 
 const posts = (await getBlogs()).sort(
 	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
 );
-const currentMonth = new Date().getMonth();
 ---
 
 <!doctype html>
 <html lang="en" class="latte dark:mocha">
-	<head>
-		<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
-	</head>
-	<body
-		class="bg-base text-text h-screen m-auto p-8 flex items-center justify-center overflow-hidden"
-	>
-		<main
-			class="py-8 max-w-2xl flex flex-col items-center space-y-0 leading-tight"
-		>
-			<p>KENNETHNYM v23.{currentMonth + 4}</p>
-			<p class="leading-none">&nbsp;</p>
-			<p>software engineer. unpaid hhkb salesman.</p>
-			<p>&nbsp;</p>
-			<p>&nbsp;</p>
-			<ul class="w-full">
-				{
-					posts.map((post) => (
-						<li class="flex flex-row justify-between hover:bg-opacity-10 hover:bg-text -mx-2 px-2 rounded space-x-8">
-							<Link href={`/blog/${post.slug}`}>{post.data.title}</Link>
-							<FormattedDate date={post.data.pubDate} />
-						</li>
-					))
-				}
-			</ul>
-		</main>
-		<div class="absolute w-full h-full px-2 -z-10 leading-tight">
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-		</div>
-		<LuaLine client:load />
-	</body>
+<head>
+	<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
+</head>
+<body
+	class="bg-base text-text max-w-4xl m-auto p-8"
+>
+<header>
+	<p class="font-bold text-2xl">kennethnym</p>
+</header>
+<main class="py-8">
+	<p>dumping ground for my thoughts. all opinions are my own.</p>
+	<h1 class="font-bold mt-8 mb-2 text-lg visited">current projects:</h1>
+	<ul class="not-prose space-y-4 md:space-y-2">
+		<li>
+			<Link href="https://polygui.org">poly</Link>: a language-agnostic,
+			cross-platform GUI framework for building OS-native applications.
+		</li>
+		<li>
+			<Link href="https://polygui.org/nanopack/introduction/">nanopack</Link
+			>: a zero-runtime, type-safe binary serialization format.
+		</li>
+		<li>
+			<Link href="https://github.com/kennethnym/StarlightLauncher"
+			>starlight launcher</Link
+			>: an open-source android launcher with a search-based ui.
+		</li>
+	</ul>
+	<h1 class="font-bold mt-8 mb-2 text-lg visited">my thoughts:</h1>
+	<ul>
+		{
+			posts.map((post) => (
+				<li class="flex flex-row justify-between hover:bg-opacity-10 hover:bg-text -mx-2 px-2 rounded">
+					<Link href={`/blog/${post.slug}`}>{post.data.title}</Link>
+					<FormattedDate date={post.data.pubDate} />
+				</li>
+			))
+		}
+	</ul>
+</main>
+<hr class="py-2" />
+<Footer />
+</body>
 </html>
diff --git a/tsconfig.json b/tsconfig.json
index 7a36ca0..0fc51d7 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,4 +3,4 @@
   "compilerOptions": {
     "strictNullChecks": true
   }
-}
\ No newline at end of file
+}

From de79cbce9ba71875fa6450b0157917c6295caea2 Mon Sep 17 00:00:00 2001
From: Kenneth <kennethnym@outlook.com>
Date: Tue, 18 Jun 2024 21:12:25 +0100
Subject: [PATCH 2/5] wip

---
 src/pages/index.astro | 115 ++++++++++++++++++++++++++----------------
 1 file changed, 72 insertions(+), 43 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 314163b..9bfa7ce 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,58 +1,87 @@
 ---
 import BaseHead from "../components/BaseHead.astro";
-import Footer from "../components/Footer.astro";
 import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
 import Link from "../components/Link.astro";
 import FormattedDate from "../components/FormattedDate.astro";
+import LuaLine from "../components/LuaLine.astro";
 import { getBlogs } from "../content/blog";
 
 const posts = (await getBlogs()).sort(
 	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
 );
+const currentMonth = new Date().getMonth();
 ---
 
 <!doctype html>
 <html lang="en" class="latte dark:mocha">
-<head>
-	<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
-</head>
-<body
-	class="bg-base text-text max-w-4xl m-auto p-8"
->
-<header>
-	<p class="font-bold text-2xl">kennethnym</p>
-</header>
-<main class="py-8">
-	<p>dumping ground for my thoughts. all opinions are my own.</p>
-	<h1 class="font-bold mt-8 mb-2 text-lg visited">current projects:</h1>
-	<ul class="not-prose space-y-4 md:space-y-2">
-		<li>
-			<Link href="https://polygui.org">poly</Link>: a language-agnostic,
-			cross-platform GUI framework for building OS-native applications.
-		</li>
-		<li>
-			<Link href="https://polygui.org/nanopack/introduction/">nanopack</Link
-			>: a zero-runtime, type-safe binary serialization format.
-		</li>
-		<li>
-			<Link href="https://github.com/kennethnym/StarlightLauncher"
-			>starlight launcher</Link
-			>: an open-source android launcher with a search-based ui.
-		</li>
-	</ul>
-	<h1 class="font-bold mt-8 mb-2 text-lg visited">my thoughts:</h1>
-	<ul>
-		{
-			posts.map((post) => (
-				<li class="flex flex-row justify-between hover:bg-opacity-10 hover:bg-text -mx-2 px-2 rounded">
-					<Link href={`/blog/${post.slug}`}>{post.data.title}</Link>
-					<FormattedDate date={post.data.pubDate} />
-				</li>
-			))
-		}
-	</ul>
-</main>
-<hr class="py-2" />
-<Footer />
-</body>
+	<head>
+		<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
+	</head>
+	<body
+		class="bg-base text-text h-screen m-auto p-8 flex items-center justify-center overflow-hidden"
+	>
+		<main
+			class="py-8 max-w-2xl flex flex-col items-center space-y-0 leading-tight"
+		>
+			<p>KENNETHNYM v23.{currentMonth + 4}</p>
+			<p class="leading-none">&nbsp;</p>
+			<p>software engineer. unpaid hhkb salesman.</p>
+			<p>&nbsp;</p>
+			<p>&nbsp;</p>
+			<ul class="w-full">
+				{
+					posts.map((post) => (
+						<li class="flex flex-row justify-between hover:bg-opacity-10 hover:bg-text -mx-2 px-2 rounded space-x-8">
+							<Link href={`/blog/${post.slug}`}>{post.data.title}</Link>
+							<FormattedDate date={post.data.pubDate} />
+						</li>
+					))
+				}
+			</ul>
+		</main>
+		<div class="absolute w-full h-full px-2 -z-10 leading-tight">
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+			<p>~</p>
+		</div>
+		<LuaLine />
+	</body>
 </html>

From 546d403cb6760b9ae98004246b1762d0c5a8bddf Mon Sep 17 00:00:00 2001
From: Kenneth <kennethnym@outlook.com>
Date: Sun, 14 Jul 2024 23:27:56 +0100
Subject: [PATCH 3/5] use css for tilde background

---
 src/components/CommandLine.astro    |  26 +--
 src/components/UgandaHelpText.astro | 259 ----------------------------
 src/pages/index.astro               |  58 ++-----
 3 files changed, 26 insertions(+), 317 deletions(-)
 delete mode 100644 src/components/UgandaHelpText.astro

diff --git a/src/components/CommandLine.astro b/src/components/CommandLine.astro
index e23e6e7..cfd5516 100644
--- a/src/components/CommandLine.astro
+++ b/src/components/CommandLine.astro
@@ -3,12 +3,10 @@
 		id="command-line-input"
 		type="text"
 		size="1"
-		class="bg-base focus:outline-none active:outline-none cursor-default caret-transparent"
+		class="bg-base focus:outline-none active:outline-none cursor-default caret-transparent m-0"
 	/>
 	<div id="caret" aria-hidden="true" class="bg-text inline-block">&nbsp;</div>
-	<p id="status-text" class="absolute w-full h-full bg-base hidden italic">
-		test
-	</p>
+	<p id="status-text" class="absolute w-full h-full bg-base hidden italic"></p>
 </div>
 
 <script>
@@ -41,8 +39,8 @@
 	function enableCmdMode() {
 		caret.style.display = "block";
 		statusText.classList.add("hidden");
-		commandLineInput.size = 1;
 		commandLineInput.value = ":";
+		commandLineInput.style.width = "1ch";
 		isInCmdMode = true;
 
 		const event = new Event("cmdmodeenabled");
@@ -53,8 +51,8 @@
 		caret.style.display = "none";
 		isInCmdMode = false;
 		if (clear) {
-			commandLineInput.size = 1;
 			commandLineInput.value = "";
+			commandLineInput.style.width = "0ch";
 		}
 
 		const event = new Event("cmdmodedisabled");
@@ -63,7 +61,15 @@
 
 	function appendChar(event: KeyboardEvent) {
 		commandLineInput.value += event.key;
-		commandLineInput.size += 1;
+		commandLineInput.style.width = `${commandLineInput.value.length}ch`;
+	}
+
+	function deleteChar() {
+		commandLineInput.value = commandLineInput.value.substring(
+			0,
+			commandLineInput.value.length - 1,
+		);
+		commandLineInput.style.width = `${commandLineInput.value.length}ch`;
 	}
 
 	function executeCommand() {
@@ -101,11 +107,7 @@
 				if (commandLineInput.value === ":") {
 					disableCmdMode();
 				} else {
-					commandLineInput.value = commandLineInput.value.substring(
-						0,
-						commandLineInput.value.length - 1,
-					);
-					commandLineInput.size--;
+					deleteChar();
 				}
 				break;
 
diff --git a/src/components/UgandaHelpText.astro b/src/components/UgandaHelpText.astro
deleted file mode 100644
index 2ec5852..0000000
--- a/src/components/UgandaHelpText.astro
+++ /dev/null
@@ -1,259 +0,0 @@
-<pre
-	class="whitespace-pre">
-      uganda.txt*    Nvim
-
-
-		  VIM REFERENCE MANUAL    by Bram Moolenaar
-
-
-			*uganda* *Uganda* *copying* *copyright* *license*
-SUMMARY
-								*iccf* *ICCF*
-Vim is Charityware.  You can use and copy it as much as you like, but you are
-encouraged to make a donation for needy children in Uganda.  Please see |kcc|
-below or visit the ICCF web site, available at these URLs:
-
-	https://iccf-holland.org/
-	https://www.vim.org/iccf/
-	https://www.iccf.nl/
-
-You can also sponsor the development of Vim.  Vim sponsors can vote for
-features.  See |sponsor|.  The money goes to Uganda anyway.
-
-The Open Publication License applies to the Vim documentation, see
-|manual-copyright|.
-
-=== begin of license ===
-
-VIM LICENSE
-
-I)  There are no restrictions on distributing unmodified copies of Vim except
-    that they must include this license text.  You can also distribute
-    unmodified parts of Vim, likewise unrestricted except that they must
-    include this license text.  You are also allowed to include executables
-    that you made from the unmodified Vim sources, plus your own usage
-    examples and Vim scripts.
-
-II) It is allowed to distribute a modified (or extended) version of Vim,
-    including executables and/or source code, when the following four
-    conditions are met:
-    1) This license text must be included unmodified.
-    2) The modified Vim must be distributed in one of the following five ways:
-       a) If you make changes to Vim yourself, you must clearly describe in
-	  the distribution how to contact you.  When the maintainer asks you
-	  (in any way) for a copy of the modified Vim you distributed, you
-	  must make your changes, including source code, available to the
-	  maintainer without fee.  The maintainer reserves the right to
-	  include your changes in the official version of Vim.  What the
-	  maintainer will do with your changes and under what license they
-	  will be distributed is negotiable.  If there has been no negotiation
-	  then this license, or a later version, also applies to your changes.
-	  The current maintainer is Bram Moolenaar &lt;Bram@vim.org&gt;.  If this
-	  changes it will be announced in appropriate places (most likely
-	  vim.sf.net, www.vim.org and/or comp.editors).  When it is completely
-	  impossible to contact the maintainer, the obligation to send him
-	  your changes ceases.  Once the maintainer has confirmed that he has
-	  received your changes they will not have to be sent again.
-       b) If you have received a modified Vim that was distributed as
-	  mentioned under a) you are allowed to further distribute it
-	  unmodified, as mentioned at I).  If you make additional changes the
-	  text under a) applies to those changes.
-       c) Provide all the changes, including source code, with every copy of
-	  the modified Vim you distribute.  This may be done in the form of a
-	  context diff.  You can choose what license to use for new code you
-	  add.  The changes and their license must not restrict others from
-	  making their own changes to the official version of Vim.
-       d) When you have a modified Vim which includes changes as mentioned
-	  under c), you can distribute it without the source code for the
-	  changes if the following three conditions are met:
-	  - The license that applies to the changes permits you to distribute
-	    the changes to the Vim maintainer without fee or restriction, and
-	    permits the Vim maintainer to include the changes in the official
-	    version of Vim without fee or restriction.
-	  - You keep the changes for at least three years after last
-	    distributing the corresponding modified Vim.  When the maintainer
-	    or someone who you distributed the modified Vim to asks you (in
-	    any way) for the changes within this period, you must make them
-	    available to him.
-	  - You clearly describe in the distribution how to contact you.  This
-	    contact information must remain valid for at least three years
-	    after last distributing the corresponding modified Vim, or as long
-	    as possible.
-       e) When the GNU General Public License (GPL) applies to the changes,
-	  you can distribute the modified Vim under the GNU GPL version 2 or
-	  any later version.
-    3) A message must be added, at least in the output of the ":version"
-       command and in the intro screen, such that the user of the modified Vim
-       is able to see that it was modified.  When distributing as mentioned
-       under 2)e) adding the message is only required for as far as this does
-       not conflict with the license used for the changes.
-    4) The contact information as required under 2)a) and 2)d) must not be
-       removed or changed, except that the person himself can make
-       corrections.
-
-III) If you distribute a modified version of Vim, you are encouraged to use
-     the Vim license for your changes and make them available to the
-     maintainer, including the source code.  The preferred way to do this is
-     by e-mail or by uploading the files to a server and e-mailing the URL.
-     If the number of changes is small (e.g., a modified Makefile) e-mailing a
-     context diff will do.  The e-mail address to be used is
-     &lt;maintainer@vim.org&gt;
-
-IV)  It is not allowed to remove this license from the distribution of the Vim
-     sources, parts of it or from a modified version.  You may use this
-     license for previous Vim releases instead of the license that they came
-     with, at your option.
-
-=== end of license ===
-
-Note:
-
-- If you are happy with Vim, please express that by reading the rest of this
-  file and consider helping needy children in Uganda.
-
-- If you want to support further Vim development consider becoming a
-  |sponsor|.  The money goes to Uganda anyway.
-
-- According to Richard Stallman the Vim license is GNU GPL compatible.
-  A few minor changes have been made since he checked it, but that should not
-  make a difference.
-
-- If you link Vim with a library that goes under the GNU GPL, this limits
-  further distribution to the GNU GPL.  Also when you didn't actually change
-  anything in Vim.
-
-- Once a change is included that goes under the GNU GPL, this forces all
-  further changes to also be made under the GNU GPL or a compatible license.
-
-==============================================================================
-Kibaale Children's Centre		*kcc* *Kibaale*  *charity*
-
-Kibaale Children's Centre (KCC) is located in Kibaale, a small town in the
-south of Uganda, near Tanzania, in East Africa.  The area is known as Rakai
-District.  The population is mostly farmers.  Although people are poor, there
-usually is enough food.  But this district is suffering from AIDS more than
-any other part of the world.  Some say that it started there.  Estimations are
-that in the past 10 to 30% of the Ugandans are infected with HIV.  Because
-parents die, there are many orphans.  In this district about 60,000 children
-have lost one or both parents, out of a population of 350,000.  Although AIDS
-is now mostly under control, the problems are still continuing.
-
-The children need a lot of help.  The KCC is working hard to provide the needy
-with food, medical care and education.  Food and medical care to keep them
-healthy now, and education so that they can take care of themselves in the
-future.  KCC works on a Christian base, but help is given to children of any
-religion.
-
-The key to solving the problems in this area is education.  This has been
-neglected in the past years with president Idi Amin and the following civil
-wars.  Now that the government is stable again, the children and parents have
-to learn how to take care of themselves and how to avoid infections.  There is
-also help for people who are ill and hungry, but the primary goal is to
-prevent people from getting ill and to teach them how to grow healthy food.
-
-Most of the orphans are living in an extended family.  An uncle or older
-sister is taking care of them.  Because these families are big and the income
-(if any) is low, a child is lucky if it gets healthy food.  Clothes, medical
-care and schooling is beyond its reach.  To help these needy children, a
-sponsorship program was put into place.  A child can be financially adopted.
-For a few dollars a month KCC sees to it that the child gets indispensable
-items, is healthy, goes to school and KCC takes care of anything else that
-needs to be done for the child and the family that supports it.
-
-Besides helping the child directly, the environment where the child grows up
-needs to be improved.  KCC helps schools to improve their teaching methods.
-There is a demonstration school at the centre and teacher trainings are given.
-Health workers are being trained, hygiene education is carried out and
-households are stimulated to build a proper latrine.  I helped setting up a
-production site for cement slabs.  These are used to build a good latrine.
-They are sold below cost price.
-
-There is a clinic at the project, which provides children and their family
-medical help.  Since 2020 a maternity ward was added and 24/7 service is
-available.  When needed, transport to a hospital is offered.  Immunization
-programs are carried out and help is provided when an epidemic is breaking out
-(measles and cholera have been a problem).
-							*donate*
-Summer 1994 to summer 1995 I spent a whole year at the centre, working as a
-volunteer.  I have helped to expand the centre and worked in the area of water
-and sanitation.  I learned that the help that the KCC provides really helps.
-When I came back to Holland, I wanted to continue supporting KCC.  To do this
-I'm raising funds and organizing the sponsorship program.  Please consider one
-of these possibilities:
-
-1.  Sponsor a child in primary school: 17 euro a month (or more).
-2.  Sponsor a child in secondary school: 25 euro a month (or more).
-3.  Sponsor the clinic: Any amount a month or quarter
-4.  A one-time donation
-
-Compared with other organizations that do child sponsorship the amounts are
-very low.  This is because the money goes directly to the centre.  Less than
-5% is used for administration.  This is possible because this is a small
-organization that works with volunteers.  If you would like to sponsor a
-child, you should have the intention to do this for at least one year.
-
-How do you know that the money will be spent right?  First of all you have my
-personal guarantee as the author of Vim.  I trust the people that are working
-at the centre, I know them personally.  Furthermore, the centre has been
-co-sponsored and inspected by World Vision, Save the Children Fund and is now
-under the supervision of Pacific Academy Outreach Society.  The centre is
-visited about once a year to check the progress (at our own cost).  I have
-visited the centre myself many times, starting in 1993.  The visit reports are
-on the ICCF web site.
-
-If you have any further questions, send me e-mail: &lt;Bram@vim.org&gt;.
-
-The address of the centre is:
-			Kibaale Children's Centre
-			p.o. box 1658
-			Masaka, Uganda, East Africa
-
-Sending money:						*iccf-donations*
-
-Check the ICCF web site for the latest information!  See |iccf| for the URL.
-
-
-USA:		The methods mentioned below can be used.
-		If you must send a check send it to our Canadian partner:
-		https://www.kuwasha.net/
-
-Canada:		Contact Kuwasha in Surrey, Canada.  They take care of the
-		Canadian sponsors for the children in Kibaale.  Kuwasha
-		forwards 100% of the money to the project in Uganda.  You can
-		send them a one time donation directly.
-		Please send me a note so that I know what has been donated
-		because of Vim.  Look on their site for information about
-		sponsorship: https://www.kuwasha.net/
-		If you make a donation to Kuwasha you will receive a tax
-		receipt which can be submitted with your tax return.
-
-Holland:	Transfer to the account of "Stichting ICCF Holland" in
-		Amersfoort.  This will allow for tax deduction if you live in
-		Holland.  ING bank, IBAN: NL95 INGB 0004 5487 74
-
-Germany:	It is possible to make donations that allow for a tax return.
-		Check the ICCF web site for the latest information:
-			https://iccf-holland.org/germany.html
-
-Europe:		Use a bank transfer if possible.  See "Others" below for the
-		swift code and IBAN number.
-		Any other method should work.  Ask for information about
-		sponsorship.
-
-Credit Card:	You can use PayPal to send money with a Credit card.  This is
-		the most widely used Internet based payment system.  It's
-		really simple to use.  Use this link to find more info:
-		    https://www.paypal.com/en_US/mrb/pal=XAC62PML3GF8Q
-		The e-mail address for sending the money to is:
-		    Bram@iccf-holland.org
-
-Others:		Transfer to this account if possible:
-		    ING bank:	IBAN: NL95 INGB 0004 5487 74
-				Swift code: INGBNL2A
-		    under the name "stichting ICCF Holland", Amersfoort
-		Checks are not accepted.
-
-
- vim:tw=78:ts=8:noet:ft=help:norl:
-&gt;&lt;/Bram@vim.org&gt;&lt;/maintainer@vim.org&gt;
-</pre>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9bfa7ce..4c287c7 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -9,7 +9,9 @@ import { getBlogs } from "../content/blog";
 const posts = (await getBlogs()).sort(
 	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
 );
-const currentMonth = new Date().getMonth();
+const current = new Date();
+const currentMonth = current.getMonth();
+const currentYear = `${current.getUTCFullYear() - 1}`.substring(2);
 ---
 
 <!doctype html>
@@ -18,12 +20,12 @@ const currentMonth = new Date().getMonth();
 		<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
 	</head>
 	<body
-		class="bg-base text-text h-screen m-auto p-8 flex items-center justify-center overflow-hidden"
+		class="tilde-background bg-base text-text h-screen m-auto p-8 flex items-center justify-center overflow-hidden"
 	>
 		<main
 			class="py-8 max-w-2xl flex flex-col items-center space-y-0 leading-tight"
 		>
-			<p>KENNETHNYM v23.{currentMonth + 4}</p>
+			<p>KENNETHNYM v{currentYear}.{currentMonth + 3}</p>
 			<p class="leading-none">&nbsp;</p>
 			<p>software engineer. unpaid hhkb salesman.</p>
 			<p>&nbsp;</p>
@@ -39,49 +41,13 @@ const currentMonth = new Date().getMonth();
 				}
 			</ul>
 		</main>
-		<div class="absolute w-full h-full px-2 -z-10 leading-tight">
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-			<p>~</p>
-		</div>
 		<LuaLine />
+
+		<style>
+			.tilde-background {
+				background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10' height='20'><text x='0' y='16' fill='%23C6D1F1' font-family='CommitMono'>~</text></svg>");
+				background-repeat: repeat-y;
+			}
+		</style>
 	</body>
 </html>

From 8d10b3304f77af38101c211c495fb8f427c2c681 Mon Sep 17 00:00:00 2001
From: Kenneth <kennethnym@outlook.com>
Date: Mon, 15 Jul 2024 00:39:54 +0100
Subject: [PATCH 4/5] show old design on mobile

---
 src/components/CommandLine.astro   |   8 +-
 src/components/FormattedDate.astro |   8 +-
 src/components/LuaLine.astro       |  13 ++--
 src/pages/index.astro              | 118 +++++++++++++++++++++++------
 4 files changed, 112 insertions(+), 35 deletions(-)

diff --git a/src/components/CommandLine.astro b/src/components/CommandLine.astro
index cfd5516..9c95cd8 100644
--- a/src/components/CommandLine.astro
+++ b/src/components/CommandLine.astro
@@ -1,12 +1,18 @@
 <div id="command-line" class="w-full flex flex-row bg-base">
 	<input
+		aria-hidden="true"
 		id="command-line-input"
 		type="text"
 		size="1"
 		class="bg-base focus:outline-none active:outline-none cursor-default caret-transparent m-0"
 	/>
 	<div id="caret" aria-hidden="true" class="bg-text inline-block">&nbsp;</div>
-	<p id="status-text" class="absolute w-full h-full bg-base hidden italic"></p>
+	<p
+		aria-hidden="true"
+		id="status-text"
+		class="absolute w-full h-full bg-base hidden italic"
+	>
+	</p>
 </div>
 
 <script>
diff --git a/src/components/FormattedDate.astro b/src/components/FormattedDate.astro
index 1bcce73..9f9a371 100644
--- a/src/components/FormattedDate.astro
+++ b/src/components/FormattedDate.astro
@@ -8,10 +8,10 @@ const { date } = Astro.props;
 
 <time datetime={date.toISOString()}>
 	{
-		date.toLocaleDateString('en-us', {
-			year: 'numeric',
-			month: 'short',
-			day: 'numeric',
+		date.toLocaleDateString("en-us", {
+			year: "numeric",
+			month: "short",
+			day: "numeric",
 		})
 	}
 </time>
diff --git a/src/components/LuaLine.astro b/src/components/LuaLine.astro
index 17d4421..e8bbf8d 100644
--- a/src/components/LuaLine.astro
+++ b/src/components/LuaLine.astro
@@ -3,23 +3,23 @@ import Link from "./Link.astro";
 import CommandLine from "./CommandLine.astro";
 ---
 
-<div class="absolute w-full bottom-0">
+<div class="hidden sm:block absolute w-full bottom-0">
 	<footer class="w-full bg-crust flex flex-row leading-tight">
 		<span
 			id="status-indicator"
-			class="bg-blue text-base inline-block leading-tight"
+			class="bg-blue font-bold text-base inline-block leading-tight"
 			>&nbsp;NORMAL&nbsp;</span
 		>
-		<div class="flex flex-row bg-surface0">
+		<div id="project-list" class="flex flex-row bg-surface0">
 			<span>&nbsp;</span>
 			<Link href="https://polygui.org">poly gui</Link>
 			<span>&nbsp;</span>
-			<Link href="https://github.com/kennethnym/mai">ml</Link>
+			<Link href="https://polygui.org/nanopack/introduction/">nanopack</Link>
 			<span>&nbsp;</span>
-			<Link href="https://github.com/kennethnym/dotfiles">.files</Link>
+			<Link href="https://github.com/kennethnym/mai">mai</Link>
 			<span>&nbsp;</span>
 		</div>
-		<div class="flex flex-row ml-auto bg-surface0">
+		<div id="contact-list" class="flex flex-row ml-auto bg-surface0">
 			<span>&nbsp;</span>
 			<Link href="https://github.com/kennethnym">github</Link>
 			<span>&nbsp;</span>
@@ -42,7 +42,6 @@ import CommandLine from "./CommandLine.astro";
 		statusIndicator.innerHTML = "&nbsp;COMMAND&nbsp;";
 		statusIndicator.classList.remove("bg-blue");
 		statusIndicator.classList.add("bg-peach");
-		console.log("cmd mode!");
 	});
 
 	cmdLine.addEventListener("cmdmodedisabled", () => {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 4c287c7..9ca9a79 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,6 +3,7 @@ import BaseHead from "../components/BaseHead.astro";
 import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
 import Link from "../components/Link.astro";
 import FormattedDate from "../components/FormattedDate.astro";
+import Footer from "../components/Footer.astro";
 import LuaLine from "../components/LuaLine.astro";
 import { getBlogs } from "../content/blog";
 
@@ -15,39 +16,110 @@ const currentYear = `${current.getUTCFullYear() - 1}`.substring(2);
 ---
 
 <!doctype html>
-<html lang="en" class="latte dark:mocha">
+<html lang="en" class="latte dark:mocha bg-base">
 	<head>
 		<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
 	</head>
 	<body
-		class="tilde-background bg-base text-text h-screen m-auto p-8 flex items-center justify-center overflow-hidden"
+		class="tilde-background text-text h-screen m-auto sm:flex items-center justify-center sm:overflow-hidden"
 	>
-		<main
-			class="py-8 max-w-2xl flex flex-col items-center space-y-0 leading-tight"
+		<div class="visible p-8 sm:hidden">
+			<header>
+				<p class="font-bold text-2xl">kennethnym</p>
+			</header>
+			<main class="py-8">
+				<p>dumping ground for my thoughts. all opinions are my own.</p>
+				<h1 class="font-bold mt-8 mb-2 text-lg visited">current projects:</h1>
+				<ul class="not-prose space-y-4 md:space-y-2">
+					<li>
+						<Link href="https://polygui.org">poly</Link>: a language-agnostic,
+						cross-platform GUI framework for building OS-native applications.
+					</li>
+					<li>
+						<Link href="https://polygui.org/nanopack/introduction/"
+							>nanopack</Link
+						>: a zero-runtime, type-safe binary serialization format.
+					</li>
+					<li>
+						<Link href="https://github.com/kennethnym/mai">mai</Link>:
+						multilayer authenticity identifier, an ML model that attempts to
+						identify synthetic AI images
+					</li>
+				</ul>
+				<h1 class="font-bold mt-8 mb-2 text-lg visited">my thoughts:</h1>
+				<ul aria-label="recent blog posts" class="space-y-2">
+					{
+						posts.map((post) => (
+							<li class="flex flex-row justify-between hover:bg-opacity-10 hover:bg-text -mx-2 px-2 rounded space-x-4">
+								<Link href={`/blog/${post.slug}`}>{post.data.title}</Link>
+								<div class="text-right">
+									<FormattedDate date={post.data.pubDate} />
+								</div>
+							</li>
+						))
+					}
+				</ul>
+			</main>
+			<hr class="opacity-20 py-2" />
+			<Footer />
+		</div>
+
+		<div
+			class="hidden sm:visible scroll-container w-full h-full overflow-auto sm:flex items-center justify-center"
 		>
-			<p>KENNETHNYM v{currentYear}.{currentMonth + 3}</p>
-			<p class="leading-none">&nbsp;</p>
-			<p>software engineer. unpaid hhkb salesman.</p>
-			<p>&nbsp;</p>
-			<p>&nbsp;</p>
-			<ul class="w-full">
-				{
-					posts.map((post) => (
-						<li class="flex flex-row justify-between hover:bg-opacity-10 hover:bg-text -mx-2 px-2 rounded space-x-8">
-							<Link href={`/blog/${post.slug}`}>{post.data.title}</Link>
-							<FormattedDate date={post.data.pubDate} />
-						</li>
-					))
-				}
-			</ul>
-		</main>
+			<main
+				class="py-8 px-4 max-w-4xl flex flex-col items-center space-y-0 leading-tight"
+			>
+				<header class="font-bold text-center">
+					KENNETHNYM v{currentYear}.{currentMonth + 3}
+				</header>
+				<p class="leading-none">&nbsp;</p>
+				<p class="text-center">software engineer. unpaid hhkb salesman.</p>
+				<p>&nbsp;</p>
+				<p>&nbsp;</p>
+				<ul
+					aria-label="recent blog posts"
+					class="w-full space-y-2 sm:space-y-0"
+				>
+					{
+						posts.map((post) => (
+							<li class="flex flex-row justify-between hover:bg-opacity-10 hover:bg-text -mx-2 px-2 rounded space-x-8">
+								<Link href={`/blog/${post.slug}`}>{post.data.title}</Link>
+								<div class="text-right">
+									<FormattedDate date={post.data.pubDate} />
+								</div>
+							</li>
+						))
+					}
+				</ul>
+			</main>
+		</div>
+
 		<LuaLine />
 
 		<style>
-			.tilde-background {
-				background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10' height='20'><text x='0' y='16' fill='%23C6D1F1' font-family='CommitMono'>~</text></svg>");
-				background-repeat: repeat-y;
+			.scroll-container {
+				margin-bottom: 4ch;
+			}
+
+			@media (min-width: 640px) {
+				.tilde-background {
+					background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10' height='20'><text x='0' y='16' fill='%2343465E' font-family='CommitMono'>~</text></svg>");
+					background-repeat: repeat-y;
+				}
+			}
+
+			@media (min-width: 640px) and (prefers-color-scheme: dark) {
+				.tilde-background {
+					background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10' height='20'><text x='0' y='16' fill='%23C6D1F1' font-family='CommitMono'>~</text></svg>");
+					background-repeat: repeat-y;
+				}
 			}
 		</style>
+		<script>
+			window.addEventListener("closebuffer", () => {
+				document.body.style.display = "none";
+			});
+		</script>
 	</body>
 </html>

From bbd7e000c85196962ef4b243c7b1d8334e997b4f Mon Sep 17 00:00:00 2001
From: Kenneth <kennethnym@outlook.com>
Date: Mon, 15 Jul 2024 00:47:05 +0100
Subject: [PATCH 5/5] add some commands

---
 src/components/CommandLine.astro | 5 ++++-
 src/components/LuaLine.astro     | 8 ++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/CommandLine.astro b/src/components/CommandLine.astro
index 9c95cd8..27603bc 100644
--- a/src/components/CommandLine.astro
+++ b/src/components/CommandLine.astro
@@ -3,7 +3,6 @@
 		aria-hidden="true"
 		id="command-line-input"
 		type="text"
-		size="1"
 		class="bg-base focus:outline-none active:outline-none cursor-default caret-transparent m-0"
 	/>
 	<div id="caret" aria-hidden="true" class="bg-text inline-block">&nbsp;</div>
@@ -21,6 +20,10 @@
 			const cmdEvent = new CustomEvent("closebuffer");
 			window.dispatchEvent(cmdEvent);
 		},
+		help: () => {
+			const cmdEvent = new CustomEvent("openhelp");
+			window.dispatchEvent(cmdEvent);
+		},
 		"help iccf": () => {
 			const cmdEvent = new CustomEvent("openiccf");
 			window.dispatchEvent(cmdEvent);
diff --git a/src/components/LuaLine.astro b/src/components/LuaLine.astro
index e8bbf8d..61793e3 100644
--- a/src/components/LuaLine.astro
+++ b/src/components/LuaLine.astro
@@ -49,4 +49,12 @@ import CommandLine from "./CommandLine.astro";
 		statusIndicator.classList.add("bg-blue");
 		statusIndicator.classList.remove("bg-peach");
 	});
+
+	window.addEventListener("openhelp", () => {
+		window.location.href = "https://vimhelp.org/";
+	});
+
+	window.addEventListener("openiccf", () => {
+		window.location.href = "https://vimhelp.org/uganda.txt.html#iccf";
+	});
 </script>