nucleic/nucleic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge nucleic/calm-opal-bison-hktg into dev

Browse Source
This commit is contained in:
abkslm
2026-07-13 05:08:17 -07:00
parent 9d0b45b75a
commit 6c0487909c
1 changed files with 28 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/index.html
+28 -44
View File
@@ -654,72 +654,56 @@
</div>
<div class="lgfx">
<!-- four devices, every one bonded to every other; work travels the bonds -->
<svg viewBox="0 0 760 340" role="img" aria-label="A Mac mini, a MacBook, an iPhone, and a cloud runner — every device connected to every other, end-to-end encrypted">
<!-- three devices, every one bonded to every other; work travels the bonds -->
<svg viewBox="0 0 760 310" role="img" aria-label="A MacBook, an iPhone, and a cloud runner — every device connected to every other, end-to-end encrypted">
<defs>
<path id="bondMC" d="M0,0 L316,0"/>
<path id="bondBP" d="M0,0 L-316,0"/>
<path id="bondMB" d="M0,0 L0,66"/>
<path id="bondCP" d="M0,0 L0,-66"/>
<path id="bondMP" d="M0,0 L324,131"/>
<path id="bondBC" d="M0,0 L324,-131"/>
<path id="bondMC" d="M0,0 L336,-6"/>
<path id="bondMP" d="M0,0 L160,84"/>
<path id="bondCP" d="M0,0 L-152,90"/>
</defs>
<!-- electron shells -->
<g fill="none" stroke="#e6ded4">
<circle cx="170" cy="85" r="52"/>
<circle cx="590" cy="85" r="52"/>
<circle cx="170" cy="255" r="52"/>
<circle cx="590" cy="255" r="52"/>
<circle cx="150" cy="95" r="62"/>
<circle cx="610" cy="85" r="62"/>
<circle cx="385" cy="243" r="56"/>
</g>
<!-- bonds (double lines) — the complete mesh -->
<g fill="none" stroke="#5e9bd8" stroke-width="1.6" opacity=".55">
<path d="M222,82 L538,82"/><path d="M222,88 L538,88"/>
<path d="M222,252 L538,252"/><path d="M222,258 L538,258"/>
<path d="M167,137 L167,203"/><path d="M173,137 L173,203"/>
<path d="M587,137 L587,203"/><path d="M593,137 L593,203"/>
<path d="M217,108 L541,239"/><path d="M219,102 L543,233"/>
<path d="M219,239 L543,108"/><path d="M217,233 L541,102"/>
<path d="M212,88 L548,82"/><path d="M212,96 L548,90"/>
<path d="M186,142 L346,226"/><path d="M180,152 L340,236"/>
<path d="M576,132 L424,222"/><path d="M582,141 L430,231"/>
</g>
<!-- traveling work -->
<g transform="translate(222,85)"><circle class="dot" r="3.4" fill="#5e9bd8"><animateMotion dur="4.6s" repeatCount="indefinite"><mpath href="#bondMC"/></animateMotion></circle></g>
<g transform="translate(538,255)"><circle class="dot" r="3.4" fill="#5e9bd8"><animateMotion dur="5.2s" begin="-2.4s" repeatCount="indefinite"><mpath href="#bondBP"/></animateMotion></circle></g>
<g transform="translate(170,137)"><circle class="dot" r="3.2" fill="#5e9bd8"><animateMotion dur="3.4s" begin="-1s" repeatCount="indefinite"><mpath href="#bondMB"/></animateMotion></circle></g>
<g transform="translate(590,203)"><circle class="dot" r="3.2" fill="#5e9bd8"><animateMotion dur="3.8s" begin="-.6s" repeatCount="indefinite"><mpath href="#bondCP"/></animateMotion></circle></g>
<g transform="translate(218,105)"><circle class="dot" r="3.4" fill="#5e9bd8"><animateMotion dur="5.6s" begin="-3s" repeatCount="indefinite"><mpath href="#bondMP"/></animateMotion></circle></g>
<g transform="translate(218,236)"><circle class="dot" r="3.4" fill="#5e9bd8"><animateMotion dur="5s" begin="-1.8s" repeatCount="indefinite"><mpath href="#bondBC"/></animateMotion></circle></g>
<g transform="translate(212,92)"><circle class="dot" r="3.4" fill="#5e9bd8"><animateMotion dur="5s" repeatCount="indefinite"><mpath href="#bondMC"/></animateMotion></circle></g>
<g transform="translate(183,147)"><circle class="dot" r="3.4" fill="#5e9bd8"><animateMotion dur="4s" begin="-1.5s" repeatCount="indefinite"><mpath href="#bondMP"/></animateMotion></circle></g>
<g transform="translate(579,136)"><circle class="dot" r="3.4" fill="#5e9bd8"><animateMotion dur="4.6s" begin="-3s" repeatCount="indefinite"><mpath href="#bondCP"/></animateMotion></circle></g>
<!-- Mac mini -->
<g fill="none" stroke="#181520" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="140" y="73" width="60" height="24" rx="7"/>
<path d="M188 85h.01"/>
</g>
<!-- cloud runner -->
<g transform="translate(560,56) scale(2.6)" fill="none" stroke="#181520" stroke-width=".77" stroke-linecap="round" stroke-linejoin="round">
<path d="M7 18a4 4 0 0 1-.4-8A5 5 0 0 1 16.5 8.6 3.7 3.7 0 0 1 18 18z"/>
</g>
<!-- MacBook -->
<g fill="none" stroke="#181520" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="144" y="228" width="52" height="32" rx="4"/>
<path d="M132 266h76"/>
<rect x="113" y="60" width="74" height="46" rx="5"/>
<path d="M99 114h102"/>
</g>
<!-- cloud runner -->
<g transform="translate(577,52) scale(3.1)" fill="none" stroke="#181520" stroke-width=".68" stroke-linecap="round" stroke-linejoin="round">
<path d="M7 18a4 4 0 0 1-.4-8A5 5 0 0 1 16.5 8.6 3.7 3.7 0 0 1 18 18z"/>
</g>
<!-- iPhone -->
<g fill="none" stroke="#181520" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="572" y="223" width="36" height="64" rx="8"/>
<path d="M582 279h16"/>
<rect x="365" y="208" width="40" height="70" rx="8"/>
<path d="M377 270h16"/>
</g>
<!-- labels -->
<g font-family="JetBrains Mono, ui-monospace, monospace" font-size="10.5" fill="#8b8590" text-anchor="middle">
<text x="380" y="66">far apart · private</text>
<text x="380" y="296">side by side · direct</text>
<text x="665" y="174">relay · ciphertext only</text>
<text x="170" y="22">mac mini</text>
<text x="590" y="22">cloud runner</text>
<text x="170" y="322">macbook</text>
<text x="590" y="322">iphone</text>
<text x="380" y="70">far apart · private</text>
<text x="222" y="212">side by side · direct</text>
<text x="545" y="212">relay · ciphertext only</text>
<text x="150" y="180">macbook</text>
<text x="610" y="170">cloud runner</text>
<text x="385" y="305">iphone</text>
</g>
</svg>
</div>