44 lines
2.6 KiB
XML
44 lines
2.6 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="540" viewBox="0 0 960 540" role="img" aria-labelledby="title desc">
|
|
<title id="title">WebSocket in OSI model</title>
|
|
<desc id="desc">A compact OSI stack with English technical names and Persian supporting labels.</desc>
|
|
<defs>
|
|
<style>
|
|
@font-face {
|
|
font-family: "Vazirmatn";
|
|
src: url("../../../app/static/Vazirmatn[wght].woff2") format("woff2");
|
|
font-weight: 100 900;
|
|
}
|
|
text { font-family: "Vazirmatn", Arial, sans-serif; }
|
|
</style>
|
|
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feDropShadow dx="0" dy="18" stdDeviation="18" flood-color="#0f172a" flood-opacity=".12"/>
|
|
</filter>
|
|
</defs>
|
|
<rect width="960" height="540" fill="#262a3a"/>
|
|
<text x="72" y="76" fill="#f8fafc" font-size="34" font-weight="800">WebSocket in the OSI Model</text>
|
|
<text x="72" y="112" fill="#a8adbd" font-size="17">Application Layer over TCP/IP</text>
|
|
<g filter="url(#shadow)">
|
|
<rect x="106" y="142" width="748" height="350" rx="26" fill="#ffffff" opacity=".08" stroke="#ffffff"/>
|
|
</g>
|
|
<g font-size="17">
|
|
<rect x="138" y="170" width="684" height="52" rx="14" fill="#2563eb"/>
|
|
<text x="162" y="203" fill="#fff" font-weight="800">Layer 7 - Application</text>
|
|
<text x="516" y="203" fill="#fff">WebSocket - JSON - Chat</text>
|
|
<rect x="138" y="232" width="684" height="44" rx="13" fill="#ffffff" opacity=".08" stroke="#ffffff"/>
|
|
<text x="162" y="260" fill="#f8fafc" font-weight="800">Layer 6 - Presentation</text>
|
|
<text x="516" y="260" fill="#a8adbd">UTF-8 - Text</text>
|
|
<rect x="138" y="286" width="684" height="44" rx="13" fill="#ffffff" opacity=".08" stroke="#ffffff"/>
|
|
<text x="162" y="314" fill="#f8fafc" font-weight="800">Layer 5 - Session</text>
|
|
<text x="516" y="314" fill="#a8adbd">Long-lived conversation</text>
|
|
<rect x="138" y="340" width="684" height="52" rx="14" fill="#10b981"/>
|
|
<text x="162" y="373" fill="#fff" font-weight="800">Layer 4 - Transport</text>
|
|
<text x="516" y="373" fill="#fff">TCP reliable stream</text>
|
|
<rect x="138" y="402" width="684" height="44" rx="13" fill="#ffffff" opacity=".08" stroke="#ffffff"/>
|
|
<text x="162" y="430" fill="#f8fafc" font-weight="800">Layer 3 - Network</text>
|
|
<text x="516" y="430" fill="#a8adbd">IP routing</text>
|
|
<rect x="138" y="456" width="684" height="44" rx="13" fill="#ffffff" opacity=".08" stroke="#ffffff"/>
|
|
<text x="162" y="484" fill="#f8fafc" font-weight="800">Layers 2-1 - Link / Physical</text>
|
|
<text x="516" y="484" fill="#a8adbd">Ethernet - Wi-Fi</text>
|
|
</g>
|
|
</svg>
|