sup

Author: Sup2point0

src/parts/dev/block.project.svelte

@@ -3,7 +3,7 @@
 <script lang="ts">
 
 import { shardify, display_date } from "#scripts/utils";
-import type { ProjectData } from "#routes/(sup)/sup/projects/projects";
+import type { ProjectData } from "#sup/projects/projects";
 
 import { AnimationData, register_animation, calc_delay } from "#scripts/anim.svelte.ts";
 
@@ -123,7 +123,7 @@ onMount(() => {
   <div class="lower">
     <ul class="tags">
       {#each project.tech ?? [] as tech}
-        <li class="tech {shardify(tech)}"> {tech} </li>
+        <li class="tech {tech?.shard}"> {tech?.name ?? "????"} </li>
       {/each}
     </ul>
   </div>

src/parts/loves/block.game.svelte

@@ -6,7 +6,7 @@ A block displaying info for a game.
 <script lang="ts">
 
 import { display_date } from "#scripts/utils";
-import { type GameData } from "#routes/(sup)/sup/loves/games/games";
+import { type GameData } from "#sup/loves/games/games";
 
 import { AnimationData, register_animation, calc_delay } from "#scripts/anim.svelte.ts";
 

src/routes/(sup)/sup/dev/dev.langs.ts

@@ -1,54 +1,73 @@
+import { shardify } from "#scripts/utils";
 import { Fluency, type LangData } from "#scripts/types/dev";
 
 
-export const Lang: Record<string, LangData> =
+type LangsData = Record<string, LangData>;
+
+
+export const Lang: LangsData = prep(
 {
   CSHARP: {
     name:    "C#",
     date:    "fall 2023",
-    love:    2,
+    love:    1,
     fluency: Fluency.TIER_2,
     icon:    "csharp.svg",
   },
   CSS: {
     name:    "CSS",
+    date:    "spring 2024",
+    love:    3,
     fluency: Fluency.TIER_3,
     icon:    "css.svg",
   },
   HASKELL: {
     name:    "Haskell",
+    date:    "fall 2025",
+    love:    1,
     fluency: Fluency.TIER_1,
     icon:    "haskell.svg",
   },
   HTML: {
     name:    "HTML",
-    date:    ["winter 2023", "present"],
-    love:    1,
+    date:    "winter 2023",
+    love:    null,
     fluency: Fluency.TIER_3,
     icon:    "html.svg",
   },
   JAVASCRIPT: {
     name:    "JavaScript",
     date:    "early 2024",
-    love:    1,
+    love:    null,
     fluency: Fluency.TIER_3,
     icon:    "javascript.png",
       _style: "round",
   },
   JSON: {
     name:    "JSON",
+    date:    2021,
+    love:    1,
     fluency: Fluency.TIER_3,
     icon:    "json.svg",
   },
+  KATEX: {
+    name:    "KaTeX / LaTeX",
+    date:    2024,
+    love:    2,
+    fluency: Fluency.TIER_3,
+    icon:    "vscpde.svg",
+  },
   KOTLIN: {
     name:    "Kotlin",
+    date:    "fall 2025",
+    love:    null,
     fluency: Fluency.TIER_1,
     icon:    "kotlin.png",
   },
   LATEX: {
     name:    "LaTeX",
     date:    2022,
-    love:    1,
+    love:    null,
     fluency: Fluency.TIER_2,
     icon:    "latex.svg",
   },
@@ -79,17 +98,20 @@ export const Lang: Record<string, LangData> =
     date:    2022,
     love:    2,
     fluency: Fluency.TIER_2,
+    icon:    undefined,
   },
   RUBY: {
     name:    "Ruby",
     date:    "summer 2023",
-    love:    3,
+    love:    2,
     fluency: Fluency.TIER_1,
     icon:    "ruby.svg",
     related: ["PYTHON"],
   },
   RUST: {
     name:    "Rust",
+    date:    "fall 2025",
+    love:    2,
     fluency: Fluency.TIER_2,
     icon:    "rust.svg",
   },
@@ -102,9 +124,17 @@ export const Lang: Record<string, LangData> =
   },
   SQLITE: {
     name:    "SQLite",
+    date:    2024,
+    love:    null,
     fluency: Fluency.TIER_1,
     icon:    "sqlite.svg",
   },
+  SUPCODE: {
+    name:    "supcode",
+    date:    2021,
+    love:    null,
+    icon:    "latex.svg",
+  },
   SVELTE: {
     name:    "Svelte",
     date:    "spring 2024",
@@ -120,4 +150,13 @@ export const Lang: Record<string, LangData> =
     icon:    "typescript.svg",
       _style: "round",
   },
+});
+
+function prep(data: LangsData): LangsData
+{
+  for (let [shard, lang] of Object.entries(data)) {
+    lang.shard = shardify(shard);
+  }
+
+  return data;
 }

src/routes/(sup)/sup/dev/dev.techs.ts

@@ -1,7 +1,11 @@
+import { shardify } from "#scripts/utils";
 import type { TechData } from "#scripts/types/dev";
 
 
-export const Tech: Record<string, TechData> =
+type TechsData = Record<string, TechData>;
+
+
+export const Tech: TechsData = prep(
 {
   CODESPACES: {
     name:  "Codespaces",
@@ -20,10 +24,18 @@ export const Tech: Record<string, TechData> =
     name: "GitHub",
     icon: "github.svg",
   },
+  NEXTCORD: {
+    name:  "Nextcord",
+    icon:  undefined,
+  },
   NUSHELL: {
     name:  "NuShell",
     icon:  "nushell.png",
   },
+  OPENGL: {
+    name:  "OpenGL",
+    icon:  undefined,
+  },
   POWERPOINT: {
     name:  "PowerPoint",
     icon:  "powerpoint.svg",
@@ -36,4 +48,13 @@ export const Tech: Record<string, TechData> =
     name:  "VSCode",
     icon:  "vscode.svg",
   },
+});
+
+function prep(data: TechsData): TechsData
+{
+  for (let [shard, tech] of Object.entries(data)) {
+    tech.shard = shardify(shard);
+  }
+
+  return data;
 }

src/routes/(sup)/sup/dev/overlay.svelte

@@ -3,13 +3,14 @@
 <script lang="ts">
 
 import { display_date } from "#scripts/utils";
+import { any } from "#scripts/utils";
 import type { DevEntity } from "#scripts/types/dev";
 
 import SearchFilters from "#parts/ui/search-filters.svelte";
 import ProjectBlock  from "#parts/dev/block.project.svelte";
 
-import { projects_list } from "#routes/(sup)/sup/projects/projects";
-import { ProjectSearchFilter } from "#routes/(sup)/sup/projects/filter.projects.svelte.ts";
+import { projects_list, type ProjectData } from "#sup/projects/projects";
+import { ProjectSearchFilter } from "#sup/projects/filter.projects.svelte.ts";
 
 import { fade, scale, slide } from "svelte/transition";
 import { expoOut } from "svelte/easing";
@@ -25,10 +26,14 @@ let { entity = $bindable() }: Props = $props();
 // svelte-ignore non_reactive_update
 let filters = new ProjectSearchFilter();
 
-const relevant_projects = projects_list.filter(proj => proj.tech.includes("Svelte/Kit"));
-
 let displayed_projects = $derived(
-  filters.apply(relevant_projects)
+  entity
+    ? filters.apply(
+      projects_list.filter(
+        proj => any(proj.tech.map(t => t.shard === entity!.shard))
+      )
+    ) as ProjectData[]
+    : []
 );
 
 </script>
@@ -67,10 +72,12 @@ let displayed_projects = $derived(
             </tr>
           {/if}
 
-          <tr>
-            <th> FLUENCY </th>
-            <td> {entity.fluency.toUpperCase()} </td>
-          </tr>
+          {#if entity.fluency}
+            <tr>
+              <th> FLUENCY </th>
+              <td> {entity.fluency.toUpperCase()} </td>
+            </tr>
+          {/if}
 
           {#if entity.technicals}
             <tr>

src/routes/(sup)/sup/music/create/albums/archives/[album]/+page.ts

@@ -1,4 +1,4 @@
-import { albums_list } from "#routes/(sup)/sup/music/create/create";
+import { albums_list } from "#sup/music/create/create";
 import type { AlbumData } from "#scripts/types";
 
 

src/routes/(sup)/sup/projects/filter.projects.svelte.ts

@@ -1,16 +1,18 @@
 import { partial_ratio } from "fuzzball";
 
 import { SearchFilter, type FilterResults } from "#scripts/search-filter.svelte";
-import { any, all, sum, get_enabled, datepoint_to_date } from "#scripts/utils";
+import { any, all, get_enabled, datepoint_to_date } from "#scripts/utils";
 import type { States } from "#scripts/types";
 
-import { Lang, Tool, Flavour, Kind, State } from "./projects";
+import { Flavour, Kind, State } from "./projects";
 import type { ProjectData } from "./projects";
+import { Lang } from "#sup/dev/dev.langs";
+import { Tech } from "#sup/dev/dev.techs";
 
 
 export class ProjectSearchFilter extends SearchFilter<ProjectData>
 {
-  tech    = $state({ ...SearchFilter.init_states(Lang), ...SearchFilter.init_states(Tool) })
+  tech    = $state({ ...SearchFilter.init_states(Lang), ...SearchFilter.init_states(Tech) })
   flavour = $state(SearchFilter.init_states(Flavour));
   kind    = $state(SearchFilter.init_states(Kind));
   state   = $state(SearchFilter.init_states(State));