From 8c27075aea4c6e1d4f81d77f9e833c24e37eeb54 Mon Sep 17 00:00:00 2001 From: Geo Halkiadakis Date: Mon, 25 Nov 2024 19:44:14 +0200 Subject: impelement requirejs demo; introduce esm demo --- demos/scripts/presentation.js | 49 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 demos/scripts/presentation.js (limited to 'demos/scripts/presentation.js') 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 -- cgit v1.2.3