feat: try ingread video

micksabox · Jun 18, 2024 · d99cf51 · d99cf51
1 parent c8ac299
commit d99cf51
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 15 deletions.
diff --git a/app/routes/blog+/posts+/food-guide/content.mdx b/app/routes/blog+/posts+/food-guide/content.mdx
@@ -16,20 +16,9 @@ import { Button } from "src/components/ui/button"
 import Autoplay from "embla-carousel-autoplay"
 import { ScrollIcon } from 'lucide-react'
 
-<Carousel plugins={[
-        Autoplay({
-          delay: 5000,
-        }),
-      ]}>
-  <CarouselContent>
-    <CarouselItem>
-        <img src='/images/blog/nutritionist-ai-2.png'/>
-    </CarouselItem>
-    <CarouselItem>
-        <img src='/images/blog/nutritionist-ai.png'/>
-    </CarouselItem>
-  </CarouselContent>
-</Carousel>
+
+{/* <img id="img" src='/images/blog/nutritionist-ai-2.png' className="w-full" /> */}
+<video id="video" muted playsinline src="/videos/watermarked_video0c3be294294da4ad89c2509dce30c8bb2.mp4" autoPlay controls loop className="w-full" />
 
 # Project INGREAD
 ### Intelligent Recommendation Agent for Avoiding Fung in Diet

diff --git a/app/routes/blog+/posts+/food-guide/route.tsx b/app/routes/blog+/posts+/food-guide/route.tsx
@@ -1,3 +1,16 @@
 import Component from './content.mdx'
 
+import type { LinksFunction } from '@remix-run/node'
+
+export const links: LinksFunction = () => {
+  return [
+    {
+      rel: 'preload',
+      href: '/videos/watermarked_video0c3be294294da4ad89c2509dce30c8bb2.mp4',
+      as: 'video',
+      type: 'video/mp4',
+    },
+  ]
+}
+
 export default Component
diff --git a/public/videos/watermarked_video0c3be294294da4ad89c2509dce30c8bb2.mp4 b/public/videos/watermarked_video0c3be294294da4ad89c2509dce30c8bb2.mp4
diff --git a/src/pages/tracker/dashboard.tsx b/src/pages/tracker/dashboard.tsx
@@ -208,7 +208,7 @@ const Dashboard: React.FC<DashboardProps> = ({ startDate }) => {
       <div className="h-8">{/* Padding for bottom */}</div>
       <div className="bottom-inset fixed bottom-3 right-3">
         <Button asChild variant={'cyan'}>
-          <Link prefetch="intent" to="/blog/posts/food-guide">
+          <Link prefetch="render" to="/blog/posts/food-guide">
             <BotIcon className="mr-2" /> Food Guide
           </Link>
         </Button>