ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2026-06-07 18:56:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated images to fix text overlay

Browse Source
This commit is contained in:
amarantha-k
2026-06-04 14:25:59 -07:00
parent 0a85eb33d4
commit 5f089cdc62
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
static/img/xrpl-agentic-payment-loop-light.svg
View File

@@ -30,14 +30,14 @@
<!-- ── STEP 1: TRIGGER cx=140 ── -->
<circle cx="140" cy="115" r="29" fill="#FFFFFF" stroke="#C8D8EC" stroke-width="1.5" style="fill:rgb(255, 255, 255);stroke:rgb(200, 216, 236);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="140" y="109" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">01</text>
<text x="140" y="78" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">01</text>
<path d="M144,100 L137,116 L142,116 L138,128 L147,112 L141,112 Z" fill="#0094C4" opacity="0.85" style="fill:rgb(0, 148, 196);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="140" y="160" text-anchor="middle" fill="#0B0D1E" font-size="12" font-weight="600" style="fill:rgb(11, 13, 30);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:auto">Trigger</text>
<text x="140" y="175" text-anchor="middle" fill="#7A90B4" font-size="10" style="fill:rgb(122, 144, 180);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:10px;font-weight:400;text-anchor:middle;dominant-baseline:auto">Event arrives</text>
<!-- ── STEP 2: DECISION cx=295 ── -->
<circle cx="295" cy="115" r="29" fill="#FFFFFF" stroke="#C8D8EC" stroke-width="1.5" style="fill:rgb(255, 255, 255);stroke:rgb(200, 216, 236);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="295" y="109" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">02</text>
<text x="295" y="78" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">02</text>
<polygon points="295,100 303,115 295,130 287,115" fill="none" stroke="#0094C4" stroke-width="1.5" opacity="0.85" style="fill:none;stroke:rgb(0, 148, 196);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<circle cx="295" cy="115" r="3" fill="#0094C4" opacity="0.85" style="fill:rgb(0, 148, 196);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="295" y="160" text-anchor="middle" fill="#0B0D1E" font-size="12" font-weight="600" style="fill:rgb(11, 13, 30);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:auto">Decision</text>
@@ -45,7 +45,7 @@
<!-- ── STEP 3: TRANSACTION cx=450 ── -->
<circle cx="450" cy="115" r="29" fill="#FFFFFF" stroke="#C8D8EC" stroke-width="1.5" style="fill:rgb(255, 255, 255);stroke:rgb(200, 216, 236);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="450" y="109" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">03</text>
<text x="450" y="78" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">03</text>
<path d="M450,102 L443,113 L447,113 L447,128 L453,128 L453,113 L457,113 Z" fill="#0094C4" opacity="0.85" style="fill:rgb(0, 148, 196);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="450" y="160" text-anchor="middle" fill="#0B0D1E" font-size="12" font-weight="600" style="fill:rgb(11, 13, 30);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:auto">Transaction</text>
<text x="450" y="175" text-anchor="middle" fill="#7A90B4" font-size="10" style="fill:rgb(122, 144, 180);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:10px;font-weight:400;text-anchor:middle;dominant-baseline:auto">Sign &amp; submit</text>
@@ -54,7 +54,7 @@
<!-- Subtle drop shadow ring -->
<circle cx="605" cy="115" r="36" fill="none" stroke="#0094C4" stroke-width="0.5" opacity="0.12" style="fill:none;stroke:rgb(0, 148, 196);color:rgb(0, 0, 0);stroke-width:0.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.12;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<circle cx="605" cy="115" r="31" fill="#EDF6FC" stroke="#0076A8" stroke-width="2" filter="url(#shadow-l)" style="fill:rgb(237, 246, 252);stroke:rgb(0, 118, 168);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="605" y="109" text-anchor="middle" fill="#0076A8" font-size="9" font-weight="700" style="fill:rgb(0, 118, 168);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">04</text>
<text x="605" y="78" text-anchor="middle" fill="#0076A8" font-size="9" font-weight="700" style="fill:rgb(0, 118, 168);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">04</text>
<!-- XRPL hexagon icon -->
<polygon points="605,100 615,105 615,117 605,122 595,117 595,105" fill="none" stroke="#0076A8" stroke-width="1.5" opacity="0.95" style="fill:none;stroke:rgb(0, 118, 168);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.95;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<circle cx="605" cy="111" r="3.5" fill="#0076A8" opacity="0.85" style="fill:rgb(0, 118, 168);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
@@ -87,7 +87,7 @@
<!-- ── STEP 5: LOGGING cx=760 ── -->
<circle cx="760" cy="115" r="29" fill="#FFFFFF" stroke="#C8D8EC" stroke-width="1.5" style="fill:rgb(255, 255, 255);stroke:rgb(200, 216, 236);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="760" y="109" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">05</text>
<text x="760" y="78" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">05</text>
<line x1="751" y1="105" x2="769" y2="105" stroke="#0094C4" stroke-width="2" stroke-linecap="round" opacity="0.85" mask="url(#imagine-text-gaps-03xr4p)" style="fill:rgb(0, 0, 0);stroke:rgb(0, 148, 196);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.85;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<line x1="751" y1="112" x2="769" y2="112" stroke="#0094C4" stroke-width="2" stroke-linecap="round" opacity="0.65" mask="url(#imagine-text-gaps-03xr4p)" style="fill:rgb(0, 0, 0);stroke:rgb(0, 148, 196);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.65;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<line x1="751" y1="119" x2="762" y2="119" stroke="#0094C4" stroke-width="2" stroke-linecap="round" opacity="0.45" style="fill:rgb(0, 0, 0);stroke:rgb(0, 148, 196);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.45;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

10
static/img/xrpl-agentic-payment-loop.svg
View File

@@ -35,7 +35,7 @@
<!-- ── STEP 1: TRIGGER cx=140 ── -->
<circle cx="140" cy="115" r="29" fill="#0F1425" stroke="#2A4A6E" stroke-width="1.5" style="fill:rgb(15, 20, 37);stroke:rgb(42, 74, 110);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="140" y="109" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">01</text>
<text x="140" y="78" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">01</text>
<!-- lightning bolt path -->
<path d="M144,100 L137,116 L142,116 L138,128 L147,112 L141,112 Z" fill="#00B4E4" opacity="0.9" style="fill:rgb(0, 180, 228);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.9;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="140" y="160" text-anchor="middle" fill="#E8F0FF" font-size="12" font-weight="600" style="fill:rgb(232, 240, 255);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:auto">Trigger</text>
@@ -43,7 +43,7 @@
<!-- ── STEP 2: DECISION cx=295 ── -->
<circle cx="295" cy="115" r="29" fill="#0F1425" stroke="#2A4A6E" stroke-width="1.5" style="fill:rgb(15, 20, 37);stroke:rgb(42, 74, 110);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="295" y="109" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">02</text>
<text x="295" y="78" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">02</text>
<!-- diamond fork shape -->
<polygon points="295,100 303,115 295,130 287,115" fill="none" stroke="#00B4E4" stroke-width="1.5" opacity="0.9" style="fill:none;stroke:rgb(0, 180, 228);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.9;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<circle cx="295" cy="115" r="3" fill="#00B4E4" opacity="0.9" style="fill:rgb(0, 180, 228);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.9;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
@@ -52,7 +52,7 @@
<!-- ── STEP 3: TRANSACTION cx=450 ── -->
<circle cx="450" cy="115" r="29" fill="#0F1425" stroke="#2A4A6E" stroke-width="1.5" style="fill:rgb(15, 20, 37);stroke:rgb(42, 74, 110);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="450" y="109" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">03</text>
<text x="450" y="78" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">03</text>
<!-- up-arrow path -->
<path d="M450,102 L443,113 L447,113 L447,128 L453,128 L453,113 L457,113 Z" fill="#00B4E4" opacity="0.9" style="fill:rgb(0, 180, 228);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.9;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="450" y="160" text-anchor="middle" fill="#E8F0FF" font-size="12" font-weight="600" style="fill:rgb(232, 240, 255);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:auto">Transaction</text>
@@ -62,7 +62,7 @@
<!-- Outer glow ring -->
<circle cx="605" cy="115" r="36" fill="none" stroke="#00B4E4" stroke-width="0.5" opacity="0.15" style="fill:none;stroke:rgb(0, 180, 228);color:rgb(0, 0, 0);stroke-width:0.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.15;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<circle cx="605" cy="115" r="31" fill="#091C30" stroke="#00B4E4" stroke-width="2" filter="url(#glow)" style="fill:rgb(9, 28, 48);stroke:rgb(0, 180, 228);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="605" y="109" text-anchor="middle" fill="#0090B8" font-size="9" font-weight="700" style="fill:rgb(0, 144, 184);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">04</text>
<text x="605" y="78" text-anchor="middle" fill="#0090B8" font-size="9" font-weight="700" style="fill:rgb(0, 144, 184);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">04</text>
<!-- XRPL hexagon icon (simplified SVG hexagon) -->
<polygon points="605,100 615,105 615,117 605,122 595,117 595,105" fill="none" stroke="#00B4E4" stroke-width="1.5" opacity="0.95" style="fill:none;stroke:rgb(0, 180, 228);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.95;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<circle cx="605" cy="111" r="3.5" fill="#00B4E4" opacity="0.8" style="fill:rgb(0, 180, 228);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.8;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
@@ -96,7 +96,7 @@
<!-- ── STEP 5: LOGGING cx=760 ── -->
<circle cx="760" cy="115" r="29" fill="#0F1425" stroke="#2A4A6E" stroke-width="1.5" style="fill:rgb(15, 20, 37);stroke:rgb(42, 74, 110);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="760" y="109" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">05</text>
<text x="760" y="78" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">05</text>
<!-- log lines icon -->
<line x1="751" y1="105" x2="769" y2="105" stroke="#00B4E4" stroke-width="2" stroke-linecap="round" opacity="0.9" mask="url(#imagine-text-gaps-8e1g16)" style="fill:rgb(0, 0, 0);stroke:rgb(0, 180, 228);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.9;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<line x1="751" y1="112" x2="769" y2="112" stroke="#00B4E4" stroke-width="2" stroke-linecap="round" opacity="0.7" mask="url(#imagine-text-gaps-8e1g16)" style="fill:rgb(0, 0, 0);stroke:rgb(0, 180, 228);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.7;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB