Dockerize Project

public/assets/js/main.js

@@ -0,0 +1,73 @@
+(function () {
+    const doc = document.documentElement
+
+    doc.classList.remove('no-js')
+    doc.classList.add('js')
+
+    // Reveal animations
+    if (document.body.classList.contains('has-animations')) {
+        /* global ScrollReveal */
+        const sr = window.sr = ScrollReveal()
+
+        sr.reveal('.feature, .pricing-table-inner', {
+            duration: 600,
+            distance: '20px',
+            easing: 'cubic-bezier(0.5, -0.01, 0, 1.005)',
+            origin: 'bottom',
+            interval: 100
+        })
+
+        doc.classList.add('anime-ready')
+        /* global anime */
+        anime.timeline({
+            targets: '.hero-figure-box-05'
+        }).add({
+            duration: 400,
+            easing: 'easeInOutExpo',
+            scaleX: [0.05, 0.05],
+            scaleY: [0, 1],
+            perspective: '500px',
+            delay: anime.random(0, 400)
+        }).add({
+            duration: 400,
+            easing: 'easeInOutExpo',
+            scaleX: 1
+        }).add({
+            duration: 800,
+            rotateY: '-15deg',
+            rotateX: '8deg',
+            rotateZ: '-1deg'
+        })
+
+        anime.timeline({
+            targets: '.hero-figure-box-06, .hero-figure-box-07'
+        }).add({
+            duration: 400,
+            easing: 'easeInOutExpo',
+            scaleX: [0.05, 0.05],
+            scaleY: [0, 1],
+            perspective: '500px',
+            delay: anime.random(0, 400)
+        }).add({
+            duration: 400,
+            easing: 'easeInOutExpo',
+            scaleX: 1
+        }).add({
+            duration: 800,
+            rotateZ: '20deg'
+        })
+
+        anime({
+            targets: '.hero-figure-box-01, .hero-figure-box-02, .hero-figure-box-03, .hero-figure-box-04, .hero-figure-box-08, .hero-figure-box-09, .hero-figure-box-10',
+            duration: anime.random(600, 800),
+            delay: anime.random(600, 800),
+            rotate: [anime.random(-360, 360), function (el) {
+                return el.getAttribute('data-rotation')
+            }],
+            scale: [0.7, 1],
+            opacity: [0, 1],
+            easing: 'easeInOutExpo'
+        })
+    }
+
+}())

public/assets/js/main.min.js

@@ -0,0 +1,78 @@
+document.documentElement.classList.remove("no-js");
+document.documentElement.classList.add("js");
+
+if (document.body.classList.contains("has-animations")) {
+    const sr = ScrollReveal();
+    sr.reveal(".feature, .pricing-table-inner", {
+        duration: 600,
+        distance: "20px",
+        easing: "cubic-bezier(0.5, -0.01, 0, 1.005)",
+        origin: "bottom",
+        interval: 100
+    });
+
+    document.documentElement.classList.add("anime-ready");
+
+    anime.timeline({ targets: ".hero-figure-box-05" })
+        .add({
+            duration: 400,
+            easing: "easeInOutExpo",
+            scaleX: [.05, .05],
+            scaleY: [0, 1],
+            perspective: "500px",
+            delay: anime.random(0, 400)
+        })
+        .add({ duration: 400, easing: "easeInOutExpo", scaleX: 1 })
+        .add({
+            duration: 800,
+            rotateY: "-15deg",
+            rotateX: "8deg",
+            rotateZ: "-1deg"
+        });
+
+    anime.timeline({ targets: ".hero-figure-box-06, .hero-figure-box-07" })
+        .add({
+            duration: 400,
+            easing: "easeInOutExpo",
+            scaleX: [.05, .05],
+            scaleY: [0, 1],
+            perspective: "500px",
+            delay: anime.random(0, 400)
+        })
+        .add({ duration: 400, easing: "easeInOutExpo", scaleX: 1 })
+        .add({ duration: 800, rotateZ: "20deg" });
+
+    const figureBoxes = document.querySelectorAll(".hero-figure-box-01, .hero-figure-box-02, .hero-figure-box-03, .hero-figure-box-04, .hero-figure-box-08, .hero-figure-box-09, .hero-figure-box-10");
+    figureBoxes.forEach((box) => {
+        anime({
+            targets: box,
+            duration: anime.random(600, 800),
+            delay: anime.random(600, 800),
+            rotate: [anime.random(-360, 360), box.getAttribute("data-rotation")],
+            scale: [.7, 1],
+            opacity: [0, 1],
+            easing: "easeInOutExpo"
+        });
+    });
+}
+
+/*
+const togglePassword = (toggleButton, passwordField) => {
+    const type = passwordField.getAttribute("type") === "password" ? "text" : "password";
+    passwordField.setAttribute("type", type);
+    toggleButton.classList.toggle("bi-eye");
+};
+
+const togglePassword1 = document.querySelector("#togglePassword1");
+const password1 = document.querySelector("#password1");
+
+togglePassword1.addEventListener("click", () => {
+    togglePassword(togglePassword1, password1);
+});
+
+const togglePassword2 = document.querySelector("#togglePassword2");
+const password2 = document.querySelector("#password2");
+
+togglePassword2.addEventListener("click", () => {
+    togglePassword(togglePassword2, password2);
+});*/