chore: update clients

Author: KodingDev

src/app.postcss

@@ -66,7 +66,7 @@ body {
 }
 
 .hoverable.hoverable-card {
-  @apply relative flex grow flex-col opacity-100 overflow-clip;
+  @apply relative flex grow flex-col overflow-clip opacity-100;
 }
 
 .hoverable.hoverable-card:hover::before {
@@ -88,7 +88,7 @@ body {
 .hoverable.hoverable-card::after {
   /* Outline that shows regardless of hover state */
 
-  @apply z-[1] opacity-100 rounded-[inherit] border;
+  @apply z-[1] rounded-[inherit] border opacity-100;
   border-image: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.4), transparent 40%);
   border-image-slice: 1;
 
@@ -99,11 +99,11 @@ body {
   /* --border-radius: 0.5rem; */
   /* background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.4), transparent 40%); */
   /* mask-image:  */
-    /* linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) calc(var(--border-radius) - 1px), rgba(0, 0, 0, 0) calc(var(--border-radius)), rgba(0, 0, 0, 0) 100%),
+  /* linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) calc(var(--border-radius) - 1px), rgba(0, 0, 0, 0) calc(var(--border-radius)), rgba(0, 0, 0, 0) 100%),
     linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) calc(var(--border-radius) - 1px), rgba(0, 0, 0, 0) calc(var(--border-radius)), rgba(0, 0, 0, 0) 100%),
     linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) calc(var(--border-radius) - 1px), rgba(0, 0, 0, 0) calc(var(--border-radius)), rgba(0, 0, 0, 0) 100%),
     linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) calc(var(--border-radius) - 1px), rgba(0, 0, 0, 0) calc(var(--border-radius)), rgba(0, 0, 0, 0) 100%), */
 
-    /* Round the inside corners */
-    /* radial-gradient(circle at var(--border-radius) var(--border-radius), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) calc(var(--border-radius) - 1px), rgba(0, 0, 0, 0) calc(var(--border-radius)), rgba(0, 0, 0, 0) 100%); */
+  /* Round the inside corners */
+  /* radial-gradient(circle at var(--border-radius) var(--border-radius), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) calc(var(--border-radius) - 1px), rgba(0, 0, 0, 0) calc(var(--border-radius)), rgba(0, 0, 0, 0) 100%); */
 }

src/components/clients/ClientCallToAction.svelte

@@ -20,6 +20,7 @@
     <!-- Avatar & Name -->
     <div class="flex flex-row items-center gap-4">
       {#if client.avatar}
+        <!-- Darken the image -->
         <Image alt="{client.name} Avatar" maxWidth="5vw" picture={client.avatar} class="h-11 w-11 rounded-lg" />
       {/if}
 

src/components/interactive/CallToAction.svelte

@@ -15,7 +15,7 @@
     <!-- Picture -->
     {#if picture}
       <Image {picture} class="h-full w-full object-cover object-top" alt="Cover" maxWidth={picMaxWidth} />
-      <div class="absolute top-0 left-0 z-[1] h-full w-full bg-gradient-to-b from-transparent to-black/60" />
+      <div class="absolute left-0 top-0 z-[1] h-full w-full bg-gradient-to-b from-transparent to-black/80" />
     {:else}
       <!-- Cool ass gradient instead -->
       <GradientBackground class="opacity-50" />

src/components/interactive/IconLink.svelte

@@ -7,7 +7,7 @@
   {href}
   target="_blank"
   rel="noopener noreferrer"
-  class="group flex flex-row items-center gap-2 rounded-full border-2 border-white/10 py-3 px-5 transition-all hover:border-white/25"
+  class="group flex flex-row items-center gap-2 rounded-full border-2 border-white/10 px-5 py-3 transition-all hover:border-white/25"
 >
   <!-- TODO: Icon links -->
   <span class="{icon} h-4 w-4 fill-white" />

src/components/layout/NavBar.svelte

@@ -2,8 +2,6 @@
   import Image from '$components/base/Image.svelte';
   import { FEATURED_ARTIST } from '$lib/data/commissions';
   import DesktopNavBar from './DesktopNavBar.svelte';
-
-  // Current page checker
 </script>
 
 <div class="flex h-24 border-b border-b-white/10">

src/lib/data/blog.ts

@@ -3,8 +3,6 @@ import { importData } from '$lib/util/data';
 import _ from 'lodash';
 import type { Picture } from 'imagetools-core';
 
-// TODO: Add lodash
-
 // Expressions to match the files and extract the slug
 const POST_REGEX = new RegExp(`./blog/(?<slug>[^/]+)/post.svx`);
 const POST_METADATA_REGEX = new RegExp(`./blog/(?<slug>[^/]+)/meta.ts`);

src/lib/data/clients/axolotl-studios/avatar.png

@@ -0,0 +1,25 @@
+import type { Client } from '$lib/data/clients';
+import avatar from './avatar.png?avatar';
+
+// noinspection JSUnusedGlobalSymbols
+export default {
+  name: 'Axolotl Studios',
+  description: 'Implementation of a points and generator system for Skyblock.',
+
+  avatar,
+
+  start: 'Aug 2023',
+  end: 'Sep 2023',
+
+  projects: [
+    {
+      name: 'Points',
+      description:
+        'A points system for Skyblock, which allows players to earn points by completing tasks and challenges. The points can be used to purchase items and other rewards. Integrates with other plugins with an API.',
+    },
+    {
+      name: 'Generator',
+      description: 'A generator system for Skyblock, which allows players to generate resources over time. Includes a management GUI.',
+    },
+  ],
+} satisfies Client;