Test videos

Vizzuality · Oct 7, 2024 · 8c1716b · 8c1716b
1 parent 920b4c4
commit 8c1716b
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 5 deletions.
diff --git a/public/iberia_hist_scenario.mp4 b/public/iberia_hist_scenario.mp4
diff --git a/public/tp_amazonia_10km.mp4 b/public/tp_amazonia_10km.mp4
diff --git a/public/wind_speed_global_10km.mp4 b/public/wind_speed_global_10km.mp4
diff --git a/src/app/globe/page.tsx b/src/app/globe/page.tsx
@@ -0,0 +1,11 @@
+import Globe from "@/components/globe";
+
+export default function Globetest() {
+  return (
+    <main className="flex min-h-screen h-[3000px] flex-col items-center justify-between p-24 text-blue-800">
+      <div className="fixed top-8">
+        <Globe />
+      </div>
+    </main >
+  );
+}
diff --git a/src/app/grid/page.tsx b/src/app/grid/page.tsx
@@ -0,0 +1,9 @@
+export default function GridTest() {
+  return (
+    <main className="flex min-h-screen h-[3000px] flex-col items-center justify-between p-24 text-blue-800">
+      <div className="fixed top-8">
+        grid
+      </div>
+    </main >
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,11 +1,13 @@
-import Globe from "@/components/globe";
+import Link from "next/link";
 
 export default function Home() {
   return (
-    <main className="flex min-h-screen h-[3000px] flex-col items-center justify-between p-24 text-blue-800">
+    <main className="flex min-h-screen h-[300px] flex-col items-center p-24 text-blue-800">
       Hello BSC!
-      <div className="fixed top-8">
-        <Globe />
+      <div className="text-black text-lg hover:gray-500 space-x-5">
+
+        <Link href="/globe">Globe</Link>
+        <Link href="/grid">Grid</Link>
       </div>
     </main >
   );

diff --git a/src/components/globe/marker.tsx b/src/components/globe/marker.tsx
@@ -15,7 +15,9 @@ const Popup = ({ setSelectedMarker, index }: {
       <div className='h-[350px] pl-8 pr-4 py-8 bg-white/20 backdrop-blur-[15px] gap-6 inline-flex'>
         <div className="gap-6 flex">
           <div className="w-[286px] h-[286px] justify-center items-center flex">
-            <img alt="" className="w-[280px] h-[280px] left-[3px] top-[3px]" src="https://via.placeholder.com/280x280" />
+            <video className="w-[280px] h-[280px] rounded-[50px]" autoPlay loop muted>
+              <source src="/iberia_hist_scenario.mp4" type="video/mp4" />
+            </video>
           </div>
           <div className="flex-col gap-2.5 inline-flex">
             <div className="grow shrink basis-0 flex-col justify-start items-start gap-4 flex">