| 1 |
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" width="1200" height="800" role="img"> |
| 2 |
<title>How StreamCast works</title> |
| 3 |
<desc>Any stream source feeds StreamCast, which places a live radio player anywhere on your site through the block, a shortcode, or any page builder.</desc> |
| 4 |
<defs> |
| 5 |
<linearGradient id="bg" x1="0" y1="0" x2="0.35" y2="1"><stop offset="0" stop-color="#0C1120"/><stop offset="1" stop-color="#16203A"/></linearGradient> |
| 6 |
<linearGradient id="mod" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#1B2742"/><stop offset="1" stop-color="#151F36"/></linearGradient> |
| 7 |
<radialGradient id="halo" cx="0.5" cy="0.5" r="0.5"><stop offset="0" stop-color="#4C8DFF" stop-opacity="0.30"/><stop offset="1" stop-color="#4C8DFF" stop-opacity="0"/></radialGradient> |
| 8 |
<linearGradient id="wave" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#BBD6FF"/><stop offset="0.55" stop-color="#FFFFFF"/><stop offset="1" stop-color="#CFE0FF"/></linearGradient> |
| 9 |
<filter id="soft" x="-60%" y="-60%" width="220%" height="220%"><feGaussianBlur stdDeviation="7"/></filter> |
| 10 |
</defs> |
| 11 |
<rect x="0" y="0" width="1200" height="800" fill="url(#bg)"/> |
| 12 |
<g opacity="0.055"> |
| 13 |
<rect x="0" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 14 |
<rect x="24" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 15 |
<rect x="48" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 16 |
<rect x="72" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 17 |
<rect x="96" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 18 |
<rect x="120" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 19 |
<rect x="144" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 20 |
<rect x="168" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 21 |
<rect x="192" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 22 |
<rect x="216" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 23 |
<rect x="240" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 24 |
<rect x="264" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 25 |
<rect x="288" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 26 |
<rect x="312" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 27 |
<rect x="336" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 28 |
<rect x="360" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 29 |
<rect x="384" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 30 |
<rect x="408" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 31 |
<rect x="432" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 32 |
<rect x="456" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 33 |
<rect x="480" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 34 |
<rect x="504" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 35 |
<rect x="528" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 36 |
<rect x="552" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 37 |
<rect x="576" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 38 |
<rect x="600" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 39 |
<rect x="624" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 40 |
<rect x="648" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 41 |
<rect x="672" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 42 |
<rect x="696" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 43 |
<rect x="720" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 44 |
<rect x="744" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 45 |
<rect x="768" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 46 |
<rect x="792" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 47 |
<rect x="816" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 48 |
<rect x="840" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 49 |
<rect x="864" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 50 |
<rect x="888" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 51 |
<rect x="912" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 52 |
<rect x="936" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 53 |
<rect x="960" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 54 |
<rect x="984" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 55 |
<rect x="1008" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 56 |
<rect x="1032" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 57 |
<rect x="1056" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 58 |
<rect x="1080" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 59 |
<rect x="1104" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 60 |
<rect x="1128" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 61 |
<rect x="1152" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 62 |
<rect x="1176" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 63 |
<rect x="1200" y="0" width="1" height="800" fill="#8FB4FF"/> |
| 64 |
</g> |
| 65 |
<ellipse cx="600" cy="215" rx="330" ry="215" fill="url(#halo)"/> |
| 66 |
<text x="56" y="42" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="18" font-weight="600" fill="#6E82A6" letter-spacing="2.6">ONE PLUGIN · ANY STREAM · ANYWHERE ON YOUR SITE</text> |
| 67 |
<circle cx="65" cy="80" r="9.5" fill="#226DF5"/> |
| 68 |
<text x="65" y="85" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="13" font-weight="700" fill="#FFFFFF" text-anchor="middle">1</text> |
| 69 |
<text x="84" y="86" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="19" font-weight="700" fill="#93A7C9" letter-spacing="2.2">STREAM SOURCE</text> |
| 70 |
<circle cx="441" cy="80" r="9.5" fill="#226DF5"/> |
| 71 |
<text x="441" y="85" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="13" font-weight="700" fill="#FFFFFF" text-anchor="middle">2</text> |
| 72 |
<text x="460" y="86" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="19" font-weight="700" fill="#93A7C9" letter-spacing="2.2">STREAMCAST</text> |
| 73 |
<circle cx="885" cy="80" r="9.5" fill="#226DF5"/> |
| 74 |
<text x="885" y="85" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="13" font-weight="700" fill="#FFFFFF" text-anchor="middle">3</text> |
| 75 |
<text x="904" y="86" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="19" font-weight="700" fill="#93A7C9" letter-spacing="2.2">ON YOUR SITE</text> |
| 76 |
<rect x="56" y="106" width="268" height="30" fill="#151F36" rx="5" stroke="#2C3E63" stroke-width="1.2"/> |
| 77 |
<circle cx="77" cy="121.0" r="10" fill="#4C8DFF" opacity="0.18"/> |
| 78 |
<circle cx="77" cy="121.0" r="6" fill="#0C1120" stroke="#4C8DFF" stroke-width="2.4"/> |
| 79 |
<circle cx="77" cy="121.0" r="1.7999999999999998" fill="#4C8DFF"/> |
| 80 |
<text x="98" y="127.0" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="20" font-weight="600" fill="#FFFFFF">IceCast</text> |
| 81 |
<rect x="56" y="143" width="268" height="30" fill="#151F36" rx="5" stroke="#2C3E63" stroke-width="1.2"/> |
| 82 |
<circle cx="77" cy="158.0" r="10" fill="#4C8DFF" opacity="0.18"/> |
| 83 |
<circle cx="77" cy="158.0" r="6" fill="#0C1120" stroke="#4C8DFF" stroke-width="2.4"/> |
| 84 |
<circle cx="77" cy="158.0" r="1.7999999999999998" fill="#4C8DFF"/> |
| 85 |
<text x="98" y="164.0" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="20" font-weight="600" fill="#FFFFFF">Shoutcast</text> |
| 86 |
<rect x="56" y="180" width="268" height="30" fill="#151F36" rx="5" stroke="#2C3E63" stroke-width="1.2"/> |
| 87 |
<circle cx="77" cy="195.0" r="10" fill="#4C8DFF" opacity="0.18"/> |
| 88 |
<circle cx="77" cy="195.0" r="6" fill="#0C1120" stroke="#4C8DFF" stroke-width="2.4"/> |
| 89 |
<circle cx="77" cy="195.0" r="1.7999999999999998" fill="#4C8DFF"/> |
| 90 |
<text x="98" y="201.0" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="20" font-weight="600" fill="#FFFFFF">RadioCo</text> |
| 91 |
<rect x="56" y="217" width="268" height="30" fill="#151F36" rx="5" stroke="#2C3E63" stroke-width="1.2"/> |
| 92 |
<circle cx="77" cy="232.0" r="10" fill="#4C8DFF" opacity="0.18"/> |
| 93 |
<circle cx="77" cy="232.0" r="6" fill="#0C1120" stroke="#4C8DFF" stroke-width="2.4"/> |
| 94 |
<circle cx="77" cy="232.0" r="1.7999999999999998" fill="#4C8DFF"/> |
| 95 |
<text x="98" y="238.0" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="20" font-weight="600" fill="#FFFFFF">RadioJar</text> |
| 96 |
<rect x="56" y="254" width="268" height="30" fill="#151F36" rx="5" stroke="#2C3E63" stroke-width="1.2"/> |
| 97 |
<circle cx="77" cy="269.0" r="10" fill="#4C8DFF" opacity="0.18"/> |
| 98 |
<circle cx="77" cy="269.0" r="6" fill="#0C1120" stroke="#4C8DFF" stroke-width="2.4"/> |
| 99 |
<circle cx="77" cy="269.0" r="1.7999999999999998" fill="#4C8DFF"/> |
| 100 |
<text x="98" y="275.0" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="20" font-weight="600" fill="#FFFFFF">Radionomy</text> |
| 101 |
<rect x="56" y="291" width="268" height="30" rx="5" fill="none" stroke="#6E82A6" stroke-width="1.2" stroke-dasharray="5 4" opacity="0.8"/> |
| 102 |
<circle cx="77" cy="306.0" r="6" fill="#0C1120" stroke="#6E82A6" stroke-width="2"/> |
| 103 |
<text x="98" y="312.0" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="20" font-weight="500" fill="#93A7C9">any direct stream URL</text> |
| 104 |
<rect x="432" y="106" width="336" height="222" fill="url(#mod)" rx="10" stroke="#3E5A8F" stroke-width="1.5"/> |
| 105 |
<g> |
| 106 |
<rect x="458.0" y="125" width="1.6" height="15" fill="#BFD6FF" opacity="0.85"/> |
| 107 |
<rect x="467.8" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 108 |
<rect x="477.6" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 109 |
<rect x="487.4" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 110 |
<rect x="497.2" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 111 |
<rect x="507.0" y="125" width="1.6" height="15" fill="#BFD6FF" opacity="0.85"/> |
| 112 |
<rect x="516.8" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 113 |
<rect x="526.6" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 114 |
<rect x="536.3" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 115 |
<rect x="546.1" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 116 |
<rect x="555.9" y="125" width="1.6" height="15" fill="#BFD6FF" opacity="0.85"/> |
| 117 |
<rect x="565.7" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 118 |
<rect x="575.5" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 119 |
<rect x="585.3" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 120 |
<rect x="595.1" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 121 |
<rect x="604.9" y="125" width="1.6" height="15" fill="#BFD6FF" opacity="0.85"/> |
| 122 |
<rect x="614.7" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 123 |
<rect x="624.5" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 124 |
<rect x="634.3" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 125 |
<rect x="644.1" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 126 |
<rect x="653.9" y="125" width="1.6" height="15" fill="#BFD6FF" opacity="0.85"/> |
| 127 |
<rect x="663.7" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 128 |
<rect x="673.4" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 129 |
<rect x="683.2" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 130 |
<rect x="693.0" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 131 |
<rect x="702.8" y="125" width="1.6" height="15" fill="#BFD6FF" opacity="0.85"/> |
| 132 |
<rect x="712.6" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 133 |
<rect x="722.4" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 134 |
<rect x="732.2" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 135 |
<rect x="742.0" y="132" width="1.6" height="8" fill="#BFD6FF" opacity="0.4"/> |
| 136 |
</g> |
| 137 |
<rect x="526.2" y="116" width="3" height="30" fill="#FFD166" filter="url(#soft)" opacity="0.9"/> |
| 138 |
<rect x="526.2" y="116" width="2.6" height="30" fill="#FFD166"/> |
| 139 |
<text x="600.0" y="202" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="42" font-weight="700" fill="#FFFFFF" text-anchor="middle">StreamCast</text> |
| 140 |
<text x="600.0" y="230" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="17" font-weight="700" fill="#4C8DFF" text-anchor="middle" letter-spacing="4">LIVE RADIO PLAYER</text> |
| 141 |
<rect x="460.0" y="256" width="34" height="26" fill="#22314F" rx="4" stroke="#2C3E63" stroke-width="1.2"/> |
| 142 |
<rect x="466.0" y="273" width="22" height="2.5" rx="1.2" fill="#6E82A6" opacity="0.55"/> |
| 143 |
<circle cx="469.0" cy="265" r="3.4" fill="#6E82A6" opacity="0.6"/> |
| 144 |
<rect x="501.0" y="256" width="34" height="26" fill="#22314F" rx="4" stroke="#2C3E63" stroke-width="1.2"/> |
| 145 |
<rect x="507.0" y="273" width="22" height="2.5" rx="1.2" fill="#6E82A6" opacity="0.55"/> |
| 146 |
<circle cx="510.0" cy="265" r="3.4" fill="#6E82A6" opacity="0.6"/> |
| 147 |
<rect x="542.0" y="256" width="34" height="26" fill="#226DF5" rx="4" stroke="#4C8DFF" stroke-width="1.2"/> |
| 148 |
<rect x="548.0" y="273" width="22" height="2.5" rx="1.2" fill="#FFFFFF" opacity="0.9"/> |
| 149 |
<circle cx="551.0" cy="265" r="3.4" fill="#FFD166" opacity="1"/> |
| 150 |
<rect x="583.0" y="256" width="34" height="26" fill="#22314F" rx="4" stroke="#2C3E63" stroke-width="1.2"/> |
| 151 |
<rect x="589.0" y="273" width="22" height="2.5" rx="1.2" fill="#6E82A6" opacity="0.55"/> |
| 152 |
<circle cx="592.0" cy="265" r="3.4" fill="#6E82A6" opacity="0.6"/> |
| 153 |
<rect x="624.0" y="256" width="34" height="26" fill="#22314F" rx="4" stroke="#2C3E63" stroke-width="1.2"/> |
| 154 |
<rect x="630.0" y="273" width="22" height="2.5" rx="1.2" fill="#6E82A6" opacity="0.55"/> |
| 155 |
<circle cx="633.0" cy="265" r="3.4" fill="#6E82A6" opacity="0.6"/> |
| 156 |
<rect x="665.0" y="256" width="34" height="26" fill="#22314F" rx="4" stroke="#2C3E63" stroke-width="1.2"/> |
| 157 |
<rect x="671.0" y="273" width="22" height="2.5" rx="1.2" fill="#6E82A6" opacity="0.55"/> |
| 158 |
<circle cx="674.0" cy="265" r="3.4" fill="#6E82A6" opacity="0.6"/> |
| 159 |
<rect x="706.0" y="256" width="34" height="26" fill="#22314F" rx="4" stroke="#2C3E63" stroke-width="1.2"/> |
| 160 |
<rect x="712.0" y="273" width="22" height="2.5" rx="1.2" fill="#6E82A6" opacity="0.55"/> |
| 161 |
<circle cx="715.0" cy="265" r="3.4" fill="#6E82A6" opacity="0.6"/> |
| 162 |
<text x="600.0" y="304" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="17" font-weight="700" fill="#93A7C9" text-anchor="middle" letter-spacing="3.2">7 PLAYER SKINS</text> |
| 163 |
<rect x="876" y="106" width="268" height="36" fill="#151F36" rx="5" stroke="#3E5A8F" stroke-width="1.3"/> |
| 164 |
<circle cx="897" cy="124.0" r="10" fill="#4C8DFF" opacity="0.18"/> |
| 165 |
<circle cx="897" cy="124.0" r="6" fill="#0C1120" stroke="#4C8DFF" stroke-width="2.4"/> |
| 166 |
<circle cx="897" cy="124.0" r="1.7999999999999998" fill="#4C8DFF"/> |
| 167 |
<text x="918" y="130.0" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="20" font-weight="600" fill="#FFFFFF">Gutenberg block</text> |
| 168 |
<rect x="876" y="150" width="268" height="36" fill="#151F36" rx="5" stroke="#3E5A8F" stroke-width="1.3"/> |
| 169 |
<circle cx="897" cy="168.0" r="10" fill="#4C8DFF" opacity="0.18"/> |
| 170 |
<circle cx="897" cy="168.0" r="6" fill="#0C1120" stroke="#4C8DFF" stroke-width="2.4"/> |
| 171 |
<circle cx="897" cy="168.0" r="1.7999999999999998" fill="#4C8DFF"/> |
| 172 |
<text x="918" y="174.0" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="20" font-weight="600" fill="#FFFFFF">[radio_player]</text> |
| 173 |
<rect x="876.0" y="198" width="130.0" height="30" fill="#141E34" rx="4" stroke="#2C3E63" stroke-width="1"/> |
| 174 |
<circle cx="891.0" cy="213.0" r="4.5" fill="#0C1120" stroke="#6E82A6" stroke-width="2"/> |
| 175 |
<text x="904.0" y="218.5" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="17" font-weight="500" fill="#93A7C9">Elementor</text> |
| 176 |
<rect x="1014.0" y="198" width="130.0" height="30" fill="#141E34" rx="4" stroke="#2C3E63" stroke-width="1"/> |
| 177 |
<circle cx="1029.0" cy="213.0" r="4.5" fill="#0C1120" stroke="#6E82A6" stroke-width="2"/> |
| 178 |
<text x="1042.0" y="218.5" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="17" font-weight="500" fill="#93A7C9">Divi</text> |
| 179 |
<rect x="876.0" y="235" width="130.0" height="30" fill="#141E34" rx="4" stroke="#2C3E63" stroke-width="1"/> |
| 180 |
<circle cx="891.0" cy="250.0" r="4.5" fill="#0C1120" stroke="#6E82A6" stroke-width="2"/> |
| 181 |
<text x="904.0" y="255.5" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="17" font-weight="500" fill="#93A7C9">Bricks</text> |
| 182 |
<rect x="1014.0" y="235" width="130.0" height="30" fill="#141E34" rx="4" stroke="#2C3E63" stroke-width="1"/> |
| 183 |
<circle cx="1029.0" cy="250.0" r="4.5" fill="#0C1120" stroke="#6E82A6" stroke-width="2"/> |
| 184 |
<text x="1042.0" y="255.5" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="17" font-weight="500" fill="#93A7C9">WPBakery</text> |
| 185 |
<rect x="876.0" y="272" width="130.0" height="30" fill="#141E34" rx="4" stroke="#2C3E63" stroke-width="1"/> |
| 186 |
<circle cx="891.0" cy="287.0" r="4.5" fill="#0C1120" stroke="#6E82A6" stroke-width="2"/> |
| 187 |
<text x="904.0" y="292.5" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="17" font-weight="500" fill="#93A7C9">Beaver</text> |
| 188 |
<rect x="1014.0" y="272" width="130.0" height="30" fill="#141E34" rx="4" stroke="#2C3E63" stroke-width="1"/> |
| 189 |
<circle cx="1029.0" cy="287.0" r="4.5" fill="#0C1120" stroke="#6E82A6" stroke-width="2"/> |
| 190 |
<text x="1042.0" y="292.5" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="17" font-weight="500" fill="#93A7C9">Oxygen</text> |
| 191 |
<rect x="876.0" y="309" width="130.0" height="30" fill="#141E34" rx="4" stroke="#2C3E63" stroke-width="1"/> |
| 192 |
<circle cx="891.0" cy="324.0" r="4.5" fill="#0C1120" stroke="#6E82A6" stroke-width="2"/> |
| 193 |
<text x="904.0" y="329.5" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="17" font-weight="500" fill="#93A7C9">Breakdance</text> |
| 194 |
<rect x="1014.0" y="309" width="130.0" height="30" fill="#141E34" rx="4" stroke="#2C3E63" stroke-width="1"/> |
| 195 |
<circle cx="1029.0" cy="324.0" r="4.5" fill="#0C1120" stroke="#6E82A6" stroke-width="2"/> |
| 196 |
<text x="1042.0" y="329.5" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="17" font-weight="500" fill="#93A7C9">Widgets</text> |
| 197 |
<g fill="none" stroke="#4C8DFF" stroke-width="1.9" stroke-linecap="round" opacity="0.62"> |
| 198 |
<path d="M324 121.0 C 370 121.0 386 217 432 217"/> |
| 199 |
<path d="M324 158.0 C 370 158.0 386 217 432 217"/> |
| 200 |
<path d="M324 195.0 C 370 195.0 386 217 432 217"/> |
| 201 |
<path d="M324 232.0 C 370 232.0 386 217 432 217"/> |
| 202 |
<path d="M324 269.0 C 370 269.0 386 217 432 217"/> |
| 203 |
<path d="M324 306.0 C 370 306.0 386 217 432 217"/> |
| 204 |
<path d="M768 217 C 814 217 830 124.0 876 124.0"/> |
| 205 |
<path d="M768 217 C 814 217 830 168.0 876 168.0"/> |
| 206 |
<path d="M768 217 C 814 217 830 287.0 876 287.0"/> |
| 207 |
</g> |
| 208 |
<circle cx="432" cy="217" r="11" fill="#4C8DFF" opacity="0.18"/> |
| 209 |
<circle cx="432" cy="217" r="7" fill="#0C1120" stroke="#4C8DFF" stroke-width="2.4"/> |
| 210 |
<circle cx="432" cy="217" r="2.8" fill="#4C8DFF"/> |
| 211 |
<circle cx="768" cy="217" r="11" fill="#4C8DFF" opacity="0.18"/> |
| 212 |
<circle cx="768" cy="217" r="7" fill="#0C1120" stroke="#4C8DFF" stroke-width="2.4"/> |
| 213 |
<circle cx="768" cy="217" r="2.8" fill="#4C8DFF"/> |
| 214 |
<rect x="56" y="368" width="1088" height="1" fill="#2C3E63" opacity="0.85"/> |
| 215 |
<text x="56" y="358" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="18" font-weight="600" fill="#6E82A6" letter-spacing="2.6">AND THIS IS WHAT YOUR VISITORS GET</text> |
| 216 |
<rect x="156" y="402" width="900" height="262" rx="16" fill="#000" opacity="0.28" filter="url(#soft)"/> |
| 217 |
<rect x="150" y="392" width="900" height="262" fill="url(#mod)" rx="16" stroke="#3E5A8F" stroke-width="1.6"/> |
| 218 |
<defs><linearGradient id="art" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#226DF5"/><stop offset="1" stop-color="#7A4BE0"/></linearGradient></defs> |
| 219 |
<rect x="182" y="424" width="112" height="112" fill="url(#art)" rx="10"/> |
| 220 |
<g stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" opacity="0.9"> |
| 221 |
<path d="M208 469.0 L208 491.0"/> |
| 222 |
<path d="M220 461.0 L220 499.0"/> |
| 223 |
<path d="M232 453.0 L232 507.0"/> |
| 224 |
<path d="M244 463.0 L244 497.0"/> |
| 225 |
<path d="M256 457.0 L256 503.0"/> |
| 226 |
<path d="M268 467.0 L268 493.0"/> |
| 227 |
</g> |
| 228 |
<text x="320" y="460" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="40" font-weight="700" fill="#FFFFFF">Heart London</text> |
| 229 |
<text x="320" y="492" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="22" font-weight="400" fill="#93A7C9">IceCast · 128 kbps · Now playing</text> |
| 230 |
<rect x="866" y="426" width="152" height="36" fill="#FFDC8A" rx="18"/> |
| 231 |
<circle cx="890" cy="444.0" r="5.5" fill="#7A4A00"/> |
| 232 |
<text x="906" y="450.0" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="18" font-weight="700" fill="#5C3800" letter-spacing="2.4">ON AIR</text> |
| 233 |
<rect x="182" y="558" width="836" height="1" fill="#2C3E63" opacity="0.8"/> |
| 234 |
<circle cx="212" cy="612" r="38" fill="#4C8DFF" opacity="0.20" filter="url(#soft)"/> |
| 235 |
<circle cx="212" cy="612" r="30" fill="#FFFFFF"/> |
| 236 |
<circle cx="212" cy="612" r="34" fill="none" stroke="#FFFFFF" stroke-width="1.6" opacity="0.42"/> |
| 237 |
<path d="M204 600 L225 612 L204 624 Z" fill="#0C1120"/> |
| 238 |
<rect x="264.0" y="591.6" width="5.5" height="40.9" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 239 |
<rect x="277.4" y="588.7" width="5.5" height="46.5" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 240 |
<rect x="290.9" y="586.2" width="5.5" height="51.7" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 241 |
<rect x="304.3" y="584.0" width="5.5" height="56.0" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 242 |
<rect x="317.7" y="582.4" width="5.5" height="59.2" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 243 |
<rect x="331.2" y="581.4" width="5.5" height="61.1" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 244 |
<rect x="344.6" y="581.2" width="5.5" height="61.6" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 245 |
<rect x="358.0" y="581.7" width="5.5" height="60.6" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 246 |
<rect x="371.5" y="582.9" width="5.5" height="58.2" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 247 |
<rect x="384.9" y="584.7" width="5.5" height="54.6" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 248 |
<rect x="398.3" y="587.1" width="5.5" height="49.9" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 249 |
<rect x="411.8" y="589.7" width="5.5" height="44.5" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 250 |
<rect x="425.2" y="592.6" width="5.5" height="38.8" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 251 |
<rect x="438.7" y="595.4" width="5.5" height="33.3" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 252 |
<rect x="452.1" y="597.8" width="5.5" height="28.4" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 253 |
<rect x="465.5" y="599.1" width="5.5" height="25.9" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 254 |
<rect x="479.0" y="597.3" width="5.5" height="29.3" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 255 |
<rect x="492.4" y="595.0" width="5.5" height="34.0" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 256 |
<rect x="505.8" y="592.4" width="5.5" height="39.1" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 257 |
<rect x="519.3" y="590.0" width="5.5" height="44.1" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 258 |
<rect x="532.7" y="587.8" width="5.5" height="48.5" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 259 |
<rect x="546.1" y="586.0" width="5.5" height="52.0" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 260 |
<rect x="559.6" y="584.8" width="5.5" height="54.5" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 261 |
<rect x="573.0" y="584.1" width="5.5" height="55.7" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 262 |
<rect x="586.4" y="584.2" width="5.5" height="55.6" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 263 |
<rect x="599.9" y="584.9" width="5.5" height="54.2" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 264 |
<rect x="613.3" y="586.2" width="5.5" height="51.5" rx="2.6" fill="url(#wave)" opacity="1"/> |
| 265 |
<rect x="626.7" y="588.1" width="5.5" height="47.8" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 266 |
<rect x="640.2" y="590.4" width="5.5" height="43.3" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 267 |
<rect x="653.6" y="592.9" width="5.5" height="38.3" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 268 |
<rect x="667.0" y="595.5" width="5.5" height="33.0" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 269 |
<rect x="680.5" y="598.0" width="5.5" height="27.9" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 270 |
<rect x="693.9" y="600.3" width="5.5" height="23.3" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 271 |
<rect x="707.3" y="602.1" width="5.5" height="19.9" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 272 |
<rect x="720.8" y="601.6" width="5.5" height="20.9" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 273 |
<rect x="734.2" y="600.1" width="5.5" height="23.7" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 274 |
<rect x="747.7" y="598.6" width="5.5" height="26.9" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 275 |
<rect x="761.1" y="597.0" width="5.5" height="29.9" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 276 |
<rect x="774.5" y="595.7" width="5.5" height="32.6" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 277 |
<rect x="788.0" y="594.7" width="5.5" height="34.6" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 278 |
<rect x="801.4" y="594.0" width="5.5" height="35.9" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 279 |
<rect x="814.8" y="593.8" width="5.5" height="36.4" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 280 |
<rect x="828.3" y="594.0" width="5.5" height="35.9" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 281 |
<rect x="841.7" y="594.7" width="5.5" height="34.6" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 282 |
<rect x="855.1" y="595.7" width="5.5" height="32.6" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 283 |
<rect x="868.6" y="597.0" width="5.5" height="30.0" rx="2.6" fill="#8FA6CC" opacity="0.32"/> |
| 284 |
<text x="1018" y="620" font-family="ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" font-size="24" font-weight="600" fill="#C2D2EC" text-anchor="end">01:24:07</text> |
| 285 |
<ellipse cx="600" cy="688" rx="404" ry="30" fill="#4C8DFF" opacity="0.20" filter="url(#soft)"/> |
| 286 |
<rect x="246" y="670" width="708" height="2" rx="1" fill="#4C8DFF" opacity="0.5"/> |
| 287 |
<ellipse cx="600" cy="794" rx="560" ry="86" fill="#4C8DFF" opacity="0.10" filter="url(#soft)"/> |
| 288 |
</svg> |
| 289 |
|
