aboutsummaryrefslogtreecommitdiffstats
path: root/htdocs/src/js/utilities
diff options
context:
space:
mode:
Diffstat (limited to 'htdocs/src/js/utilities')
-rw-r--r--htdocs/src/js/utilities/animations.js45
-rw-r--r--htdocs/src/js/utilities/helpers.js19
2 files changed, 0 insertions, 64 deletions
diff --git a/htdocs/src/js/utilities/animations.js b/htdocs/src/js/utilities/animations.js
deleted file mode 100644
index 9a30685..0000000
--- a/htdocs/src/js/utilities/animations.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * Change the element classes to hide it with a slide out left animation.
- * @param {HTMLElement} el - The HTMLElement to hide.
- */
-function hideToLeft(el) {
- el?.classList.remove('slide-in--left');
- el?.classList.add('slide-out--left');
- setTimeout(() => {
- el?.classList.add('hide');
- }, 800);
-}
-
-/**
- * Change the element classes to show it with a slide in left animation.
- * @param {HTMLElement} el - The HTMLElement to show.
- */
-function showFromLeft(el) {
- el?.classList.remove('slide-out--left');
- el?.classList.remove('hide');
- el?.classList.add('slide-in--left');
-}
-
-/**
- * Change the element classes to hide it with a slide out bottom animation.
- * @param {HTMLElement} el - The HTMLElement to hide.
- */
-function hideToBottom(el) {
- el?.classList.remove('slide-in--up');
- el?.classList.add('slide-out--bottom');
- setTimeout(() => {
- el?.classList.add('hide');
- }, 800);
-}
-
-/**
- * Change the element classes to show it with a slide in up animation.
- * @param {HTMLElement} el - The HTMLElement to show.
- */
-function showFromBottom(el) {
- el?.classList.remove('slide-out--bottom');
- el?.classList.remove('hide');
- el?.classList.add('slide-in--up');
-}
-
-export { hideToLeft, showFromLeft, hideToBottom, showFromBottom };
diff --git a/htdocs/src/js/utilities/helpers.js b/htdocs/src/js/utilities/helpers.js
deleted file mode 100644
index 470c49c..0000000
--- a/htdocs/src/js/utilities/helpers.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * Check the size of the current viewport.
- * @returns {Boolean} True if viewport lower than 1200px; false otherwise.
- */
-function isSmallVw() {
- return window.innerWidth < 1200;
-}
-
-/**
- * Check if /assets/styles.js exists (Webpack dev mode).
- * @returns {Boolean} True if style.js exists ; false otherwise.
- */
-async function isStyleJsExists() {
- const filePath = 'assets/js/style.js';
- const response = await fetch(filePath);
- return response.status === 200;
-}
-
-export { isSmallVw, isStyleJsExists };