82 lines
3.7 KiB
XML
82 lines
3.7 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 360" role="img" aria-labelledby="t-plat">
|
|
<title id="t-plat">Student dashboard on the platform - course progress, upcoming webinars and a certificate</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','Arial Narrow',sans-serif"
|
|
font-size="12" textLength="118" lengthAdjust="spacingAndGlyphs">STUDENT DASHBOARD</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','Arial Narrow',sans-serif" font-size="11" opacity=".7">
|
|
<text x="206" y="156" textLength="76" lengthAdjust="spacingAndGlyphs">PROGRESS 65%</text>
|
|
<text x="410" y="156" textLength="76" lengthAdjust="spacingAndGlyphs">PROGRESS 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','Arial Narrow',sans-serif"
|
|
font-size="12" textLength="150" lengthAdjust="spacingAndGlyphs">UPCOMING WEBINARS</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','Arial Narrow',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">NOV</text>
|
|
<text x="225" y="278">22</text><text x="225" y="292" font-size="10">NOV</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','Arial Narrow',sans-serif" font-size="10" letter-spacing="1.3">LIVE</text>
|
|
</svg>
|
