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

feat(root page): prettify and add new home page content #7

Open
jakehamilton wants to merge 6 commits from jakehamilton/feat/home-content into main
pull from: jakehamilton/feat/home-content
merge into: the-distro:main
Conversation 0 Commits 6 Files changed 11 +24 -23
1 changed files with 24 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 587517ddcf - Show all commits

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 />