Initial commit

assets/img/platforma.svg

@@ -0,0 +1,79 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 360" role="img" aria-labelledby="t-plat">
+<title id="t-plat">Panel kursanta na platformie - postęp kursów, nadchodzące webinaria i certyfikat</title>
+<defs>
+  <pattern id="plat-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(#plat-grid)"/>
+
+<!-- okno aplikacji -->
+<g stroke="#416180" fill="none" stroke-width="1.5">
+  <rect x="40" y="34" width="560" height="292"/>
+  <path d="M40 66h560M172 66v260"/>
+</g>
+<rect x="40" y="34" width="560" height="32" fill="#5980a6" fill-opacity=".18"/>
+<g fill="#416180" opacity=".45">
+  <circle cx="58" cy="50" r="4"/><circle cx="72" cy="50" r="4"/><circle cx="86" cy="50" r="4"/>
+</g>
+<text x="108" y="55" fill="#416180" font-family="'Barlow Condensed',sans-serif" font-size="12" letter-spacing="1.2">PANEL KURSANTA</text>
+
+<!-- menu boczne -->
+<g fill="#5980a6">
+  <rect x="40" y="82" width="132" height="26" fill-opacity=".28"/>
+</g>
+<g fill="#5980a6" opacity=".45">
+  <rect x="58" y="91" width="72" height="8"/>
+  <rect x="58" y="126" width="86" height="8"/>
+  <rect x="58" y="156" width="64" height="8"/>
+  <rect x="58" y="186" width="80" height="8"/>
+  <rect x="58" y="216" width="70" height="8"/>
+</g>
+
+<!-- karty postępu kursów -->
+<g stroke="#416180" stroke-width="1.5" fill="none">
+  <rect x="192" y="88" width="184" height="76"/>
+  <rect x="396" y="88" width="184" height="76"/>
+</g>
+<g fill="#5980a6" opacity=".45">
+  <rect x="206" y="102" width="104" height="8"/>
+  <rect x="410" y="102" width="120" height="8"/>
+</g>
+<!-- paski postępu -->
+<g>
+  <rect x="206" y="130" width="156" height="8" fill="#5980a6" fill-opacity=".2"/>
+  <rect x="206" y="130" width="102" height="8" fill="#5980a6"/>
+  <rect x="410" y="130" width="156" height="8" fill="#5980a6" fill-opacity=".2"/>
+  <rect x="410" y="130" width="48" height="8" fill="#5980a6"/>
+</g>
+<g fill="#416180" font-family="'Barlow Condensed',sans-serif" font-size="11" letter-spacing="1" opacity=".7">
+  <text x="206" y="156">POSTĘP 65%</text>
+  <text x="410" y="156">POSTĘP 30%</text>
+</g>
+
+<!-- agenda webinariów -->
+<g stroke="#416180" stroke-width="1.5" fill="none">
+  <rect x="192" y="184" width="388" height="122"/>
+  <path d="M192 210h388"/>
+</g>
+<rect x="192" y="184" width="388" height="26" fill="#5980a6" fill-opacity=".12"/>
+<text x="206" y="202" fill="#416180" font-family="'Barlow Condensed',sans-serif" font-size="12" letter-spacing="1.2">NADCHODZĄCE WEBINARIA</text>
+<g stroke="#416180" stroke-width="1.5" fill="none" opacity=".85">
+  <rect x="206" y="222" width="38" height="34"/>
+  <rect x="206" y="264" width="38" height="34"/>
+</g>
+<g fill="#416180" font-family="'Barlow Condensed',sans-serif" font-size="13" text-anchor="middle" opacity=".8">
+  <text x="225" y="236">15</text><text x="225" y="250" font-size="10">LIS</text>
+  <text x="225" y="278">22</text><text x="225" y="292" font-size="10">LIS</text>
+</g>
+<g fill="#5980a6" opacity=".42">
+  <rect x="258" y="228" width="180" height="7"/>
+  <rect x="258" y="242" width="120" height="6"/>
+  <rect x="258" y="270" width="204" height="7"/>
+  <rect x="258" y="284" width="136" height="6"/>
+</g>
+<!-- znacznik LIVE -->
+<rect x="500" y="224" width="46" height="17" fill="#1d2d3d"/>
+<text x="509" y="237" fill="#f2f2f3" font-family="'Barlow Condensed',sans-serif" font-size="10" letter-spacing="1.3">LIVE</text>
+</svg>