zaphyra's git: website

add some flags OwO

diff --git a/assets/style.css b/assets/style.css
@@ -126,6 +126,33 @@ main ul {
 	}
 }
 
+div.flags {
+	text-align: center;
+	margin: 15px;
+}
+
+div.flag {
+	margin: 0 1em;
+    display: inline-block;
+    width: 100px;
+    height: 10px;
+}
+
+div.flag div {
+    display: inline-block;
+    height: 100%;
+}
+
+div.flag div:first-child {
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+}
+
+div.flag div:last-child {
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+}
+
 footer {
 	margin-top: 0;
 	text-align: center;

diff --git a/template.html b/template.html
@@ -22,5 +22,11 @@
 			$body$
 		</main>
 		<footer><a href="/imprint.html">Imprint</a></footer>
+		<div class="flags">
+			<div class="flag"><div style="background:#5a5a5a; width:14.28%;"></div><div style="background:#f17e7e; width:14.28%;"></div><div style="background:#f8e17f; width:14.28%;"></div><div style="background:#f2f2f2; width:14.28%;"></div><div style="background:#a1d0ff; width:14.28%;"></div><div style="background:#65b567; width:14.28%;"></div><div style="background:#5a5a5a; width:14.28%;"></div></div>
+			<div class="flag"><div style="background:#5bcffa; width:20%;"></div><div style="background:#f5abb9; width:20%;"></div><div style="background:#f2f2f2; width:20%;"></div><div style="background:#f5abb9; width:20%;"></div><div style="background:#5bcffa; width:20%;"></div></div>
+			<div class="flag"><div style="background:#197e51; width:20%;"></div><div style="background:#3da645; width:20%;"></div><div style="background:#f2f2f2; width:20%;"></div><div style="background:#6d0070; width:20%;"></div><div style="background:#470348; width:20%;"></div></div>
+			<div class="flag"><div style="background:#ba70f8; width:25%;"></div><div style="background:#f8708c; width:25%;"></div><div style="background:#f7db64; width:25%;"></div><div style="background:#77b961; width:25%;"></div></div>
+		</div>
 	</body>
 </html>