Update and rename bedolaga_app2.svg to bedolaga_app3.svg

This commit is contained in:
Egor
2025-10-12 02:41:45 +03:00
committed by GitHub
parent c71401cad4
commit bf0c1ce711
2 changed files with 162 additions and 275 deletions

View File

@@ -1,275 +0,0 @@
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="moonGradient" cx="35%" cy="35%" r="65%">
<stop offset="0%" stop-color="#ffffff"/>
<stop offset="50%" stop-color="#e8e8e8"/>
<stop offset="100%" stop-color="#9a9a9a"/>
</radialGradient>
<radialGradient id="bgGradient" cx="50%" cy="50%" r="100%" fx="50%" fy="100%">
<stop stop-color="#ffffff"/>
<stop offset="1" stop-color="#666666"/>
</radialGradient>
<radialGradient id="craterGradient" cx="30%" cy="30%" r="70%">
<stop offset="0%" stop-color="#707070"/>
<stop offset="100%" stop-color="#505050"/>
</radialGradient>
<!-- Определение спутника (увеличенный) -->
<g id="satellite">
<!-- Корпус -->
<rect x="-15" y="-12" width="30" height="24" fill="#4a90e2" stroke="#2c5aa0" stroke-width="2" rx="2"/>
<rect x="-12" y="-9" width="24" height="18" fill="#5ba3f5" opacity="0.7"/>
<!-- Солнечные панели -->
<g>
<rect x="-40" y="-8" width="22" height="16" fill="#1a1a2e" stroke="#4a90e2" stroke-width="1" rx="1"/>
<line x1="-38" y1="-6" x2="-38" y2="6" stroke="#4a90e2" stroke-width="0.5"/>
<line x1="-33" y1="-6" x2="-33" y2="6" stroke="#4a90e2" stroke-width="0.5"/>
<line x1="-28" y1="-6" x2="-28" y2="6" stroke="#4a90e2" stroke-width="0.5"/>
<line x1="-23" y1="-6" x2="-23" y2="6" stroke="#4a90e2" stroke-width="0.5"/>
</g>
<g>
<rect x="18" y="-8" width="22" height="16" fill="#1a1a2e" stroke="#4a90e2" stroke-width="1" rx="1"/>
<line x1="20" y1="-6" x2="20" y2="6" stroke="#4a90e2" stroke-width="0.5"/>
<line x1="25" y1="-6" x2="25" y2="6" stroke="#4a90e2" stroke-width="0.5"/>
<line x1="30" y1="-6" x2="30" y2="6" stroke="#4a90e2" stroke-width="0.5"/>
<line x1="35" y1="-6" x2="35" y2="6" stroke="#4a90e2" stroke-width="0.5"/>
</g>
<!-- Антенна -->
<line x1="0" y1="-12" x2="0" y2="-25" stroke="#888" stroke-width="2"/>
<circle cx="0" cy="-25" r="4" fill="#e74c3c"/>
<!-- Детали корпуса -->
<circle cx="-5" cy="-3" r="2" fill="#2c5aa0"/>
<circle cx="5" cy="-3" r="2" fill="#2c5aa0"/>
<rect x="-8" y="2" width="16" height="4" fill="#2c5aa0" rx="1"/>
<!-- Мигающий огонёк -->
<circle cx="0" cy="0" r="3" fill="#ff0000">
<animate attributeName="opacity" values="1;0.2;1" dur="1.2s" repeatCount="indefinite"/>
</circle>
</g>
</defs>
<!-- Фон с градиентом -->
<!-- Луна в центре (увеличенная) -->
<g transform="translate(256, 256)">
<circle r="130" fill="url(#moonGradient)">
<animateTransform
attributeName="transform"
type="rotate"
from="0"
to="360"
dur="40s"
repeatCount="indefinite"/>
</circle>
<!-- Большие кратеры -->
<g opacity="0.6">
<circle cx="35" cy="-25" r="22" fill="url(#craterGradient)">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="40s"
repeatCount="indefinite"/>
</circle>
<circle cx="30" cy="-20" r="8" fill="#606060" opacity="0.5">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="40s"
repeatCount="indefinite"/>
</circle>
<circle cx="-40" cy="15" r="28" fill="url(#craterGradient)">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="40s"
repeatCount="indefinite"/>
</circle>
<circle cx="-35" cy="20" r="12" fill="#606060" opacity="0.5">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="40s"
repeatCount="indefinite"/>
</circle>
<circle cx="15" cy="50" r="18" fill="url(#craterGradient)">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="40s"
repeatCount="indefinite"/>
</circle>
<circle cx="-25" cy="-55" r="20" fill="url(#craterGradient)">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="40s"
repeatCount="indefinite"/>
</circle>
<circle cx="60" cy="35" r="15" fill="url(#craterGradient)">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="40s"
repeatCount="indefinite"/>
</circle>
<!-- Маленькие кратеры -->
<circle cx="-10" cy="-40" r="8" fill="#707070">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="40s"
repeatCount="indefinite"/>
</circle>
<circle cx="50" cy="-10" r="10" fill="#707070">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="40s"
repeatCount="indefinite"/>
</circle>
<circle cx="-50" cy="-20" r="7" fill="#707070">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="40s"
repeatCount="indefinite"/>
</circle>
<circle cx="5" cy="25" r="6" fill="#707070">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="40s"
repeatCount="indefinite"/>
</circle>
</g>
<!-- Тени на Луне -->
<ellipse cx="-20" cy="30" rx="40" ry="25" fill="#808080" opacity="0.15">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="40s"
repeatCount="indefinite"/>
</ellipse>
</g>
<!-- Спутник 1 -->
<g transform="translate(256, 256)">
<use href="#satellite">
<animateTransform
attributeName="transform"
type="rotate"
from="0 0 0"
to="360 0 0"
dur="10s"
repeatCount="indefinite"/>
<animateTransform
attributeName="transform"
type="translate"
values="0,-200; 0,-200"
dur="10s"
repeatCount="indefinite"
additive="sum"/>
</use>
</g>
<!-- Спутник 2 -->
<g transform="translate(256, 256)">
<use href="#satellite">
<animateTransform
attributeName="transform"
type="rotate"
from="90 0 0"
to="450 0 0"
dur="10s"
repeatCount="indefinite"/>
<animateTransform
attributeName="transform"
type="translate"
values="0,-200; 0,-200"
dur="10s"
repeatCount="indefinite"
additive="sum"/>
</use>
</g>
<!-- Спутник 3 -->
<g transform="translate(256, 256)">
<use href="#satellite">
<animateTransform
attributeName="transform"
type="rotate"
from="180 0 0"
to="540 0 0"
dur="10s"
repeatCount="indefinite"/>
<animateTransform
attributeName="transform"
type="translate"
values="0,-200; 0,-200"
dur="10s"
repeatCount="indefinite"
additive="sum"/>
</use>
</g>
<!-- Спутник 4 -->
<g transform="translate(256, 256)">
<use href="#satellite">
<animateTransform
attributeName="transform"
type="rotate"
from="270 0 0"
to="630 0 0"
dur="10s"
repeatCount="indefinite"/>
<animateTransform
attributeName="transform"
type="translate"
values="0,-200; 0,-200"
dur="10s"
repeatCount="indefinite"
additive="sum"/>
</use>
</g>
<!-- Орбита (пунктирная линия) -->
<circle cx="256" cy="256" r="200" fill="none" stroke="#cccccc" stroke-width="2" stroke-dasharray="8,6" opacity="0.4"/>
</svg>

Before

Width:  |  Height:  |  Size: 8.4 KiB

162
assets/bedolaga_app3.svg Normal file
View File

@@ -0,0 +1,162 @@
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Градиенты для щита -->
<linearGradient id="shieldGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#4a90e2;stop-opacity:1" />
<stop offset="50%" style="stop-color:#357abd;stop-opacity:1" />
<stop offset="100%" style="stop-color:#2c5aa0;stop-opacity:1" />
</linearGradient>
<!-- Градиент для свечения -->
<radialGradient id="glowGradient">
<stop offset="0%" style="stop-color:#00d4ff;stop-opacity:0.8" />
<stop offset="100%" style="stop-color:#00d4ff;stop-opacity:0" />
</radialGradient>
<!-- Анимация мерцания -->
<filter id="glow">
<feGaussianBlur stdDeviation="2" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
<animate attributeName="stdDeviation"
values="2;4;2"
dur="2s"
repeatCount="indefinite"/>
</filter>
<!-- Анимация электрических разрядов -->
<animate id="pulse" attributeName="opacity"
values="0.3;1;0.3"
dur="1.5s"
repeatCount="indefinite"/>
</defs>
<!-- Фоновое свечение -->
<circle cx="100" cy="100" r="80" fill="url(#glowGradient)" opacity="0.4">
<animate attributeName="r"
values="75;85;75"
dur="2s"
repeatCount="indefinite"/>
</circle>
<!-- Основной щит -->
<path d="M 100 30
C 100 30, 140 35, 140 35
C 140 35, 145 80, 145 100
C 145 120, 140 140, 130 155
C 120 170, 100 180, 100 180
C 100 180, 80 170, 70 155
C 60 140, 55 120, 55 100
C 55 80, 60 35, 60 35
C 60 35, 100 30, 100 30 Z"
fill="url(#shieldGradient)"
stroke="#00d4ff"
stroke-width="2"
filter="url(#glow)"/>
<!-- Электрические разряды по краям -->
<path d="M 100 30 L 105 40 L 100 45 L 110 55"
stroke="#00ffff"
stroke-width="1.5"
fill="none"
opacity="0.7">
<animate attributeName="opacity"
values="0.3;1;0.3;1;0.3"
dur="1.5s"
repeatCount="indefinite"/>
</path>
<path d="M 140 50 L 135 55 L 140 60 L 132 70"
stroke="#00ffff"
stroke-width="1.5"
fill="none"
opacity="0.7">
<animate attributeName="opacity"
values="1;0.3;1;0.3;1"
dur="1.5s"
repeatCount="indefinite"/>
</path>
<path d="M 60 50 L 65 55 L 60 60 L 68 70"
stroke="#00ffff"
stroke-width="1.5"
fill="none"
opacity="0.7">
<animate attributeName="opacity"
values="0.5;1;0.5;1;0.5"
dur="1.5s"
repeatCount="indefinite"/>
</path>
<!-- Внутреннее свечение -->
<path d="M 100 45
C 100 45, 130 48, 130 48
C 130 48, 133 85, 133 100
C 133 115, 130 135, 122 147
C 114 159, 100 167, 100 167
C 100 167, 86 159, 78 147
C 70 135, 67 115, 67 100
C 67 85, 70 48, 70 48
C 70 48, 100 45, 100 45 Z"
fill="none"
stroke="#00d4ff"
stroke-width="1"
opacity="0.5">
<animate attributeName="opacity"
values="0.3;0.7;0.3"
dur="2s"
repeatCount="indefinite"/>
</path>
<!-- Текст VPN -->
<text x="100" y="105"
font-family="Arial, sans-serif"
font-size="28"
font-weight="bold"
fill="#ffffff"
text-anchor="middle"
stroke="#00d4ff"
stroke-width="0.5">
VPN
<animate attributeName="fill-opacity"
values="0.8;1;0.8"
dur="2s"
repeatCount="indefinite"/>
</text>
<!-- Энергетические частицы -->
<circle cx="85" cy="80" r="2" fill="#00ffff" opacity="0.8">
<animate attributeName="cy"
values="80;120;80"
dur="3s"
repeatCount="indefinite"/>
<animate attributeName="opacity"
values="0;0.8;0"
dur="3s"
repeatCount="indefinite"/>
</circle>
<circle cx="115" cy="90" r="2" fill="#00ffff" opacity="0.8">
<animate attributeName="cy"
values="90;130;90"
dur="2.5s"
repeatCount="indefinite"/>
<animate attributeName="opacity"
values="0;0.8;0"
dur="2.5s"
repeatCount="indefinite"/>
</circle>
<circle cx="100" cy="70" r="2" fill="#00ffff" opacity="0.8">
<animate attributeName="cy"
values="70;110;70"
dur="2.8s"
repeatCount="indefinite"/>
<animate attributeName="opacity"
values="0;0.8;0"
dur="2.8s"
repeatCount="indefinite"/>
</circle>
</svg>

After

Width:  |  Height:  |  Size: 5.0 KiB