From a2e0a5fd88e718976c279ef86faf0473240519f8 Mon Sep 17 00:00:00 2001
From: Emi Simpson <emi@alchemi.dev>
Date: Sat, 5 Feb 2022 22:09:11 -0500
Subject: [PATCH] Add a NoJS message

---
 site/index.html  | 27 +++++++++++++++++++++++++--
 site/styles.scss |  6 ++----
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/site/index.html b/site/index.html
index e182411..254251e 100644
--- a/site/index.html
+++ b/site/index.html
@@ -66,7 +66,30 @@
 			</div>
 		</label>
 	</section>
-	<div id="elm-area"> </div>
-	<script>var app = Elm.Main.init({node: document.getElementById("elm-area")});</script>
+	<div id="elm-unpossessed">
+		<p>
+			It looks like you have JavaScript disabled!  Unfortunately, by it's nature, an
+			interactive license chooser like this needs JavaScript to function.  However,
+			we can still direct you to of the licenses we feature, so you can check them
+			out on your own terms, even without JavaScript.
+		</p>
+		<ul>
+			<li>
+				<a href="https://firstdonoharm.dev/">The Hippocratic License</a>
+			</li>
+			<li>
+				<a href="https://thufie.lain.haus/NPL.html">The Nonviolent Public License</a>
+			</li>
+		</ul>
+		<p>
+			However, if you do choose to re-enable JS, all of our JS is open source, and
+			visible on our
+			<a href="https://fem.mint.lgbt/Emi/ELOS-License-Builder">Gitea</a>.
+			Additionally, we don't load any third party assets, or use any tracking
+			software of any kind.  We don't store any of your data, and in fact, don't
+			store any data at all, besides our own source code.
+		</p>
+	</div>
+	<script>var app = Elm.Main.init({node: document.getElementById("elm-unpossessed")});</script>
 </body>
 </html>
diff --git a/site/styles.scss b/site/styles.scss
index f4ffea9..328156d 100644
--- a/site/styles.scss
+++ b/site/styles.scss
@@ -49,14 +49,12 @@ header {
 	}
 }
 
-#intro {
+#intro, #elm-unpossessed {
 	& > * {
 		margin-left: auto;
 		margin-right: auto;
-	}
-
-	p {
 		max-width: 700px;
+		list-style-type: circle;
 	}
 
 	.emphasis-paragraph {