feat: rotated table display

routes/in.css

@@ -9,3 +9,30 @@
     --clarifying-q-color: 216deg 99% 55%;
     --meta-color: 312deg 100% 50%;
 }
+
+/* https://stackoverflow.com/questions/12813573/position-icons-into-circle */
+.circle-container {
+  --d: 7em; /* image size */
+  --rel: 1; /* how much extra space we want between images, 1 = one image size */
+  --r: calc(.5*(1 + var(--rel))*var(--d)/var(--tan)); /* circle radius */
+  --s: calc(2*var(--r) + var(--d)); /* container size */
+  position: relative;
+  width: var(--s);
+  height: var(--s);
+  /* background: silver /\* to show images perfectly fit in container *\/ */
+}
+
+.circle-container .person-bricks {
+  position: absolute;
+  top: 50%; left: 50%;
+  /* margin: calc(-.5*var(--d)); */
+  --az: calc(var(--i)*1turn/var(--m));
+  width: var(--az); height: var(--az);
+  transform:
+    translateX(-50%)
+    translateY(-50%)
+    rotate(90deg)
+    rotate(var(--az))
+    translate(var(--r))
+    rotate(-90deg)
+}