Welcome updates.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4537 ed5197a5-7fde-0310-b194-c3ffbd925b24

apps/welcome.json

@@ -1,4 +1,5 @@
 {
   "type": "tildefriends-app",
-  "emoji": "📦"
+  "emoji": "👋",
+  "previous": ""
 }

apps/welcome/index.html

@@ -21,11 +21,11 @@
 		<!-- The App Section -->
 		<div class="w3-padding-64 w3-white">
 			<div class="w3-row-padding">
-				<div class="w3-col l8 m6">
+				<div class="w3-col l8 m6 w3-padding-32">
 					<h1 class="w3-jumbo">
 						<b>😎 Tilde Friends</b>
 					</h1>
-					<h1 class="w3-xxlarge w3-text-green"><b>Make apps with friends from the comfort of your web browser.</b></h1>
+					<h1 class="w3-xxlarge w3-text-green"><b>Make apps and friends from the comfort of your web browser.</b></h1>
 					<p>Tilde Friends is a platform for building, running, and sharing web applications.</p>
 					<p>Available for lots of devices:
 						<i class="fa-brands fa-linux w3-xlarge"></i>
@@ -35,7 +35,7 @@
 						<i class="fa-brands fa-windows w3-xlarge"></i>
 					</p>
 					<a class="w3-button w3-black w3-padding-large" href="https://www.tildefriends.net/~cory/releases/"><i class="fa fa-download"></i> Download</a>
-					<a class="w3-button w3-black w3-padding-large" href="https://www.tildefriends.net/"><i class="fa fa-link"></i> Try It</a>
+					<a class="w3-button w3-black w3-padding-large" href="https://www.tildefriends.net/~cory/apps/"><i class="fa fa-link"></i> Try Some Apps</a>
 				</div>
 				<div class="w3-col l4 m6">
 					<img src="tildefriends.png" class="w3-image w3-right w3-hide-small">
@@ -44,8 +44,8 @@
 		</div>
 
 		<!-- SSB Section -->
-			<div class="w3-padding-64 w3-light-grey">
+		<div class="w3-light-grey">
-				<div class="w3-row-padding">
+			<div class="w3-row-padding w3-padding-64">
 				<div class="w3-col l4 m6">
 					<a href="https://scuttlebutt.nz/"><img class="w3-image w3-round-large w3-hide-small" src="ssb.png" alt="Secure Scuttlebutt"></a>
 				</div>
@@ -55,9 +55,43 @@
 						Tilde Friends participates in the <a href="https://scuttlebutt.nz/">Secure Scuttlebutt</a> distributed social network.
 					</p>
 					<p>
-							Whether you use it for communicating with auto-discovered peers on the same network as you
+						Share apps with friends.  Discover new apps made by enemies.  Post pictures of your coffee.  Or just lurk.
-							or with distant distant with whom you've manually established a secure link, it is at your service
+					</p>
-							for sharing and discovering apps.
+					<p>
+						The social network integration provides tools for connecting with other people world-wide
+						while still allowing apps and everything to operate offline.
+					</p>
+				</div>
+			</div>
+		</div>
+
+		<!-- Editor Section -->
+		<div class="w3-container w3-padding-64 w3-white">
+			<div class="w3-row-padding">
+				<div class="w3-col l8 m6">
+					<h1 class="w3-jumbo"><b>Edit Anything</b></h1>
+					<p>
+						See that <code><b>edit</b></code> link near the top left corner of this page?  It's there for
+						every Tilde Friends app, so you can modify and observe your changes, live.  Kind of like a wiki,
+						but for code.  I think it's pretty neat.
+					</p>
+				</div>
+			</div>
+		</div>
+
+		<!-- Sandbox Section -->
+		<div class="w3-padding-64">
+			<div class="w3-row-padding">
+				<div class="w3-col">
+					<h1 class="w3-jumbo"><b>Sandbox Isolation</b></h1>
+					<i class="fa fa-road-barrier w3-left w3-jumbo" style="padding: 32px"></i>
+					<p>
+						Tilde Friends tries to make sure apps can be trusted using similar techniques to how web
+						browsers and operating systems do it.
+					</p>
+					<p>
+						This is all a work in progress, so don't give it all your innermost secrets yet, but do
+						kick its tires and <a href="mailto:cory@tildefriends.net">share</a> any surprises you find.
 					</p>
 				</div>
 			</div>
@@ -67,68 +101,69 @@
 		<div class="w3-container w3-padding-64 w3-dark-grey w3-center">
 			<h1 class="w3-jumbo"><b>Technology</b></h1>
 			<p>Tilde Friends is built using boring, trusted tech.</p>
+			<p>Though of course you are free to use whatever web technologies you can fit into a Tilde Friends app.</p>
 
 			<div class="w3-row" style="margin-top:64px">
-				<div class="w3-col s3">
+				<a href="https://en.wikipedia.org/wiki/C_(programming_language)" class="w3-col s3">
 					<i class="fa fa-c w3-text-blue w3-jumbo"></i>
 					<p>C</p>
-				</div>
+				</a>
-				<div class="w3-col s3">
+				<a href="https://bellard.org/quickjs/" class="w3-col s3">
 					<i class="fa-brands fa-js w3-text-orange w3-jumbo"></i>
 					<p>QuickJS</p>
-				</div>
+				</a>
-				<div class="w3-col s3">
+				<a href="https://www.sqlite.org/" class="w3-col s3">
 					<i class="fa fa-database w3-text-red w3-jumbo"></i>
 					<p>SQLite</p>
-				</div>
+				</a>
-				<div class="w3-col s3">
+				<a href="https://libuv.org/" class="w3-col s3">
 					<i class="fa fa-bolt w3-text-yellow w3-jumbo"></i>
 					<p>libuv</p>
-				</div>
+				</a>
 			</div>
 
 			<div class="w3-row" style="margin-top:64px">
-				<div class="w3-col s3">
+				<a href="https://www.zlib.net/" class="w3-col s3">
 					<i class="fa fa-file-zipper w3-text-cyan w3-jumbo"></i>
 					<p>zlib</p>
-				</div>
+				</a>
-				<div class="w3-col s3">
+				<a href="https://doc.libsodium.org/" class="w3-col s3">
 					<i class="fa fa-lock w3-text-purple w3-jumbo"></i>
 					<p>libsodium</p>
-				</div>
+				</a>
-				<div class="w3-col s3">
+				<a href="https://www.openssl.org/" class="w3-col s3">
 					<i class="fa fa-shield-halved w3-text-green w3-jumbo"></i>
 					<p>OpenSSL	</p>
-				</div>
+				</a>
-				<div class="w3-col s3">
+				<a href="https://github.com/ianlancetaylor/libbacktrace" class="w3-col s3">
 					<i class="fa fa-burst w3-text-pink w3-jumbo"></i>
 					<p>libbacktrace</p>
-				</div>
+				</a>
 			</div>
 
 			<div class="w3-row" style="margin-top:64px">
-				<div class="w3-col s3">
+				<a href="https://codemirror.net/5/" class="w3-col s3">
 					<i class="fa fa-keyboard w3-text-indigo w3-jumbo"></i>
 					<p>CodeMirror</p>
-				</div>
+				</a>
-				<div class="w3-col s3">
+				<a href="https://speedscope.app/" class="w3-col s3">
 					<i class="fa fa-microscope w3-text-orange w3-jumbo"></i>
 					<p>Speedscope</p>
-				</div>
+				</a>
-				<div class="w3-col s3">
+				<a href="https://lit.dev/" class="w3-col s3">
 					<i class="fa fa-fire w3-text-cyan w3-jumbo"></i>
 					<p>Lit</p>
-				</div>
+				</a>
-				<div class="w3-col s3">
+				<a href="https://www.gnu.org/software/make/" class="w3-col s3">
 					<i class="fa fa-hammer w3-text-teal w3-jumbo"></i>
 					<p>GNU Make</p>
-				</div>
+				</a>
 			</div>
 		</div>
 
 		<!-- Footer -->
 		<footer class="w3-container w3-padding-32 w3-light-grey w3-center w3-xlarge">
-		<p class="w3-medium">Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank" class="w3-hover-text-green">w3.css</a></p>
+			<p class="w3-medium">This page and Tilde Friends itself was made by Cory mostly in coffee shops and a local pizza place.</p>
 		</footer>
 	</body>
 </html>