From 2288afbba32f4e3330a1d744a522c9b9699d829f Mon Sep 17 00:00:00 2001
From: Thomas Mathews <thomas.c.mathews@gmail.com>
Date: Thu, 22 Dec 2022 14:00:59 -0800
Subject: [PATCH] Updates

- Updated FAQs copy.
- Close nav on view switch
---
 index.html     | 31 ++++++++++++++++++++++++++-----
 js/ui/state.js |  1 +
 js/ui/util.js  |  4 ++++
 3 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 7af2f99..fae5396 100644
--- a/index.html
+++ b/index.html
@@ -41,7 +41,7 @@
 						Yo, Sup? 
 						<img class="icon svg" src="icon/logo-inverted.svg"/>
 					</h1>
-					<p>The blue bird experience for Nostr.</p>
+					<p>Damus Web, the blue bird experience for Nostr.</p>
 					<button class="action" onclick="signin()">
 						Sign In with Key
 						<img src="./icon/key.svg" class="icon svg small invert"/>
@@ -226,7 +226,7 @@
 			<h2>Apps</h2>
 			<p>
 			You are using one right now! You just haven't signed in yet to see
-			the actual application. Scroll to the top to do that.
+			the actual application. Close this modal to sign in with your key. 
 			</p>
 			<p>
 			A rich app ecosystem for Nostr. Anyone can build an app for the
@@ -247,11 +247,28 @@
 			that fits you.
 			</p>
 			<ul>
-				<li>Yo, Sup (this web app)</li>
-				<li><a href="https://damus.io" target="_blank">Damus</a></li>
-				<li><a href="https://github.com/fiatjaf/noscl" target="_blank">noscl</a></li>
+				<li><a href="https://damus.io" target="_blank">Damus</a> (iOS)</li>
+				<li><a href="https://github.com/fiatjaf/noscl" target="_blank">noscl</a> (Linux, Windows, MacOS)</li>
 			</ul>
 
+			<h3>Web Apps Warning</h3>
+			<p>
+			While the web is great for accessibility and is cross platform, it
+			is riddled with security implications you should be aware of. The
+			browser is susceptible to cross-site scripting (<a
+			href="https://en.wikipedia.org/wiki/Cross-site_scripting" 
+			target="_blank">XSS</a>) attacks and extension malware. Therefore 
+			you should be sure any web app you use is audited and trusted.
+			Additionally be aware of what apps you are using.
+			</p>
+			<p>
+			Secondly it is recommended you use a browser extension to handle
+			your Nostr key(s). This will delegate the signing process to an
+			extension that a XSS attack can't access. This is where native apps
+			have a stronger use case, but you should equally trust those as
+			well.
+			</p>
+
 			<h2>Relays</h2>
 			<p>
 			Relays are points of connection, a server. They allow you to read 
@@ -266,6 +283,10 @@
 			dictates who can access what and how. This is great for all kinds
 			of use cases for a range of users from individuals to businesses.
 			</p>
+
+			<h2>Account Creation</h2>
+			<p>You need to use a CLI tool. TODO fill this out.</p>
+
 			</div>
 		</div>
 	</body>
diff --git a/js/ui/state.js b/js/ui/state.js
index 8190986..783ab84 100644
--- a/js/ui/state.js
+++ b/js/ui/state.js
@@ -315,5 +315,6 @@ function get_thread_root_id(damus, id) {
 function switch_view(mode, opts) {
 	log_warn("switch_view deprecated, use view_timeline_apply_mode");
 	view_timeline_apply_mode(DAMUS, mode, opts);
+	close_gnav();
 }
 
diff --git a/js/ui/util.js b/js/ui/util.js
index b494b1f..4f519b3 100644
--- a/js/ui/util.js
+++ b/js/ui/util.js
@@ -20,6 +20,10 @@ function toggle_gnav(el) {
 	el.parentElement.classList.toggle("open");
 }
 
+function close_gnav() {
+	find_node("#gnav").classList.remove("open");
+}
+
 /* post_input_changed checks the content of the textarea and updates the size
  * of it's element. Additionally I will toggle the enabled state of the sending
  * button.