the-distro/floral.systems
1
1
Fork 1
Code Issues Pull requests 2 Packages Projects Releases Wiki Activity

alt text

Browse source
This commit is contained in:
mei (ckie) 2024-10-05 22:07:58 +03:00
parent 003b58342e
commit d985dadfe9
Signed by: ckie
GPG key ID: 13E79449C0525215
2 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/Highlight.svelte
View file

@ -5,11 +5,13 @@
export let language; export let language;
export let code; export let code;
export let slice = true; export let slice = true;
export let alt;
let renderedCode; let renderedCode;
$: renderedCode = slice ? code.replace(/#<hidden>[^]*?#<\/hidden>/, "") : code;; $: renderedCode = slice ? code.replace(/#<hidden>[^]*?#<\/hidden>/, "") : code;;
</script> </script>
<div class="whitespace-pre-wrap font-mono"> <p class="sr-only">{alt}</p>
<div class="whitespace-pre-wrap font-mono" aria-hidden title={alt}>
<Highlight {language} code={renderedCode} /> <Highlight {language} code={renderedCode} />
</div> </div>

11
src/routes/+page.svelte
View file

@ -39,8 +39,11 @@
<div class="clear-left text-xl"> <div class="clear-left text-xl">
Gain certainty in your deployed system configuration by Gain certainty in your deployed system configuration by
replacing your opaque state with code. replacing your opaque state with code.
<div class="text-sm bg-blue-50 p-2 rounded-md drop-shadow"> <div class="text-sm bg-blue-50 p-2 rounded-md drop-shadow mt-2">
<Highlight language={nix} code={demo1} /> <Highlight
language={nix} code={demo1}
alt="Definition of a simple {DISTRO} system running MediaWiki with the HTTP port opened."
/>
</div> </div>
</div> </div>
<div class="text-4xl flex justify-center items-center h-full"> <div class="text-4xl flex justify-center items-center h-full">
@ -51,7 +54,9 @@
<div><span class="text-zinc-700">http://</span><b>localhost</b>:3000</div> <div><span class="text-zinc-700">http://</span><b>localhost</b>:3000</div>
<span class="text-blue-700 font-black text-lg select-none -mt-[2px]">⨯</span> <span class="text-blue-700 font-black text-lg select-none -mt-[2px]">⨯</span>
</div> </div>
<enhanced:img src="./demo1/mediawiki.png?format=png" /> <enhanced:img src="./demo1/mediawiki.png?format=png"
alt="The main page of a brand-new MediaWiki instance hosted on the VM. It starts: 'MediaWiki has been installed.'"
/>
</div> </div>
</div> </div>
</div> </div>