Awesome video by Medus4

pages/index.md

@@ -1,19 +1,18 @@
 ---
-title: Take Back Control
+title: What is Veilid?
 description: Veilid is an open-source, distributed application framework.
 menu:
   main:
     weight: 1
 layout: index
 ---
-<p class="focus-text highlighted">
-  Veilid is an 
-    <span class="highlighter-1">open-source</span>, 
-    <span class="highlighter-2">peer-to-peer</span>, 
-    <span class="highlighter-3">mobile-first</span>, 
-    <span class="highlighter-4">networked</span> 
-  application framework.
-</p>
+
+
+<video controls class="d-block w-100 mb-5">
+  <source src="/Ellet-intro.mp4" type="video/mp4">
+  This browser does not display the video tag.
+</video>
+
 
 <div class="row g-5">
   <div class="col-12 col-md-4">

staged.md

@@ -34,4 +34,20 @@ Join the VeilidChat channel on our [Discord](https://veilid.com/discord)
 ## Join beta and install on Android ##
 
 1. From your Android device click on [this link]() to join the beta
-2. Open VeilidChat, acknowledge the beta notification, and follow the prompts to setup your identity
+2. Open VeilidChat, acknowledge the beta notification, and follow the prompts to setup your identity
+
+
+
+<p class="focus-text highlighted">
+  Veilid is an 
+    <span class="highlighter-1">open-source</span>, 
+    <span class="highlighter-2">peer-to-peer</span>, 
+    <span class="highlighter-3">mobile-first</span>, 
+    <span class="highlighter-4">networked</span> 
+  application framework.
+</p>
+
+
+          <div class="take-back-control">
+            <h2 id="page-title">{{ page.title }}</h2>
+          </div>

themes/veilid/assets/scss/_layout.scss

@@ -91,7 +91,7 @@
 
 #site-nav {
   @extend .mt-2;
-  @extend .mb-4;
+  @extend .mb-3;
 }