sup

Author: Sup2point0

src/routes/(sup)/sup/loves/+page.svelte

@@ -19,20 +19,20 @@ onMount(() => {
 
 
 const routes = [
-  `The world is wonderful, and there is so much to love.`,
+  `The world is wonderful, and there is so much to love.`,  // TODO
 ];
 
 </script>
 
 
 <svelte:head>
-  <title> Loves × Sup#2.0 </title>
-  <meta name="description" content="All the things I love" />
+  <title> Music × Sup#2.0 </title>
+  <meta name="description" content="All the music I listen to and create." />
 </svelte:head>
 
 
 <Breadcrumbs levels={[
-  { text: "loves" },
+  { text: "music" },
 ]} />
 
 <Main>

src/routes/(sup)/sup/music/+page.svelte

@@ -1,38 +1,75 @@
 <script lang="ts">
 
-import Cards from "#parts/core/cards.svelte";
-import LinkCard from "#parts/ui/card.link.svelte";
+import { pick_random } from "#scripts/utils";
+
+import Main        from "#parts/core/main.svelte";
+import Cards       from "#parts/core/cards.svelte";
+import Block       from "#parts/ui/block.svelte";
+import Breadcrumbs from "#parts/ui/breadcrumbs.svelte";
+import LinkCard    from "#parts/ui/card.link.svelte";
+
+import { onMount } from "svelte";
+
+
+let displayed_route = $state("");
+
+onMount(() => {
+  displayed_route = pick_random(routes);
+});
+
+
+const routes = [
+  `Music is love, music is life.`,  // TODO
+];
 
 </script>
 
 
-<Cards>
-  <LinkCard
-    link="/sup/music/listen"
-    text="Music I Listen To"
-    capt="electronic, hardcore, beatbox, rhythm game music"
-    picts={[
-      "icons/artists/bo-burnham.webp",
-      "icons/artists/camellia.png",
-      "icons/artists/pikasonic.jpg",
-      "icons/artists/silentroom.jpg",
-      "icons/artists/vexento.jpg",
-      "icons/artists/wing.jpg",
-    ]}
-    aspect="square"
-  />
-  <LinkCard
-    link="/sup/music/create"
-    text="Music I Make"
-    capt="electronic, wackcore, game music"
-    picts={[
-      "covers/music/cortex.dactyl.png",
-      "covers/music/cortex.voxel.png",
-      "covers/music/elysion.aphenia.png",
-      "covers/music/elysion.ceruleus.png",
-      "covers/music/vision.another-dawn.png",
-      "covers/music/vision.reminiscence.png",
-    ]}
-    aspect="square"
-  />
-</Cards>
+<svelte:head>
+  <title> Loves × Sup#2.0 </title>
+  <meta name="description" content="All the things I love" />
+</svelte:head>
+
+
+<Breadcrumbs levels={[
+  { text: "loves" },
+]} />
+
+<Main>
+  <Block>
+    {#if displayed_route}
+      {@html displayed_route}
+    {/if}
+  </Block>
+
+  <Cards>
+    <LinkCard
+      link="/sup/music/listen"
+      text="Music I Listen To"
+      capt="electronic, hardcore, beatbox, rhythm game music"
+      picts={[
+        "icons/artists/bo-burnham.webp",
+        "icons/artists/camellia.png",
+        "icons/artists/pikasonic.jpg",
+        "icons/artists/silentroom.jpg",
+        "icons/artists/vexento.jpg",
+        "icons/artists/wing.jpg",
+      ]}
+      aspect="square"
+    />
+    <LinkCard
+      link="/sup/music/create"
+      text="Music I Make"
+      capt="electronic, wackcore, game music"
+      picts={[
+        "covers/music/cortex.dactyl.png",
+        "covers/music/cortex.voxel.png",
+        "covers/music/elysion.aphenia.png",
+        "covers/music/elysion.ceruleus.png",
+        "covers/music/vision.another-dawn.png",
+        "covers/music/vision.reminiscence.png",
+      ]}
+      aspect="square"
+    />
+  </Cards>
+</Main>