Skip to content

Instantly share code, notes, and snippets.

@kksudo
Created March 18, 2026 11:31
Show Gist options
  • Select an option

  • Save kksudo/43e61dd29877c9832012f62800e36386 to your computer and use it in GitHub Desktop.

Select an option

Save kksudo/43e61dd29877c9832012f62800e36386 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 200" width="360" height="200">
<defs>
<linearGradient id="bg4" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#1a1a2e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#16213e;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="360" height="200" rx="12" fill="url(#bg4)"/>
<text x="180" y="28" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#e94560" text-anchor="middle">Шаг 4: Включите VPN</text>
<!-- Phone mockup -->
<rect x="120" y="40" width="120" height="145" rx="14" fill="#0a0a1a" stroke="#333" stroke-width="2"/>
<rect x="128" y="52" width="104" height="122" rx="4" fill="#1a1a2e"/>
<!-- Top bar -->
<rect x="128" y="52" width="104" height="20" fill="#0f3460"/>
<text x="180" y="65" font-family="Arial, sans-serif" font-size="8" fill="white" text-anchor="middle">HAPP</text>
<!-- Server entry -->
<rect x="134" y="78" width="92" height="28" rx="5" fill="#162447" stroke="#4ecca3" stroke-width="1"/>
<text x="180" y="93" font-family="Arial, sans-serif" font-size="8" fill="#4ecca3" text-anchor="middle">🟢 Мой сервер</text>
<text x="180" y="103" font-family="Arial, sans-serif" font-size="6" fill="#a8a8a8" text-anchor="middle">VLESS-Reality • 12ms</text>
<!-- Big connect button -->
<circle cx="180" cy="138" r="22" fill="#4ecca3"/>
<text x="180" y="134" font-family="Arial, sans-serif" font-size="16" fill="#0a0a1a" text-anchor="middle">▶</text>
<text x="180" y="148" font-family="Arial, sans-serif" font-size="6" font-weight="bold" fill="#0a0a1a" text-anchor="middle">START</text>
<!-- Left annotation -->
<text x="48" y="130" font-family="Arial, sans-serif" font-size="9" fill="#ffd700" text-anchor="middle">Нажмите</text>
<text x="48" y="142" font-family="Arial, sans-serif" font-size="9" fill="#ffd700" text-anchor="middle">кнопку</text>
<text x="48" y="154" font-family="Arial, sans-serif" font-size="9" fill="#ffd700" text-anchor="middle">подключения</text>
<line x1="85" y1="140" x2="155" y2="138" stroke="#ffd700" stroke-width="1.5"/>
<!-- Right annotation -->
<text x="310" y="100" font-family="Arial, sans-serif" font-size="9" fill="#4ecca3" text-anchor="middle">Готово!</text>
<text x="310" y="115" font-family="Arial, sans-serif" font-size="8" fill="#a8a8a8" text-anchor="middle">Проверьте:</text>
<text x="310" y="130" font-family="Arial, sans-serif" font-size="8" fill="#e94560" text-anchor="middle">2ip.ru</text>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment