Pco page update

pco/gulpfile.js

@@ -2,6 +2,7 @@ var destroot = "public/";
 var gulp = require("gulp"),
   sass = require("gulp-sass")(require("sass")),
   twig = require("gulp-twig"),
+  // responsive = require("gulp-responsive"),
   browserSync = require("browser-sync").create();
 
 gulp.task("css", function () {
@@ -35,10 +36,50 @@ gulp.task("browserSync", function () {
 });
 
 
+// gulp.task("resize-jpg", function () {
+//   return gulp
+//     .src(["src/assets/benefits/normal/*.jpg", "src/assets/benefits/wide/*.jpg"]) // Include both selectors
+//     .pipe(
+//       responsive(
+//         {
+//           "**/*.jpg": [ // Selector for normal .jpg
+//             { width: 356 },
+//             { width: 712, rename: { suffix: "x2" } },
+//           ],
+//           "**/*.jpg": [ // Selector for wide .jpg
+//             { width: 724 },
+//             { width: 1448, rename: { suffix: "x2" } },
+//           ],
+//         },
+//         {
+//           // Global configuration for all images
+//           quality: 85,
+//           progressive: true,
+//           withMetadata: false,
+//           withoutEnlargement: false, // This will generate image also if it is smaller than needed image
+//         }
+//       )
+//     )
+//     .pipe(gulp.dest(destroot + "assets/images/benefits"))
+// });
+
+
+// gulp.task('copy-videos', function() {
+//   return gulp.src([
+//       "src/assets/benefits/normal/*.mp4",
+//       "src/assets/benefits/normal/*.webm",
+//       "src/assets/benefits/wide/*.mp4",
+//       "src/assets/benefits/wide/*.webm"
+//     ]).pipe(gulp.dest(destroot + "assets/images/benefits"));
+// });
+
+
+
 gulp.task("watch", function () {
   gulp.watch("./**/*.scss", gulp.series("css"));
   gulp.watch("./**/*.twig", gulp.series("compile"));
 });
 
 gulp.task("default", gulp.parallel("browserSync", "compile", "watch", "css"));
 gulp.task("build", gulp.parallel("compile", "css"));
+// gulp.task("generate-media", gulp.parallel("resize-jpg", "copy-videos"));