GuilanCE/internet-engineering-project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(docs): align websocket diagram labels

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-06-16 14:47:25 +03:30
parent 75a440e770
commit 3821681733
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/images/websocket-handshake.svg
View File

@@ -17,7 +17,7 @@
<text x="376" y="250" fill="#344054" font-size="15" font-weight="700">2. 101 Switching Protocols</text>
<line x1="310" y1="326" x2="650" y2="326" stroke="#7a5af8" stroke-width="4" stroke-dasharray="10 9" marker-end="url(#arrow-purple)"/>
<line x1="650" y1="362" x2="310" y2="362" stroke="#7a5af8" stroke-width="4" stroke-dasharray="10 9" marker-end="url(#arrow-purple)"/>
<text x="342" y="410" fill="#344054" font-size="15" font-weight="700">3. Full-duplex frames over the same TCP connection</text>
<text x="480" y="410" text-anchor="middle" fill="#344054" font-size="15" font-weight="700">3. Full-duplex frames over the same TCP connection</text>
</g>
<defs>
<marker id="arrow-blue" markerWidth="12" markerHeight="12" refX="10" refY="6" orient="auto">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

30
docs/images/websocket-history.svg
View File

@@ -7,25 +7,25 @@
<line x1="110" y1="278" x2="850" y2="278" stroke="#c7d7fe" stroke-width="8" stroke-linecap="round"/>
<g font-family="Inter, Arial, sans-serif">
<circle cx="150" cy="278" r="22" fill="#2563eb"/>
<text x="104" y="338" fill="#101828" font-size="18" font-weight="700">1990s</text>
<text x="92" y="366" fill="#475467" font-size="15">Classic HTTP</text>
<text x="78" y="388" fill="#475467" font-size="15">request/response</text>
<text x="150" y="338" text-anchor="middle" fill="#101828" font-size="18" font-weight="700">1990s</text>
<text x="150" y="366" text-anchor="middle" fill="#475467" font-size="15">Classic HTTP</text>
<text x="150" y="388" text-anchor="middle" fill="#475467" font-size="15">request/response</text>
<circle cx="330" cy="278" r="22" fill="#2563eb"/>
<text x="284" y="338" fill="#101828" font-size="18" font-weight="700">2005</text>
<text x="272" y="366" fill="#475467" font-size="15">AJAX polling</text>
<text x="250" y="388" fill="#475467" font-size="15">near-real-time web</text>
<text x="330" y="338" text-anchor="middle" fill="#101828" font-size="18" font-weight="700">2005</text>
<text x="330" y="366" text-anchor="middle" fill="#475467" font-size="15">AJAX polling</text>
<text x="330" y="388" text-anchor="middle" fill="#475467" font-size="15">near-real-time web</text>
<circle cx="510" cy="278" r="22" fill="#2563eb"/>
<text x="464" y="338" fill="#101828" font-size="18" font-weight="700">2008</text>
<text x="430" y="366" fill="#475467" font-size="15">WebSocket idea</text>
<text x="414" y="388" fill="#475467" font-size="15">HTML5 discussions</text>
<text x="510" y="338" text-anchor="middle" fill="#101828" font-size="18" font-weight="700">2008</text>
<text x="510" y="366" text-anchor="middle" fill="#475467" font-size="15">WebSocket idea</text>
<text x="510" y="388" text-anchor="middle" fill="#475467" font-size="15">HTML5 discussions</text>
<circle cx="690" cy="278" r="22" fill="#2563eb"/>
<text x="644" y="338" fill="#101828" font-size="18" font-weight="700">2011</text>
<text x="612" y="366" fill="#475467" font-size="15">RFC 6455</text>
<text x="592" y="388" fill="#475467" font-size="15">standard protocol</text>
<text x="690" y="338" text-anchor="middle" fill="#101828" font-size="18" font-weight="700">2011</text>
<text x="690" y="366" text-anchor="middle" fill="#475467" font-size="15">RFC 6455</text>
<text x="690" y="388" text-anchor="middle" fill="#475467" font-size="15">standard protocol</text>
<circle cx="830" cy="278" r="22" fill="#12b76a"/>
<text x="786" y="338" fill="#101828" font-size="18" font-weight="700">Today</text>
<text x="752" y="366" fill="#475467" font-size="15">Chat, games,</text>
<text x="740" y="388" fill="#475467" font-size="15">dashboards, IoT</text>
<text x="830" y="338" text-anchor="middle" fill="#101828" font-size="18" font-weight="700">Today</text>
<text x="830" y="366" text-anchor="middle" fill="#475467" font-size="15">Chat, games,</text>
<text x="830" y="388" text-anchor="middle" fill="#475467" font-size="15">dashboards, IoT</text>
</g>
<rect x="72" y="150" width="816" height="86" rx="14" fill="#ffffff" stroke="#d0d5dd"/>
<text x="106" y="186" fill="#344054" font-family="Inter, Arial, sans-serif" font-size="16" font-weight="700">Problem</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB