1 files changed, 35 insertions, 0 deletions
diff --git a/demos/index.html b/demos/index.html
new file mode 100644
index 0000000..c561037
--- /dev/null
+++ b/demos/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>slidetray</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
+    <link rel="stylesheet" href="css/swiper-bundle-9.4.1.min.css"/>
+  </head>
+  <body>
+    <!-- Swiper -->
+    <div class="swiper slidetray">
+      <div class="swiper-wrapper"></div>
+      
+      <!--
+      <div class="swiper-button-next"></div>
+      <div class="swiper-button-prev"></div>
+      <div class="swiper-pagination"></div>
+    -->
+      
+    </div>
+  </body>
+
+  <script data-main="scripts/config"
+  src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/9.4.1/swiper-bundle.min.js"></script>
+  <script data-main="scripts/config" src="/scripts/require.min.js"></script>
+
+  <!-- Initialize Swiper -->
+  <script>
+  require(['domready', 'presentation', 'slidetray'], function(doc, prz, slidetray) {
+      let presentation = slidetray.presentation(prz);
+      presentation.prepare().apply().show();
+  })
+  </script>
+
+</html>