Add interactive graphics (#88)

* Add swiper to handle interactive graphics

* Remove dark-mode slide filter

* Add restart button

* Add multiple slides

Author: josuebran

gcx/gulpfile.js

@@ -54,13 +54,15 @@ const bundleJS404 = () =>{
 
 const mergeJS = () => {
     return src(['tempBuild/js/site.js',
+    'node_modules/swiper/swiper-bundle.min.js',
     'styles/src/js/06-tabs-block.js',
     'styles/src/js/07-copy-to-clipboard.js',
     'styles/src/js/08-gcx-helios.js',])
     .pipe(concat('site.js'))
     .pipe(dest('build/js'));
 }
 
+
 const bundleJShelpers = () => {
     return src([
         '../src/helpers/**/*.js',

gcx/package-lock.json

@@ -17,5 +17,8 @@
     "gulp-rename": "^2.0.0",
     "gulp-unzip": "^1.1.0",
     "gulp-zip": "^5.1.0"
+  },
+  "dependencies": {
+    "swiper": "^10.0.4"
   }
 }

gcx/package.json

@@ -16,6 +16,7 @@
 @import "print.css";
 @import "typeface-nunito.css";
 @import "tabs.css";
+@import "slides.css";
 @import "search.css";
 @import "helios-gcx.css";
 @import "enlighterjs.css";