rename extention to .mjs for the esm modulesHEADmasterdevelopment

1 files changed, 70 insertions, 0 deletions

diff --git a/esm/scripts/presentation.mjs b/esm/scripts/presentation.mjs
new file mode 100644
index 0000000..47f174d
--- /dev/null
+++ b/esm/scripts/presentation.mjs
@@ -0,0 +1,70 @@
+export default {
+
+    name: 'Pitsos',
+    title: 'Pitsos',
+    base_url: 'images',
+
+    effect: 'flip',
+    pagination: 'dynamic',
+
+    css: `
+        html,
+        body {
+            position: relative;
+        }
+
+        body {
+            background-color: rgb(153, 153, 153);
+            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+            font-size: 14px;
+            color: #000;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            height: 100vh;
+            overflow: hidden;
+            align-content: center;
+            align-items: center;
+        }
+
+        .swiper {
+            width: 90vw;
+            height: 50.62vw;
+        }
+
+        @media (min-aspect-ratio: 3.5/2) {
+            .swiper {
+                width: 150vh;
+                height: 90vh;
+            }
+        }
+
+        .swiper-slide {
+            background-position: center;
+            background-size: cover;
+        }
+
+        .swiper-slide img {
+            display: block;
+            width: 100%;
+        }
+        .swiper-pagination {
+            margin-top: 50px;
+        }
+
+        .swiper-pagination-bullet-active {
+            background: #ed8119;
+        }
+
+        .swiper-button-prev, .swiper-button-next {
+            color: #ed8119;
+        }
+    `,
+    slides: [
+        { image: '01.jpg' },
+        { image: '02.jpg' },
+        { image: '03.jpg' },
+        { image: '04.jpg' },
+    ]
+
+}