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

refactor(root page): make fleurixos example side-by-side

Browse source
This commit is contained in:
Jake Hamilton 2024-10-26 14:40:57 -07:00
parent 920862b82f
commit aaaa251282
Signed by: jakehamilton
GPG key ID: 9762169A1B35EA68
1 changed files with 24 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/routes/+page.svelte
View file

@ -69,16 +69,16 @@
<span>Try FleurixOS</span> <span>Try FleurixOS</span>
</LinkChip> </LinkChip>
</div> </div>
<div class="flex w-fit relative pt-4"> <div class="grid grid-cols-[1fr,1fr] gap-4 mt-4 align-top place-items-start">
<div class="text-sm bg-blue-50 p-2 rounded-md drop-shadow mt-2 max-w-3xl max-sm:max-w-full"> <div class="flex relative w-full">
<div class="text-sm bg-blue-50 p-2 rounded-md drop-shadow max-w-3xl max-sm:max-w-full h-fit w-full">
<Highlight <Highlight
language={nix} code={demo1} language={nix} code={demo1}
alt="Definition of a simple {DISTRO} system running MediaWiki with the HTTP port opened." alt="Definition of a simple {DISTRO} system running MediaWiki with the HTTP port opened."
/> />
</div> </div>
<enhanced:img src="$lib/assets/arrow-from-left-to-down.svg" width="80" height="80" alt="leaf" class="absolute left-full bottom-0 transform translate-x-5 translate-y-5 max-sm:hidden" />
</div> </div>
<div class="drop-shadow flex flex-col mx-auto rounded overflow-hidden mt-8 w-full max-w-3xl"> <div class="drop-shadow flex flex-col mx-auto rounded overflow-hidden w-full max-w-3xl">
<div class="p-2 bg-zinc-100 w-full flex justify-between grow"> <div class="p-2 bg-zinc-100 w-full flex justify-between grow">
<div class="p-1 px-3 bg-zinc-200 w-full rounded-sm"> <div class="p-1 px-3 bg-zinc-200 w-full rounded-sm">
<span class="text-zinc-500">http://</span><b>localhost</b><span class="text-zinc-500">:80</span> <span class="text-zinc-500">http://</span><b>localhost</b><span class="text-zinc-500">:80</span>
@ -96,6 +96,7 @@
/> />
</div> </div>
</div> </div>
</div>
<FlowerDivider /> <FlowerDivider />