move svg styling to css

Author: autumn-mck

index.html

@@ -102,23 +102,14 @@ <h3 class="widget-text">A heading widget...</h3>
 			<a href="https://github.com/autumn-mck/dptoolkit-web">GitHub</a> &nbsp;∗&nbsp; Report issues
 			<a href="https://github.com/autumn-mck/dptoolkit-web/issues">here</a> &nbsp;∗&nbsp; Join the
 			<a href="https://everloste.github.io/discord">Discord server</a> for other things &nbsp;∗&nbsp;
-			<!-- <svg style="vertical-align: bottom; margin-bottom: 0.1em; height: 1.1em;" xmlns="http://www.w3.org/2000/svg"
-				viewBox="0 0 36 36" xml:space="preserve">
-				<path fill="#880082" d="M0 27a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4v-.5H0v.5z" />
-				<path fill="#3558A0" d="M0 22.07h36v4.6H0z" />
-				<path fill="#138F3E" d="M0 17.83h36v4.5H0z" />
-				<path fill="#FAD220" d="M0 13.5h36V18H0z" />
-				<path fill="#FF7300" d="M0 9.17h36v4.5H0z" />
-				<path fill="#FF000E" d="M32 5H4a4 4 0 0 0-4 4v.33h36V9a4 4 0 0 0-4-4z" />
-			</svg> -->
-			<svg style="vertical-align: bottom; margin-bottom: 0.05em; height: 1.1em;" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+			<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
 				<path fill="#5BCEFA" d="M0 27c0 2.209 1.791 4 4 4h28c2.209 0 4-1.791 4-4v-1.3H0V27z" id="path1" style="fill:#a30262;fill-opacity:1" />
 				<path fill="#F5A9B8" d="M.026 20.5L0 25.8h36v-5.3z" id="path2" style="fill:#d362a4;fill-opacity:1" />
 				<path fill="#EEE" d="M0 15.3h36v5.3H0z" id="path3" />
 				<path fill="#F5A9B8" d="M0 9.902h36V15.4H0z" id="path4" style="fill:#ff9b57;fill-opacity:1" />
 				<path fill="#5BCEFA" d="M36 9c0-2.209-1.791-4-4-4H4C1.791 5 0 6.791 0 9v1.2h36V9z" id="path5" style="fill:#d52d00;fill-opacity:1" />
 			</svg>
-			<svg style="vertical-align: bottom; margin-bottom: 0.05em; height: 1.1em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
 				<path fill="#5BCEFA" d="M0 27c0 2.209 1.791 4 4 4h28c2.209 0 4-1.791 4-4v-1.3H0V27z" />
 				<path fill="#F5A9B8" d="M.026 20.5L0 25.8h36v-5.3z" />
 				<path fill="#EEE" d="M0 15.3h36v5.3H0z" />

style.css

@@ -205,5 +205,13 @@ button:hover {
 }
 button:active {
 	background-color: var(--background-below);
-	color:#cba6f7;
-}
+	color: #cba6f7;
+}
+
+footer {
+	svg {
+		vertical-align: bottom;
+		margin-bottom: 0.05em;
+		height: 1.1em;
+	}
+}