|
/
|
<svg style="height:2.5rem;width:auto;display:block" viewbox="0 0 1280 400" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialgradient id="spaceBg" cx="50%" cy="50%" r="80%">
<stop offset="0%" stop-color="#0e1628"></stop>
<stop offset="100%" stop-color="#04080f"></stop>
</radialgradient>
<radialgradient id="rockGrad" cx="38%" cy="32%" r="65%">
<stop offset="0%" stop-color="#8a7060"></stop>
<stop offset="40%" stop-color="#5a4535"></stop>
<stop offset="80%" stop-color="#3a2a1e"></stop>
<stop offset="100%" stop-color="#1e1208"></stop>
</radialgradient>
<radialgradient id="rockAtmo" cx="50%" cy="50%" r="50%">
<stop offset="75%" stop-color="#c8804a" stop-opacity="0"></stop>
<stop offset="100%" stop-color="#c8804a" stop-opacity="0.25"></stop>
</radialgradient>
<radialgradient id="oceanGrad" cx="38%" cy="32%" r="65%">
<stop offset="0%" stop-color="#6ab8e8"></stop>
<stop offset="35%" stop-color="#2a78c0"></stop>
<stop offset="70%" stop-color="#0a3d7a"></stop>
<stop offset="100%" stop-color="#041530"></stop>
</radialgradient>
<radialgradient id="oceanAtmo" cx="50%" cy="50%" r="50%">
<stop offset="72%" stop-color="#4ab0f0" stop-opacity="0"></stop>
<stop offset="100%" stop-color="#4ab0f0" stop-opacity="0.3"></stop>
</radialgradient>
<radialgradient id="sunGlow" cx="0%" cy="0%" r="100%">
<stop offset="0%" stop-color="#ffe8a0" stop-opacity="0.12"></stop>
<stop offset="100%" stop-color="#ffe8a0" stop-opacity="0"></stop>
</radialgradient>
<clippath id="rockClip"><circle cx="230" cy="200" r="175"></circle></clippath>
<clippath id="oceanClip"><circle cx="1040" cy="200" r="130"></circle></clippath>
</defs>
<rect x="0" y="0" width="1280" height="400" fill="url(#spaceBg)"></rect>
<rect x="0" y="0" width="1280" height="400" fill="url(#sunGlow)"></rect>
<g id="stars-bg" fill="#ffffff">
<circle cx="480" cy="18" r="1.2" opacity="0.9"></circle><circle cx="520" cy="55" r="0.8" opacity="0.6"></circle>
<circle cx="600" cy="30" r="1.0" opacity="0.8"></circle><circle cx="660" cy="12" r="0.7" opacity="0.5"></circle>
<circle cx="700" cy="70" r="1.1" opacity="0.7"></circle><circle cx="750" cy="40" r="0.6" opacity="0.4"></circle>
<circle cx="800" cy="22" r="0.9" opacity="0.8"></circle><circle cx="840" cy="65" r="0.7" opacity="0.6"></circle>
<circle cx="880" cy="15" r="1.0" opacity="0.7"></circle><circle cx="920" cy="50" r="0.8" opacity="0.5"></circle>
<circle cx="550" cy="90" r="0.6" opacity="0.4"></circle><circle cx="630" cy="110" r="0.9" opacity="0.6"></circle>
<circle cx="720" cy="95" r="0.7" opacity="0.5"></circle><circle cx="810" cy="105" r="1.0" opacity="0.7"></circle>
<circle cx="460" cy="110" r="0.6" opacity="0.4"></circle><circle cx="970" cy="30" r="0.8" opacity="0.6"></circle>
<circle cx="960" cy="80" r="0.6" opacity="0.4"></circle><circle cx="500" cy="360" r="0.9" opacity="0.6"></circle>
<circle cx="580" cy="380" r="0.7" opacity="0.5"></circle><circle cx="670" cy="355" r="1.0" opacity="0.7"></circle>
<circle cx="760" cy="375" r="0.6" opacity="0.4"></circle><circle cx="850" cy="360" r="0.8" opacity="0.6"></circle>
<circle cx="940" cy="380" r="0.7" opacity="0.5"></circle><circle cx="610" cy="320" r="0.6" opacity="0.4"></circle>
<circle cx="780" cy="330" r="0.9" opacity="0.6"></circle><circle cx="430" cy="340" r="0.7" opacity="0.5"></circle>
</g>
<g id="rock-planet">
<circle cx="230" cy="200" r="192" fill="url(#rockAtmo)"></circle>
<circle cx="230" cy="200" r="175" fill="url(#rockGrad)"></circle>
<g clip-path="url(#rockClip)">
<ellipse cx="290" cy="130" rx="70" ry="45" fill="#2e1e14" opacity="0.6"></ellipse>
<path d="M80,160 Q150,140 230,155 Q300,168 370,150" fill="none" stroke="#6a4a30" stroke-width="12" opacity="0.4"></path>
<path d="M70,220 Q160,205 240,218 Q320,230 390,215" fill="none" stroke="#4a3020" stroke-width="8" opacity="0.3"></path>
<circle cx="180" cy="170" r="28" fill="none" stroke="#1e1008" stroke-width="5" opacity="0.7"></circle>
<circle cx="180" cy="170" r="20" fill="#251510" opacity="0.5"></circle>
<circle cx="280" cy="250" r="18" fill="none" stroke="#1e1008" stroke-width="4" opacity="0.6"></circle>
<circle cx="280" cy="250" r="12" fill="#251510" opacity="0.4"></circle>
<circle cx="150" cy="280" r="12" fill="none" stroke="#1e1008" stroke-width="3" opacity="0.5"></circle>
<circle cx="320" cy="160" r="9" fill="none" stroke="#1e1008" stroke-width="3" opacity="0.5"></circle>
<circle cx="230" cy="310" r="14" fill="none" stroke="#1e1008" stroke-width="3" opacity="0.4"></circle>
<circle cx="110" cy="230" r="8" fill="none" stroke="#1e1008" stroke-width="2" opacity="0.4"></circle>
<ellipse cx="185" cy="130" rx="55" ry="30" fill="#a07858" opacity="0.35"></ellipse>
<ellipse cx="140" cy="180" rx="30" ry="18" fill="#907060" opacity="0.25"></ellipse>
<path d="M370,60 Q420,200 370,340 Q340,280 350,200 Q340,120 370,60 Z" fill="#0a0604" opacity="0.55"></path>
</g>
<circle cx="230" cy="200" r="175" fill="none" stroke="#0a0604" stroke-width="18" opacity="0.5"></circle>
<circle cx="230" cy="200" r="174" fill="none" stroke="#d09060" stroke-width="1.5" opacity="0.3"></circle>
<ellipse cx="230" cy="200" rx="215" ry="35" fill="none" stroke="#8a6a40" stroke-width="2.5" opacity="0.4" transform="rotate(-15 230 200)"></ellipse>
<ellipse cx="230" cy="200" rx="225" ry="38" fill="none" stroke="#6a4a28" stroke-width="1" opacity="0.25" transform="rotate(-15 230 200)"></ellipse>
<circle cx="230" cy="200" r="200" fill="none" stroke="#c8804a" stroke-width="0.8" stroke-dasharray="3 6" opacity="0.35"></circle>
<g stroke="#c8804a" stroke-width="1" opacity="0.5">
<line x1="230" y1="0" x2="230" y2="12"></line>
<line x1="230" y1="388" x2="230" y2="400"></line>
<line x1="28" y1="200" x2="40" y2="200"></line>
<line x1="420" y1="200" x2="432" y2="200"></line>
</g>
</g>
<g id="ocean-planet">
<circle cx="1040" cy="200" r="148" fill="url(#oceanAtmo)"></circle>
<circle cx="1040" cy="200" r="130" fill="url(#oceanGrad)"></circle>
<g clip-path="url(#oceanClip)">
<path d="M970,110 Q1000,95 1030,105 Q1055,115 1060,130 Q1070,145 1050,155 Q1030,162 1010,155 Q990,148 975,135 Q962,122 970,110 Z" fill="#2d7a40" opacity="0.8"></path>
<path d="M978,112 Q1000,100 1025,108 Q1045,118 1042,130 Q1030,140 1015,135 Q995,130 982,120 Z" fill="#3a9450" opacity="0.4"></path>
<ellipse cx="1085" cy="155" rx="12" ry="7" fill="#2d7a40" opacity="0.7"></ellipse>
<ellipse cx="1100" cy="170" rx="8" ry="5" fill="#2d7a40" opacity="0.6"></ellipse>
<path d="M1060,250 Q1080,238 1100,245 Q1115,255 1110,270 Q1100,282 1080,278 Q1062,272 1058,260 Z" fill="#2d7a40" opacity="0.75"></path>
<path d="M930,200 Q960,185 990,200 Q1010,212 1000,230" fill="none" stroke="#5ab8f0" stroke-width="1.5" opacity="0.3"></path>
<ellipse cx="980" cy="175" rx="25" ry="7" fill="#ddf0ff" opacity="0.35"></ellipse>
<ellipse cx="1010" cy="168" rx="18" ry="5" fill="#ddf0ff" opacity="0.25"></ellipse>
<ellipse cx="1060" cy="220" rx="20" ry="6" fill="#ddf0ff" opacity="0.3"></ellipse>
<ellipse cx="985" cy="148" rx="48" ry="28" fill="#8ad0f8" opacity="0.2"></ellipse>
<path d="M1145,85 Q1190,200 1145,315 Q1115,260 1120,200 Q1112,140 1145,85 Z" fill="#020c1e" opacity="0.55"></path>
</g>
<circle cx="1040" cy="200" r="130" fill="none" stroke="#020c1e" stroke-width="14" opacity="0.5"></circle>
<circle cx="1040" cy="200" r="129" fill="none" stroke="#60b8f0" stroke-width="1.5" opacity="0.4"></circle>
<circle cx="1040" cy="200" r="155" fill="none" stroke="#4ab0f0" stroke-width="0.8" stroke-dasharray="3 6" opacity="0.35"></circle>
<g stroke="#4ab0f0" stroke-width="1" opacity="0.5">
<line x1="1040" y1="43" x2="1040" y2="55"></line>
<line x1="1040" y1="345" x2="1040" y2="357"></line>
<line x1="883" y1="200" x2="895" y2="200"></line>
<line x1="1185" y1="200" x2="1197" y2="200"></line>
</g>
<circle id="ocean-reticle" cx="1040" cy="200" r="18" fill="none" stroke="#7dd4f8" stroke-width="1.5" stroke-dasharray="4 3"></circle>
</g>
<path id="flight-path" d="M 418,185 Q 640,100 890,185" fill="none" stroke="#4a90d9" stroke-width="1" opacity="0.5"></path>
<g id="probe">
<ellipse cx="-20" cy="0" rx="18" ry="4" fill="#c8920a" opacity="0.3"></ellipse>
<ellipse cx="-13" cy="0" rx="9" ry="2.5" fill="#e8b030" opacity="0.5"></ellipse>
<rect x="-8" y="-5" width="22" height="10" rx="3" fill="#c8d8e8"></rect>
<polygon points="14,-5 22,0 14,5" fill="#a0b8c8"></polygon>
<rect x="-2" y="-14" width="10" height="8" rx="1" fill="#2a5a9f" opacity="0.9"></rect>
<rect x="-2" y="6" width="10" height="8" rx="1" fill="#2a5a9f" opacity="0.9"></rect>
<line x1="2" y1="-14" x2="2" y2="-6" stroke="#4a7ac0" stroke-width="0.5" opacity="0.7"></line>
<line x1="5" y1="-14" x2="5" y2="-6" stroke="#4a7ac0" stroke-width="0.5" opacity="0.7"></line>
<line x1="2" y1="6" x2="2" y2="14" stroke="#4a7ac0" stroke-width="0.5" opacity="0.7"></line>
<line x1="5" y1="6" x2="5" y2="14" stroke="#4a7ac0" stroke-width="0.5" opacity="0.7"></line>
<line x1="0" y1="-5" x2="-6" y2="-16" stroke="#d0e0f0" stroke-width="0.8"></line>
<circle cx="-6" cy="-16" r="1.5" fill="#4a90d9"></circle>
<rect x="-10" y="-3" width="4" height="6" rx="1" fill="#808898"></rect>
<ellipse cx="-14" cy="0" rx="5" ry="2" fill="#e8a020" opacity="0.8"></ellipse>
<ellipse cx="-17" cy="0" rx="3" ry="1.2" fill="#ffffff" opacity="0.6"></ellipse>
</g>
<g stroke="#4a90d9" stroke-width="1.5" fill="none" opacity="0.5">
<polyline points="15,15 15,40 40,40"></polyline>
<polyline points="1265,15 1265,40 1240,40"></polyline>
<polyline points="15,385 15,360 40,360"></polyline>
<polyline points="1265,385 1265,360 1240,360"></polyline>
</g>
<rect x="390" y="300" width="500" height="80" rx="4" fill="#04080f" opacity="0.45"></rect>
<text id="title-text" x="640" y="348" font-family="'Courier New','Lucida Console',monospace" font-size="42" font-weight="700" fill="#7dd4f8" text-anchor="middle" letter-spacing="4">MMO-20044</text>
<text id="season-text" x="640" y="373" font-family="'Courier New','Lucida Console',monospace" font-size="18" font-weight="400" font-style="italic" fill="#7dd4f8" text-anchor="middle" letter-spacing="6">Season</text>
</svg>
|
|
Анализировать url
|