diff --git a/DotnetPlayground.Web/wwwroot/images/banner1.svg b/DotnetPlayground.Web/wwwroot/images/banner1.svg
index 602486f6..47862e55 100644
--- a/DotnetPlayground.Web/wwwroot/images/banner1.svg
+++ b/DotnetPlayground.Web/wwwroot/images/banner1.svg
@@ -4,28 +4,33 @@
 			from { transform: rotateZ(-10deg) }
 			to { transform: rotateZ(10deg) }
 		}
-
 		g {
 			animation: swing 1s infinite;
 			animation-direction: alternate;
-			fill: #000
+			fill: #000;
+		}
+		#vid path {
+			transform-origin: 20px 20px;
+			transform: scale(4);
+		}
+		#img path {
+			transform-origin: 10px 15px;
+			transform: scale(8);
 		}
 	</style>
 	<defs>
 		<g id="img">
-			<path transform="scale(8)" transform-origin="10 15" d="M4.502 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
-			<path transform="scale(8)" transform-origin="10 15" d="M14.002 13a2 2 0 0 1-2 2h-10a2 2 0 0 1-2-2V5A2 2 0 0 1 2 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8a2 2 0 0 1-1.998 2zM14 2H4a1 1 0 0 0-1 1h9.002a2 2 0 0 1 2 2v7A1 1 0 0 0 15 11V3a1 1 0 0 0-1-1zM2.002 4a1 1 0 0 0-1 1v8l2.646-2.354a.5.5 0 0 1 .63-.062l2.66 1.773 3.71-3.71a.5.5 0 0 1 .577-.094l1.777 1.947V5a1 1 0 0 0-1-1h-10z"/>
+			<path d="M4.502 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM14.002 13a2 2 0 0 1-2 2h-10a2 2 0 0 1-2-2V5A2 2 0 0 1 2 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8a2 2 0 0 1-1.998 2zM14 2H4a1 1 0 0 0-1 1h9.002a2 2 0 0 1 2 2v7A1 1 0 0 0 15 11V3a1 1 0 0 0-1-1zM2.002 4a1 1 0 0 0-1 1v8l2.646-2.354a.5.5 0 0 1 .63-.062l2.66 1.773 3.71-3.71a.5.5 0 0 1 .577-.094l1.777 1.947V5a1 1 0 0 0-1-1h-10z"/>
 		</g>
 		<g id="vid">
-			<path transform="scale(4)" transform-origin="20 20" d="M11 13v10l10-5z"/>
-			<path transform="scale(4)" transform-origin="20 20" d="M1 4v24h30V4H1zm28 22H3V10h26v16z"/>
+			<path d="M11 13v10l10-5zM1 4v24h30V4H1zm28 22H3V10h26v16z"/>
 		</g>
 	</defs>
 
-	<path fill="#56B4D9" d="M0 0h1140v360h-1140v-360z"/>
+	<rect fill="#56B4D9" width='100%' height='100%'/>
 
-	<use xlink:href="#img" class="g0" x="310" y="140" />
-	<use xlink:href="#vid" class="g1" x="510" y="100" />
-	<use xlink:href="#img" class="g2" x="710" y="140" />
-	<use xlink:href="#vid" class="g3" x="910" y="100" />
+	<use xlink:href="#img" x="310" y="140" />
+	<use xlink:href="#vid" x="510" y="100" />
+	<use xlink:href="#img" x="710" y="140" />
+	<use xlink:href="#vid" x="910" y="100" />
 </svg>
diff --git a/DotnetPlayground.Web/wwwroot/images/banner2.svg b/DotnetPlayground.Web/wwwroot/images/banner2.svg
index 10345f5f..f9138266 100644
--- a/DotnetPlayground.Web/wwwroot/images/banner2.svg
+++ b/DotnetPlayground.Web/wwwroot/images/banner2.svg
@@ -1,51 +1,42 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1140 360" fill="#fff">
-	<defs>
-		<!--rainbow-->
-		<g id="rainbow" transform="scale(4)">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1140 360" fill="#fff">
+	<rect fill="#68217A" width="100%" height="100%"/>
+
+	<!--funnel-->
+	<path
+		transform="translate(700 190) rotate(-90) scale(8)"
+		d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z" />
+
+	<!--receipt input-->
+	<path
+		transform="translate(590 178) rotate(-90) scale(6.5)"
+		d="M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zM11.5 4a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zM2.354.646a.5.5 0 0 0-.801.13l-.5 1A.5.5 0 0 0 1 2v13H.5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H15V2a.5.5 0 0 0-.053-.224l-.5-1a.5.5 0 0 0-.8-.13L13 1.293l-.646-.647a.5.5 0 0 0-.708 0L11 1.293l-.646-.647a.5.5 0 0 0-.708 0L9 1.293 8.354.646a.5.5 0 0 0-.708 0L7 1.293 6.354.646a.5.5 0 0 0-.708 0L5 1.293 4.354.646a.5.5 0 0 0-.708 0L3 1.293 2.354.646zm-.217 1.198l.51.51a.5.5 0 0 0 .707 0L4 1.707l.646.647a.5.5 0 0 0 .708 0L6 1.707l.646.647a.5.5 0 0 0 .708 0L8 1.707l.646.647a.5.5 0 0 0 .708 0L10 1.707l.646.647a.5.5 0 0 0 .708 0L12 1.707l.646.647a.5.5 0 0 0 .708 0l.509-.51.137.274V15H2V2.118l.137-.274z"/>
+
+	<!--output-->
+	<path
+		transform="translate(830 86) scale(5)"
+		d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm.646 2.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8 2.646 6.354a.5.5 0 0 1 0-.708zM7 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
+
+	<!--rainbow-->
+	<g id="rainbow" transform="translate(300 0) scale(4)">
 			<path style="fill:#E64C3C;"
-						d="M4.645,45.577c-0.017-0.383-0.029-0.767-0.029-1.154c0-13.997,11.387-25.385,25.385-25.385
+				d="M4.645,45.577c-0.017-0.383-0.029-0.767-0.029-1.154c0-13.997,11.387-25.385,25.385-25.385
 	s25.385,11.387,25.385,25.385c0,0.387-0.012,0.771-0.029,1.154h4.616C59.985,45.193,60,44.81,60,44.423c0-16.569-13.431-30-30-30
 	s-30,13.431-30,30c0,0.387,0.015,0.77,0.029,1.154H4.645z"/>
 			<path style="fill:#F0C419;"
-						d="M9.289,45.577c-0.021-0.384-0.058-0.764-0.058-1.154c0-11.452,9.317-20.769,20.769-20.769
+				d="M9.289,45.577c-0.021-0.384-0.058-0.764-0.058-1.154c0-11.452,9.317-20.769,20.769-20.769
 	s20.769,9.318,20.769,20.769c0,0.389-0.037,0.77-0.058,1.154h4.645c0.017-0.383,0.029-0.767,0.029-1.154
 	c0-13.997-11.387-25.385-25.385-25.385S4.615,30.426,4.615,44.423c0,0.387,0.012,0.771,0.029,1.154H9.289z"/>
 			<path style="fill:#71C285;"
-						d="M13.905,45.577c-0.027-0.383-0.058-0.764-0.058-1.154c0-8.907,7.246-16.154,16.154-16.154
+				d="M13.905,45.577c-0.027-0.383-0.058-0.764-0.058-1.154c0-8.907,7.246-16.154,16.154-16.154
 	s16.154,7.246,16.154,16.154c0,0.389-0.031,0.771-0.058,1.154h4.615c0.021-0.384,0.058-0.764,0.058-1.154
 	c0-11.452-9.317-20.769-20.769-20.769S9.231,32.971,9.231,44.423c0,0.389,0.037,0.77,0.058,1.154H13.905z"/>
 			<path style="fill:#0096E6;"
-						d="M18.52,45.577c-0.038-0.38-0.058-0.764-0.058-1.154c0-6.362,5.176-11.538,11.538-11.538
+				d="M18.52,45.577c-0.038-0.38-0.058-0.764-0.058-1.154c0-6.362,5.176-11.538,11.538-11.538
 	s11.538,5.177,11.538,11.538c0,0.389-0.021,0.774-0.058,1.154h4.615c0.027-0.383,0.058-0.764,0.058-1.154
 	c0-8.907-7.246-16.154-16.154-16.154s-16.154,7.246-16.154,16.154c0,0.389,0.031,0.771,0.058,1.154H18.52z"/>
 			<path style="fill:#546A79;"
-						d="M23.181,45.577c-0.064-0.376-0.104-0.76-0.104-1.154c0-3.818,3.105-6.923,6.923-6.923
+				d="M23.181,45.577c-0.064-0.376-0.104-0.76-0.104-1.154c0-3.818,3.105-6.923,6.923-6.923
 	s6.923,3.105,6.923,6.923c0,0.394-0.041,0.778-0.104,1.154h4.661c0.038-0.38,0.058-0.764,0.058-1.154
 	c0-6.362-5.176-11.538-11.538-11.538s-11.538,5.177-11.538,11.538c0,0.389,0.021,0.774,0.058,1.154H23.181z"/>
-		</g>
-	</defs>
-
-	<path fill="#68217A" d="M0 0h1140v360h-1140v-360z"/>
-
-	<!--funnel-->
-	<path
-		transform="translate(700 190) rotate(-90) scale(8)"
-		d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"
-					/>
-
-	<!--receipt input-->
-	<path
-		transform="translate(590 178) rotate(-90) scale(6.5)"
-		d="M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zM11.5 4a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z"/>
-	<path
-		transform="translate(590 178) rotate(-90) scale(6.5)"
-		d="M2.354.646a.5.5 0 0 0-.801.13l-.5 1A.5.5 0 0 0 1 2v13H.5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H15V2a.5.5 0 0 0-.053-.224l-.5-1a.5.5 0 0 0-.8-.13L13 1.293l-.646-.647a.5.5 0 0 0-.708 0L11 1.293l-.646-.647a.5.5 0 0 0-.708 0L9 1.293 8.354.646a.5.5 0 0 0-.708 0L7 1.293 6.354.646a.5.5 0 0 0-.708 0L5 1.293 4.354.646a.5.5 0 0 0-.708 0L3 1.293 2.354.646zm-.217 1.198l.51.51a.5.5 0 0 0 .707 0L4 1.707l.646.647a.5.5 0 0 0 .708 0L6 1.707l.646.647a.5.5 0 0 0 .708 0L8 1.707l.646.647a.5.5 0 0 0 .708 0L10 1.707l.646.647a.5.5 0 0 0 .708 0L12 1.707l.646.647a.5.5 0 0 0 .708 0l.509-.51.137.274V15H2V2.118l.137-.274z"/>
-
-	<!--output-->
-	<path
-		transform="translate(830 86) scale(5)"
-		d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm.646 2.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8 2.646 6.354a.5.5 0 0 1 0-.708zM7 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-
-	<use xlink:href="#rainbow" x="300" y="0"/>
-
+	</g>
 </svg>
\ No newline at end of file
diff --git a/DotnetPlayground.Web/wwwroot/images/banner3.svg b/DotnetPlayground.Web/wwwroot/images/banner3.svg
index 7b8eab47..c17ded5a 100644
--- a/DotnetPlayground.Web/wwwroot/images/banner3.svg
+++ b/DotnetPlayground.Web/wwwroot/images/banner3.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1140 360">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1140 360">
 <style>
 	circle.r {
 		fill:red; stroke:red;
@@ -9,6 +9,9 @@
 	circle.o {
 		fill:#DC143C; stroke:#DC143C;
 	}
+	circle {
+		r:4px;
+	}
 
 	polyline {
 		stroke-width:3;
@@ -25,267 +28,266 @@
 	</pattern>
 </defs>
 
-<path fill="#7fba00" d="M0 0h1140v360h-1140v-360z" />
-
-<!-- background -->
-<rect fill="#fff" stroke="#000"
-		width='326' height='420'
-		transform="translate(705 25) scale(0.65) rotate(90)" />
+<!--green background-->
+<rect fill="#7fba00" width='100%' height='100%'/>
 
 <!--board with circle and polys-->
 <g transform="translate(700 30) scale(0.65) rotate(90)">
+	<!-- white background -->
+	<rect fill="#fff" stroke="#000" x="-8" y="-8" width='328' height='422'/>
+
 	<rect fill='url(#grid)' width='320' height='414'/>
 
-	<circle r="4" cx="256" cy="64" class="r"/>
-	<circle r="4" cx="32" cy="80" class="b"/>
-	<circle r="4" cx="208" cy="144" class="r"/>
-	<circle r="4" cx="160" cy="256" class="b"/>
-	<circle r="4" cx="112" cy="128" class="r"/>
-	<circle r="4" cx="192" cy="96" class="o" />
-	<circle r="4" cx="192" cy="112" class="r"/>
-	<circle r="4" cx="16" cy="64" class="b"/>
-	<circle r="4" cx="192" cy="80" class="r"/>
-	<circle r="4" cx="128" cy="304" class="b"/>
-	<circle r="4" cx="176" cy="96" class="r"/>
-	<circle r="4" cx="32" cy="112" class="b"/>
-	<circle r="4" cx="208" cy="96" class="r"/>
-	<circle r="4" cx="64" cy="272" class="b"/>
-	<circle r="4" cx="256" cy="128" class="o" />
-	<circle r="4" cx="272" cy="96" class="r"/>
-	<circle r="4" cx="240" cy="128" class="o" />
-	<circle r="4" cx="256" cy="208" class="r"/>
-	<circle r="4" cx="80" cy="80" class="o" />
-	<circle r="4" cx="240" cy="112" class="r"/>
-	<circle r="4" cx="160" cy="240" class="b"/>
-	<circle r="4" cx="256" cy="112" class="r"/>
-	<circle r="4" cx="160" cy="176" class="b"/>
-	<circle r="4" cx="272" cy="128" class="r"/>
-	<circle r="4" cx="224" cy="336" class="b"/>
-	<circle r="4" cx="224" cy="128" class="r"/>
-	<circle r="4" cx="144" cy="192" class="o" />
-	<circle r="4" cx="224" cy="144" class="r"/>
-	<circle r="4" cx="256" cy="32" class="b"/>
-	<circle r="4" cx="240" cy="144" class="r"/>
-	<circle r="4" cx="32" cy="64" class="b"/>
-	<circle r="4" cx="256" cy="144" class="r"/>
-	<circle r="4" cx="16" cy="176" class="b"/>
-	<circle r="4" cx="176" cy="0" class="b"/>
-	<circle r="4" cx="160" cy="192" class="r"/>
-	<circle r="4" cx="32" cy="240" class="b"/>
-	<circle r="4" cx="144" cy="176" class="r"/>
-	<circle r="4" cx="16" cy="320" class="b"/>
-	<circle r="4" cx="128" cy="192" class="r"/>
-	<circle r="4" cx="128" cy="80" class="o" />
-	<circle r="4" cx="144" cy="208" class="r"/>
-	<circle r="4" cx="32" cy="304" class="b"/>
-	<circle r="4" cx="64" cy="0" class="b"/>
-	<circle r="4" cx="208" cy="192" class="r"/>
-	<circle r="4" cx="192" cy="192" class="b"/>
-	<circle r="4" cx="160" cy="208" class="r"/>
-	<circle r="4" cx="144" cy="224" class="b"/>
-	<circle r="4" cx="80" cy="208" class="r"/>
-	<circle r="4" cx="304" cy="64" class="b"/>
-	<circle r="4" cx="64" cy="176" class="r"/>
-	<circle r="4" cx="272" cy="368" class="b"/>
-	<circle r="4" cx="64" cy="240" class="r"/>
-	<circle r="4" cx="208" cy="208" class="b"/>
-	<circle r="4" cx="32" cy="256" class="r"/>
-	<circle r="4" cx="304" cy="80" class="b"/>
-	<circle r="4" cx="32" cy="288" class="r"/>
-	<circle r="4" cx="256" cy="256" class="b"/>
-	<circle r="4" cx="64" cy="304" class="r"/>
-	<circle r="4" cx="272" cy="176" class="b"/>
-	<circle r="4" cx="80" cy="288" class="r"/>
-	<circle r="4" cx="144" cy="304" class="b"/>
-	<circle r="4" cx="112" cy="256" class="r"/>
-	<circle r="4" cx="32" cy="224" class="b"/>
-	<circle r="4" cx="144" cy="288" class="r"/>
-	<circle r="4" cx="256" cy="272" class="b"/>
-	<circle r="4" cx="208" cy="304" class="r"/>
-	<circle r="4" cx="96" cy="0" class="b"/>
-	<circle r="4" cx="272" cy="256" class="r"/>
-	<circle r="4" cx="192" cy="48" class="b"/>
-	<circle r="4" cx="176" cy="144" class="r"/>
-	<circle r="4" cx="240" cy="320" class="b"/>
-	<circle r="4" cx="176" cy="192" class="r"/>
-	<circle r="4" cx="96" cy="128" class="o" />
-	<circle r="4" cx="128" cy="128" class="r"/>
-	<circle r="4" cx="304" cy="0" class="b"/>
-	<circle r="4" cx="96" cy="144" class="r"/>
-	<circle r="4" cx="288" cy="368" class="b"/>
-	<circle r="4" cx="80" cy="192" class="r"/>
-	<circle r="4" cx="224" cy="256" class="b"/>
-	<circle r="4" cx="224" cy="208" class="r"/>
-	<circle r="4" cx="304" cy="304" class="b"/>
-	<circle r="4" cx="128" cy="288" class="r"/>
-	<circle r="4" cx="272" cy="240" class="b"/>
-	<circle r="4" cx="144" cy="320" class="r"/>
-	<circle r="4" cx="272" cy="160" class="b"/>
-	<circle r="4" cx="224" cy="80" class="r"/>
-	<circle r="4" cx="224" cy="384" class="b"/>
-	<circle r="4" cx="144" cy="64" class="r"/>
-	<circle r="4" cx="96" cy="160" class="b"/>
-	<circle r="4" cx="64" cy="112" class="r"/>
-	<circle r="4" cx="128" cy="272" class="b"/>
-	<circle r="4" cx="48" cy="128" class="r"/>
-	<circle r="4" cx="0" cy="400" class="b"/>
-	<circle r="4" cx="64" cy="160" class="r"/>
-	<circle r="4" cx="48" cy="208" class="b"/>
-	<circle r="4" cx="128" cy="144" class="r"/>
-	<circle r="4" cx="288" cy="96" class="b"/>
-	<circle r="4" cx="144" cy="112" class="r"/>
-	<circle r="4" cx="112" cy="144" class="b"/>
-	<circle r="4" cx="208" cy="256" class="r"/>
-	<circle r="4" cx="96" cy="224" class="b"/>
-	<circle r="4" cx="256" cy="320" class="r"/>
-	<circle r="4" cx="192" cy="256" class="b"/>
-	<circle r="4" cx="288" cy="336" class="r"/>
-	<circle r="4" cx="176" cy="112" class="o" />
-	<circle r="4" cx="160" cy="320" class="r"/>
-	<circle r="4" cx="112" cy="192" class="b"/>
-	<circle r="4" cx="224" cy="288" class="r"/>
-	<circle r="4" cx="0" cy="224" class="b"/>
-	<circle r="4" cx="112" cy="272" class="r"/>
-	<circle r="4" cx="48" cy="400" class="b"/>
-	<circle r="4" cx="208" cy="176" class="r"/>
-	<circle r="4" cx="16" cy="384" class="b"/>
-	<circle r="4" cx="272" cy="320" class="r"/>
-	<circle r="4" cx="144" cy="384" class="b"/>
-	<circle r="4" cx="288" cy="224" class="r"/>
-	<circle r="4" cx="224" cy="240" class="b"/>
-	<circle r="4" cx="288" cy="144" class="r"/>
-	<circle r="4" cx="128" cy="352" class="b"/>
-	<circle r="4" cx="256" cy="96" class="r"/>
-	<circle r="4" cx="272" cy="112" class="b"/>
-	<circle r="4" cx="176" cy="208" class="r"/>
-	<circle r="4" cx="304" cy="288" class="b"/>
-	<circle r="4" cx="160" cy="224" class="r"/>
-	<circle r="4" cx="288" cy="352" class="b"/>
-	<circle r="4" cx="112" cy="64" class="r"/>
-	<circle r="4" cx="176" cy="240" class="b"/>
-	<circle r="4" cx="96" cy="48" class="r"/>
-	<circle r="4" cx="304" cy="112" class="b"/>
-	<circle r="4" cx="80" cy="64" class="r"/>
-	<circle r="4" cx="208" cy="0" class="b"/>
-	<circle r="4" cx="160" cy="64" class="r"/>
-	<circle r="4" cx="144" cy="368" class="b"/>
-	<circle r="4" cx="208" cy="48" class="r"/>
-	<circle r="4" cx="224" cy="192" class="b"/>
-	<circle r="4" cx="112" cy="288" class="r"/>
-	<circle r="4" cx="288" cy="320" class="b"/>
-	<circle r="4" cx="160" cy="352" class="r"/>
-	<circle r="4" cx="64" cy="288" class="b"/>
-	<circle r="4" cx="208" cy="368" class="r"/>
-	<circle r="4" cx="48" cy="0" class="b"/>
-	<circle r="4" cx="96" cy="384" class="r"/>
-	<circle r="4" cx="176" cy="48" class="b"/>
-	<circle r="4" cx="48" cy="352" class="r"/>
-	<circle r="4" cx="80" cy="128" class="o" />
-	<circle r="4" cx="112" cy="368" class="r"/>
-	<circle r="4" cx="176" cy="400" class="b"/>
-	<circle r="4" cx="192" cy="176" class="r"/>
-	<circle r="4" cx="112" cy="320" class="b"/>
-	<circle r="4" cx="176" cy="128" class="r"/>
-	<circle r="4" cx="288" cy="192" class="b"/>
-	<circle r="4" cx="128" cy="160" class="r"/>
-	<circle r="4" cx="208" cy="272" class="b"/>
-	<circle r="4" cx="80" cy="144" class="r"/>
-	<circle r="4" cx="32" cy="368" class="b"/>
-	<circle r="4" cx="64" cy="128" class="r"/>
-	<circle r="4" cx="48" cy="320" class="b"/>
-	<circle r="4" cx="64" cy="80" class="r"/>
-	<circle r="4" cx="304" cy="224" class="b"/>
-	<circle r="4" cx="64" cy="96" class="r"/>
-	<circle r="4" cx="48" cy="336" class="b"/>
-	<circle r="4" cx="96" cy="80" class="r"/>
-	<circle r="4" cx="144" cy="240" class="b"/>
-	<circle r="4" cx="112" cy="80" class="r"/>
-	<circle r="4" cx="96" cy="400" class="b"/>
-	<circle r="4" cx="176" cy="80" class="r"/>
-	<circle r="4" cx="160" cy="96" class="o" />
-	<circle r="4" cx="160" cy="112" class="r"/>
-	<circle r="4" cx="0" cy="368" class="b"/>
-	<circle r="4" cx="128" cy="64" class="r"/>
-	<circle r="4" cx="240" cy="304" class="b"/>
-	<circle r="4" cx="160" cy="144" class="b"/>
-	<circle r="4" cx="224" cy="224" class="r"/>
-	<circle r="4" cx="0" cy="0" class="b"/>
-	<circle r="4" cx="144" cy="272" class="r"/>
-	<circle r="4" cx="96" cy="288" class="b"/>
-	<circle r="4" cx="176" cy="336" class="r"/>
-	<circle r="4" cx="0" cy="336" class="b"/>
-	<circle r="4" cx="176" cy="304" class="r"/>
-	<circle r="4" cx="96" cy="192" class="b"/>
-	<circle r="4" cx="208" cy="320" class="r"/>
-	<circle r="4" cx="16" cy="0" class="b"/>
-	<circle r="4" cx="192" cy="336" class="r"/>
-	<circle r="4" cx="112" cy="208" class="b"/>
-	<circle r="4" cx="240" cy="352" class="r"/>
-	<circle r="4" cx="288" cy="304" class="b"/>
-	<circle r="4" cx="176" cy="352" class="r"/>
-	<circle r="4" cx="48" cy="32" class="b"/>
-	<circle r="4" cx="64" cy="224" class="r"/>
-	<circle r="4" cx="192" cy="224" class="b"/>
-	<circle r="4" cx="48" cy="160" class="r"/>
-	<circle r="4" cx="0" cy="304" class="b"/>
-	<circle r="4" cx="32" cy="144" class="r"/>
-	<circle r="4" cx="0" cy="192" class="b"/>
-	<circle r="4" cx="48" cy="64" class="r"/>
-	<circle r="4" cx="240" cy="64" class="b"/>
-	<circle r="4" cx="96" cy="32" class="r"/>
-	<circle r="4" cx="272" cy="0" class="b"/>
-	<circle r="4" cx="144" cy="16" class="r"/>
-	<circle r="4" cx="0" cy="320" class="b"/>
-	<circle r="4" cx="288" cy="128" class="r"/>
-	<circle r="4" cx="80" cy="256" class="b"/>
-	<circle r="4" cx="288" cy="160" class="r"/>
-	<circle r="4" cx="96" cy="16" class="b"/>
-	<circle r="4" cx="208" cy="160" class="r"/>
-	<circle r="4" cx="128" cy="224" class="b"/>
-	<circle r="4" cx="224" cy="176" class="r"/>
-	<circle r="4" cx="224" cy="0" class="b"/>
-	<circle r="4" cx="240" cy="192" class="r"/>
-	<circle r="4" cx="32" cy="336" class="b"/>
-	<circle r="4" cx="272" cy="272" class="r"/>
-	<circle r="4" cx="16" cy="160" class="b"/>
-	<circle r="4" cx="256" cy="304" class="r"/>
-	<circle r="4" cx="48" cy="288" class="b"/>
-	<circle r="4" cx="208" cy="352" class="r"/>
-	<circle r="4" cx="0" cy="384" class="b"/>
-	<circle r="4" cx="128" cy="48" class="r"/>
-	<circle r="4" cx="256" cy="336" class="b"/>
-	<circle r="4" cx="144" cy="48" class="r"/>
-	<circle r="4" cx="128" cy="176" class="b"/>
-	<circle r="4" cx="176" cy="32" class="r"/>
-	<circle r="4" cx="112" cy="176" class="b"/>
-	<circle r="4" cx="208" cy="32" class="r"/>
-	<circle r="4" cx="256" cy="48" class="b"/>
-	<circle r="4" cx="240" cy="176" class="r"/>
-	<circle r="4" cx="272" cy="304" class="b"/>
-	<circle r="4" cx="240" cy="240" class="r"/>
-	<circle r="4" cx="0" cy="144" class="b"/>
-	<circle r="4" cx="80" cy="240" class="r"/>
-	<circle r="4" cx="16" cy="80" class="b"/>
-	<circle r="4" cx="48" cy="240" class="r"/>
-	<circle r="4" cx="304" cy="16" class="b"/>
-	<circle r="4" cx="80" cy="368" class="r"/>
-	<circle r="4" cx="256" cy="384" class="b"/>
-	<circle r="4" cx="128" cy="384" class="r"/>
-	<circle r="4" cx="192" cy="32" class="b"/>
-	<circle r="4" cx="224" cy="400" class="r"/>
-	<circle r="4" cx="208" cy="336" class="b"/>
-	<circle r="4" cx="256" cy="400" class="r"/>
-	<circle r="4" cx="32" cy="96" class="b"/>
-	<circle r="4" cx="272" cy="400" class="r"/>
-	<circle r="4" cx="64" cy="64" class="b"/>
-	<circle r="4" cx="256" cy="368" class="r"/>
-	<circle r="4" cx="144" cy="256" class="b"/>
-	<circle r="4" cx="240" cy="368" class="r"/>
-	<circle r="4" cx="256" cy="192" class="b"/>
-	<circle r="4" cx="80" cy="272" class="r"/>
-	<circle r="4" cx="272" cy="288" class="b"/>
-	<circle r="4" cx="112" cy="240" class="r"/>
-	<circle r="4" cx="144" cy="336" class="b"/>
+	<circle cx="256" cy="64" class="r"/>
+	<circle cx="32" cy="80" class="b"/>
+	<circle cx="208" cy="144" class="r"/>
+	<circle cx="160" cy="256" class="b"/>
+	<circle cx="112" cy="128" class="r"/>
+	<circle cx="192" cy="96" class="o" />
+	<circle cx="192" cy="112" class="r"/>
+	<circle cx="16" cy="64" class="b"/>
+	<circle cx="192" cy="80" class="r"/>
+	<circle cx="128" cy="304" class="b"/>
+	<circle cx="176" cy="96" class="r"/>
+	<circle cx="32" cy="112" class="b"/>
+	<circle cx="208" cy="96" class="r"/>
+	<circle cx="64" cy="272" class="b"/>
+	<circle cx="256" cy="128" class="o" />
+	<circle cx="272" cy="96" class="r"/>
+	<circle cx="240" cy="128" class="o" />
+	<circle cx="256" cy="208" class="r"/>
+	<circle cx="80" cy="80" class="o" />
+	<circle cx="240" cy="112" class="r"/>
+	<circle cx="160" cy="240" class="b"/>
+	<circle cx="256" cy="112" class="r"/>
+	<circle cx="160" cy="176" class="b"/>
+	<circle cx="272" cy="128" class="r"/>
+	<circle cx="224" cy="336" class="b"/>
+	<circle cx="224" cy="128" class="r"/>
+	<circle cx="144" cy="192" class="o" />
+	<circle cx="224" cy="144" class="r"/>
+	<circle cx="256" cy="32" class="b"/>
+	<circle cx="240" cy="144" class="r"/>
+	<circle cx="32" cy="64" class="b"/>
+	<circle cx="256" cy="144" class="r"/>
+	<circle cx="16" cy="176" class="b"/>
+	<circle cx="176" cy="0" class="b"/>
+	<circle cx="160" cy="192" class="r"/>
+	<circle cx="32" cy="240" class="b"/>
+	<circle cx="144" cy="176" class="r"/>
+	<circle cx="16" cy="320" class="b"/>
+	<circle cx="128" cy="192" class="r"/>
+	<circle cx="128" cy="80" class="o" />
+	<circle cx="144" cy="208" class="r"/>
+	<circle cx="32" cy="304" class="b"/>
+	<circle cx="64" cy="0" class="b"/>
+	<circle cx="208" cy="192" class="r"/>
+	<circle cx="192" cy="192" class="b"/>
+	<circle cx="160" cy="208" class="r"/>
+	<circle cx="144" cy="224" class="b"/>
+	<circle cx="80" cy="208" class="r"/>
+	<circle cx="304" cy="64" class="b"/>
+	<circle cx="64" cy="176" class="r"/>
+	<circle cx="272" cy="368" class="b"/>
+	<circle cx="64" cy="240" class="r"/>
+	<circle cx="208" cy="208" class="b"/>
+	<circle cx="32" cy="256" class="r"/>
+	<circle cx="304" cy="80" class="b"/>
+	<circle cx="32" cy="288" class="r"/>
+	<circle cx="256" cy="256" class="b"/>
+	<circle cx="64" cy="304" class="r"/>
+	<circle cx="272" cy="176" class="b"/>
+	<circle cx="80" cy="288" class="r"/>
+	<circle cx="144" cy="304" class="b"/>
+	<circle cx="112" cy="256" class="r"/>
+	<circle cx="32" cy="224" class="b"/>
+	<circle cx="144" cy="288" class="r"/>
+	<circle cx="256" cy="272" class="b"/>
+	<circle cx="208" cy="304" class="r"/>
+	<circle cx="96" cy="0" class="b"/>
+	<circle cx="272" cy="256" class="r"/>
+	<circle cx="192" cy="48" class="b"/>
+	<circle cx="176" cy="144" class="r"/>
+	<circle cx="240" cy="320" class="b"/>
+	<circle cx="176" cy="192" class="r"/>
+	<circle cx="96" cy="128" class="o" />
+	<circle cx="128" cy="128" class="r"/>
+	<circle cx="304" cy="0" class="b"/>
+	<circle cx="96" cy="144" class="r"/>
+	<circle cx="288" cy="368" class="b"/>
+	<circle cx="80" cy="192" class="r"/>
+	<circle cx="224" cy="256" class="b"/>
+	<circle cx="224" cy="208" class="r"/>
+	<circle cx="304" cy="304" class="b"/>
+	<circle cx="128" cy="288" class="r"/>
+	<circle cx="272" cy="240" class="b"/>
+	<circle cx="144" cy="320" class="r"/>
+	<circle cx="272" cy="160" class="b"/>
+	<circle cx="224" cy="80" class="r"/>
+	<circle cx="224" cy="384" class="b"/>
+	<circle cx="144" cy="64" class="r"/>
+	<circle cx="96" cy="160" class="b"/>
+	<circle cx="64" cy="112" class="r"/>
+	<circle cx="128" cy="272" class="b"/>
+	<circle cx="48" cy="128" class="r"/>
+	<circle cx="0" cy="400" class="b"/>
+	<circle cx="64" cy="160" class="r"/>
+	<circle cx="48" cy="208" class="b"/>
+	<circle cx="128" cy="144" class="r"/>
+	<circle cx="288" cy="96" class="b"/>
+	<circle cx="144" cy="112" class="r"/>
+	<circle cx="112" cy="144" class="b"/>
+	<circle cx="208" cy="256" class="r"/>
+	<circle cx="96" cy="224" class="b"/>
+	<circle cx="256" cy="320" class="r"/>
+	<circle cx="192" cy="256" class="b"/>
+	<circle cx="288" cy="336" class="r"/>
+	<circle cx="176" cy="112" class="o" />
+	<circle cx="160" cy="320" class="r"/>
+	<circle cx="112" cy="192" class="b"/>
+	<circle cx="224" cy="288" class="r"/>
+	<circle cx="0" cy="224" class="b"/>
+	<circle cx="112" cy="272" class="r"/>
+	<circle cx="48" cy="400" class="b"/>
+	<circle cx="208" cy="176" class="r"/>
+	<circle cx="16" cy="384" class="b"/>
+	<circle cx="272" cy="320" class="r"/>
+	<circle cx="144" cy="384" class="b"/>
+	<circle cx="288" cy="224" class="r"/>
+	<circle cx="224" cy="240" class="b"/>
+	<circle cx="288" cy="144" class="r"/>
+	<circle cx="128" cy="352" class="b"/>
+	<circle cx="256" cy="96" class="r"/>
+	<circle cx="272" cy="112" class="b"/>
+	<circle cx="176" cy="208" class="r"/>
+	<circle cx="304" cy="288" class="b"/>
+	<circle cx="160" cy="224" class="r"/>
+	<circle cx="288" cy="352" class="b"/>
+	<circle cx="112" cy="64" class="r"/>
+	<circle cx="176" cy="240" class="b"/>
+	<circle cx="96" cy="48" class="r"/>
+	<circle cx="304" cy="112" class="b"/>
+	<circle cx="80" cy="64" class="r"/>
+	<circle cx="208" cy="0" class="b"/>
+	<circle cx="160" cy="64" class="r"/>
+	<circle cx="144" cy="368" class="b"/>
+	<circle cx="208" cy="48" class="r"/>
+	<circle cx="224" cy="192" class="b"/>
+	<circle cx="112" cy="288" class="r"/>
+	<circle cx="288" cy="320" class="b"/>
+	<circle cx="160" cy="352" class="r"/>
+	<circle cx="64" cy="288" class="b"/>
+	<circle cx="208" cy="368" class="r"/>
+	<circle cx="48" cy="0" class="b"/>
+	<circle cx="96" cy="384" class="r"/>
+	<circle cx="176" cy="48" class="b"/>
+	<circle cx="48" cy="352" class="r"/>
+	<circle cx="80" cy="128" class="o" />
+	<circle cx="112" cy="368" class="r"/>
+	<circle cx="176" cy="400" class="b"/>
+	<circle cx="192" cy="176" class="r"/>
+	<circle cx="112" cy="320" class="b"/>
+	<circle cx="176" cy="128" class="r"/>
+	<circle cx="288" cy="192" class="b"/>
+	<circle cx="128" cy="160" class="r"/>
+	<circle cx="208" cy="272" class="b"/>
+	<circle cx="80" cy="144" class="r"/>
+	<circle cx="32" cy="368" class="b"/>
+	<circle cx="64" cy="128" class="r"/>
+	<circle cx="48" cy="320" class="b"/>
+	<circle cx="64" cy="80" class="r"/>
+	<circle cx="304" cy="224" class="b"/>
+	<circle cx="64" cy="96" class="r"/>
+	<circle cx="48" cy="336" class="b"/>
+	<circle cx="96" cy="80" class="r"/>
+	<circle cx="144" cy="240" class="b"/>
+	<circle cx="112" cy="80" class="r"/>
+	<circle cx="96" cy="400" class="b"/>
+	<circle cx="176" cy="80" class="r"/>
+	<circle cx="160" cy="96" class="o" />
+	<circle cx="160" cy="112" class="r"/>
+	<circle cx="0" cy="368" class="b"/>
+	<circle cx="128" cy="64" class="r"/>
+	<circle cx="240" cy="304" class="b"/>
+	<circle cx="160" cy="144" class="b"/>
+	<circle cx="224" cy="224" class="r"/>
+	<circle cx="0" cy="0" class="b"/>
+	<circle cx="144" cy="272" class="r"/>
+	<circle cx="96" cy="288" class="b"/>
+	<circle cx="176" cy="336" class="r"/>
+	<circle cx="0" cy="336" class="b"/>
+	<circle cx="176" cy="304" class="r"/>
+	<circle cx="96" cy="192" class="b"/>
+	<circle cx="208" cy="320" class="r"/>
+	<circle cx="16" cy="0" class="b"/>
+	<circle cx="192" cy="336" class="r"/>
+	<circle cx="112" cy="208" class="b"/>
+	<circle cx="240" cy="352" class="r"/>
+	<circle cx="288" cy="304" class="b"/>
+	<circle cx="176" cy="352" class="r"/>
+	<circle cx="48" cy="32" class="b"/>
+	<circle cx="64" cy="224" class="r"/>
+	<circle cx="192" cy="224" class="b"/>
+	<circle cx="48" cy="160" class="r"/>
+	<circle cx="0" cy="304" class="b"/>
+	<circle cx="32" cy="144" class="r"/>
+	<circle cx="0" cy="192" class="b"/>
+	<circle cx="48" cy="64" class="r"/>
+	<circle cx="240" cy="64" class="b"/>
+	<circle cx="96" cy="32" class="r"/>
+	<circle cx="272" cy="0" class="b"/>
+	<circle cx="144" cy="16" class="r"/>
+	<circle cx="0" cy="320" class="b"/>
+	<circle cx="288" cy="128" class="r"/>
+	<circle cx="80" cy="256" class="b"/>
+	<circle cx="288" cy="160" class="r"/>
+	<circle cx="96" cy="16" class="b"/>
+	<circle cx="208" cy="160" class="r"/>
+	<circle cx="128" cy="224" class="b"/>
+	<circle cx="224" cy="176" class="r"/>
+	<circle cx="224" cy="0" class="b"/>
+	<circle cx="240" cy="192" class="r"/>
+	<circle cx="32" cy="336" class="b"/>
+	<circle cx="272" cy="272" class="r"/>
+	<circle cx="16" cy="160" class="b"/>
+	<circle cx="256" cy="304" class="r"/>
+	<circle cx="48" cy="288" class="b"/>
+	<circle cx="208" cy="352" class="r"/>
+	<circle cx="0" cy="384" class="b"/>
+	<circle cx="128" cy="48" class="r"/>
+	<circle cx="256" cy="336" class="b"/>
+	<circle cx="144" cy="48" class="r"/>
+	<circle cx="128" cy="176" class="b"/>
+	<circle cx="176" cy="32" class="r"/>
+	<circle cx="112" cy="176" class="b"/>
+	<circle cx="208" cy="32" class="r"/>
+	<circle cx="256" cy="48" class="b"/>
+	<circle cx="240" cy="176" class="r"/>
+	<circle cx="272" cy="304" class="b"/>
+	<circle cx="240" cy="240" class="r"/>
+	<circle cx="0" cy="144" class="b"/>
+	<circle cx="80" cy="240" class="r"/>
+	<circle cx="16" cy="80" class="b"/>
+	<circle cx="48" cy="240" class="r"/>
+	<circle cx="304" cy="16" class="b"/>
+	<circle cx="80" cy="368" class="r"/>
+	<circle cx="256" cy="384" class="b"/>
+	<circle cx="128" cy="384" class="r"/>
+	<circle cx="192" cy="32" class="b"/>
+	<circle cx="224" cy="400" class="r"/>
+	<circle cx="208" cy="336" class="b"/>
+	<circle cx="256" cy="400" class="r"/>
+	<circle cx="32" cy="96" class="b"/>
+	<circle cx="272" cy="400" class="r"/>
+	<circle cx="64" cy="64" class="b"/>
+	<circle cx="256" cy="368" class="r"/>
+	<circle cx="144" cy="256" class="b"/>
+	<circle cx="240" cy="368" class="r"/>
+	<circle cx="256" cy="192" class="b"/>
+	<circle cx="80" cy="272" class="r"/>
+	<circle cx="272" cy="288" class="b"/>
+	<circle cx="112" cy="240" class="r"/>
+	<circle cx="144" cy="336" class="b"/>
 	<polyline points="192,80 208,96 192,112 176,96 192,80" />
 	<polyline points="256,112 272,128 256,144 240,144 224,144 208,144 224,128 240,112 256,112" />
 	<polyline points="160,192 144,176 128,192 144,208 160,192" />
diff --git a/DotnetPlayground.Web/wwwroot/images/banner4.svg b/DotnetPlayground.Web/wwwroot/images/banner4.svg
index 925431cf..71b429ae 100644
--- a/DotnetPlayground.Web/wwwroot/images/banner4.svg
+++ b/DotnetPlayground.Web/wwwroot/images/banner4.svg
@@ -1,61 +1,49 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1140 360" enable-background="new 0 0 1140 360">
-  <defs>
-    <g id="elements">
-      <polygon fill="#E44D26"
-             points="625.457,132.801 619.654,67.717 683.416,67.717 677.607,132.791 651.496,140.03"/>
-      <polygon fill="#F16529"
-               points="651.535,134.497 672.634,128.648 677.598,73.039 651.535,73.039"/>
-      <polygon fill="#EBEBEB"
-               points="651.535,97.178 640.973,97.178 640.243,89.004 651.535,89.004 651.535,81.021 651.508,81.021 631.519,81.021 631.71,83.163 633.672,105.16 651.535,105.16"/>
-      <polygon fill="#EBEBEB"
-               points="651.535,117.909 651.5,117.918 642.61,115.517 642.042,109.151 637.722,109.151 634.029,109.151 635.147,121.685 651.499,126.224 651.535,126.214"/>
-      <path d="M625.587 50.03h4.057v4.008h3.711v-4.008h4.057v12.137h-4.057v-4.064h-3.711v4.064h-4.057v-12.137zm17.158 4.025h-3.571v-4.025h11.201v4.025h-3.573v8.112h-4.057v-8.112zm9.407-4.025h4.23l2.602 4.264 2.599-4.264h4.231v12.137h-4.04v-6.016l-2.791 4.315h-.07l-2.793-4.315v6.016h-3.969v-12.137zm15.682 0h4.058v8.125h5.705v4.012h-9.762v-12.137z"/>
-      <polygon fill="#fff"
-               points="651.508,97.178 651.508,105.16 661.337,105.16 660.41,115.512 651.508,117.915 651.508,126.22 667.872,121.685 667.992,120.336 669.868,99.321 670.062,97.178 667.911,97.178"/>
-      <polygon fill="#fff"
-               points="651.508,81.021 651.508,85.979 651.508,88.984 651.508,89.004 670.763,89.004 670.763,89.004 670.789,89.004 670.949,87.209 671.313,83.163 671.503,81.021"/>
-      <polygon points="777.75,55.803 777.75,51.656 767.862,51.656 767.862,63.777 777.75,63.777 777.75,59.631 772.008,59.631 772.008,55.803"/>
-      <polygon points="791.785,51.656 781.896,51.656 781.896,55.913 786.023,59.631 781.896,59.631 781.896,63.777 791.785,63.777 791.785,59.74 788.034,55.803 791.785,55.803"/>
-      <polygon points="806.138,51.656 796.25,51.656 796.25,55.913 800.217,59.631 796.25,59.631 796.25,63.777 806.138,63.777 806.138,59.74 802.228,55.803 806.138,55.803"/>
-      <polygon fill="#0071BC"
-               points="760.908,134.424 755.103,69.309 818.897,69.309 813.085,134.413 786.961,141.656"/>
-      <polygon fill="#29ABE2"
-               points="787.054,136.117 808.137,130.316 813.077,74.732 787.054,74.732"/>
-      <polygon fill="#B3B3B3"
-               points="768.392,98.655 769.091,106.629 787.054,98.655 787.054,90.668"/>
-      <polygon fill="#E6E6E6"
-               points="806.948,82.142 787.054,90.668 787.054,98.655 806.262,90.116"/>
-      <polygon fill="#E6E6E6"
-               points="787.054,119.519 786.992,119.529 778.084,117.136 777.502,110.776 769.485,110.776 770.603,123.307 786.99,127.844 787.054,127.829"/>
-      <polygon fill="#fff"
-               points="787.054,98.655 787.054,106.629 796.807,106.629 795.92,117.055 787.054,119.526 787.054,127.835 803.386,123.298 805.536,98.655"/>
-      <polygon fill="#E6E6E6"
-               points="787.054,98.655 768.392,98.655 769.091,106.629 787.054,106.629"/>
-      <polygon fill="#E6E6E6"
-               points="787.054,90.116 787.054,82.142 786.973,82.142 766.974,82.142 767.682,90.116"/>
-      <polygon fill="#fff"
-               points="787.054,82.142 787.054,90.016 787.054,90.116 806.262,90.116 806.948,82.142"/>
-      <!--JS-->
-      <rect x="882.25" y="64.25"
-            fill="#F0DB4F"
-            width="70" height="70"/>
-      <path fill="#353630"
-            d="M929.272 118.938c1.41 2.302 3.244 3.994 6.489 3.994 2.726 0 4.467-1.362 4.467-3.244 0-2.256-1.789-3.054-4.789-4.367l-1.644-.706c-4.747-2.022-7.9-4.556-7.9-9.911 0-4.933 3.759-8.689 9.633-8.689 4.182 0 7.189 1.456 9.356 5.267l-5.122 3.289c-1.128-2.022-2.344-2.819-4.233-2.819-1.927 0-3.148 1.222-3.148 2.819 0 1.973 1.222 2.772 4.044 3.994l1.644.704c5.589 2.397 8.744 4.84 8.744 10.333 0 5.922-4.652 9.167-10.9 9.167-6.109 0-10.056-2.911-11.987-6.727l5.346-3.104zm-23.236.57c1.033 1.833 1.973 3.383 4.233 3.383 2.161 0 3.524-.846 3.524-4.133v-22.367h6.578v22.456c0 6.811-3.993 9.911-9.822 9.911-5.267 0-8.317-2.726-9.868-6.008l5.355-3.242z"/>
-      <!--github icon-->
-      <path fill="#fff"
-        transform="translate(400 50) scale(6)"
-        d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
-		/>
-      <!--vert line-->
-      <rect x="548.5" y="61"
-            width="1" height="74"
-            fill="#fff" />
-    </g>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1140 360" enable-background="new 0 0 1140 360">
+	<rect fill="#1D4380" width="100%" height="100%"/>
 
-  <path fill="#1D4380" d="M0 0h1140v360h-1140v-360z"/>
-  
-  <use xlink:href="#elements"
-			 transform="translate(-100 0)" />
-
-</svg>
+	<g transform="translate(-100 0)">
+		<polygon fill="#E44D26"
+						points="625.457,132.801 619.654,67.717 683.416,67.717 677.607,132.791 651.496,140.03"/>
+		<polygon fill="#F16529"
+							points="651.535,134.497 672.634,128.648 677.598,73.039 651.535,73.039"/>
+		<polygon fill="#EBEBEB"
+							points="651.535,97.178 640.973,97.178 640.243,89.004 651.535,89.004 651.535,81.021 651.508,81.021 631.519,81.021 631.71,83.163 633.672,105.16 651.535,105.16"/>
+		<polygon fill="#EBEBEB"
+							points="651.535,117.909 651.5,117.918 642.61,115.517 642.042,109.151 637.722,109.151 634.029,109.151 635.147,121.685 651.499,126.224 651.535,126.214"/>
+		<path d="M625.587 50.03h4.057v4.008h3.711v-4.008h4.057v12.137h-4.057v-4.064h-3.711v4.064h-4.057v-12.137zm17.158 4.025h-3.571v-4.025h11.201v4.025h-3.573v8.112h-4.057v-8.112zm9.407-4.025h4.23l2.602 4.264 2.599-4.264h4.231v12.137h-4.04v-6.016l-2.791 4.315h-.07l-2.793-4.315v6.016h-3.969v-12.137zm15.682 0h4.058v8.125h5.705v4.012h-9.762v-12.137z"/>
+		<polygon fill="#fff"
+							points="651.508,97.178 651.508,105.16 661.337,105.16 660.41,115.512 651.508,117.915 651.508,126.22 667.872,121.685 667.992,120.336 669.868,99.321 670.062,97.178 667.911,97.178"/>
+		<polygon fill="#fff"
+							points="651.508,81.021 651.508,85.979 651.508,88.984 651.508,89.004 670.763,89.004 670.763,89.004 670.789,89.004 670.949,87.209 671.313,83.163 671.503,81.021"/>
+		<polygon points="777.75,55.803 777.75,51.656 767.862,51.656 767.862,63.777 777.75,63.777 777.75,59.631 772.008,59.631 772.008,55.803"/>
+		<polygon points="791.785,51.656 781.896,51.656 781.896,55.913 786.023,59.631 781.896,59.631 781.896,63.777 791.785,63.777 791.785,59.74 788.034,55.803 791.785,55.803"/>
+		<polygon points="806.138,51.656 796.25,51.656 796.25,55.913 800.217,59.631 796.25,59.631 796.25,63.777 806.138,63.777 806.138,59.74 802.228,55.803 806.138,55.803"/>
+		<polygon fill="#0071BC"
+							points="760.908,134.424 755.103,69.309 818.897,69.309 813.085,134.413 786.961,141.656"/>
+		<polygon fill="#29ABE2"
+							points="787.054,136.117 808.137,130.316 813.077,74.732 787.054,74.732"/>
+		<polygon fill="#B3B3B3"
+							points="768.392,98.655 769.091,106.629 787.054,98.655 787.054,90.668"/>
+		<polygon fill="#E6E6E6"
+							points="806.948,82.142 787.054,90.668 787.054,98.655 806.262,90.116"/>
+		<polygon fill="#E6E6E6"
+							points="787.054,119.519 786.992,119.529 778.084,117.136 777.502,110.776 769.485,110.776 770.603,123.307 786.99,127.844 787.054,127.829"/>
+		<polygon fill="#fff"
+							points="787.054,98.655 787.054,106.629 796.807,106.629 795.92,117.055 787.054,119.526 787.054,127.835 803.386,123.298 805.536,98.655"/>
+		<polygon fill="#E6E6E6"
+							points="787.054,98.655 768.392,98.655 769.091,106.629 787.054,106.629"/>
+		<polygon fill="#E6E6E6"
+							points="787.054,90.116 787.054,82.142 786.973,82.142 766.974,82.142 767.682,90.116"/>
+		<polygon fill="#fff"
+							points="787.054,82.142 787.054,90.016 787.054,90.116 806.262,90.116 806.948,82.142"/>
+	</g>
+	<!--JS-->
+	<rect x="782.25" y="64.25" fill="#F0DB4F" width="70" height="70"/>
+	<text x="798" y="127" fill="#353630" stroke="#353630" font-family='Futura, "Trebuchet MS", Arial, sans-serif' font-size="2.9em" font-weight="bold">JS</text>
+	<!--github icon-->
+	<path fill="#fff"
+		transform="translate(300 50) scale(6)"
+		d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+	<!--vert line-->
+	<rect x="448.5" y="61" width="1" height="74" fill="#fff" />
+</svg>
\ No newline at end of file