70 lines
3.2 KiB
XML
70 lines
3.2 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 360" role="img" aria-labelledby="t-web">
|
|
<title id="t-web">Webinarium na żywo - okno prowadzącego, uczestnicy i panel czatu</title>
|
|
<defs>
|
|
<pattern id="web-grid" width="20" height="20" patternUnits="userSpaceOnUse">
|
|
<path d="M20 0H0v20" fill="none" stroke="#5980a6" stroke-opacity=".14" stroke-width="1"/>
|
|
</pattern>
|
|
</defs>
|
|
<rect width="640" height="360" fill="#eaeef2"/>
|
|
<rect width="640" height="360" fill="url(#web-grid)"/>
|
|
|
|
<!-- główne okno transmisji -->
|
|
<g stroke="#416180" fill="none" stroke-width="1.5">
|
|
<rect x="44" y="46" width="380" height="234"/>
|
|
<path d="M44 76h380"/>
|
|
</g>
|
|
<rect x="44" y="46" width="380" height="30" fill="#5980a6" fill-opacity=".18"/>
|
|
<g fill="#416180" opacity=".45">
|
|
<circle cx="60" cy="61" r="4"/><circle cx="74" cy="61" r="4"/><circle cx="88" cy="61" r="4"/>
|
|
</g>
|
|
|
|
<!-- znacznik LIVE -->
|
|
<rect x="360" y="52" width="52" height="18" fill="#1d2d3d"/>
|
|
<circle cx="371" cy="61" r="3.5" fill="#f2f2f3"/>
|
|
<text x="380" y="65" fill="#f2f2f3" font-family="'Barlow Condensed',sans-serif" font-size="11" letter-spacing="1.4">LIVE</text>
|
|
|
|
<!-- prowadzący w kadrze -->
|
|
<g stroke="#416180" stroke-width="1.5" fill="none">
|
|
<circle cx="150" cy="150" r="26"/>
|
|
<path d="M112 246v-42a38 38 0 0 1 76 0v42"/>
|
|
</g>
|
|
<circle cx="150" cy="150" r="26" fill="#5980a6" fill-opacity=".2"/>
|
|
|
|
<!-- udostępniony slajd -->
|
|
<g stroke="#5980a6" stroke-width="1.5" fill="none">
|
|
<rect x="232" y="112" width="164" height="112"/>
|
|
<path d="M244 200l30-26 26 14 30-38 28 22" />
|
|
<path d="M244 210h140" stroke-opacity=".5"/>
|
|
</g>
|
|
<g fill="#5980a6" opacity=".45">
|
|
<rect x="244" y="124" width="60" height="7"/>
|
|
<rect x="244" y="138" width="94" height="5"/>
|
|
</g>
|
|
|
|
<!-- panel czatu -->
|
|
<g stroke="#416180" fill="none" stroke-width="1.5">
|
|
<rect x="444" y="46" width="152" height="234"/>
|
|
<path d="M444 76h152"/>
|
|
</g>
|
|
<rect x="444" y="46" width="152" height="30" fill="#5980a6" fill-opacity=".12"/>
|
|
<text x="456" y="66" fill="#416180" font-family="'Barlow Condensed',sans-serif" font-size="12" letter-spacing="1.2">PYTANIA · 24</text>
|
|
<g fill="#5980a6" opacity=".38">
|
|
<rect x="456" y="92" width="80" height="6"/><rect x="456" y="104" width="118" height="6"/>
|
|
<rect x="456" y="128" width="96" height="6"/><rect x="456" y="140" width="70" height="6"/>
|
|
<rect x="456" y="164" width="112" height="6"/><rect x="456" y="176" width="58" height="6"/>
|
|
<rect x="456" y="200" width="88" height="6"/><rect x="456" y="212" width="104" height="6"/>
|
|
</g>
|
|
<g stroke="#416180" stroke-width="1.5" fill="none" opacity=".7">
|
|
<rect x="456" y="244" width="128" height="22"/>
|
|
</g>
|
|
|
|
<!-- uczestnicy -->
|
|
<g stroke="#416180" stroke-width="1.5" fill="none" opacity=".8">
|
|
<g><circle cx="80" cy="312" r="10"/><path d="M66 340v-10a14 14 0 0 1 28 0v10"/></g>
|
|
<g><circle cx="140" cy="312" r="10"/><path d="M126 340v-10a14 14 0 0 1 28 0v10"/></g>
|
|
<g><circle cx="200" cy="312" r="10"/><path d="M186 340v-10a14 14 0 0 1 28 0v10"/></g>
|
|
<g><circle cx="260" cy="312" r="10"/><path d="M246 340v-10a14 14 0 0 1 28 0v10"/></g>
|
|
</g>
|
|
<text x="300" y="336" fill="#416180" font-family="'Barlow Condensed',sans-serif" font-size="12" letter-spacing="1.2" opacity=".65">+ 118 UCZESTNIKÓW ONLINE</text>
|
|
</svg>
|