feat: add hosts section

index.html

@@ -78,6 +78,11 @@ <h1>Moonlight</h1>
 					</li>
 					<li><a href="#">Host Downloads</a>
 						<ul>
+							<li>
+								<a href="https://github.com/LizardByte/Sunshine/releases">
+									<div>Sunshine</div>
+								</a>
+							</li>
 							<li>
 								<a href="https://www.geforce.com/geforce-experience">
 									<div>GeForce Experience</div>
@@ -88,11 +93,6 @@ <h1>Moonlight</h1>
 									<div>Internet Hosting Tool</div>
 								</a>
 							</li>
-							<li>
-								<a href="https://github.com/LizardByte/Sunshine/releases">
-									<div>Sunshine</div>
-								</a>
-							</li>
 						</ul>
 					</li>
 					<li><a href="#">Client Downloads</a>
@@ -253,9 +253,9 @@ <h3><a href="https://github.com/moonlight-stream/moonlight-qt">Moonlight for PC,
 					<section class="highlight">
 						<h3><a href="https://github.com/moonlight-stream/moonlight-chrome">Moonlight for ChromeOS</a></h3>
 						<p>Stream to ChromeOS laptops and tablets</p>
-					<ul class="actions">
+						<ul class="actions">
 							<li><a href="https://chrome.google.com/webstore/detail/moonlight-game-streaming/gemamigbbenahjlfnmlfdjhdnkpbkfjj"><img src="images/chrome_webstore.png" alt="Chrome Webstore Badge" width="206" height="58"></a></li>
-					</ul>
+						</ul>
 					</section>
 				</div>
 				<div class="3u">
@@ -341,6 +341,42 @@ <h3><a href="https://github.com/mariotaku/moonlight-tv">Moonlight for LG webOS T
 			</div>
 		</div>
 	</div>
+
+	<!-- Compatible hosts -->
+	<div class="wrapper style1">
+		<div class="title">Compatible hosts</div>
+		<div class="container text-align-center">
+			<div class="row oneandhalf">
+				<div class="4u">
+					<section class="highlight">
+						<h3><a href="https://github.com/LizardByte/Sunshine">Sunshine</a></h3>
+						<p>An open-source host made from the ground up for Moonlight, Sunshine is the recommended host to start streaming with Moonlight.</p>
+						<ul class="actions">
+							<li><a href="https://github.com/LizardByte/Sunshine/releases" class="button style1">Download</a></li>
+						</ul>
+					</section>
+				</div>
+				<div class="4u">
+					<section class="highlight">
+						<h3><a href="https://www.nvidia.com/en-us/geforce/geforce-experience/">GeForce Experience</a></h3>
+						<p>The original software to stream games to the NVIDIA SHIELD and Moonlight clients, GeForce Experience and its SHIELD streaming feature are now being discontinued by NVIDIA.</p>
+						<ul class="actions">
+							<li><a href="https://www.nvidia.com/en-us/geforce/geforce-experience/" class="button style1">Download</a></li>
+						</ul>
+					</section>
+				</div>
+				<div class="4u">
+					<section class="highlight">
+						<h3><a href="https://games-on-whales.github.io/">Wolf</a></h3>
+						<p>A part of the Games on Whales project, Wolf allows streaming games and applications running inside Docker containers to Moonlight clients.</p>
+						<ul class="actions">
+							<li><a href="https://games-on-whales.github.io/" class="button style1">More details</a></li>
+						</ul>
+					</section>
+				</div>
+			</div>
+		</div>
+	</div>
 
 	<!-- Moonlight getting started tab -->
 	<div class="wrapper style2">