39 lines
2.8 KiB
XML
39 lines
2.8 KiB
XML
<svg width="297" height="420">
|
|
<defs>
|
|
<filter id="shadow" x="0%" y="0%" width="140%" height="140%">
|
|
<feOffset result="offOut" in="SourceAlpha" dx="5" dy="5" />
|
|
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="3" />
|
|
<feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
|
|
</filter>
|
|
</defs>
|
|
<rect width="100%" height="100%" fill="#283681" />
|
|
<path d="m 0 -20 h 315 c 160 0 160 200 15 200 h -195 C 10 180 10 180 10 237 v 360 h -10 z" fill="#fff" opacity="2" filter="url(#shadow)" transform="scale(0.6)"/>
|
|
<!-- https://yqnn.github.io/svg-path-editor/ -->
|
|
|
|
<text x="5%" y="9%" dominant-baseline="middle" text-anchor="left" font-size="32" font-weight="bold" lengthAdjust="spacing" textLength="75%" >{title}</text>
|
|
<text x="5%" y="18%" dominant-baseline="middle" text-anchor="left" font-size="20" font-weight="normal" lengthAdjust="spacing" textLength="75%" >{subtitle}</text>
|
|
|
|
<text x="10%" y="30%" dominant-baseline="middle" text-anchor="left" font-size="14" font-weight="bold" fill="#fff">{descriptionTitle}</text>
|
|
<text x="10%" y="36%" dominant-baseline="middle" text-anchor="left" font-size="14" fill="#fff">{description}</text>
|
|
|
|
<line x1="20%" y1="90%" x2="80%" y2="55%" stroke="#fff" stroke-width="3" />
|
|
<circle cx="87.5%" cy="52.5%" r="15%" fill="#fff" />
|
|
<image x="78%" y="44.5%" width="17%" height="17%" href="{image_url}"/>
|
|
|
|
<rect x="0" y="75%" width="100%" height="10%" fill="#fff" filter="url(#shadow)" />
|
|
<text x="50%" y="78%" textLength="85%" dominant-baseline="middle" text-anchor="middle" font-size="12" fill="#323232" font-weight="bold">
|
|
<tspan font-weight="normal">Tid:</tspan>
|
|
<tspan font-weight="bold">{time}</tspan>
|
|
<tspan font-weight="normal"> Dato:</tspan>
|
|
<tspan font-weight="bold">{date}</tspan>
|
|
<tspan font-weight="normal"> Sted:</tspan>
|
|
<tspan font-weight="bold">{location}</tspan>
|
|
</text>
|
|
<text x="50%" y="81%" textLength="70%" dominant-baseline="middle" text-anchor="middle" font-size="7" fill="#424242">Kurset er <tspan font-weight="bold">gratis</tspan> og åpent for <tspan font-weight="bold">alle</tspan>. Ingen påmelding nødvendig.</text>
|
|
<text x="50%" y="83.5%" textLength="45%" dominant-baseline="middle" text-anchor="middle" font-size="7" fill="#424242">Kurset varer i ca.{varighet}timer</text>
|
|
|
|
<circle cx="18%" cy="92%" r="6.5%" fill="#fff" />
|
|
<image x="12%" y="86%" width="12%" height="12%" href="logo_black_thicc.svg"/>
|
|
<text x="90%" y="90%" dominant-baseline="middle" text-anchor="end" font-size="12" fill="#fff" font-weight="bold">Programmvareverkstedet</text>
|
|
<text x="90%" y="93%" dominant-baseline="middle" text-anchor="end" font-size="12" fill="#fff" font-weight="bold">pvv.ntnu.no</text>
|
|
</svg> |