add and configure gulp

assets/dist/script.js

@@ -0,0 +1,29 @@
+"use strict";
+
+function openTab(data, tab) {
+  data.activeTab === tab ? data.activeTab = "" : data.activeTab = tab;
+}
+function scrollToElem(selector) {
+  setTimeout(function () {
+    var yOffset = -185;
+    var elem = document.querySelector(selector);
+    var top = elem.getBoundingClientRect().top;
+    window.scrollTo({
+      top: top + window.scrollY + yOffset,
+      behavior: "smooth"
+    });
+  }, 100);
+}
+document.addEventListener("DOMContentLoaded", function () {
+  function toggleLogoState() {
+    var scrollY = window.scrollY || window.pageYOffset;
+    if (scrollY > 10) {
+      document.querySelector("#header").classList.add("minimized");
+    } else {
+      document.querySelector("#header").classList.remove("minimized");
+    }
+  }
+  window.addEventListener("scroll", function () {
+    toggleLogoState();
+  });
+});

gulpfile.js

@@ -1,6 +0,0 @@
-function defaultTask(cb) {
-  // place code for your default task here
-  cb();
-}
-
-exports.default = defaultTask;

gulpfile.mjs

@@ -0,0 +1,36 @@
+import gulp from "gulp"
+const { watch, parallel, src, dest } = gulp
+import cssnano from "gulp-cssnano"
+import autoprefixer from "gulp-autoprefixer"
+import cssimport from "gulp-cssimport"
+import babel from "gulp-babel"
+
+function cssProcess() {
+  return src("assets/css/style.css")
+    .pipe(cssimport())
+    .pipe(
+      autoprefixer({
+        cascade: false,
+      })
+    )
+    .pipe(cssnano())
+    .pipe(dest("assets/dist"))
+}
+
+function jsProcess() {
+  return src("assets/js/script.js")
+    .pipe(
+      babel({
+        presets: ["@babel/env"],
+      })
+    )
+    .pipe(dest("assets/dist"))
+}
+
+function dev() {
+  watch("assets/css/src/*.css", cssProcess)
+}
+
+const build = parallel(cssProcess, jsProcess)
+
+export { dev, build }

package.json

@@ -1,5 +1,11 @@
 {
   "devDependencies": {
-    "gulp": "^4.0.2"
+    "@babel/core": "^7.23.9",
+    "@babel/preset-env": "^7.23.9",
+    "gulp": "^4.0.2",
+    "gulp-autoprefixer": "^9.0.0",
+    "gulp-babel": "^8.0.0",
+    "gulp-cssimport": "^7.0.0",
+    "gulp-cssnano": "^2.1.3"
   }
 }