Add mentions of TurboWarp (part 1)

assets/assets/css/landing.scss

@@ -287,6 +287,12 @@ body.dark.extension-styled {
 
 }
 
+.tw-icon {
+	width: 1em;
+	height: 1em;
+	vertical-align: -0.125rem;
+}
+
 html {
 	scroll-behavior: smooth;
 }

content/docs/getting-started/installing.md

@@ -89,3 +89,8 @@ To finish updating (assuming you followed the updating steps [here](#cloning-the
 
 Note: Firefox temporary add-ons are actually temporary. Restarting Firefox will remove them, so if you want to use the development version of Scratch Addons all the time, it is recommended that you use a Chromium-based browser like Google Chrome.
 
+## TurboWarp
+
+Some addons, primarily editor addons, are implemented natively within TurboWarp (so called TurboWarp Addons). If you want to try the select addons of Scratch Addons without installing the browser extension, this is one way of it. Check out https://turbowarp.org/addons to configure the available addons.
+
+Since TurboWarp also offers [a desktop client](https://desktop.turbowarp.org/), this means that you can also use the available addons as an offline editor app.

layouts/_default/home.html

@@ -177,8 +177,7 @@ <h2 class="text-center">{{ T "IndexPage.Highlights.Heading" }}</h2>
 
 <section id="install" class="container text-center py-4">
 	<div class="row">
-		<div class="col-12 col-lg"></div>
-		<div class="col-12 col-lg-auto mb-4 mb-lg-0 mr-lg-3">
+		<div class="col-12 col-lg-6 mb-4 d-md-flex flex-column justify-content-center">
 			<h2>{{ T "IndexPage.Install.Heading" }}</h2>
 			<p>{{ T "IndexPage.Install.Paragraph" }}</p>
 			<p>
@@ -192,18 +191,30 @@ <h2>{{ T "IndexPage.Install.Heading" }}</h2>
 					<span class="iconify-inline" data-icon="simple-icons:microsoftedge"></span> {{ T "Global.EdgeShort" }}
 				</a>
 			</p>
-			<p>
+			<p class="mb-4">
 				{{- .Scratch.Add "open_tag_2" "<a href='" }}
 				{{- .Scratch.Add "open_tag_2" ( "/docs/getting-started/installing#from-source" | relLangURL ) }}
 				{{- .Scratch.Add "open_tag_2" "' target='_blank' rel='noopener'>" }}
 				{{- T "IndexPage.Install.InstallButton.Other" ( dict "OpenTag1" "<a href='https://github.com/ScratchAddons/ScratchAddons/releases' target='_blank' rel='noopener'>" "CloseTag1" "</a>" "OpenTag2" ( .Scratch.Get "open_tag_2" ) "CloseTag2" "</a>" ) | safeHTML }}
 			</p>
+			<div class="">
+				<p id="total-users" style="font-size: 3rem; font-weight: 500; line-height: 3rem;" class="odometer mb-0"></p>
+				<p style="font-size: 1.75rem; font-weight: 500;">{{ T "IndexPage.Users" }}</p>
+			</div>
 		</div>
-		<div class="col-12 col-lg-auto ml-lg-3 d-flex flex-column justify-content-center">
-			<p id="total-users" style="font-size: 3rem; font-weight: 500; line-height: 3rem;" class="odometer mb-0"></p>
-			<p style="font-size: 1.75rem; font-weight: 500;">{{ T "IndexPage.Users" }}</p>
+		<div class="col-12 col-lg-6 d-md-flex flex-column justify-content-center">
+			<h2>Try</h2>
+			<p>Try some of the editor addons on TurboWarp before installing.</p>
+			<p>
+				<a class="btn btn-success dark-btn-white btn-lg mb-4" href="https://turbowarp.org/discover-addons" target="_blank" rel="noopener">
+					<img class="tw-icon" src="/assets/img/showcase/tw-icon.svg"></img>
+					TurboWarp
+				</a>	
+			</p>
+			<p class="text-center">
+				<img style="max-width: 100%;" src="/assets/img/showcase/tw-addons.png"></img>
+			</p>
 		</div>
-		<div class="col-12 col-lg"></div>
 	</div>
 </section>