Add TypeScript to programming languages section

src/lib/data/me.ts

@@ -33,6 +33,7 @@ import villagerBotPng from '$lib/images/villager-bot.png';
 import emojiLeaderboardExamplePng from '$lib/images/emoji-leaderboard-example.png';
 import quake3BotWebp from '$lib/images/quake-3-bot.webp';
 import postmanIconSvg from '$lib/images/postman-icon.svg';
+import typeScriptIconSvg from '$lib/images/typescript.svg';
 
 function calculateYearsElapsed(since: Date): number {
     return new Date(new Date().getTime() - since.getTime()).getFullYear() - 1970;
@@ -62,6 +63,11 @@ const languages = [
         name: 'JavaScript',
         icon: faJs,
     },
+    {
+        name: 'TypeScript',
+        customIcon: typeScriptIconSvg,
+        customScale: 0.8,
+    },
     {
         name: 'Nim',
         icon: faCrown,
@@ -164,7 +170,7 @@ export const projects = [
         href: 'https://github.com/Iapetus-11/api.iapetus11.me',
     },
     {
-        name: 'fractals',
+        name: 'Fractals',
         description:
             'Fractal generation from adjustable parameters, originally created during CUHackit 2022 but since redone.',
         image: fractalColoredIterative,

src/routes/SkillCard.svelte

@@ -4,7 +4,13 @@
     export let name: string;
     export let icon: object | undefined = undefined;
     export let customIcon: object | undefined = undefined;
+    export let customScale: number | undefined = undefined;
     export let idx: number;
+
+    let scaleStyle = '';
+    $: {
+        scaleStyle = customScale === undefined ? '' : `transform: scale(${customScale});`;
+    }
 </script>
 
 <div
@@ -14,7 +20,7 @@
     {#if icon}
         <Fa class="text-aqua-normal" {icon} fw />
     {:else}
-        <img src={customIcon} alt={name} class="max-h-5 w-5 mx-0.5" />
+        <img src={customIcon} alt={name} class="max-h-5 w-5 mx-0.5" style={scaleStyle} />
     {/if}
     <span>{name}</span>
 </div>