aiquiral/blog
1
0
Fork 0
mirror of https://codeberg.org/aiquiral/blog.git synced 2024-12-22 12:33:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

SVG testing.

Browse source
This commit is contained in:
Anuj K 2023-10-31 16:18:30 +05:30
parent f9434c4c4e
commit dd50c69f35
2 changed files with 22 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
assets/posts/2023-10-07-bypass-cgnat/tls-termination.svg Normal file
View file

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" viewBox="0 0 1920 333.35" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0 -405.76)">
<rect y="442.08" width="417.62" height="195.84" ry="47.833" fill="#4c4dfb" stroke-width="15"/>
<rect x="1502.4" y="442.08" width="417.62" height="195.84" ry="47.833" fill="#4c4dfb" stroke-width="15"/>
<rect x="732.86" y="405.76" width="454.28" height="268.48" ry="65.576" fill="#4c4dfb" stroke-width="18.318"/>
<text x="207.62411" y="523.29688" fill="#ffffff" font-family="'DejaVu Sans'" font-size="64px" stroke-width="4.8969" text-anchor="middle" xml:space="preserve"><tspan x="207.62411" y="523.29688" text-align="center">HOME</tspan><tspan x="207.62411" y="603.29688" text-align="center">SERVER</tspan></text>
<text x="957.5" y="503.29688" fill="#ffffff" font-family="'DejaVu Sans'" font-size="64px" stroke-width="15" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="957.5" y="503.29688">3RD-PARTY</tspan><tspan x="957.5" y="583.29688">SERVER</tspan></text>
<text x="1710.0946" y="523.29688" fill="#ffffff" font-family="'DejaVu Sans'" font-size="64px" stroke-width="15" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="1710.0946" y="523.29688">CLIENT</tspan><tspan x="1710.0946" y="603.29688">DEVICE</tspan></text>
<text x="959.40106" y="635.27734" fill="#ffffff" font-family="'DejaVu Sans'" font-size="26.667px" stroke-width="15" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="959.40106" y="635.27734" fill="#ffffff" font-size="26.667px">Example - Cloudflare</tspan></text>
<text x="562.70178" y="579.10443" fill="#000000" font-family="'DejaVu Sans'" font-size="21.333px" stroke-width="15" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="562.70178" y="579.10443" font-size="21.333px">Using Let's Encrypt</tspan></text>
<text x="960" y="709.63184" fill="#000000" font-family="'DejaVu Sans'" font-size="21.333px" stroke-width="15" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="960" y="709.63184">Data Decrypted</tspan><tspan x="960" y="736.29846">(TLS/SSL Termination)</tspan></text>
<text x="1344.3979" y="579.10443" fill="#000000" font-family="'DejaVu Sans'" font-size="21.333px" stroke-width="15" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="1344.3979" y="579.10443" font-size="21.333px">Using 3rd-party Certificate</tspan></text>
<rect x="452.42" y="536.33" width="221.91" height="7.3434" rx="0" ry="0" stroke-width="7.609"/>
<path transform="matrix(.35329 0 0 .35329 547.59 476.22)" d="m343.83 217.96v-74.834l64.808 37.417z" stroke-width="15"/>
<rect x="1228" y="536.33" width="221.91" height="7.3434" rx="0" ry="0" stroke-width="7.609"/>
<path transform="matrix(.35329 0 0 .35329 1323.2 476.22)" d="m343.83 217.96v-74.834l64.808 37.417z" stroke-width="15"/>
<text x="563.37366" y="516.32831" fill="#000000" font-family="'DejaVu Sans'" font-size="21.333px" stroke-width="15" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="563.37366" y="516.32831" font-size="21.333px">Data Encrypted</tspan></text>
<text x="1338.9938" y="516.32831" fill="#000000" font-family="'DejaVu Sans'" font-size="21.333px" stroke-width="15" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="1338.9938" y="516.32831">Data Re-encrypted</tspan></text>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.3 KiB

2
bypass-cgnat.html
View file

@ -89,7 +89,7 @@
<p>Take a look at this diagram for better understanding:</p> <p>Take a look at this diagram for better understanding:</p>
<p>Diag</p> <p><img src="/assets/posts/2023-10-07-bypass-cgnat/tls-termination.svg" alt="TLS Termination" title="TLS-Termination" class="inline-img" /></p>
<div class=important-note style="padding-top: 0px"> <div class=important-note style="padding-top: 0px">