107 lines
6.5 KiB
XML
107 lines
6.5 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
<!-- Creator: CorelDRAW X6 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="964px" height="300px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" shape-rendering="crispEdges"
|
|
viewBox="0 0 711 154" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<defs>
|
|
<style type="text/css">
|
|
<![CDATA[
|
|
.str {stroke:black;stroke-width:1;fill:green;}
|
|
.letter_L {fill:green}
|
|
.letter_P {fill:#9900CC}
|
|
.letter_N {fill:#FF6600}
|
|
.fil1 {fill:#333333}
|
|
.fil2 {fill:red}
|
|
.fil3 {fill:white}
|
|
.fil4 {fill:black}
|
|
.fil6 {fill:blue}
|
|
.fil6 {fill:whitesmoke}
|
|
#lines{animation: moveObject 2s linear infinite;}
|
|
@keyframes moveObject{
|
|
0%,
|
|
50%{ transform: translateX(-20);
|
|
100% { transform: translateX(80); }
|
|
}
|
|
}
|
|
]]>
|
|
</style>
|
|
<pattern id="symbol-L" width="100%" height="100%">
|
|
<animateTransform attributeType="xml"
|
|
attributeName="patternTransform"
|
|
type="rotate" from="-150 77 77" to="0 77 77" begin="0"
|
|
dur="1s" repeatCount="1"/>
|
|
<image width="154" height="154" xlink:href="/static/img/The-Who-My-Generation-200x200.jpg"/>
|
|
</pattern>
|
|
<pattern id="symbol-P" width="100%" height="100%">
|
|
<animateTransform attributeType="xml"
|
|
attributeName="patternTransform"
|
|
type="rotate" from="-150 271 77" to="0 271 77" begin="0"
|
|
dur="1s" repeatCount="1"/>
|
|
<image x="0" y="0" width="154" height="154" xlink:href="/static/img/Massive-Attack-Heligoland-200x200.jpg"
|
|
patternTransform="rotate(-150)"/>
|
|
</pattern>
|
|
<pattern id="symbol-N" width="100%" height="100%">
|
|
<animateTransform attributeType="xml"
|
|
attributeName="patternTransform"
|
|
type="rotate" from="-180 635 77" to="0 635 77" begin="0"
|
|
dur="1.5s" repeatCount="1"/>
|
|
<image x="0" y="0" width="154" height="154" xlink:href="/static/img/Led-Zeppelin-I-200x200.jpg"
|
|
patternTransform="rotate(180)"/>
|
|
</pattern>
|
|
|
|
</defs>
|
|
|
|
<g id="lines-block" transform="matrix(2.5 0 0 1.9 -200 -30)">
|
|
<g id="lines" class="fil6">
|
|
<animateTransform attributeName="transform" type="translate" from="80" to="-10" dur="2" repeatCount="indefinite" begin="3s;lines.end" />
|
|
<g id="x1">
|
|
<animateTransform attributeName="transform" type="translate" from="-250" to="0" dur="2s" />
|
|
<path id="1" d="M0 0l0 3c63,1 104,0 188,-1 26,0 126,2 189,1l0 -3c-63,0 -126,-1 -188,0 -62,1 -125,0 -188,0z"/>
|
|
<path id="3" d="M0 13l0 3c18,1 30,0 48,-1 24,-1 43,-1 69,-1l92 -1c32,0 86,2 121,3 25,1 29,1 47,0l0 -3c-32,2 -62,0 -94,-2 -19,-1 -72,-1 -94,-1 -49,0 -93,1 -141,2 -19,0 -27,2 -47,1z"/>
|
|
<path id="5" d="M0 24l0 3c49,-1 92,-1 141,0 12,0 38,-1 48,0 10,-1 34,1 46,0 49,-1 91,0 141,0l0 -3c-18,-1 -39,1 -51,0 -16,-1 -61,0 -78,0 -44,1 -111,-1 -155,0 -24,0 -71,-1 -92,1z"/>
|
|
<path id="7" d="M0 35l0 2c38,0 77,1 115,0 49,-1 99,2 147,0 37,-1 77,0 114,0l0 -2c-7,0 -16,1 -23,1 -21,-1 -179,-2 -180,-2 -4,1 -127,1 -145,1 -11,0 -21,-1 -29,-1z"/>
|
|
<path id="9" d="M0 48l0 2c50,-2 100,-2 150,-1 37,0 72,0 108,0 32,0 50,1 84,2 10,0 22,-1 33,0l0 -2c-10,0 -20,-1 -30,0 -5,0 -20,-1 -21,-1 -41,1 -79,-2 -121,-1 -17,0 -45,1 -61,1 -47,-1 -97,-1 -143,1z"/>
|
|
<path id="11" d="M0 58l0 2 79 0c40,1 85,-2 125,-1 12,0 78,0 85,0 44,-1 87,0 87,0l0 -2c-31,-1 -103,-2 -139,-1 -7,0 -45,-1 -47,-1 -5,2 -172,3 -191,2z"/>
|
|
</g>
|
|
<g id="x2">
|
|
<animateTransform attributeName="transform" type="translate" from="250" to="0" dur="3" />
|
|
<path id="2" d="M0 6l0 3c8,0 15,1 23,1 39,0 82,-1 118,-1 32,0 63,0 95,0 36,0 95,1 118,1 23,0 15,0 23,-1l0 -3c-31,0 -61,1 -93,0 -31,-1 -62,0 -96,0 -34,0 -106,1 -137,1 -31,0 -17,-1 -51,0z"/>
|
|
<path id="4" d="M0 18c13,0 40,-1 51,0 45,2 106,0 152,-1 60,1 112,1 173,1l0 3c-19,1 -69,-1 -86,0 -27,2 -54,-3 -82,-1l-122 1c-19,-1 -66,1 -86,0l0 -3z"/>
|
|
<path id="6" d="M0 29l0 3c8,0 -1,1 23,1 23,0 82,-1 118,-1 32,0 63,0 95,0 36,0 79,1 118,1 8,0 15,0 23,-1l0 -3c-33,0 -20,1 -51,0 -32,0 -103,-1 -137,-1 -34,0 -64,0 -96,0 -31,1 -62,0 -93,0z"/>
|
|
<path id="10" class="fil6" d="M0 53l0 2 23 0c9,0 86,-2 92,-1 1,0 59,0 60,0 2,1 23,0 24,0 63,-1 114,1 177,1l0 -2c-62,0 -126,-3 -188,-1 -25,0 -49,0 -74,0 -36,0 -79,1 -115,1z"/>
|
|
<path id="8" d="M0 41l0 2c10,0 20,0 29,0l32 0c45,0 104,-1 150,-1l132 0c11,0 22,0 33,0l0 -2c-3,0 -8,0 -11,0l-72 -1c-40,0 -81,-1 -121,-1l-81 1c-9,1 -33,1 -43,0 -8,0 -33,0 -36,0 -3,0 -8,0 -11,0z"/>
|
|
<path id="12" d="M0 63l0 2c27,0 45,1 71,2 66,1 107,-2 117,-2 9,0 52,2 60,2 15,0 100,-2 128,-2l0 -2 -94 1c-36,0 -108,-4 -129,-1 -37,4 -114,1 -153,0z"/>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
|
|
<g id="LOGO-MASK" transform="scale(0.8) translate(85,10)" x="100" class="fil3">
|
|
<polygon id="LtrL" points="0,154 0,0 95,0 95,95 154,95 154,154 " />
|
|
<path id="LtrP" d="M194 0l95 0c32,0 59,26 59,59 0,32 -26,59 -59,59l0 36 -95 0 0 -154zm95 61c-1,0 -3,-1 -3,-3 0,-1 1,-3 3,-3 1,0 3,1 3,3 0,1 -1,3 -3,3z" />
|
|
<polygon id="LtrN" points="558,0 616,0 653,29 653,0 711,0 711,154 653,154 616,124 616,154 558,154 " />
|
|
<circle id="disk" cx="451" cy="77" r="75"/>
|
|
</g>
|
|
|
|
<g id="LOGO" transform="scale(0.8) translate(85,10)" x="100" class="str">
|
|
<use class="letter_L" style="fill:url(#symbol-L)" xlink:href="#LtrL">
|
|
<animate attributeName="opacity" from="0" to="1" dur="0.5" begin="1.25"/>
|
|
</use>
|
|
<use class="letter_P" style="fill:url(#symbol-P)" xlink:href="#LtrP">
|
|
<animate attributeName="opacity" from="0" to="1" dur="0.5" begin="1.5"/>
|
|
</use>
|
|
<use class="letter_N" style="fill:url(#symbol-N)" xlink:href="#LtrN">
|
|
<animate attributeName="opacity" from="0" to="1" dur="0.5" begin="2"/>
|
|
</use>
|
|
<g id="vinyl-disk">
|
|
<animate attributeName="opacity" from="0" to="1" dur="0.5" begin="1.75"/>
|
|
<use class="fil1" xlink:href="#disk" />
|
|
<circle class="fil4" cx="451" cy="77" r="71"/>
|
|
<circle class="fil1" cx="451" cy="77" r="33"/>
|
|
<circle class="fil2" cx="451" cy="77" r="25"/>
|
|
<circle class="fil3" cx="451" cy="77" r="3"/>
|
|
<!-- path class="fil4" d="M451 42c19,0 34,15 34,34 0,19 -15,34 -34,34 -19,0 -34,-15 -34,-34 0,-19 15,-34 34,-34zm0 -38c40,0 73,33 73,73 0,40 -33,73 -73,73 -40,0 -73,-33 -73,-73 0,-40 33,-73 73,-73z"/ -->
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
|
