diff --git a/flake.lock b/flake.lock
new file mode 100644
index 0000000..6a41a69
--- /dev/null
+++ b/flake.lock
@@ -0,0 +1,27 @@
+{
+  "nodes": {
+    "nixpkgs": {
+      "locked": {
+        "lastModified": 1711163522,
+        "narHash": "sha256-YN/Ciidm+A0fmJPWlHBGvVkcarYWSC+s3NTPk/P+q3c=",
+        "owner": "nixos",
+        "repo": "nixpkgs",
+        "rev": "44d0940ea560dee511026a53f0e2e2cde489b4d4",
+        "type": "github"
+      },
+      "original": {
+        "owner": "nixos",
+        "ref": "nixos-unstable",
+        "repo": "nixpkgs",
+        "type": "github"
+      }
+    },
+    "root": {
+      "inputs": {
+        "nixpkgs": "nixpkgs"
+      }
+    }
+  },
+  "root": "root",
+  "version": 7
+}
diff --git a/flake.nix b/flake.nix
new file mode 100644
index 0000000..111712d
--- /dev/null
+++ b/flake.nix
@@ -0,0 +1,27 @@
+{
+  description = "Cool people homepage";
+
+  inputs = {
+    nixpkgs.url = "github:nixos/nixpkgs?ref=nixos-unstable";
+  };
+
+  outputs = { self, nixpkgs }: 
+  let
+    system = "aarch64-darwin";
+    pkgs = nixpkgs.legacyPackages.${system};
+  in {
+    devShells.${system}.default = 
+      pkgs.mkShell {
+        buildInputs = with pkgs; [
+          yarn
+          nodePackages.svelte-language-server
+          nodePackages.typescript-language-server
+          nodePackages.vscode-css-languageserver-bin
+          tree
+        ];
+        shellHook = ''
+          exec zsh
+        '';
+      };
+  };
+}
diff --git a/package.json b/package.json
index c78f1b9..cf3e69c 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
 	},
 	"type": "module",
 	"dependencies": {
+		"metaphone-ts": "^1.0.1",
 		"pokedex-api": "^1.1.2"
 	}
 }
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 2728fa9..87b32f0 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -6,6 +6,7 @@
     "liv",
     "nis",
     "gremlin",
+    "ethan"
   ];
 </script>
 
diff --git a/src/routes/b/ethan/+page.svelte b/src/routes/b/ethan/+page.svelte
new file mode 100644
index 0000000..7262af3
--- /dev/null
+++ b/src/routes/b/ethan/+page.svelte
@@ -0,0 +1,158 @@
+<script lang="ts">
+  import CountDownTimer from "$lib/elem/CountDownTimer.svelte";
+  import { metaphone } from "metaphone-ts";
+
+  let sounds = [
+    "B",
+    "X",
+    "S",
+    "K",
+    "J",
+    "T",
+    "F",
+    "H",
+    "L",
+    "M",
+    "N",
+    "P",
+    "R",
+    "0",
+    "W",
+    "Y",
+  ];
+
+  let custom_message = "";
+
+  let message =
+    "Happy birthday Ethan! You are easily one of the closest friends I've ever had, and it's not even close. I've never met someone who's so willing to be goofy and crazy with me, but also has the capacity to be so serious when needed. I appreciate you as a friend as also just as a human on this planet. You make a difference in my life, so I'm sure you do for other people as well.";
+
+  let played_words: string[] = [];
+  let playing = false;
+  let playing_message = "";
+  let stop = false;
+  async function playAudio(message: string) {
+    playing_message = message;
+    playing = true;
+    played_words = [];
+    let words = message.split(" ");
+    for (const word of words) {
+      played_words.push(word);
+      played_words = played_words;
+      let phonemes = metaphone(word);
+      for (const phoneme of phonemes) {
+        let audio = document.querySelector(`#audio-${phoneme}`);
+        if (audio) {
+          audio.play();
+          await new Promise((r) => setTimeout(r, audio.duration * 1000 - 100));
+        }
+        if (stop) {
+          playing = false;
+          stop = false;
+          return;
+        }
+      }
+      await new Promise((r) => setTimeout(r, Math.min(word.length * 50, 300)));
+    }
+    playing = false;
+  }
+</script>
+
+<main>
+  <div id="content">
+    <div id="audio">
+      {#each sounds as sound}
+        <audio id="audio-{sound}" src="/ethan/{sound}.mp3"></audio>
+      {/each}
+    </div>
+
+    <div id="message">
+      <h1>Hi Ethan!</h1>
+
+      <p>
+        Do you remember that one time I was working on a procedural voices
+        algorithm for a game project? Well, the game isn't finished and neither
+        is the voice algorithm but ¯\_(ツ)_/¯.
+      </p>
+      <p>
+        Anyways, you helped me create a voice using your samples, so I thought
+        it would be fun to steal those and make you read your birthday message
+        to yourself!
+      </p>
+    </div>
+
+    <div id="automessage">
+      <button disabled={playing} on:click={() => playAudio(message)}
+        >Play</button
+      >
+      <button
+        disabled={!playing}
+        on:click={() => {
+          stop = true;
+        }}>Stop</button
+      >
+      <p>
+        {#each message.split(" ") as word, i}
+          {#if played_words.length >= i + 1 && playing_message == message}
+            <span class="played">
+              {word + " "}
+            </span>
+          {:else}
+            {word + " "}
+          {/if}
+        {/each}
+      </p>
+    </div>
+
+    <h2>Write your own message if you want!</h2>
+
+    <div id="custommessage">
+      <form
+        on:submit|preventDefault={() => {
+          playAudio(custom_message);
+        }}
+      >
+        <input placeholder="custom mesage.." bind:value={custom_message} />
+        <button disabled={playing}>Play</button>
+        <button
+          type="button"
+          disabled={!playing}
+          on:click={() => {
+            stop = true;
+          }}>Stop</button
+        >
+      </form>
+      <p>
+        {#each custom_message.split(" ") as word, i}
+          {#if played_words.length >= i + 1 && playing_message == custom_message}
+            <span class="played">
+              {word + " "}
+            </span>
+          {:else}
+            {word + " "}
+          {/if}
+        {/each}
+      </p>
+    </div>
+    <CountDownTimer birthday={"Mar 25"} />
+  </div>
+</main>
+
+<style>
+  @import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+
+  main {
+    font-family: "Fira Sans", sans-serif;
+    font-weight: 400;
+    font-style: normal;
+
+    display: flex;
+    justify-content: center;
+  }
+  #content {
+    max-width: 40em;
+  }
+
+  .played {
+    color: cyan;
+  }
+</style>
diff --git a/static/ethan/0.mp3 b/static/ethan/0.mp3
new file mode 100644
index 0000000..b2822ed
Binary files /dev/null and b/static/ethan/0.mp3 differ
diff --git a/static/ethan/A.mp3 b/static/ethan/A.mp3
new file mode 100644
index 0000000..2cd5b86
Binary files /dev/null and b/static/ethan/A.mp3 differ
diff --git a/static/ethan/B.mp3 b/static/ethan/B.mp3
new file mode 100644
index 0000000..89acb02
Binary files /dev/null and b/static/ethan/B.mp3 differ
diff --git a/static/ethan/E.mp3 b/static/ethan/E.mp3
new file mode 100644
index 0000000..ff26915
Binary files /dev/null and b/static/ethan/E.mp3 differ
diff --git a/static/ethan/F.mp3 b/static/ethan/F.mp3
new file mode 100644
index 0000000..6b9284b
Binary files /dev/null and b/static/ethan/F.mp3 differ
diff --git a/static/ethan/H.mp3 b/static/ethan/H.mp3
new file mode 100644
index 0000000..5e96e56
Binary files /dev/null and b/static/ethan/H.mp3 differ
diff --git a/static/ethan/I.mp3 b/static/ethan/I.mp3
new file mode 100644
index 0000000..9c8020b
Binary files /dev/null and b/static/ethan/I.mp3 differ
diff --git a/static/ethan/J.mp3 b/static/ethan/J.mp3
new file mode 100644
index 0000000..92a2d46
Binary files /dev/null and b/static/ethan/J.mp3 differ
diff --git a/static/ethan/K.mp3 b/static/ethan/K.mp3
new file mode 100644
index 0000000..df80539
Binary files /dev/null and b/static/ethan/K.mp3 differ
diff --git a/static/ethan/L.mp3 b/static/ethan/L.mp3
new file mode 100644
index 0000000..91485af
Binary files /dev/null and b/static/ethan/L.mp3 differ
diff --git a/static/ethan/M.mp3 b/static/ethan/M.mp3
new file mode 100644
index 0000000..56e97c4
Binary files /dev/null and b/static/ethan/M.mp3 differ
diff --git a/static/ethan/N.mp3 b/static/ethan/N.mp3
new file mode 100644
index 0000000..bd6e35f
Binary files /dev/null and b/static/ethan/N.mp3 differ
diff --git a/static/ethan/O.mp3 b/static/ethan/O.mp3
new file mode 100644
index 0000000..353edd6
Binary files /dev/null and b/static/ethan/O.mp3 differ
diff --git a/static/ethan/P.mp3 b/static/ethan/P.mp3
new file mode 100644
index 0000000..0da60e0
Binary files /dev/null and b/static/ethan/P.mp3 differ
diff --git a/static/ethan/R.mp3 b/static/ethan/R.mp3
new file mode 100644
index 0000000..f5210b8
Binary files /dev/null and b/static/ethan/R.mp3 differ
diff --git a/static/ethan/S.mp3 b/static/ethan/S.mp3
new file mode 100644
index 0000000..1fad18b
Binary files /dev/null and b/static/ethan/S.mp3 differ
diff --git a/static/ethan/T.mp3 b/static/ethan/T.mp3
new file mode 100644
index 0000000..aa78723
Binary files /dev/null and b/static/ethan/T.mp3 differ
diff --git a/static/ethan/U.mp3 b/static/ethan/U.mp3
new file mode 100644
index 0000000..badfffc
Binary files /dev/null and b/static/ethan/U.mp3 differ
diff --git a/static/ethan/W.mp3 b/static/ethan/W.mp3
new file mode 100644
index 0000000..cbd6877
Binary files /dev/null and b/static/ethan/W.mp3 differ
diff --git a/static/ethan/X.mp3 b/static/ethan/X.mp3
new file mode 100644
index 0000000..ece0572
Binary files /dev/null and b/static/ethan/X.mp3 differ
diff --git a/static/ethan/Y.mp3 b/static/ethan/Y.mp3
new file mode 100644
index 0000000..d606183
Binary files /dev/null and b/static/ethan/Y.mp3 differ
diff --git a/yarn.lock b/yarn.lock
index dc40653..2428d62 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -639,6 +639,11 @@ merge2@^1.3.0:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
+metaphone-ts@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/metaphone-ts/-/metaphone-ts-1.0.1.tgz#d3a9abbbbdb363bf82dcc755de7467352a8889f2"
+  integrity sha512-98u3uoBxvsvRdxo4jE50evb0w4qDDU56pQHJnx8pT6UMwQdYlsekTUtbcJTppk38Nbe+I53eQsELIEbV9VRgXg==
+
 micromatch@^4.0.4:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"