From fa95942290dd3c0763b135adaf07db926e21e926 Mon Sep 17 00:00:00 2001
From: swyx <shawnthe1@gmail.com>
Date: Tue, 2 Jun 2020 21:25:41 +0800
Subject: [PATCH] add BLM footer

---
 site/src/routes/_layout.svelte | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/site/src/routes/_layout.svelte b/site/src/routes/_layout.svelte
index 55f4861880..c76b09ac80 100644
--- a/site/src/routes/_layout.svelte
+++ b/site/src/routes/_layout.svelte
@@ -54,6 +54,14 @@
 			<Icon name="github"/>
 		</NavItem>
 	</Nav>
+	<div class="BLM">Black Lives Matter. 
+		<a
+			target="_blank"
+			rel="noopener noreferrer"
+			href="https://support.eji.org/give/153413/#!/donation/checkout">
+			Support&nbsp;the&nbsp;Equal&nbsp;Justice&nbsp;Initiative.
+		</a>
+	</div>
 {/if}
 
 <main>
@@ -61,11 +69,25 @@
 </main>
 
 <style>
+	.BLM {
+		background-color: black;
+		color: white;
+    position: fixed;
+    bottom: 0;
+    width: 100vw;
+    text-align: center;
+    padding: 1em;
+    z-index: 999;
+	}
+	:global(header){
+		filter: grayscale(100%) /* BLM */
+	}
 	main {
 		position: relative;
 		margin: 0 auto;
 		/* padding: var(--nav-h) var(--side-nav) 0 var(--side-nav); */
 		padding: var(--nav-h) 0 0 0;
 		overflow-x: hidden;
+		filter: grayscale(100%) /* BLM */
 	}
 </style>