53 lines
5.4 KiB
XML
53 lines
5.4 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
|
||
|
|
<style>
|
||
|
|
@media (orientation:portrait) {
|
||
|
|
.hide_portrait {display: none;}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<defs>
|
||
|
|
<filter id="reverse_c">
|
||
|
|
<feColorMatrix in="SourceGraphic" type="saturate" values="0"/>
|
||
|
|
<feComponentTransfer>
|
||
|
|
<feFuncR type="table" tableValues="1 0"/>
|
||
|
|
<feFuncG type="table" tableValues="1 0"/>
|
||
|
|
<feFuncB type="table" tableValues="1 0"/>
|
||
|
|
</feComponentTransfer>
|
||
|
|
<feComponentTransfer>
|
||
|
|
<feFuncR type="linear" slope="10000" intercept="-4999.5"/>
|
||
|
|
<feFuncG type="linear" slope="10000" intercept="-4999.5"/>
|
||
|
|
<feFuncB type="linear" slope="10000" intercept="-4999.5"/>
|
||
|
|
</feComponentTransfer>
|
||
|
|
</filter>
|
||
|
|
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||
|
|
<use xlink:href="#filterPath" fill="none"/>
|
||
|
|
</clipPath>
|
||
|
|
<path id="filterPath" d="M1,1H0V0H1Z"/>
|
||
|
|
</defs>
|
||
|
|
<svg y="7%" viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
|
||
|
|
<use xlink:href="#filterPath" fill="darkgrey"/>
|
||
|
|
</svg>
|
||
|
|
<image xlink:href="" clip-path="url(#clip-path)" y="6.9%">
|
||
|
|
<animateMotion dur="1ms" repeatCount="indefinite"/>
|
||
|
|
</image>
|
||
|
|
<rect width="100%" height="7%" fill="#383E45"/>
|
||
|
|
<svg viewBox="0 0 190 53" preserveAspectRatio="xMinYMid meet" height="7%">
|
||
|
|
<path class="hide_portrait" d="M153.26,33l-6.58-6.43a.76.76,0,0,1-.24-.55.73.73,0,0,1,.25-.56L153.26,19a.76.76,0,0,1,1.3.54.75.75,0,0,1-.22.53l-6,5.92,6,5.91a.77.77,0,0,1,.22.54.74.74,0,0,1-.72.75h0A.79.79,0,0,1,153.26,33Z" fill="#383E45" filter="url(#reverse_c)" opacity=".5"/>
|
||
|
|
<path class="hide_portrait" d="M180.2,33.22a.79.79,0,0,0,.54-.22l6.58-6.44a.76.76,0,0,0,.24-.55.78.78,0,0,0-.24-.56L180.74,19a.75.75,0,0,0-1.3.5v0a.79.79,0,0,0,.22.54l6,5.91-6,5.91a.77.77,0,0,0-.22.54.74.74,0,0,0,.73.76Z" fill="#383E45" filter="url(#reverse_c)"/>
|
||
|
|
<path class="hide_portrait" d="M101.32,33.66h14.36a2.28,2.28,0,0,0,2.6-2.57V21a2.28,2.28,0,0,0-2-2.58,2.35,2.35,0,0,0-.65,0H101.32a2.28,2.28,0,0,0-2.6,1.92,2.36,2.36,0,0,0,0,.65V31.09a2.29,2.29,0,0,0,2,2.57A2.36,2.36,0,0,0,101.32,33.66Zm0-1.34a1.15,1.15,0,0,1-1.29-1,1.4,1.4,0,0,1,0-.29V21a1.15,1.15,0,0,1,1-1.29.93.93,0,0,1,.29,0H105v12.6Zm14.32-12.61a1.17,1.17,0,0,1,1.29,1,1.31,1.31,0,0,1,0,.28V31a1.16,1.16,0,0,1-1,1.3h-9.6V19.71Zm-12.22,3.08a.47.47,0,1,0,0-.93h-1.78a.47.47,0,1,0,0,.93Zm0,2.15a.47.47,0,1,0,0-.93h-1.78a.48.48,0,0,0-.47.46.48.48,0,0,0,.47.47Zm0,2.15a.47.47,0,0,0,.47-.46.48.48,0,0,0-.47-.47h-1.78a.47.47,0,1,0,0,.93Z" fill="#383E45" filter="url(#reverse_c)"/>
|
||
|
|
<circle cx="29.71" cy="25" r="6.7" fill="#ff5b5c"/>
|
||
|
|
<circle cx="50.77" cy="25" r="6.7" fill="#ffba44"/>
|
||
|
|
<circle cx="71.82" cy="25" r="6.7" fill="#00c54b"/>
|
||
|
|
</svg>
|
||
|
|
<svg viewBox="0 0 118 53" preserveAspectRatio="xMaxYMid meet" height="7%">
|
||
|
|
<path class="hide_portrait" d="M7.5,28.26a.66.66,0,0,0,.66-.64V19.09l-.05-1.24.56.59,1.25,1.34a.61.61,0,0,0,.45.2.59.59,0,0,0,.61-.57.64.64,0,0,0-.19-.45L8,16.25a.62.62,0,0,0-.88-.07L7,16.25,4.21,19a.64.64,0,0,0-.2.43.59.59,0,0,0,.57.59h0a.61.61,0,0,0,.46-.2l1.26-1.34.56-.59,0,1.24v8.53A.66.66,0,0,0,7.5,28.26Zm-4.77,6.5h9.53a2.28,2.28,0,0,0,2.6-2.57V23.91a2.3,2.3,0,0,0-2.6-2.58H9.94v1.34h2.29a1.18,1.18,0,0,1,1.3,1,1.31,1.31,0,0,1,0,.28v8.14a1.18,1.18,0,0,1-1,1.31H2.75a1.17,1.17,0,0,1-1.29-1,1.4,1.4,0,0,1,0-.29V24a1.18,1.18,0,0,1,1-1.31,1.4,1.4,0,0,1,.29,0h2.3V21.33H2.73a2.29,2.29,0,0,0-2.6,1.93,2.36,2.36,0,0,0,0,.65v8.28a2.29,2.29,0,0,0,2,2.58A1.9,1.9,0,0,0,2.73,34.76Z" fill="#383E45" filter="url(#reverse_c)"/>
|
||
|
|
<path d="M48.5,33a.75.75,0,0,0,.75-.73V26.76h5.36a.74.74,0,1,0,0-1.48H49.25V19.75a.74.74,0,1,0-1.48,0v5.53H42.39a.74.74,0,1,0,0,1.48h5.37v5.52A.74.74,0,0,0,48.5,33Z" fill="#383E45" filter="url(#reverse_c)"/>
|
||
|
|
<path d="M83.32,30.87h1.42v1.27a2.3,2.3,0,0,0,2,2.58,2,2,0,0,0,.65,0h8.33a2.28,2.28,0,0,0,2.6-2.57v-8.4a2.3,2.3,0,0,0-2-2.58,2.75,2.75,0,0,0-.64,0H94.26V19.9a2.29,2.29,0,0,0-2-2.58,2.22,2.22,0,0,0-.63,0H83.32a2.3,2.3,0,0,0-2.6,1.93,2.36,2.36,0,0,0,0,.65v8.4a2.29,2.29,0,0,0,2,2.58A2.74,2.74,0,0,0,83.32,30.87Zm0-1.33a1.17,1.17,0,0,1-1.29-1,1.4,1.4,0,0,1,0-.29V20a1.17,1.17,0,0,1,1-1.31,1.41,1.41,0,0,1,.29,0h8.29a1.17,1.17,0,0,1,1.29,1,1.31,1.31,0,0,1,0,.28v1.2H87.35a2.28,2.28,0,0,0-2.6,1.92,2.36,2.36,0,0,0,0,.65v5.79Zm4,3.84a1.17,1.17,0,0,1-1.29-1,1.31,1.31,0,0,1,0-.28V23.82a1.17,1.17,0,0,1,1-1.31.87.87,0,0,1,.28,0h8.29a1.17,1.17,0,0,1,1.29,1,1.31,1.31,0,0,1,0,.28v8.25a1.18,1.18,0,0,1-1,1.31H87.37Z" fill="#383E45" filter="url(#reverse_c)"/>
|
||
|
|
</svg>
|
||
|
|
<svg preserveAspectRatio="none" height="5%" width="40%" x="30%" y="1%">
|
||
|
|
<rect width="100%" height="100%" rx="5" fill="#383E45" filter="url(#reverse_c)" opacity="0.1"/>
|
||
|
|
<svg viewBox="0 0 20 12.62" preserveAspectRatio="xMaxYMid meet" height="50%" y="25%">
|
||
|
|
<path d="M5.39,5.85a.43.43,0,0,0,.34-.13L8.15,3.29a.46.46,0,0,0,.14-.35.5.5,0,0,0-.14-.35L5.73.14A.48.48,0,0,0,5.39,0a.47.47,0,0,0-.46.47h0a.51.51,0,0,0,.13.33L6.62,2.35a5.66,5.66,0,0,0-1-.09,5.18,5.18,0,1,0,5.17,5.18h0a.47.47,0,0,0-.45-.49h0a.46.46,0,0,0-.46.45v0A4.23,4.23,0,1,1,5.61,3.2h0a6.12,6.12,0,0,1,1.21.11L5.07,5.05a.48.48,0,0,0-.14.34.44.44,0,0,0,.44.46Z" fill="#383E45" filter="url(#reverse_c)" opacity="0.5"/>
|
||
|
|
</svg>
|
||
|
|
</svg>
|
||
|
|
</svg>
|