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
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 280" width="360" height="280">
<defs>
<linearGradient id="bg2" 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="280" rx="12" fill="url(#bg2)"/>
<text x="180" y="30" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#e94560" text-anchor="middle">Шаг 2: Добавьте ключ подписки</text>
<!-- Phone mockup -->
<rect x="110" y="45" width="140" height="220" rx="16" fill="#0a0a1a" stroke="#333" stroke-width="2"/>
<rect x="118" y="60" width="124" height="190" rx="4" fill="#1a1a2e"/>
<!-- Top bar -->
<rect x="118" y="60" width="124" height="24" fill="#0f3460"/>
<text x="180" y="76" font-family="Arial, sans-serif" font-size="10" fill="white" text-anchor="middle">HAPP</text>
<!-- Server list area -->
<rect x="125" y="92" width="110" height="30" rx="6" fill="#162447" stroke="#1f4068" stroke-width="1"/>
<text x="180" y="110" font-family="Arial, sans-serif" font-size="9" fill="#a8a8a8" text-anchor="middle">Список серверов пуст</text>
<!-- + Button -->
<circle cx="222" y="60" r="0" fill="none"/>
<rect x="195" y="130" width="40" height="30" rx="8" fill="#e94560"/>
<text x="215" y="150" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="white" text-anchor="middle">+</text>
<!-- Arrow pointing to + -->
<line x1="260" y1="145" x2="240" y2="145" stroke="#ffd700" stroke-width="2" marker-end="url(#arrowhead)"/>
<text x="310" y="140" font-family="Arial, sans-serif" font-size="9" fill="#ffd700" text-anchor="middle">Нажмите</text>
<text x="310" y="152" font-family="Arial, sans-serif" font-size="9" fill="#ffd700" text-anchor="middle">кнопку «+»</text>
<!-- Menu items -->
<rect x="125" y="170" width="110" height="22" rx="4" fill="#0f3460" stroke="#e94560" stroke-width="1"/>
<text x="180" y="184" font-family="Arial, sans-serif" font-size="8" fill="white" text-anchor="middle">📋 Из буфера обмена</text>
<rect x="125" y="196" width="110" height="22" rx="4" fill="#0f3460"/>
<text x="180" y="210" font-family="Arial, sans-serif" font-size="8" fill="#a8a8a8" text-anchor="middle">📷 Сканировать QR-код</text>
<rect x="125" y="222" width="110" height="22" rx="4" fill="#0f3460"/>
<text x="180" y="236" font-family="Arial, sans-serif" font-size="8" fill="#a8a8a8" text-anchor="middle">✏️ Ручной ввод</text>
<!-- Left hint -->
<text x="55" y="182" font-family="Arial, sans-serif" font-size="9" fill="#ffd700" text-anchor="middle">Вставьте</text>
<text x="55" y="194" font-family="Arial, sans-serif" font-size="9" fill="#ffd700" text-anchor="middle">ключ или</text>
<text x="55" y="206" font-family="Arial, sans-serif" font-size="9" fill="#ffd700" text-anchor="middle">QR-код</text>
<line x1="90" y1="192" x2="122" y2="183" stroke="#ffd700" stroke-width="1.5"/>
</svg>
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.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment