diff --git a/.woodpecker/build-deploy.yaml b/.woodpecker/build-deploy.yaml
new file mode 100644
index 0000000..ad046f1
--- /dev/null
+++ b/.woodpecker/build-deploy.yaml
@@ -0,0 +1,27 @@
+when:
+  - event: push
+    branch: main
+
+steps:
+  - name: build & deploy
+    image: nixos/nix
+    # volumes:
+    #   - /nix:/mnt/nix:ro
+    commands:
+      - |
+        echo 'experimental-features = flakes nix-command' >> /etc/nix/nix.conf
+        #echo 'store = unix:///mnt/nix/var/nix/daemon-socket/socket?root=/mnt' >> /etc/nix/nix.conf
+
+      - nix build -L .
+
+      - |
+        nix-shell -p s3cmd --command 's3cmd \
+          --host=static-sites.hoki-porgy.ts.net:9000 \
+          --host-bucket=static-sites.hoki-porgy.ts.net:9000 \
+          --no-ssl \
+            sync result/* s3://noe.sh'
+    environment:
+      AWS_ACCESS_KEY_ID:
+        from_secret: static_sites_client
+      AWS_SECRET_ACCESS_KEY:
+        from_secret: static_sites_secret
diff --git a/flake.nix b/flake.nix
index 2b4279f..80d9e87 100644
--- a/flake.nix
+++ b/flake.nix
@@ -9,13 +9,12 @@
   outputs = inputs: inputs.flake-parts.lib.mkFlake { inherit inputs; } {
     systems = [ "x86_64-linux" "aarch64-linux" ];
     perSystem = { config, self', pkgs, lib, system, ... }: {
-      devShells.default = import ./shell.nix { inherit pkgs; };
-
       packages.default = pkgs.stdenvNoCC.mkDerivation {
         name = "noe.sh";
         src = ./.;
         installPhase = ''
           cp -r . $out/
+          rm -rf .* *.nix *.lock
         '';
       };
     };
diff --git a/pst/index.html b/pst/index.html
new file mode 100644
index 0000000..c98063b
--- /dev/null
+++ b/pst/index.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<meta charset="utf-8" />
+<title>Plural Spectrum Tool</title>
+<link rel="preconnect" href="https://fonts.bunny.net" />
+<link
+  href="https://fonts.bunny.net/css?family=atkinson-hyperlegible:400,400i,700,700i"
+  rel="stylesheet"
+/>
+<style>
+  :root {
+    font-family: "Atkinson Hyperlegible", sans-serif;
+    --l0: #040504;
+    --l1: #0c100f;
+    --l2: #182421;
+    --l3: #d9073b;
+    --l4: rgba(101, 142, 133, 0.5);
+    --l5: #80aca2;
+    --gr: #40b39a;
+    --gd: #b89524;
+  }
+
+  body {
+    background-color: var(--l0);
+    color: var(--l5);
+    margin: 0;
+    padding: 0;
+  }
+
+  main {
+    max-width: 960px;
+    margin: 2em;
+    border: 1px solid var(--l4);
+    padding: 1em;
+    line-height: 1.4;
+  }
+  hr {
+    border-color: var(--l4);
+  }
+
+  .circle-palette {
+    /* todo: real palette */
+    --stop0: #000;
+    --stop1: #111;
+    --stop2: #222;
+    --stop3: #333;
+    --stop4: #444;
+    --stop5: #555;
+    --stop6: #666;
+    --stop7: #777;
+    --stop8: #888;
+    --stop9: #999;
+  }
+</style>
+<main>
+  <header>
+    <h1>plural spectrum tool</h1>
+    <p>
+      interactive version of
+      <a href="https://powertotheplurals.com/the-plural-spectrum-tool/"
+        >https://powertotheplurals.com/the-plural-spectrum-tool/</a
+      >
+    </p>
+  </header>
+  <hr />
+  <div>
+    <svg width="360" height="211.60269" viewBox="0 0 360 211.60269">
+      <path d="M 360,0 A 360,360 0 0 1 291.24612,211.60269 L 0,0 Z" />
+    </svg>
+  </div>
+</main>
diff --git a/system.html b/system.html
index 6a7c6ad..de3bbd6 100644
--- a/system.html
+++ b/system.html
@@ -46,14 +46,16 @@
       padding: 0.6em;
     }
     .name {
+      display: flex;
       text-align: left;
       font-weight: bold;
+      justify-content: space-between;
       span {
         color: var(--member-color);
       }
       i {
         font-family: sans-serif;
-        margin-left: 1em;
+        font-weight: normal;
       }
     }
     .avatar {
@@ -89,8 +91,12 @@
       <table>
         <tr>
           <td rowspan="3" class="avatar"></td>
-          <td class="name"><span>noe</span> <i>/noʊiː/</i></td>
-          <td>41666-𝛼</td>
+          <td class="name">
+            <span>noe</span>
+            <i>/noʊiː/</i>
+            <i>41666-𝛼</i>
+            <i class="tag">tag: ^n</i>
+          </td>
         </tr>
         <tr>
           <td colspan="2">
@@ -137,7 +143,10 @@
       <table>
         <tr>
           <td rowspan="3" class="avatar"></td>
-          <td colspan="2" class="name"><span>aurelia</span></td>
+          <td colspan="2" class="name">
+            <span>aurelia</span>
+            <i class="tag">tag: ^au</i>
+          </td>
         </tr>
         <tr>
           <td colspan="2">
@@ -178,7 +187,10 @@
       <table>
         <tr>
           <td rowspan="3" class="avatar"></td>
-          <td colspan="2" class="name"><span>sayaka</span></td>
+          <td colspan="2" class="name">
+            <span>sayaka</span>
+            <i class="tag">tag: ^s</i>
+          </td>
         </tr>
         <tr>
           <td colspan="2">
@@ -214,8 +226,11 @@
       <table>
         <tr>
           <td rowspan="3" class="avatar"></td>
-          <td colspan="1" class="name"><span>fusa</span></td>
-          <td>41666-𝜔</td>
+          <td class="name">
+            <span>fusa</span>
+            <i>41666-𝜔</i>
+            <i>tag: ^f</i>
+          </td>
         </tr>
         <tr>
           <td colspan="3">
@@ -249,8 +264,11 @@
       <table>
         <tr>
           <td rowspan="3" class="avatar"></td>
-          <td colspan="1" class="name"><span>aki</span></td>
-          <td>41666-𝛾</td>
+          <td colspan="1" class="name">
+            <span>aki</span>
+            <i>41666-𝛾</i>
+            <i class="tag">tag: ^a</i>
+          </td>
         </tr>
         <tr>
           <td colspan="3">Combat Doll</td>
@@ -286,8 +304,9 @@
       <table>
         <tr>
           <td rowspan="3" class="avatar"></td>
-          <td colspan="1" class="name"><span>#6</span></td>
-          <td>41666-ι</td>
+          <td colspan="1" class="name">
+            <span>#6</span> <i>41666-ι</i> <i class="tag">tag: ^6</i>
+          </td>
         </tr>
         <tr>
           <td colspan="3">Puppydoll, Mech Pilot</td>
@@ -317,8 +336,9 @@
       <table>
         <tr>
           <td rowspan="3" class="avatar"></td>
-          <td colspan="1" class="name"><span>junko</span></td>
-          <td>41666-κ</td>
+          <td colspan="1" class="name">
+            <span>junko</span><i>41666-κ</i><i class="tag">tag: ^j</i>
+          </td>
         </tr>
         <tr>
           <td colspan="3">Mech Pilot Puppymoder</td>
