jakehamilton/floral.systems
0
0
Fork 0
forked from the-distro/floral.systems
Code Pull requests Activity

blerp

Browse source
This commit is contained in:
mei (ckie) 2024-09-16 15:19:15 +03:00
parent 8684e9900a
commit b3573af40e
Signed by untrusted user: ckie
GPG key ID: 13E79449C0525215
4 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/main.css
View file

@ -41,4 +41,8 @@ a:not(.no-link-style), button.link-style {
.link-style-u { .link-style-u {
@apply text-coral-700 hover:text-coral-800 active:text-coral-950 visited:text-spring-500 visited:hover:text-spring-700 active:text-spring-950 underline; @apply text-coral-700 hover:text-coral-800 active:text-coral-950 visited:text-spring-500 visited:hover:text-spring-700 active:text-spring-950 underline;
} }
.container {
/* container like the builtin one, but limited to lg */
@apply max-w-full sm:max-w-[640px] md:max-w-[768px] lg:max-w-[1024px];
}
} }

5
src/routes/+layout.svelte
View file

@ -4,7 +4,7 @@
globalThis.DISTRO = "BloomOS"; globalThis.DISTRO = "BloomOS";
</script> </script>
<div class="flex flex-col"> <div class="flex flex-col text-blue-950">
<nav class="min-h-16 h-16 bg-spring-700 text-coral-50 mb-2"> <nav class="min-h-16 h-16 bg-spring-700 text-coral-50 mb-2">
<div class="mx-auto container flex h-full justify-between"> <div class="mx-auto container flex h-full justify-between">
<a class="flex h-full flex-col justify-center font-aladin text-4xl <a class="flex h-full flex-col justify-center font-aladin text-4xl
@ -16,7 +16,8 @@
<div <div
class="max-md:hidden text-lg flex gap-2 h-full items-center class="max-md:hidden text-lg flex gap-2 h-full items-center
*:p-1 *:h-min *:bg-coral-700 *:rounded-md *:border-b-2 *:border-r-2 *:border-coral-800" *:py-1 *:px-2 *:h-min *:bg-coral-100 *:rounded-md *:border-b-2 *:border-r-2 *:border-coral-200 text-blue-950
*:hover:bg-coral-200 <-TODO-fix-that-hover"
> >
<a href="#" class="no-link-style">Try {DISTRO}</a> <a href="#" class="no-link-style">Try {DISTRO}</a>
<a href="#" class="no-link-style">Use {PKGS}</a> <a href="#" class="no-link-style">Use {PKGS}</a>

8
src/routes/+page.svelte
View file

@ -1,10 +1,12 @@
<h1 class="text-5xl my-4">An all-encompassing, declarative<br> <span class="text-spring-900">package ecosystem</span>.</h1> <div class="max-md:text-center ">
<p class="text-2xl">Build your *nix programs with <b>{PKGS}</b>'s extensive collection of <b>68368</b> packages<br> <h1 class="text-4xl lg:text-5xl my-4">An all-encompassing, declarative<br> <span class="text-blue-800">package ecosystem</span>.</h1>
<p class="text-xl lg:text-2xl">Build your *nix programs with <b>{PKGS}</b>'s extensive collection of <b>68368</b> packages<wbr>
and configure your machines with <b>{DISTRO}</b> using the <a href="https://nix.dev/manual/nix/latest/language/">Nix</a> language.</p> and configure your machines with <b>{DISTRO}</b> using the <a href="https://nix.dev/manual/nix/latest/language/">Nix</a> language.</p>
</div>
<!-- https://pad.lix.systems/v0Bew569R_2IB0abRSy4kA?view=#Pretty-much-final-draft-About-us --> <!-- https://pad.lix.systems/v0Bew569R_2IB0abRSy4kA?view=#Pretty-much-final-draft-About-us -->
<div class="grid lg:grid-cols-3 gap-6 justify-center my-8 w-full lg:w-[115%] lg:-ms-[7.5%]"> <div class="grid lg:grid-cols-3 gap-6 justify-center my-8 w-full xl:w-[115%] xl:-ms-[7.5%]">
<div class="bg-blue-50 p-4 rounded-lg drop-shadow-lg"> <div class="bg-blue-50 p-4 rounded-lg drop-shadow-lg">
<h3 class="text-2xl font-bold text-coral-600">Community Focused</h3> <h3 class="text-2xl font-bold text-coral-600">Community Focused</h3>
Floral is a non-profit organization ran by volunteer developers.<br> Floral is a non-profit organization ran by volunteer developers.<br>

10
tailwind.config.js
View file

@ -57,8 +57,9 @@ export default {
screens: { screens: {
sm: "640px", sm: "640px",
md: "768px", md: "768px",
lg: "1024px" lg: "1024px",
// >=xl removed as site isn't xl: "1180px",
// >xl removed as site isn't
// that dense https://tailwindcss.com/docs/screens // that dense https://tailwindcss.com/docs/screens
} }
}, },
@ -66,5 +67,8 @@ export default {
safelist: [ safelist: [
// this is pretty sensible, and depended on in src/routes/colors/Color.svelte // this is pretty sensible, and depended on in src/routes/colors/Color.svelte
{ pattern: /bg-.+/ } { pattern: /bg-.+/ }
] ],
corePlugins: {
container: false
}
}; };