Add Aaron's awesome talk to homepage and resource page

Add an iframe to the homepage and resource page linked to the the youtube video: "Hermetic Toolchain Creation with Local Remote Execution (LRE) & Nix" by Aaron Mondal, NativeLink
TraceMachina · Nov 4, 2024 · 952b58c · 952b58c
1 parent ac44984
commit 952b58c
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/web/platform/src/components/qwik/pages/home.tsx b/web/platform/src/components/qwik/pages/home.tsx
@@ -14,6 +14,22 @@ export const LandingPage = component$(() => {
       <Testimonial />
       <Features />
       <Engineers />
+      <div class="mx-auto left-0 right-0 w-9/11 flex justify-center items-center flex-col gap-4">
+        <div class="text-sm flex justify-center w-full md:w-9/12 px-8 md:px-0">
+          An awesome talk of one of TraceMachina's leading engineers Aaron
+          Mondal
+        </div>
+        <div class="flex justify-center w-full md:w-9/12 px-8 md:px-0 flex justify-center items-center pt-4 pb-12">
+          <div class="w-full max-w-4xl aspect-video">
+            <iframe
+              title="Hermetic Toolchain Creation with Local Remote Execution (LRE) & Nix - Aaron Mondal, NativeLink"
+              class="w-full h-full"
+              src="https://www.youtube.com/embed/uokjTev8myk?rel=0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen"
+            />
+          </div>
+        </div>
+      </div>
       <Benefits />
       <Community />
     </main>

diff --git a/web/platform/src/pages/resources/index.astro b/web/platform/src/pages/resources/index.astro
@@ -24,6 +24,18 @@ const pageTitle = "NativeLink Resources | Blog, Case Studies, Changelog";
 
     <LinearGradient text="Announcements" class="text-thin text-4xl self-start pl-8 md:pl-48 py-8"/>
 
+    <div class="text-sm flex justify-start w-full md:w-9/12 px-8 md:px-0">An awesome talk of one of TraceMachina's leading engineers Aaron Mondal</div>
+    <div class="flex justify-start w-full md:w-9/12 px-8 md:px-0 flex justify-center items-center pt-4 pb-12">
+      <div class="w-full max-w-4xl aspect-video">
+        <iframe
+          class="w-full h-full"
+          src="https://www.youtube.com/embed/uokjTev8myk?rel=0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen"
+          allowfullscreen
+        ></iframe>
+      </div>
+    </div>
+
     <div id="Card" class="relative w-screen px-8 md:px-0 md:w-9/12 flex gap-4 snap-x snap-mandatory overflow-x-auto pb-16 mb-6 ">
       {announcements
         .sort((a, b) => new Date(b.data.pubDate).getTime() - new Date(a.data.pubDate).getTime())