fix: remove video for ocean theme, and add video screenshot instead

KhalisFoundation · Dec 8, 2023 · f9f5c25 · f9f5c25
1 parent b0d8527
commit f9f5c25
Show file tree

Hide file tree

Showing 8 changed files with 6 additions and 18 deletions.
diff --git a/.htmlhintrc b/.htmlhintrc
@@ -2,13 +2,12 @@
   "tagname-lowercase": true,
   "attr-lowercase": true,
   "attr-value-double-quotes": true,
-    "attr-no-duplication": true,
+  "attr-no-duplication": true,
   "doctype-first": true,
   "tag-pair": true,
   "spec-char-escape": true,
   "id-unique": true,
   "src-not-empty": true,
-  "attr-no-duplication": true,
   "title-require": true,
 
   "alt-require": true,

diff --git a/src/index.html b/src/index.html
@@ -4,7 +4,6 @@
 <head>
   <title>SikhiToTheMax</title>
   <meta name="robots" content="noindex">
-  <link rel="preload" href="videos/ocean-view.mp4" as="video">
 </head>
 
 <body>

diff --git a/src/scss/_ocean.scss b/src/scss/_ocean.scss
@@ -0,0 +1,3 @@
+.theme-ocean {
+  background-image: url('images/ocean-theme.png');
+}
diff --git a/src/scss/images/ocean-theme.png b/src/scss/images/ocean-theme.png
diff --git a/src/scss/index.scss b/src/scss/index.scss
@@ -36,7 +36,8 @@ $viewer-padding: 30px;
   "high-contrast",
   "low-light",
   "nirbaan",
-  "dhan-guru-nanak";
+  "dhan-guru-nanak",
+  "ocean";
 
 /* Custom Styles */
 html {

diff --git a/src/scss/viewer.scss b/src/scss/viewer.scss
@@ -8,13 +8,6 @@ $gurbani: 'gurbaniakhar';
   z-index: 10;
 }
 
-.video_preview {
-  left: 0px;
-  position: absolute;
-  top: 0px;
-  width: 100%;
-}
-
 .shabad-deck {
   height: 100vh;
   padding: 15px 0;

diff --git a/src/videos/ocean-view.mp4 b/src/videos/ocean-view.mp4
diff --git a/webpack.config.js b/webpack.config.js
@@ -55,13 +55,6 @@ module.exports = {
           filename: './images/[name][ext]',
         },
       },
-      {
-        test: /\.mp4$/,
-        type: 'asset/resource',
-        generator: {
-          filename: './assets/videos/[name][ext]',
-        },
-      },
     ],
   },
   output: {
-Original file line number
+Diff line change
@@ Expand Up / @@ -4,7 +4,6 @@ @@
     <head>
       <title>SikhiToTheMax</title>
       <meta name="robots" content="noindex">
-      <link rel="preload" href="videos/ocean-view.mp4" as="video">
     </head>
     <body>
@@ Expand Down @@