moving

2026-09-02 10:10:29 +02:00
commit 0c3e2ead3b
3841 changed files with 970576 additions and 0 deletions
--- a/apps/www/app/_components/HeroVisual.module.css
+++ b/apps/www/app/_components/HeroVisual.module.css
@@ -0,0 +1,137 @@
+.window {
+  width: 100%;
+  max-width: 560px;
+  border-radius: var(--r-lg);
+  border: 1px solid var(--line);
+  background: linear-gradient(180deg, var(--hive-900) 0%, var(--hive-950) 100%);
+  box-shadow: var(--shadow-elevated);
+  overflow: hidden;
+}
+
+.titleBar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 14px;
+  border-bottom: 1px solid var(--line-soft);
+  background: rgba(31, 26, 18, 0.6);
+}
+
+.trafficDots {
+  display: inline-flex;
+  gap: 6px;
+}
+
+.trafficDot {
+  width: 9px;
+  height: 9px;
+  border-radius: 50%;
+  background: var(--hive-600);
+  opacity: 0.7;
+}
+
+.titleText {
+  font-family: var(--mono);
+  font-size: 11px;
+  color: var(--text-muted);
+  flex: 1;
+  text-align: center;
+}
+
+.titleBadge {
+  font-family: var(--mono);
+  font-size: 10px;
+  letter-spacing: 0.04em;
+  color: var(--honey-400);
+  border: 1px solid var(--honey-line);
+  background: var(--honey-wash);
+  border-radius: 999px;
+  padding: 2px 9px;
+  white-space: nowrap;
+}
+
+.svg {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+
+.footerBar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 9px 14px;
+  border-top: 1px solid var(--line-soft);
+  font-family: var(--mono);
+  font-size: 10px;
+  letter-spacing: 0.03em;
+  color: var(--text-muted);
+}
+
+/* Edge pulse: honey energy flowing between memory and models. */
+.edge {
+  stroke: var(--line-strong);
+  stroke-width: 1.2;
+  fill: none;
+}
+
+.edgePulse {
+  stroke: var(--honey-500);
+  stroke-width: 1.4;
+  fill: none;
+  stroke-dasharray: 10 110;
+  stroke-linecap: round;
+  opacity: 0.8;
+  animation: edge-flow 3.2s linear infinite;
+}
+
+.edgePulse2 {
+  animation-delay: 0.8s;
+}
+
+.edgePulse3 {
+  animation-delay: 1.6s;
+}
+
+.edgePulse4 {
+  animation-delay: 2.4s;
+}
+
+@keyframes edge-flow {
+  from {
+    stroke-dashoffset: 120;
+  }
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+
+.coreGlow {
+  animation: core-breathe 4s ease-in-out infinite;
+  transform-origin: center;
+  transform-box: fill-box;
+}
+
+@keyframes core-breathe {
+  0%,
+  100% {
+    opacity: 0.5;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .edgePulse {
+    animation: none;
+    stroke-dasharray: none;
+    opacity: 0.35;
+  }
+
+  .coreGlow {
+    animation: none;
+  }
+}