add "emojis"

Author: everloste

index.html

@@ -98,10 +98,11 @@ <h3 class="widget-text">A heading widget...</h3>
 	</body>
 	<footer>
 		<p>
-			Developed by Autumn and Bee ∗ Read the
-			<a href="https://github.com/autumn-mck/dptoolkit-web">source code</a> ∗ Report issues
-			<a href="https://github.com/autumn-mck/dptoolkit-web/issues">here</a> ∗ Join the
-			<a href="https://everloste.github.io/discord">Discord server</a> for other things
-		</p>
+			Developed and maintained with <svg alt="love" style="vertical-align: bottom; margin-bottom: 0.1em; height: 1.1em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#AA8ED6" d="M35.885 11.833c0-5.45-4.418-9.868-9.867-9.868-3.308 0-6.227 1.633-8.018 4.129-1.791-2.496-4.71-4.129-8.017-4.129-5.45 0-9.868 4.417-9.868 9.868 0 .772.098 1.52.266 2.241C1.751 22.587 11.216 31.568 18 34.034c6.783-2.466 16.249-11.447 17.617-19.959.17-.721.268-1.469.268-2.242z"/></svg> by Autumn and Bee &nbsp;∗&nbsp; Read the source code on
+			<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.1em; height: 1.1em;" 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"/><path fill="#F5A9B8" d="M0 9.902h36V15.4H0z"/><path fill="#5BCEFA" d="M36 9c0-2.209-1.791-4-4-4H4C1.791 5 0 6.791 0 9v1.2h36V9z"/></svg>		</p>
 	</footer>
 </html>

style.css

@@ -189,12 +189,21 @@ a:visited {
 }
 
 button {
-	border: 2px;
+	border: var(--border-width);
+	border-bottom: 6px;
 	border-color: var(--background-below);
 	border-style: solid;
 	background-color: var(--background-above);
 	font: inherit;
 	color: inherit;
 	padding-bottom: 0.5em;
 	padding-top: 0.5em;
+}
+button:hover {
+	background-color: var(--background);
+	cursor: pointer;
+}
+button:active {
+	background-color: var(--background-below);
+	color:#cba6f7;
 }