Added logo for subission

added the NiflVeil logo for the submission of the corresponding script.
This commit is contained in:
Charon 2024-12-22 23:42:32 +01:00 committed by GitHub
parent f408731944
commit 95dba087c4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -0,0 +1,138 @@
<svg viewBox="0 0 400 200" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Background gradient -->
<radialGradient id="backgroundGradient" cx="50%" cy="50%" r="70%">
<stop offset="0%" style="stop-color:#1a2333"/>
<stop offset="100%" style="stop-color:#0f141f"/>
</radialGradient>
<!-- Text effects -->
<filter id="iceGlow" x="-20%" y="-20%" width="140%" height="140%">
<feFlood flood-color="#88c0d0" flood-opacity="0.3" result="color"/>
<feGaussianBlur in="SourceAlpha" stdDeviation="2" result="blur"/>
<feComposite in="color" in2="blur" operator="in" result="glow"/>
<feMerge>
<feMergeNode in="glow"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<linearGradient id="iceGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#eceff4"/>
<stop offset="45%" style="stop-color:#88c0d0"/>
<stop offset="55%" style="stop-color:#81a1c1"/>
<stop offset="100%" style="stop-color:#5e81ac"/>
</linearGradient>
</defs>
<style>
.particle { mix-blend-mode: screen; }
.rune { fill: none; stroke: #88c0d0; stroke-width: 1; opacity: 0.15; }
.rune-inner { fill: none; stroke: #81a1c1; stroke-width: 0.5; opacity: 0.1; }
</style>
<!-- Background -->
<rect width="400" height="200" fill="url(#backgroundGradient)"/>
<!-- Centered Runic Circle -->
<g transform="translate(200 105)">
<!-- Outer circle -->
<g>
<circle cx="0" cy="0" r="60" class="rune"/>
<circle cx="0" cy="0" r="50" class="rune-inner"/>
<!-- Runic patterns -->
<path d="M 0,-55 L 0,-45 M 45,-25 L 35,-35 L 45,-45 M 45,25 L 35,35 L 45,45 M -45,-25 L -35,-35 L -45,-45 M -45,25 L -35,35 L -45,45" class="rune"/>
<path d="M -20,0 L 20,0 M 0,-20 L 0,20 M -14,-14 L 14,14 M -14,14 L 14,-14" class="rune-inner"/>
<animateTransform
attributeName="transform"
attributeType="XML"
type="rotate"
from="0"
to="360"
dur="30s"
repeatCount="indefinite"/>
</g>
</g>
<!-- Snow Particles -->
<g>
<!-- Left column -->
<circle class="particle" r="1.2" fill="#88c0d0">
<animate attributeName="opacity" dur="4s" values="0;0.3;0.7;0"
keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="-3s"/>
<animateMotion dur="4s" repeatCount="indefinite" begin="-3s"
path="M50,0 q10,100 20,200"/>
</circle>
<circle class="particle" r="0.8" fill="#81a1c1">
<animate attributeName="opacity" dur="5s" values="0;0.2;0.5;0"
keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="-2s"/>
<animateMotion dur="5s" repeatCount="indefinite" begin="-2s"
path="M100,0 q5,120 10,200"/>
</circle>
<!-- Center column -->
<circle class="particle" r="1.0" fill="#5e81ac">
<animate attributeName="opacity" dur="6s" values="0;0.3;0.6;0"
keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="-1s"/>
<animateMotion dur="6s" repeatCount="indefinite" begin="-1s"
path="M200,0 q15,90 30,200"/>
</circle>
<circle class="particle" r="0.9" fill="#88c0d0">
<animate attributeName="opacity" dur="4.5s" values="0;0.3;0.6;0"
keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="-4s"/>
<animateMotion dur="4.5s" repeatCount="indefinite" begin="-4s"
path="M250,0 q-5,110 -10,200"/>
</circle>
<!-- Right column -->
<circle class="particle" r="1.1" fill="#81a1c1">
<animate attributeName="opacity" dur="5.5s" values="0;0.2;0.4;0"
keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="-2.5s"/>
<animateMotion dur="5.5s" repeatCount="indefinite" begin="-2.5s"
path="M300,0 q-10,95 -20,200"/>
</circle>
<circle class="particle" r="0.7" fill="#5e81ac">
<animate attributeName="opacity" dur="5s" values="0;0.3;0.6;0"
keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="-3.5s"/>
<animateMotion dur="5s" repeatCount="indefinite" begin="-3.5s"
path="M350,0 q-8,105 -16,200"/>
</circle>
<!-- Additional scattered particles -->
<circle class="particle" r="0.8" fill="#88c0d0">
<animate attributeName="opacity" dur="4.2s" values="0;0.3;0.6;0"
keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="0s"/>
<animateMotion dur="4.2s" repeatCount="indefinite" begin="0s"
path="M150,0 q20,100 40,200"/>
</circle>
<circle class="particle" r="1.0" fill="#81a1c1">
<animate attributeName="opacity" dur="5.2s" values="0;0.2;0.5;0"
keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="-1s"/>
<animateMotion dur="5.2s" repeatCount="indefinite" begin="-1s"
path="M400,0 q-15,90 -30,200"/>
</circle>
</g>
<!-- Main text -->
<text x="200" y="105"
text-anchor="middle"
font-family="monospace"
font-size="24"
font-weight="bold"
fill="url(#iceGradient)"
filter="url(#iceGlow)">
NiflVeil
</text>
<!-- Subtitle -->
<text x="200" y="130"
text-anchor="middle"
font-family="monospace"
font-size="12"
fill="#88c0d0"
opacity="0.8">
Part the Mists of Niflheim
</text>
</svg>

After

Width:  |  Height:  |  Size: 5.3 KiB