diff --git a/site/root/badges/transbian.png b/site/root/badges/transbian.png
new file mode 100644
index 0000000..5552c04
Binary files /dev/null and b/site/root/badges/transbian.png differ
diff --git a/site/sass/index.scss b/site/sass/index.scss
index 87e8d3d..2427ba2 100644
--- a/site/sass/index.scss
+++ b/site/sass/index.scss
@@ -6,6 +6,8 @@ body {
   background-color: var(--bg-color);
   color: var(--text-color);
   height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 header.main-header {
@@ -45,6 +47,14 @@ a {
   }
 }
 
+hr {
+  width: 100%;
+}
+
+footer#footer {
+  margin: 8px;
+}
+
 abbr {
   cursor: help;
 }
@@ -195,6 +205,10 @@ abbr {
   float: right;
 }
 
+.flex-spacer {
+  flex-grow: 1;
+}
+
 #pet-counter {
   position: fixed;
   bottom: 4px;
diff --git a/site/templates/base.hbs b/site/templates/base.hbs
index 8ffd82b..63997ba 100644
--- a/site/templates/base.hbs
+++ b/site/templates/base.hbs
@@ -36,6 +36,19 @@
 		</main>
 	</div>
 
+	<div class="flex-spacer"></div>
+	<hr />
+	<footer id="footer">
+		bark bark awruff :3
+
+		<div class="badges">
+			{{#*inline "badge"}}
+			<a href="{{url}}"><img src="/badges/{{badge}}" alt="{{alt}}"></a>
+			{{/inline}}
+			{{> badge badge="transbian.png" url="https://badge.les.bi" alt="transgender and lesbian flags"}}
+		</div>
+	</footer>
+
 	<div id="pet-counter">
 		<noscript>enable js to pet me :3</noscript>
 		<div class="internal">