77 lines
4.4 KiB
XML
77 lines
4.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 580" preserveAspectRatio="xMidYMid slice">
|
|
<defs>
|
|
<linearGradient id="main" x1="0" y1="1" x2="0.8" y2="0">
|
|
<stop offset="0%" stop-color="#1a6dd9"/>
|
|
<stop offset="15%" stop-color="#1a6dd9"/>
|
|
<stop offset="40%" stop-color="#4087e9"/>
|
|
<stop offset="60%" stop-color="#4087e9"/>
|
|
<stop offset="85%" stop-color="#6ba8f8"/>
|
|
<stop offset="100%" stop-color="#6ba8f8"/>
|
|
</linearGradient>
|
|
<linearGradient id="silk" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0%" stop-color="white" stop-opacity="0"/>
|
|
<stop offset="20%" stop-color="white" stop-opacity="0.04"/>
|
|
<stop offset="45%" stop-color="white" stop-opacity="0.12"/>
|
|
<stop offset="55%" stop-color="white" stop-opacity="0.12"/>
|
|
<stop offset="80%" stop-color="white" stop-opacity="0.04"/>
|
|
<stop offset="100%" stop-color="white" stop-opacity="0"/>
|
|
</linearGradient>
|
|
<radialGradient id="darkTL" cx="-0.1" cy="-0.05" r="0.75" gradientUnits="objectBoundingBox">
|
|
<stop offset="0%" stop-color="black" stop-opacity="0.25"/>
|
|
<stop offset="45%" stop-color="black" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<linearGradient id="darkTop" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="black" stop-opacity="0.18"/>
|
|
<stop offset="40%" stop-color="black" stop-opacity="0"/>
|
|
</linearGradient>
|
|
<radialGradient id="glowL" cx="0.05" cy="0.4" r="0.65" gradientUnits="objectBoundingBox">
|
|
<stop offset="0%" stop-color="white" stop-opacity="0.12"/>
|
|
<stop offset="50%" stop-color="white" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="glowBR" cx="0.85" cy="0.95" r="0.55" gradientUnits="objectBoundingBox">
|
|
<stop offset="0%" stop-color="white" stop-opacity="0.25"/>
|
|
<stop offset="55%" stop-color="white" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<linearGradient id="edgeHL" x1="0" y1="1" x2="0" y2="0">
|
|
<stop offset="0%" stop-color="white" stop-opacity="0.15"/>
|
|
<stop offset="25%" stop-color="white" stop-opacity="0"/>
|
|
</linearGradient>
|
|
<radialGradient id="glowTR" cx="0.85" cy="0.1" r="0.55" gradientUnits="objectBoundingBox">
|
|
<stop offset="0%" stop-color="white" stop-opacity="0.4"/>
|
|
<stop offset="40%" stop-color="white" stop-opacity="0.1"/>
|
|
<stop offset="65%" stop-color="white" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<linearGradient id="r1" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="white" stop-opacity="0.4"/>
|
|
<stop offset="50%" stop-color="white" stop-opacity="0.15"/>
|
|
<stop offset="100%" stop-color="white" stop-opacity="0.3"/>
|
|
</linearGradient>
|
|
<linearGradient id="r2" x1="0%" y1="100%" x2="100%" y2="0%">
|
|
<stop offset="0%" stop-color="black" stop-opacity="0.15"/>
|
|
<stop offset="50%" stop-color="white" stop-opacity="0.2"/>
|
|
<stop offset="100%" stop-color="black" stop-opacity="0.1"/>
|
|
</linearGradient>
|
|
<linearGradient id="r3" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" stop-color="white" stop-opacity="0"/>
|
|
<stop offset="30%" stop-color="white" stop-opacity="0.35"/>
|
|
<stop offset="70%" stop-color="white" stop-opacity="0.35"/>
|
|
<stop offset="100%" stop-color="white" stop-opacity="0"/>
|
|
</linearGradient>
|
|
<filter id="aBlur"><feGaussianBlur stdDeviation="2"/></filter>
|
|
</defs>
|
|
<rect width="750" height="580" fill="url(#main)"/>
|
|
<rect width="750" height="580" fill="url(#silk)"/>
|
|
<rect width="750" height="580" fill="url(#darkTL)"/>
|
|
<rect width="750" height="580" fill="url(#darkTop)"/>
|
|
<rect width="750" height="580" fill="url(#glowL)"/>
|
|
<rect width="750" height="580" fill="url(#glowBR)"/>
|
|
<rect width="750" height="580" fill="url(#edgeHL)"/>
|
|
<rect width="750" height="580" fill="url(#glowTR)"/>
|
|
<g opacity="0.5" transform="translate(-62,73) scale(2.184,1.456)">
|
|
<path d="M-50 180 Q80 100 180 140 T350 100 T500 140" fill="none" stroke="url(#r2)" stroke-width="60" stroke-linecap="round" filter="url(#aBlur)"/>
|
|
<path d="M-30 50 Q100 120 200 70 T380 110 T520 60" fill="none" stroke="url(#r1)" stroke-width="45" stroke-linecap="round"/>
|
|
<path d="M0 120 Q120 60 220 100 T420 70" fill="none" stroke="url(#r3)" stroke-width="25" stroke-linecap="round"/>
|
|
<path d="M50 90 Q150 150 280 90 T450 120" fill="none" stroke="white" stroke-opacity="0.25" stroke-width="8" stroke-linecap="round"/>
|
|
</g>
|
|
</svg>
|