Videos Page

src/main/clojure/convex_web/site/app.cljs

@@ -18,6 +18,7 @@
    [convex-web.site.format :as format]
    [convex-web.site.markdown :as markdown]
    [convex-web.site.team :as team]
+   [convex-web.site.videos :as videos]
    [convex-web.site.brand :as brand]
    [convex-web.site.form :as form]
 
@@ -73,6 +74,7 @@
    not-found-page
 
    team/team-page
+   videos/videos-page
 
    brand/brand-page
    form/sign-up-page

src/main/clojure/convex_web/site/router.cljs

@@ -204,6 +204,16 @@
        :start (fn [_match]
                 (stack/push :page.id/brand {:reset? true}))}]}]
 
+
+   ;; Videos
+   ;; ==============
+   ["videos"
+    {:name :route-name/videos
+     :controllers
+     [{:identity identity
+       :start (fn [_match]
+                (stack/push :page.id/videos {:reset? true}))}]}]
+
 
    ;; Developer
    ;; ==============

src/main/clojure/convex_web/site/videos.cljs

@@ -0,0 +1,28 @@
+(ns convex-web.site.videos)
+
+(defn VideosPage [_ _ _]
+  (let [iframe {:width "405.33"
+                :height "200.58"
+                :allow "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                :allowfullscreen true}]
+
+    [:div.grid.grid-cols-3.gap-12
+
+     ;; -- Interactive REPL Explained
+     [:iframe
+      (merge iframe
+        {:title "Interactive REPL Explained"
+         :src "https://www.youtube.com/embed/d_4pR_GWJsM?si=yIR-u_3oh0-liEuB" })]
+
+     ;; -- Importance of Runtime
+     [:iframe
+      (merge iframe
+        {:title "Importance of Runtime"
+         :src "https://www.youtube.com/embed/mNxuVgjotEM?si=WZ-UB-Zv-zYr7gQ-" })]]))
+
+(def videos-page
+  #:page
+  {:id :page.id/videos
+   :title "Video"
+   :template :marketing
+   :component #'VideosPage})