homepage video

src/.vitepress/theme/HeroVideo.vue

@@ -0,0 +1,13 @@
+<template>
+  <div style="margin-top: 1.5em; margin-bottom: 1.5em;">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/_sqzehuqWXw?si=SY04mCk9MhiBPFLP" title="Dexorder on YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/.vitepress/theme/index.ts

@@ -3,12 +3,14 @@ import { h } from 'vue'
 import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme-without-fonts'  // WITHOUT fonts
 import './style.css'
+import HeroVideo from "./HeroVideo.vue";
 
 export default {
   extends: DefaultTheme,
   Layout: () => {
     return h(DefaultTheme.Layout, null, {
       // https://vitepress.dev/guide/extending-default-theme#layout-slots
+      'home-hero-info-after': () => h(HeroVideo),
     })
   },
   enhanceApp({ app, router, siteData }) {

src/index.md

@@ -14,7 +14,7 @@ hero:
     - theme: alt
       text: Documentation
       link: /introduction
-  image: /dexorder-diag-hero.png
+#  image: /dexorder-diag-hero.png
 #    light: /dexorder_full_lightmode.svg
 #    dark: /dexorder_full_darkmode.svg
 
@@ -45,4 +45,3 @@ features:
     details: Running on Arbitrum One means orders trade fast with cheap gas. More L2's coming soon.
     
 ---
-<iframe width="560" height="315" src="https://www.youtube.com/embed/hY0zFFLjsUI?si=1ws5B_JiAtt0d5I9" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="margin:auto;margin-top:2em"></iframe>