From 9e19e8388c4d0890fef24ee71e097f32f0b46731 Mon Sep 17 00:00:00 2001
From: samuel-p <codes@samuel-philipp.de>
Date: Sun, 27 Nov 2016 02:46:25 +0100
Subject: [PATCH] Heading added

---
 index.html                  | 28 +++++++++++++++++++++++++++-
 theme/supersized.shutter.js |  9 ++++++++-
 2 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index bebe070..1b7181c 100644
--- a/index.html
+++ b/index.html
@@ -14,10 +14,12 @@
     <script type="text/javascript" src="js/vendor/jquery.flip.min.js"></script>
 
     <script type="text/javascript" src="js/vendor/supersized.3.2.7.min.js"></script>
-    <script type="text/javascript" src="theme/supersized.shutter.min.js"></script>
+    <script type="text/javascript" src="theme/supersized.shutter.js"></script>
 
     <script type="text/javascript">
         $(document).ready(function () {
+            $('#prevslide').removeClass('hide');
+            $('#nextslide').removeClass('hide');
             $.supersized({
                 // Functionality
                 slideshow: 1,			// Slideshow on/off
@@ -123,6 +125,27 @@
             -moz-border-radius: 7px;
             border-radius: 7px;
         }
+
+        #magician {
+            color: #000000;
+            position: fixed;
+            left: 50%;
+            transform: translateX(-50%);
+            bottom: 15%;
+            font-family: "Daniel Black", cursive;
+            font-size: 50pt;
+        }
+
+        #developer {
+            color: #ffffff;
+            position: fixed;
+            left: 50%;
+            transform: translate(-50%);
+            top: 50%;
+            font-family: "Courier New", monospace;
+            font-size: 50pt;
+            font-weight: bold;
+        }
     </style>
 
     <!-- Piwik -->
@@ -151,6 +174,9 @@
 <a id="prevslide" class="load-item hide"></a>
 <a id="nextslide" class="load-item hide"></a>
 
+<h1 id="magician" style="display: none;">Zauberkünstler</h1>
+<h1 id="developer" style="display: none;">Softwareentwickler</h1>
+
 <div class="list">
     <div class="item">
         <a href="https://www.sp-magic.de"><img src="img/sp-magic.png"/></a>
diff --git a/theme/supersized.shutter.js b/theme/supersized.shutter.js
index db305c7..19bed79 100644
--- a/theme/supersized.shutter.js
+++ b/theme/supersized.shutter.js
@@ -270,7 +270,14 @@
 				
 				
 			}
-		    
+
+			if (api.getField('title') == 'sp-magic') {
+				$('#magician').fadeIn();
+				$('#developer').fadeOut();
+			} else if (api.getField('title') == 'sp-codes') {
+				$('#magician').fadeOut();
+				$('#developer').fadeIn();
+			}
 	 	},