blorp

README.md

@@ -1,21 +1,23 @@
 # floral.systems
 
+website for The Distro&pkgset ecosystem 
+
 ```bash
 bun i
 bun dev
 ```
 
-## Building
+## building
 
-To create a production version of your app:
+to create a production version of your app:
 
 ```bash
 bun run build
 ```
 
-You can preview the production build with `npm run preview`.
+you can preview the production build with `bun run preview`.
 
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+> to deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
 
 ## license
 

src/main.css

@@ -29,7 +29,7 @@ body {
 }
 
 b {
-	@apply text-lavender-500;
+	@apply text-coral-700;
 }
 
 a:not(.no-link-style), button.link-style {
@@ -39,6 +39,6 @@ a:not(.no-link-style), button.link-style {
 
 @layer utilities {
     .link-style-u {
-        @apply text-lavender-500 hover:text-lavender-700 active:text-lavender-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;
     }
 }

src/routes/+layout.svelte

@@ -1,22 +1,22 @@
 <script>
 	import "../main.css";
-	globalThis.PKGS = "budpkgs";
+	globalThis.PKGS = "sproutpkgs";
 	globalThis.DISTRO = "BloomOS";
 </script>
 
 <div class="flex flex-col">
-	<nav class="min-h-16 h-16 bg-spring-700 text-lavender-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">
 			<a class="flex h-full flex-col justify-center font-aladin text-4xl
-					  text-lavender-50 no-link-style"
+					  text-coral-50 no-link-style"
 			   href="/">
 				█▌floral.systems
 			</a>
 			<span></span>
 
 			<div
-				class="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-lavender-600 *:rounded-md *:border-b-2 *:border-r-2 *:border-lavender-700"
+						*:p-1 *:h-min *:bg-coral-700 *:rounded-md *:border-b-2 *:border-r-2 *:border-coral-800"
 			>
 				<a href="#" class="no-link-style">Try {DISTRO}</a>
 				<a href="#" class="no-link-style">Use {PKGS}</a>

src/routes/+page.svelte

@@ -1,23 +1,23 @@
-<h1 class="text-5xl my-4">An all-encompassing declarative<br> <span class="text-spring-900">build ecosystem</span>.</h1>
+<h1 class="text-5xl my-4">An all-encompassing, declarative<br> <span class="text-spring-900">package ecosystem</span>.</h1>
 <p class="text-2xl">Build your *nix programs with <b>{PKGS}</b>'s extensive collection of <b>68368</b> packages<br>
 	and configure your machines with <b>{DISTRO}</b> using the <a href="https://nix.dev/manual/nix/latest/language/">Nix</a> language.</p>
 
 <!-- https://pad.lix.systems/v0Bew569R_2IB0abRSy4kA?view=#Pretty-much-final-draft-About-us -->
 
-<div class="grid grid-cols-3 gap-6 justify-center my-8 w-[115%] -ms-[7.5%]">
+<div class="grid lg:grid-cols-3 gap-6 justify-center my-8 w-full lg:w-[115%] lg:-ms-[7.5%]">
-	<div class="bg-violet-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-lavender-600">Community Focused</h3>
+		<h3 class="text-2xl font-bold text-coral-600">Community Focused</h3>
-		Floral is a non-profit ran by volunteer developers.
+		Floral is a non-profit organization ran by volunteer developers.<br>
-		together, we maintain <b>{PKGS}</b> and our extensive build infrastructure.
+		Together, we maintain <b>{PKGS}</b> and our extensive build infrastructure.
 	</div>
-	<div class="bg-violet-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-lavender-600">Battle-hardened</h3>
+		<h3 class="text-2xl font-bold text-coral-600">Battle-hardened</h3>
 		<b>{DISTRO}</b> is a fork of <a href="https://nixos.org">NixOS</a> and inherits
 		its <b>932</b> integration tests, running a whole VM before new packages
 		ever reach your system.
 	</div>
-	<div class="bg-violet-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-lavender-600">Friendly</h3>
+		<h3 class="text-2xl font-bold text-coral-600">Friendly</h3>
 		We take care of eachother! With a focus on
 		integrated infrastructure, clear code & documentation,
 		you should have an easy time compared to traditional *nix distributions.

tailwind.config.js

@@ -14,7 +14,7 @@ export default {
 			current: "currentColor",
 			black: colors.black,
 			white: colors.white,
-			violet: {
+			blue: {
 				50: "#f3f4fb",
 				100: "#e3e6f6",
 				200: "#ced5ef",
@@ -27,18 +27,18 @@ export default {
 				900: "#383870",
 				950: "#252546"
 			},
-			lavender: {
+			coral: {
-				50: "#fff4ff",
+				'50': '#fff1f1',
-				100: "#fee7ff",
+				'100': '#ffe0e0',
-				200: "#fdcfff",
+				'200': '#ffc5c5',
-				300: "#fea4fe",
+				'300': '#ff9e9d',
-				400: "#fc76fa",
+				'400': '#ff6665',
-				500: "#f342f0",
+				'500': '#fe4a49',
-				600: "#d722d0",
+				'600': '#ec1716',
-				700: "#b318aa",
+				'700': '#c70f0e',
-				800: "#921689",
+				'800': '#a41110',
-				900: "#77186e",
+				'900': '#881514',
-				950: "#500248"
+				'950': '#4a0505',
 			},
 			'spring': {
 				'50': '#f5faf3',