minor improvements

matomo updated

js/app.js

@@ -1,20 +1,63 @@
-// $(document).ready(function () {
-// 	$(document).foundation();
-// });
-$(function () {
-	$('#maximage').maximage();
-	$('#maximage').children().on('click', function(){
-		// Retrive our URL (set in data-href attribute on img tags)
-		var url = $(this).data('href');
+function enableIcon(icon) {
+    icon.css('cursor', 'pointer');
+    icon.find('.back').removeClass('hide');
+    icon.flip({
+        trigger: 'click',
+        speed: 500,
+        reverse: false
+    });
+}
 
-		// If our URL is set, open a new window with that URL
-		//    You can certainly use window.location here too
-		if(url.length > 0){
-			window.open(
-				url, // <- This is what we set with the data-href attribute
-				'_blank' // <- This is what makes it open in a new window.
-			);
-		}
-	});
+$(document).ready(function () {
+    $('.list').addClass('hide');
+    enableIcon($('#card'));
 
-});
+    $('#prevslide').removeClass('hide');
+    $('#nextslide').removeClass('hide');
+    $.supersized({
+        // Functionality
+        slideshow: 1,			// Slideshow on/off
+        autoplay: 1,			// Slideshow starts playing automatically
+        start_slide: 1,			// Start slide (0 is random)
+        stop_loop: 0,			// Pauses slideshow on last slide
+        random: 0,			// Randomize slide order (Ignores start slide)
+        slide_interval: 5000,		// Length between transitions
+        transition: 1, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
+        transition_speed: 1000,		// Speed of transition
+        new_window: 0,			// Image links open in new window/tab
+        pause_hover: 0,			// Pause slideshow on hover
+        keyboard_nav: 1,			// Keyboard navigation on/off
+        performance: 1,			// 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
+        image_protect: 1,			// Disables image dragging and right click with Javascript
+
+        min_width: 0,			// Min width allowed (in pixels)
+        min_height: 0,			// Min height allowed (in pixels)
+        vertical_center: 1,			// Vertically center background
+        horizontal_center: 1,			// Horizontally center background
+        fit_always: 0,			// Image will never exceed browser width or height (Ignores min. dimensions)
+        fit_portrait: 1,			// Portrait images will not exceed browser height
+        fit_landscape: 0,			// Landscape images will not exceed browser width
+
+        // Components
+        slide_links: 'name',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
+        thumb_links: 0,			// Individual thumb links for each slide
+        thumbnail_navigation: 0,			// Thumbnail navigation
+        slides: [			// Slideshow Images
+            {
+                image: 'img/sp-magic.png',
+                title: 'sp-magic',
+                thumb: 'img/sp-magic.png',
+                url: 'http://sp-magic.de'
+            },
+            {
+                image: 'img/sp-codes.png',
+                title: 'sp-codes',
+                thumb: 'img/sp-codes.png',
+                url: 'http://sp-codes.de'
+            }],
+
+        // Theme Options
+        progress_bar: 1,			// Timer for each slide
+        mouse_scrub: 0
+    });
+});