Files
website/src/components/LuaLine.astro
Kenneth 9d0e68f5f6
Some checks failed
/ Deploy website to server (push) Failing after 1m50s
migrate to tailwindcss 4
2025-08-03 23:02:35 +01:00

67 lines
2.0 KiB
Plaintext

---
import Link from "./Link.astro";
import CommandLine from "./CommandLine.astro";
---
<div class="hidden sm:block absolute w-full bottom-0">
<footer class="w-full bg-ctp-mantle flex flex-row leading-tight">
<span
id="status-indicator"
class="bg-ctp-blue font-bold text-ctp-base inline-block leading-tight"
>&nbsp;NORMAL&nbsp;</span
>
<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/infinifi">infinifi</Link>
<span>&nbsp;</span>
<Link href="https://github.com/kennethnym/mai">mai</Link>
<span>&nbsp;</span>
</div>
<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>
<Link href="https://x.com/kennethnym">x.com</Link>
<span>&nbsp;</span>
<Link href="mailto:kennethnym@hey.com">email</Link>
<span>&nbsp;</span>
</div>
</footer>
<CommandLine />
</div>
<script>
const statusIndicator = document.getElementById(
"status-indicator",
) as HTMLSpanElement;
const cmdLine = document.getElementById("command-line") as HTMLDivElement;
cmdLine.addEventListener("cmdmodeenabled", () => {
statusIndicator.innerHTML = "&nbsp;COMMAND&nbsp;";
statusIndicator.classList.remove("bg-ctp-blue");
statusIndicator.classList.add("bg-ctp-peach");
});
cmdLine.addEventListener("cmdmodedisabled", () => {
statusIndicator.innerHTML = "&nbsp;NORMAL&nbsp;";
statusIndicator.classList.add("bg-ctp-blue");
statusIndicator.classList.remove("bg-ctp-peach");
});
window.addEventListener("openhelp", () => {
window.location.href = "https://vimhelp.org/";
});
window.addEventListener("openiccf", () => {
window.location.href = "https://vimhelp.org/uganda.txt.html#iccf";
});
window.addEventListener("savebuffer", () => {
if ((window as any).showSaveFilePicker) {
(window as any).showSaveFilePicker();
}
});
</script>