feat: update intro, features and footer

index.html

@@ -55,7 +55,7 @@
 			<!-- Logo -->
 			<div id="logo">
 				<h1>Moonlight</h1>
-				<p>Open source NVIDIA GameStream client</p>
+				<p>Open source game streaming client</p>
 			</div>
 			<!-- Nav -->
 			<nav id="nav">
@@ -163,12 +163,10 @@
 	<div id="intro-wrapper" class="wrapper style1">
 		<div class="title">What is Moonlight?</div>
 		<section id="intro" class="container">
-			<p class="style2">
+			<p class="style2">Moonlight allows you to play your PC games on almost any device, whether you're in another room or miles away from your gaming rig.</p>
-				Moonlight allows you to play your PC games on almost any device, whether you're in another room or miles away from your gaming rig.
-			</p>
 			<p class="style3"><strong>Moonlight</strong> (formerly Limelight) is an open source implementation of NVIDIA's GameStream protocol. We implemented the protocol used by the NVIDIA Shield and wrote a set of 3rd party clients.</p>
 			<br />
-			<p class="style3">You can stream your collection of PC games from your <a href="https://www.nvidia.com/en-us/shield/games/gamestream/">GameStream-compatible PC</a> to any supported device and play them remotely. Moonlight is perfect for gaming on the go without sacrificing the graphics and game selection available on PC.</p>
+			<p class="style3">You can stream your collection of PC games from your gaming PC to any supported device and play them remotely. Moonlight is perfect for gaming on the go without sacrificing the graphics and game selection available on PC.</p>
 		</section>
 	</div>
 	<!-- Moonlight features tab -->
@@ -199,7 +197,7 @@
 						<div class="6u">
 							<section>
 								<h3 class="fas fa-bolt">Support for 120 FPS streaming</h3>
-								<p>Stream at up to 120 FPS using the new <strong>Moonlight PC client</strong> with the option to disable V-Sync for the lowest possible latency.</p>
+								<p>Stream at up to 120 FPS using the <strong>Moonlight PC client</strong> with the option to disable V-Sync for the lowest possible latency.</p>
 							</section>
 						</div>
 					</div>
@@ -207,7 +205,7 @@
 						<div class="6u">
 							<section>
 								<h3 class="fas fa-globe">Run your own cloud gaming server</h3>
-								<p>You can host your own gaming server on many residential ISPs by just installing the <strong><a href="https://github.com/moonlight-stream/moonlight-docs/wiki/Setup-Guide#streaming-over-the-internet">Moonlight Internet Hosting Tool</a></strong> on your gaming PC.</p>
+								<p>You can <strong>host your own gaming server</strong> on many residential ISPs using port forwarding, IPv6, software-defined virtual networks (ZeroTier, Tailscale, NordVPN Meshnet), and more.</p>
 							</section>
 						</div>
 						<div class="6u">
@@ -348,14 +346,10 @@
 	<!-- Moonlight getting started tab -->
 	<div class="wrapper style2">
 		<div class="title">Getting Started</div>
-		<section class="container text-align-center">
+		<div class="container text-align-center">
-			<p class="style3">Are you ready to stream? Check out our Setup Guide for tips on how to get started.
+			<p class="style3">Are you ready to stream? Check out our Setup Guide for tips on how to get started.<br />Have a
-		<br/>
+				question? Check our FAQ page to see if it's already answered there.<br />Seasoned Moonlight user? Give back to the
-				Have a question? Check our FAQ page to see if it's already answered there.
+				community by joining our Discord and helping other users.</p>
-		<br/>
-				Seasoned Moonlight user? Give back to the community by joining our Discord and helping other users.
-			</p>
-			<section class="highlight">
 				<div class="row oneandhalf">
 					<div class="3u">
 						<section class="highlight">
@@ -386,15 +380,14 @@
 						</section>
 					</div>
 				</div>
-			</section>
+		</div>
 	</div>
 
 	<!--- Who We Are -->
 	<div class="wrapper style1">
 		<div class="title">Who We Are</div>
 		<section id="whoweare" class="container text-align-center">
-			<p class="style3">Moonlight was created by <a href="https://case.edu">Case Western Reserve University</a> students as a project at the <a href="https://mhacks.org">MHacks</a> hackathon in 2013 and further developed at MHacks and HackCWRU in 2014.
+			<p>Moonlight was created by <a href="https://case.edu">Case Western Reserve University</a> students as a project at the <a href="https://mhacks.org">MHacks</a> hackathon in 2013 and further developed at MHacks and HackCWRU in 2014.</p>
-				<br />
 			<ul>
 				<li><a href="https://github.com/cgutman" class="user-mention">Cameron Gutman</a></li>
 				<li><a href="https://github.com/dwaxemberg" class="user-mention">Diego Waxemberg</a></li>
@@ -403,14 +396,13 @@
 				<li><a href="https://github.com/yetanothername" class="user-mention">Andrew Hennessy</a></li>
 				<li><a href="https://github.com/raidancampbell" class="user-mention">Aidan Campbell</a></li>
 			</ul>
-			</p>
 		</section>
 		<!-- FOOTER  -->
 		<section id="footer" class="container">
 			<p>Apple, the Apple logo, iPhone, and iPod touch are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc. Android, Google Play, and the Google Play logo are trademarks of Google Inc. GeForce, Shield, and GameStream are trademarks of NVIDIA Corporation. All other trademarks are property of their respective owners.</p>
 			<footer class="inner">
 				<p>&copy; <span class="year">2020</span>. All rights reserved.</p>
-				<script type="text/javascript">
+				<script>
 					var d = new Date();
 					document.querySelector('.year').innerText = d.getFullYear();
 				</script>