svg-slides/cyber-teaser.svg

image svg-slides
ฯ€ 0.0% 900 words ยท 5 min 
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080">

<defs>
  <filter id="glow" x="-60%" y="-60%" width="220%" height="220%">
    <feGaussianBlur stdDeviation="7" result="b"/>
    <feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
  </filter>
  <filter id="glowBig" x="-80%" y="-80%" width="260%" height="260%">
    <feGaussianBlur stdDeviation="16" result="b"/>
    <feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
  </filter>
  <radialGradient id="vig" cx="50%" cy="42%" r="75%">
    <stop offset="0%" stop-color="#0A1420"/><stop offset="100%" stop-color="#04070D"/>
  </radialGradient>
</defs>
<rect width="1920" height="1080" fill="url(#vig)"/>
<circle cx="0" cy="994" r="1.0" fill="#9ADBD0" opacity="0.23"/><circle cx="1400" cy="575" r="1.1" fill="#9ADBD0" opacity="0.50"/><circle cx="1450" cy="586" r="1.6" fill="#9ADBD0" opacity="0.44"/><circle cx="1568" cy="261" r="1.1" fill="#9ADBD0" opacity="0.47"/><circle cx="1340" cy="58" r="1.6" fill="#9ADBD0" opacity="0.35"/><circle cx="1771" cy="872" r="0.8" fill="#9ADBD0" opacity="0.38"/><circle cx="1772" cy="744" r="1.5" fill="#9ADBD0" opacity="0.41"/><circle cx="1751" cy="981" r="1.1" fill="#9ADBD0" opacity="0.29"/><circle cx="1607" cy="359" r="0.8" fill="#9ADBD0" opacity="0.27"/><circle cx="823" cy="318" r="1.9" fill="#9ADBD0" opacity="0.40"/><circle cx="1400" cy="948" r="0.7" fill="#9ADBD0" opacity="0.26"/><circle cx="1076" cy="550" r="1.2" fill="#9ADBD0" opacity="0.22"/><circle cx="1745" cy="59" r="1.1" fill="#9ADBD0" opacity="0.29"/><circle cx="1276" cy="998" r="1.3" fill="#9ADBD0" opacity="0.20"/><circle cx="779" cy="306" r="1.1" fill="#9ADBD0" opacity="0.33"/><circle cx="639" cy="574" r="1.5" fill="#9ADBD0" opacity="0.24"/><circle cx="1740" cy="494" r="1.8" fill="#9ADBD0" opacity="0.44"/><circle cx="1218" cy="558" r="1.3" fill="#9ADBD0" opacity="0.46"/><circle cx="1804" cy="428" r="1.6" fill="#9ADBD0" opacity="0.25"/><circle cx="1127" cy="379" r="1.1" fill="#9ADBD0" opacity="0.32"/><circle cx="1526" cy="948" r="0.8" fill="#9ADBD0" opacity="0.53"/><circle cx="149" cy="439" r="0.8" fill="#9ADBD0" opacity="0.16"/><circle cx="1913" cy="238" r="1.5" fill="#9ADBD0" opacity="0.19"/><circle cx="878" cy="640" r="0.8" fill="#9ADBD0" opacity="0.58"/><circle cx="1698" cy="962" r="1.8" fill="#9ADBD0" opacity="0.57"/><circle cx="1461" cy="297" r="0.6" fill="#9ADBD0" opacity="0.24"/><circle cx="146" cy="2" r="1.5" fill="#9ADBD0" opacity="0.24"/><circle cx="1423" cy="529" r="1.6" fill="#9ADBD0" opacity="0.24"/><circle cx="1694" cy="254" r="1.1" fill="#9ADBD0" opacity="0.57"/><circle cx="227" cy="528" r="0.6" fill="#9ADBD0" opacity="0.58"/><circle cx="1223" cy="996" r="0.6" fill="#9ADBD0" opacity="0.57"/><circle cx="361" cy="1046" r="1.4" fill="#9ADBD0" opacity="0.46"/><circle cx="511" cy="241" r="0.9" fill="#9ADBD0" opacity="0.40"/><circle cx="101" cy="831" r="1.6" fill="#9ADBD0" opacity="0.48"/><circle cx="957" cy="35" r="0.8" fill="#9ADBD0" opacity="0.58"/><circle cx="251" cy="743" r="1.9" fill="#9ADBD0" opacity="0.14"/><circle cx="1696" cy="930" r="2.0" fill="#9ADBD0" opacity="0.60"/><circle cx="1469" cy="453" r="0.9" fill="#9ADBD0" opacity="0.48"/><circle cx="1694" cy="430" r="0.9" fill="#9ADBD0" opacity="0.32"/><circle cx="1703" cy="603" r="1.1" fill="#9ADBD0" opacity="0.43"/><circle cx="1411" cy="362" r="1.6" fill="#9ADBD0" opacity="0.33"/><circle cx="381" cy="337" r="2.0" fill="#9ADBD0" opacity="0.62"/><circle cx="1214" cy="942" r="1.9" fill="#9ADBD0" opacity="0.22"/><circle cx="1239" cy="146" r="1.3" fill="#9ADBD0" opacity="0.40"/><circle cx="1481" cy="1021" r="1.3" fill="#9ADBD0" opacity="0.21"/><circle cx="858" cy="179" r="1.5" fill="#9ADBD0" opacity="0.38"/><circle cx="1078" cy="547" r="1.7" fill="#9ADBD0" opacity="0.30"/><circle cx="1442" cy="28" r="1.0" fill="#9ADBD0" opacity="0.39"/><circle cx="389" cy="781" r="1.0" fill="#9ADBD0" opacity="0.24"/><circle cx="1266" cy="464" r="0.7" fill="#9ADBD0" opacity="0.51"/><circle cx="1580" cy="989" r="1.9" fill="#9ADBD0" opacity="0.46"/><circle cx="1841" cy="27" r="1.7" fill="#9ADBD0" opacity="0.42"/><circle cx="1390" cy="970" r="0.7" fill="#9ADBD0" opacity="0.19"/><circle cx="154" cy="117" r="0.7" fill="#9ADBD0" opacity="0.12"/><circle cx="1162" cy="1021" r="0.9" fill="#9ADBD0" opacity="0.19"/><circle cx="388" cy="729" r="0.9" fill="#9ADBD0" opacity="0.35"/><circle cx="1908" cy="456" r="1.5" fill="#9ADBD0" opacity="0.51"/><circle cx="762" cy="450" r="0.7" fill="#9ADBD0" opacity="0.24"/><circle cx="1551" cy="1052" r="0.8" fill="#9ADBD0" opacity="0.58"/><circle cx="977" cy="132" r="0.9" fill="#9ADBD0" opacity="0.42"/><circle cx="327" cy="84" r="1.0" fill="#9ADBD0" opacity="0.44"/><circle cx="1068" cy="519" r="2.0" fill="#9ADBD0" opacity="0.16"/><circle cx="794" cy="340" r="0.6" fill="#9ADBD0" opacity="0.12"/><circle cx="794" cy="99" r="0.9" fill="#9ADBD0" opacity="0.58"/><circle cx="1493" cy="825" r="1.2" fill="#9ADBD0" opacity="0.55"/><circle cx="1848" cy="865" r="1.5" fill="#9ADBD0" opacity="0.41"/><circle cx="668" cy="440" r="1.3" fill="#9ADBD0" opacity="0.37"/><circle cx="1089" cy="780" r="1.5" fill="#9ADBD0" opacity="0.44"/><circle cx="1400" cy="955" r="1.8" fill="#9ADBD0" opacity="0.61"/><circle cx="841" cy="526" r="1.9" fill="#9ADBD0" opacity="0.61"/><circle cx="687" cy="86" r="1.1" fill="#9ADBD0" opacity="0.56"/><circle cx="1360" cy="797" r="1.9" fill="#9ADBD0" opacity="0.51"/><circle cx="398" cy="257" r="1.7" fill="#9ADBD0" opacity="0.17"/><circle cx="1758" cy="864" r="1.5" fill="#9ADBD0" opacity="0.48"/><circle cx="1029" cy="478" r="1.8" fill="#9ADBD0" opacity="0.40"/><circle cx="1678" cy="292" r="1.6" fill="#9ADBD0" opacity="0.34"/><circle cx="759" cy="203" r="1.4" fill="#9ADBD0" opacity="0.24"/><circle cx="1726" cy="888" r="1.1" fill="#9ADBD0" opacity="0.46"/><circle cx="1685" cy="125" r="1.0" fill="#9ADBD0" opacity="0.58"/><circle cx="3" cy="142" r="1.2" fill="#9ADBD0" opacity="0.13"/><circle cx="1330" cy="970" r="0.8" fill="#9ADBD0" opacity="0.23"/><circle cx="1819" cy="756" r="0.8" fill="#9ADBD0" opacity="0.18"/><circle cx="1203" cy="17" r="1.7" fill="#9ADBD0" opacity="0.42"/><circle cx="1442" cy="138" r="1.1" fill="#9ADBD0" opacity="0.48"/><circle cx="1834" cy="592" r="1.4" fill="#9ADBD0" opacity="0.51"/><circle cx="1349" cy="792" r="1.4" fill="#9ADBD0" opacity="0.17"/><circle cx="87" cy="662" r="0.9" fill="#9ADBD0" opacity="0.41"/><circle cx="482" cy="241" r="1.5" fill="#9ADBD0" opacity="0.43"/><circle cx="1561" cy="259" r="1.9" fill="#9ADBD0" opacity="0.15"/><circle cx="1326" cy="439" r="1.7" fill="#9ADBD0" opacity="0.45"/><circle cx="1545" cy="113" r="1.9" fill="#9ADBD0" opacity="0.37"/><circle cx="1580" cy="459" r="1.8" fill="#9ADBD0" opacity="0.52"/><circle cx="1396" cy="980" r="1.8" fill="#9ADBD0" opacity="0.22"/><circle cx="1382" cy="167" r="0.8" fill="#9ADBD0" opacity="0.59"/><circle cx="1833" cy="61" r="0.7" fill="#9ADBD0" opacity="0.25"/><circle cx="1806" cy="939" r="1.9" fill="#9ADBD0" opacity="0.26"/><circle cx="381" cy="32" r="1.3" fill="#9ADBD0" opacity="0.40"/><circle cx="272" cy="349" r="1.3" fill="#9ADBD0" opacity="0.23"/><circle cx="106" cy="48" r="0.7" fill="#9ADBD0" opacity="0.43"/><circle cx="898" cy="873" r="1.6" fill="#9ADBD0" opacity="0.38"/><circle cx="1345" cy="419" r="1.5" fill="#9ADBD0" opacity="0.60"/><circle cx="1480" cy="1039" r="1.6" fill="#9ADBD0" opacity="0.42"/><circle cx="1541" cy="185" r="0.7" fill="#9ADBD0" opacity="0.48"/><circle cx="1242" cy="466" r="1.4" fill="#9ADBD0" opacity="0.31"/><circle cx="949" cy="132" r="0.7" fill="#9ADBD0" opacity="0.16"/><circle cx="680" cy="372" r="0.9" fill="#9ADBD0" opacity="0.44"/><circle cx="241" cy="56" r="0.6" fill="#9ADBD0" opacity="0.54"/><circle cx="1669" cy="48" r="1.7" fill="#9ADBD0" opacity="0.28"/><circle cx="772" cy="981" r="1.7" fill="#9ADBD0" opacity="0.13"/><circle cx="1907" cy="222" r="1.5" fill="#9ADBD0" opacity="0.33"/><circle cx="64" cy="187" r="1.7" fill="#9ADBD0" opacity="0.50"/><circle cx="478" cy="926" r="1.7" fill="#9ADBD0" opacity="0.28"/><circle cx="882" cy="323" r="1.0" fill="#9ADBD0" opacity="0.56"/><circle cx="1670" cy="732" r="1.3" fill="#9ADBD0" opacity="0.55"/><circle cx="1574" cy="878" r="1.7" fill="#9ADBD0" opacity="0.61"/><circle cx="1327" cy="308" r="1.6" fill="#9ADBD0" opacity="0.28"/><circle cx="1659" cy="176" r="1.8" fill="#9ADBD0" opacity="0.45"/><circle cx="1567" cy="504" r="1.7" fill="#9ADBD0" opacity="0.53"/><circle cx="82" cy="250" r="0.9" fill="#9ADBD0" opacity="0.13"/><circle cx="1109" cy="877" r="1.5" fill="#9ADBD0" opacity="0.55"/><circle cx="1662" cy="878" r="0.9" fill="#9ADBD0" opacity="0.40"/><circle cx="883" cy="417" r="1.4" fill="#9ADBD0" opacity="0.50"/><circle cx="994" cy="415" r="1.3" fill="#9ADBD0" opacity="0.24"/><circle cx="1350" cy="833" r="1.0" fill="#9ADBD0" opacity="0.25"/><circle cx="1179" cy="596" r="1.9" fill="#9ADBD0" opacity="0.40"/><circle cx="607" cy="648" r="1.4" fill="#9ADBD0" opacity="0.44"/><circle cx="1096" cy="174" r="0.9" fill="#9ADBD0" opacity="0.18"/><circle cx="640" cy="685" r="1.8" fill="#9ADBD0" opacity="0.44"/><circle cx="747" cy="375" r="1.2" fill="#9ADBD0" opacity="0.18"/><circle cx="297" cy="57" r="1.3" fill="#9ADBD0" opacity="0.31"/>

<circle cx="960" cy="540" r="124" fill="none" stroke="#00FFC2" stroke-width="1" opacity="0.09"/><circle cx="960" cy="540" r="248" fill="none" stroke="#00FFC2" stroke-width="1" opacity="0.09"/><circle cx="960" cy="540" r="372" fill="none" stroke="#00FFC2" stroke-width="1" opacity="0.09"/><circle cx="960" cy="540" r="496" fill="none" stroke="#00FFC2" stroke-width="1" opacity="0.09"/><circle cx="960" cy="540" r="620" fill="none" stroke="#00FFC2" stroke-width="1" opacity="0.09"/><line x1="340" y1="540" x2="1580" y2="540" stroke="#00FFC2" stroke-width="1" opacity="0.063"/><line x1="960" y1="-80" x2="960" y2="1160" stroke="#00FFC2" stroke-width="1" opacity="0.063"/>
<circle cx="960" cy="540" r="6" fill="#00FFC2" filter="url(#glowBig)"/>
<line x1="120" y1="92" x2="1800" y2="92" stroke="#15303B" stroke-width="1.5"/>
<line x1="120" y1="988" x2="1800" y2="988" stroke="#15303B" stroke-width="1.5"/>
<text x="120" y="66" font-family="'JetBrains Mono','Courier New',monospace" font-size="24" fill="#00FFC2" font-weight="700" letter-spacing="10" text-anchor="start" opacity="1">CYBER</text>
<text x="1800" y="66" font-family="'JetBrains Mono','Courier New',monospace" font-size="22" fill="#66798A" font-weight="400" letter-spacing="6" text-anchor="end" opacity="1">A PROTOCOL FOR COLLECTIVE FOCUS</text>
<text x="960" y="320" font-family="'JetBrains Mono','Courier New',monospace" font-size="52" fill="#E9F6F1" font-weight="700" letter-spacing="0" text-anchor="middle" opacity="1">The machine into which anyone may speak</text>
<text x="960" y="405" font-family="'JetBrains Mono','Courier New',monospace" font-size="52" fill="#E9F6F1" font-weight="700" letter-spacing="0" text-anchor="middle" opacity="1">and be rewarded for truth โ€”</text>
<text x="960" y="560" font-family="'JetBrains Mono','Courier New',monospace" font-size="54" font-weight="700" text-anchor="middle" fill="#FF2ED2" filter="url(#glow)">no one knows who said what,</text>
<text x="960" y="640" font-family="'JetBrains Mono','Courier New',monospace" font-size="34" fill="#66798A" font-weight="400" letter-spacing="0" text-anchor="middle" opacity="1">and yet</text>
<text x="960" y="740" font-family="'JetBrains Mono','Courier New',monospace" font-size="54" font-weight="700" text-anchor="middle" fill="#00FFC2" filter="url(#glow)">everyone knows what everyone said.</text>
<text x="960" y="936" font-family="'JetBrains Mono','Courier New',monospace" font-size="24" fill="#66798A" font-weight="400" letter-spacing="8" text-anchor="middle" opacity="1">SPEAK WITHOUT FEAR  ยท  KNOW WITHOUT PERMISSION</text>

</svg>

Graph