feat: adde different glass-effect based on theme

scripts/reencode-videos.sh

@@ -11,9 +11,9 @@ NAMES=("mobile" "tablet" "hd" "twok" "uhd")
 # Create destination directory if it doesn't exist
 mkdir -p "$DEST_DIR"
 
-for video in "$SOURCE_DIR"/*.mp4; do
+for video in "$SOURCE_DIR"/*.mkv; do
     if [ -f "$video" ]; then
-        filename=$(basename "$video" .mp4)
+        filename=$(basename "$video" .mkv)
         echo "Processing: $filename"
 
         # Get video dimensions
@@ -64,7 +64,11 @@ for video in "$SOURCE_DIR"/*.mp4; do
         # Create original resolution version
         echo "Creating original resolution version"
 
-        cp "$video" "${DEST_DIR}/${filename}_full.mp4"
+        ffmpeg -n -i "$video" \
+            -c:v libx264 \
+            -preset slow \
+            -an \
+            "${DEST_DIR}/${filename}_full.mp4"
 
         ffmpeg -n -i "$video" \
             -c:v libvpx-vp9 \

src/components/landing-page.tsx

@@ -116,7 +116,7 @@ function Video({ sourceBase, hidden }: {
       playsInline
       webkit-playsinline="true"
       x5-playsinline="true"
-      className={cn("w-full h-full object-cover parallax-video", {
+      className={cn("w-full h-full object-contain parallax-video", {
         hidden,
       })}
     >

src/components/nav.tsx

@@ -63,7 +63,7 @@ export function Nav({
   }, []);
 
   return (
-    <nav className="fixed top-0 left-0 right-0 z-50 backdrop-blur-sm bg-background/80 border-b">
+    <nav className="fixed top-0 left-0 right-0 z-50 dark:backdrop-blur-xs light:backdrop-blur-sm bg-background/80 border-b">
       <div className="container mx-auto px-4">
         <div className="flex items-center justify-between h-16">
           <a href="#" className="text-xl font-bold tracking-tighter hover:text-primary transition-colors">