show old design on mobile

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>

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>

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", () => {