diff options
Diffstat (limited to 'src/routes/+page.svelte')
| -rw-r--r-- | src/routes/+page.svelte | 141 |
1 files changed, 72 insertions, 69 deletions
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index d96dda2..7bbd52c 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -13,11 +13,12 @@ */ --> <script lang="ts"> - import logo from "./boot-logo.png"; - import "./anim.css"; - import { architecture, hostname, tty, versions } from "./distro-info"; - import { login, ttyLines, type RenderBlock, type TTYText } from "./shared"; - import { onDestroy, onMount } from "svelte"; + import logo from './boot-logo.png'; + import './anim.css'; + import { architecture, hostname, tty, versions } from './distro-info'; + import { login, ttyLines, type RenderBlock, type TTYText } from './shared'; + import { onDestroy, onMount } from 'svelte'; + import { base } from '$app/paths'; const initTagLine = `line flex flex-row flex-wrap gap-3 justify-between`; @@ -36,8 +37,8 @@ skipAnimation?: boolean; } = $props(); onMount(() => { - if (skipAnimation && location.pathname !== "/skip-animation") - history.replaceState({}, "", "/skip-animation"); + if (skipAnimation && location.pathname !== base + '/skip-animation') + history.replaceState({}, '', base + '/skip-animation'); }); let isScripted = $state(false); @@ -53,7 +54,7 @@ <span class="text-[{colour}]">*</span> {/snippet} {#snippet okTagLeft()} - {@render tagLeft("#51f051")} + {@render tagLeft('#51f051')} {/snippet} {#snippet tagRight(innerText: string, innerColour: string)} <span class="text-[#5f5fff]">[</span> @@ -61,7 +62,7 @@ <span class="text-[#5f5fff]">]</span> {/snippet} {#snippet okTagRight()} - {@render tagRight("ok", "#51f051")} + {@render tagRight('ok', '#51f051')} {/snippet} {#snippet okLine(text: string, classes?: string, rightClass?: string)} <div class="{initTagLine}{classes ? ' ' + classes : ''}"> @@ -90,28 +91,30 @@ ? ` underline` : ' no-underline'} inline" >{#if section.raw}{@html section.value}{:else}{#each section.value - .split("\n") + .split('\n') .map( (l, i, a) => (i === a.length - 1 ? [0, l] : [1, l]), ) as [nl, l]}{l}{#if nl}<br />{/if}{/each}{/if}</span > {/snippet} {#snippet ttyTextMiddleRenderer( section: RenderBlock, - line: TTYText & { kind: "text" }, + line: TTYText & { kind: 'text' }, )} {#if section.url} - {#if typeof section.url === "string"} - {#if section.url.startsWith("newtab:")} + {#if typeof section.url === 'string'} + {#if section.url.startsWith('newtab:')} + {@const url = section.url.substring(7)} <a - href={section.url.substring(7)} + href={url.startsWith('/') ? base + url : url} target="_blank" rel="noopener noreferrer" class="no-underline text-inherit" download={section.dl}>{@render ttyTextInnerRenderer(section)}</a > - {:else if section.url.startsWith("currenttab:")} + {:else if section.url.startsWith('currenttab:')} + {@const url = section.url.substring(11)} <a - href={section.url.substring(11)} + href={url.startsWith('/') ? base + url : url} class="no-underline text-inherit" download={section.dl}>{@render ttyTextInnerRenderer(section)}</a > @@ -121,9 +124,9 @@ {:else} <span onclick={() => - typeof section.url !== "function" ? void 0 : section.url(line)} + typeof section.url !== 'function' ? void 0 : section.url(line)} onkeypress={() => - typeof section.url !== "function" ? void 0 : section.url(line)} + typeof section.url !== 'function' ? void 0 : section.url(line)} role="link" tabindex="0">{@render ttyTextInnerRenderer(section)}</span > @@ -133,9 +136,9 @@ {/if} {/snippet} {#snippet ttyText(line: TTYText)} - {#if line.kind === "text"} - {#if (line.renderrestriction ?? "everywhere") === "everywhere" || line.renderrestriction === "noscript" || (line.renderrestriction === "js-only" && isScripted)} - {#if line.renderrestriction === "noscript"} + {#if line.kind === 'text'} + {#if (line.renderrestriction ?? 'everywhere') === 'everywhere' || line.renderrestriction === 'noscript' || (line.renderrestriction === 'js-only' && isScripted)} + {#if line.renderrestriction === 'noscript'} <noscript class="inline-block max-w-[100%] {line.classes.join(' ')}" >{#each line.value as v}{@render ttyTextMiddleRenderer( v, @@ -155,7 +158,7 @@ {/snippet} <div class="hidden"> - {#each ["inline-block", "block", "flex", "inline-flex", "max-w-full", "font-thin", "font-extralight", "font-light", "font-normal", "font-medium", "font-semibold", "font-bold", "font-extrabold", "font-black"] as c} + {#each ['inline-block', 'block', 'flex', 'inline-flex', 'max-w-full', 'font-thin', 'font-extralight', 'font-light', 'font-normal', 'font-medium', 'font-semibold', 'font-bold', 'font-extrabold', 'font-black'] as c} <span class={c}></span> {/each} </div> @@ -257,51 +260,51 @@ > </div> <div class="line">​</div> - {@render okLine("/proc/ is already mounted")} - {@render okLine("Mounting /run ...")} - {@render okLine("/run/openrc: creating directory")} - {@render okLine("/run/lock: creating directory", "openrc-boot-step-1")} - {@render okLine("/run/lock: correcting owner", "openrc-boot-step-1")} - {@render okLine("Caching service dependencies ...", "openrc-boot-step-1")} - {@render okLine("Remounting devtmpfs on /dev ...", "openrc-boot-step-2")} - {@render okLine("Mounting /dev/mqueue ...", "openrc-boot-step-3")} - {@render okLine("Mounting security filesystem ...", "openrc-boot-step-4")} - {@render okLine("Mounting debug filesystem ...", "openrc-boot-step-5")} + {@render okLine('/proc/ is already mounted')} + {@render okLine('Mounting /run ...')} + {@render okLine('/run/openrc: creating directory')} + {@render okLine('/run/lock: creating directory', 'openrc-boot-step-1')} + {@render okLine('/run/lock: correcting owner', 'openrc-boot-step-1')} + {@render okLine('Caching service dependencies ...', 'openrc-boot-step-1')} + {@render okLine('Remounting devtmpfs on /dev ...', 'openrc-boot-step-2')} + {@render okLine('Mounting /dev/mqueue ...', 'openrc-boot-step-3')} + {@render okLine('Mounting security filesystem ...', 'openrc-boot-step-4')} + {@render okLine('Mounting debug filesystem ...', 'openrc-boot-step-5')} {@render okLine( - "Mounting persistent storage (pstore) filesystem ...", - "openrc-boot-step-5", + 'Mounting persistent storage (pstore) filesystem ...', + 'openrc-boot-step-5', )} - {@render okLine("Mounting efivarfs filesystem ...", "openrc-boot-step-5")} - {@render okLine("Starting busybox mdev ...", "openrc-boot-step-6")} - {@render okLine("Scanning hardware for mdev ...", "openrc-boot-step-6")} - {@render okLine("Loading hardware drivers ...", "openrc-boot-step-7")} - {@render okLine("Loading modules ...", "openrc-boot-step-8")} + {@render okLine('Mounting efivarfs filesystem ...', 'openrc-boot-step-5')} + {@render okLine('Starting busybox mdev ...', 'openrc-boot-step-6')} + {@render okLine('Scanning hardware for mdev ...', 'openrc-boot-step-6')} + {@render okLine('Loading hardware drivers ...', 'openrc-boot-step-7')} + {@render okLine('Loading modules ...', 'openrc-boot-step-8')} {@render okLine( - "Setting system clock using the hardware clock [UTC] ...", - "openrc-boot-step-9", + 'Setting system clock using the hardware clock [UTC] ...', + 'openrc-boot-step-9', )} - {@render okLine("Checking local filesystems ...", "openrc-boot-step-10")} + {@render okLine('Checking local filesystems ...', 'openrc-boot-step-10')} <div class="line openrc-boot-step-11"> /dev/mapper/bepis: clean, {fsckFileCount}/{fsckTotalCount} files, {blocksCount}/{blocksTotal} blocks </div> {@render okLine( - "Remounting root filesystem read/write ...", - "openrc-boot-step-12", + 'Remounting root filesystem read/write ...', + 'openrc-boot-step-12', )} - {@render okLine("Remounting filesystems ...", "openrc-boot-step-13")} - {@render okLine("Activating swap devices ...", "openrc-boot-step-14")} - {@render okLine("Mounting local filesystems ...", "openrc-boot-step-15")} + {@render okLine('Remounting filesystems ...', 'openrc-boot-step-13')} + {@render okLine('Activating swap devices ...', 'openrc-boot-step-14')} + {@render okLine('Mounting local filesystems ...', 'openrc-boot-step-15')} {@render okLine( - "Configuring kernel parameters ...", - "openrc-boot-step-16", + 'Configuring kernel parameters ...', + 'openrc-boot-step-16', )} - {@render okLine("Creating user login records ...", "openrc-boot-step-17")} - {@render okLine("Setting hostname ...", "openrc-boot-step-18")} - {@render okLine("Setting keymap ...", "openrc-boot-step-19")} - {@render okLine("Starting networking ...", "openrc-boot-step-20")} - {@render okLine("\xa0\xa0lo ...", "openrc-boot-step-21")} - {@render okLine("\xa0\xa0eth0 ...", "openrc-boot-step-22")} + {@render okLine('Creating user login records ...', 'openrc-boot-step-17')} + {@render okLine('Setting hostname ...', 'openrc-boot-step-18')} + {@render okLine('Setting keymap ...', 'openrc-boot-step-19')} + {@render okLine('Starting networking ...', 'openrc-boot-step-20')} + {@render okLine('\xa0\xa0lo ...', 'openrc-boot-step-21')} + {@render okLine('\xa0\xa0eth0 ...', 'openrc-boot-step-22')} <div class="line openrc-boot-step-22">udhcpd: started</div> <div class="line openrc-boot-step-23">udhcpd: broadcasting discover</div> <!-- TODO: configurable subnet uwu --> @@ -314,21 +317,21 @@ lease time 3600 </div> {@render okLine( - "Seeding random number generator ...", - "openrc-boot-step-26", + 'Seeding random number generator ...', + 'openrc-boot-step-26', )} {@render okLine( - "Seeding 256 bits without crediting", - "openrc-boot-step-26", + 'Seeding 256 bits without crediting', + 'openrc-boot-step-26', )} {@render okLine( - "Saving 256 bits of creditable seed for next boot", - "openrc-boot-step-26", + 'Saving 256 bits of creditable seed for next boot', + 'openrc-boot-step-26', )} - {@render okLine("Starting logbookd ...", "openrc-boot-step-27")} - {@render okLine("Starting busybox acpid ...", "openrc-boot-step-28")} - {@render okLine("Starting busybox crond ...", "openrc-boot-step-29")} - {@render okLine("Starting busybox ntpd ...", "openrc-boot-step-29")} + {@render okLine('Starting logbookd ...', 'openrc-boot-step-27')} + {@render okLine('Starting busybox acpid ...', 'openrc-boot-step-28')} + {@render okLine('Starting busybox crond ...', 'openrc-boot-step-29')} + {@render okLine('Starting busybox ntpd ...', 'openrc-boot-step-29')} <div class="line openrc-boot-step-30">​</div> <div class="line openrc-boot-step-30"> Welcome to Alpine Linux {versions.alpine @@ -341,7 +344,7 @@ <div class="line openrc-boot-step-30"> {hostname} login: <span class="openrc-username" >{#each login.username - .split("") + .split('') .map((v, i) => [v, i] as const) as [char, idx]}<span class="openrc-username-char openrc-username-char-{idx} inline-block" >{char}</span @@ -364,16 +367,16 @@ </span> </div> <div class="line ttylines-openrc font-mono text-[#070505] flex flex-col"> - {#each ttyLines.filter(((maxidx) => (_, i) => i < (maxidx === -1 ? Infinity : maxidx))(ttyLines.findIndex((v) => v.kind === "clear"))) as line} + {#each ttyLines.filter(((maxidx) => (_, i) => i < (maxidx === -1 ? Infinity : maxidx))(ttyLines.findIndex((v) => v.kind === 'clear'))) as line} {@render ttyText(line)} {/each} </div> </div> </div> - {#if ttyLines.find((v) => v.kind === "clear")} + {#if ttyLines.find((v) => v.kind === 'clear')} {#each ttyLines .map((v, i) => [v, i] as const) - .filter(([v]) => v.kind === "clear") + .filter(([v]) => v.kind === 'clear') .map((v, i, a) => [v[1], a[i + 1]?.[1], i]) as [idx, nextIdx, clearIdx]} <div id="tty-{clearIdx}" |