impelement requirejs demo; introduce esm demo

1 files changed, 49 insertions, 0 deletions

diff --git a/demos/scripts/presentation.js b/demos/scripts/presentation.js
new file mode 100644
index 0000000..46b0fe0
--- /dev/null
+++ b/demos/scripts/presentation.js
@@ -0,0 +1,49 @@
+define(function() {
+
+    return config = {
+        name: 'test',
+        title: 'some presentation title',
+        effect: 'none',
+        pagination: 'classic',
+        css: `
+            html,
+            body {
+                position: relative;
+                height: 100%;
+            }
+
+            body {
+                background: #abc;
+                font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+                font-size: 14px;
+                color: #000;
+                margin: 0;
+                padding: 0;
+            }
+
+            .swiper {
+                width: 80vw;
+                height: 80vh;
+                margin: 0 auto;
+                padding-top: 2em;
+            }
+
+            .swiper-slide {
+                background-position: center;
+                background-size: cover;
+            }
+
+            .swiper-slide img {
+                display: block;
+                width: 100%;
+            }
+        `,
+        slides: [
+            { image: 'https://swiperjs.com/demos/images/nature-1.jpg' },
+            { image: 'https://swiperjs.com/demos/images/nature-2.jpg' },
+            { image: 'https://swiperjs.com/demos/images/nature-3.jpg' },
+            { image: 'https://swiperjs.com/demos/images/nature-4.jpg' },
+        ]
+    };
+
+})
\ No newline at end of file