version 2 release
This commit is contained in:
parent
4d3ae14656
commit
edcb2f591c
30 changed files with 104 additions and 1188 deletions
120
css/app.css
120
css/app.css
|
|
@ -1,7 +1,3 @@
|
||||||
#maximage div {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Minotaur';
|
font-family: 'Minotaur';
|
||||||
src: local('Minotaur Phatte'), url(../font/minotaur.ttf) format('truetype');
|
src: local('Minotaur Phatte'), url(../font/minotaur.ttf) format('truetype');
|
||||||
|
|
@ -12,84 +8,80 @@ body {
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
body {
|
||||||
max-width: 128px;
|
padding: 0;
|
||||||
max-height: 128px;
|
margin: 0;
|
||||||
background-color: #ffffff;
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 1px solid #222222;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.image {
|
||||||
|
display: block;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center center;
|
||||||
|
background-size: cover;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 128px;
|
top: -25px;
|
||||||
height: 128px;
|
left: -25px;
|
||||||
bottom: 1rem;
|
width: calc(100% + 50px);
|
||||||
|
height: calc(100% + 50px);
|
||||||
|
z-index: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon.right {
|
#developer {
|
||||||
right: 1rem;
|
background-image: url('../img/sp-codes.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon.left {
|
#magician {
|
||||||
left: 1rem;
|
background-image: url('../img/sp-magic_overlay.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
.hide {
|
.headers {
|
||||||
display: none;
|
position: fixed;
|
||||||
}
|
top: 0;
|
||||||
|
left: 0;
|
||||||
.list {
|
width: 100%;
|
||||||
margin: 5% auto;
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
/*justify-content: stretch;*/
|
||||||
|
align-items: stretch;
|
||||||
|
/*align-content: stretch;*/
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list .item {
|
.headers .magician {
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .item img {
|
|
||||||
width: 512px;
|
|
||||||
border: 1px solid #fff;
|
|
||||||
-webkit-border-radius: 7px;
|
|
||||||
-moz-border-radius: 7px;
|
|
||||||
border-radius: 7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#magician h1 {
|
|
||||||
color: #000000;
|
color: #000000;
|
||||||
position: fixed;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
bottom: 15%;
|
|
||||||
font-family: "Minotaur", cursive;
|
|
||||||
font-size: 70pt;
|
|
||||||
font-weight: normal;
|
|
||||||
text-decoration: none;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#developer h1 {
|
|
||||||
color: #ffffff;
|
|
||||||
position: fixed;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%);
|
|
||||||
top: 50%;
|
|
||||||
font-family: "Minotaur", monospace;
|
|
||||||
font-size: 70pt;
|
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: none;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .magician {
|
|
||||||
color: #ffffff;
|
|
||||||
font-family: "Minotaur", cursive;
|
font-family: "Minotaur", cursive;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
font-size: 5rem;
|
||||||
|
text-shadow: 0 0 1rem #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list .developer {
|
.headers .developer {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-family: "Minotaur", monospace;
|
font-family: "Minotaur", monospace;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
font-size: 5rem;
|
||||||
|
text-shadow: 0 0 1rem #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headers a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headers .codes {
|
||||||
|
flex-grow: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headers .magic {
|
||||||
|
flex-grow: 0.6;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headers .padding {
|
||||||
|
flex-grow: 1.3;
|
||||||
}
|
}
|
||||||
|
|
@ -1,30 +0,0 @@
|
||||||
/*
|
|
||||||
|
|
||||||
Supersized - Fullscreen Slideshow jQuery Plugin
|
|
||||||
Version : 3.2.7
|
|
||||||
Site : www.buildinternet.com/project/supersized
|
|
||||||
|
|
||||||
Author : Sam Dunn
|
|
||||||
Company : One Mighty Roar (www.onemightyroar.com)
|
|
||||||
License : MIT License / GPL License
|
|
||||||
|
|
||||||
*/
|
|
||||||
|
|
||||||
* { margin:0; padding:0; }
|
|
||||||
body { background:#111; height:100%; }
|
|
||||||
img { border:none; }
|
|
||||||
|
|
||||||
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
|
|
||||||
|
|
||||||
#supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
|
|
||||||
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
|
|
||||||
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/
|
|
||||||
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/
|
|
||||||
|
|
||||||
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
|
|
||||||
#supersized a { width:100%; height:100%; display:block; }
|
|
||||||
#supersized li.prevslide { z-index:-20; }
|
|
||||||
#supersized li.activeslide { z-index:-10; }
|
|
||||||
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
|
|
||||||
#supersized li.image-loading img{ visibility:hidden; }
|
|
||||||
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
|
|
||||||
BIN
img/back.png
BIN
img/back.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
BIN
img/bg-black.png
BIN
img/bg-black.png
Binary file not shown.
|
Before Width: | Height: | Size: 1 KiB |
BIN
img/bg-hover.png
BIN
img/bg-hover.png
Binary file not shown.
|
Before Width: | Height: | Size: 960 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
BIN
img/forward.png
BIN
img/forward.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
BIN
img/nav-bg.png
BIN
img/nav-bg.png
Binary file not shown.
|
Before Width: | Height: | Size: 995 B |
BIN
img/nav-dot.png
BIN
img/nav-dot.png
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
BIN
img/pause.png
BIN
img/pause.png
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
BIN
img/play.png
BIN
img/play.png
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 929 B |
Binary file not shown.
|
Before Width: | Height: | Size: 929 B |
BIN
img/progress.gif
BIN
img/progress.gif
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 3.2 MiB After Width: | Height: | Size: 3.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
161
index-v2.html
161
index-v2.html
|
|
@ -1,161 +0,0 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="" xmlns="" xml:lang="en" lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<title>Samuel Philipp</title>
|
|
||||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
|
||||||
<link rel="shortcut icon" href="img/samuel.png">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="css/app.css" type="text/css" media="screen"/>
|
|
||||||
|
|
||||||
<script type="text/javascript" src="js/vendor/jquery-2.2.4.min.js"></script>
|
|
||||||
<!--<script type="text/javascript" src="js/vendor/jquery.easing.min.js"></script>-->
|
|
||||||
<!--<script type="text/javascript" src="js/vendor/jquery.flip.min.js"></script>-->
|
|
||||||
<!--<script type="text/javascript" src="js/app.js"></script>-->
|
|
||||||
|
|
||||||
<style type="text/css">
|
|
||||||
body {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image {
|
|
||||||
display: block;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center center;
|
|
||||||
/*background-attachment: fixed;*/
|
|
||||||
background-size: cover;
|
|
||||||
position: fixed;
|
|
||||||
top: -25px;
|
|
||||||
left: -25px;
|
|
||||||
width: calc(100% + 50px);
|
|
||||||
height: calc(100% + 50px);
|
|
||||||
z-index: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#top-image {
|
|
||||||
background-image: url('img/sp-codes.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
#topper-image {
|
|
||||||
background-image: url('img/samuel-philipp_v2-overlay.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.headers {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
/*justify-content: stretch;*/
|
|
||||||
align-items: stretch;
|
|
||||||
/*align-content: stretch;*/
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.headers .magician {
|
|
||||||
color: #000000;
|
|
||||||
font-family: "Minotaur", cursive;
|
|
||||||
font-weight: normal;
|
|
||||||
font-size: 5rem;
|
|
||||||
text-shadow: 0 0 1rem #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.headers .developer {
|
|
||||||
color: #ffffff;
|
|
||||||
font-family: "Minotaur", monospace;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 5rem;
|
|
||||||
text-shadow: 0 0 1rem #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.headers a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.headers .codes {
|
|
||||||
flex-grow: 1;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.headers .magic {
|
|
||||||
flex-grow: 0.6;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.headers .padding {
|
|
||||||
flex-grow: 1.3;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<script type="application/javascript">
|
|
||||||
$(document).ready(function () {
|
|
||||||
document.addEventListener('touchmove', function (event) {
|
|
||||||
event.preventDefault();
|
|
||||||
var e = event.touches[0];
|
|
||||||
move(e);
|
|
||||||
});
|
|
||||||
document.addEventListener('mousemove', function (event) {
|
|
||||||
event.preventDefault();
|
|
||||||
move(event);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
function move(event) {
|
|
||||||
var mouseX, mouseY;
|
|
||||||
var ww = $(window).width();
|
|
||||||
var wh = $(window).height();
|
|
||||||
var traX, traY, traX2, traY2;
|
|
||||||
mouseX = event.pageX;
|
|
||||||
mouseY = event.pageY;
|
|
||||||
traX = (((50 * mouseX) / ww)) - 50;
|
|
||||||
traY = (((50 * mouseY) / wh)) - 50;
|
|
||||||
traX2 = (50 + traX) * -1;
|
|
||||||
traY2 = (50 + traY) * -1;
|
|
||||||
console.log(traX);
|
|
||||||
$('#topper-image').css({
|
|
||||||
"left": traX + "px",
|
|
||||||
"top": traY + "px"
|
|
||||||
});
|
|
||||||
$('#links').css({
|
|
||||||
"left": traX + "px",
|
|
||||||
"top": traY + "px"
|
|
||||||
});
|
|
||||||
$('#top-image').css({
|
|
||||||
"left": traX2 + "px",
|
|
||||||
"top": traY2 + "px"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="top-image" class="image"></div>
|
|
||||||
<div id="topper-image" class="image"></div>
|
|
||||||
<div class="headers">
|
|
||||||
<div class="codes">
|
|
||||||
<h1 class="developer">Software Engineer</h1>
|
|
||||||
</div>
|
|
||||||
<div class="padding"></div>
|
|
||||||
<div class="magic">
|
|
||||||
<h1 class="magician">Magician</h1>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<code id="links" class="image">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
||||||
version="1.1" width="100%" height="100%" viewBox="0 0 2560 1440" preserveAspectRatio="xMidYMid slice">
|
|
||||||
<a xlink:href="//sp-codes.de" style="width: 100%; height: 100%;">
|
|
||||||
<path d="M 0,796 C 0,796 1330,480 2560,460 L 2560,0 L 0,0 Z" fill-opacity="0"></path>
|
|
||||||
</a>
|
|
||||||
<a xlink:href="//sp-magic.de" style="width: 100%; height: 100%;">
|
|
||||||
<path d="M 0,796 C 0,796 1330,480 2560,460 L 2560,1440 L 0,1440 Z" fill-opacity="0"></path>
|
|
||||||
</a>
|
|
||||||
</svg>
|
|
||||||
</code>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
76
index.html
76
index.html
|
|
@ -1,69 +1,35 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="" xmlns="" xml:lang="en" lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>Samuel Philipp</title>
|
<title>Samuel Philipp</title>
|
||||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
||||||
<link rel="shortcut icon" href="img/samuel.png">
|
<link rel="shortcut icon" href="img/samuel.png">
|
||||||
|
|
||||||
<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen"/>
|
|
||||||
<link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" media="screen"/>
|
|
||||||
<link rel="stylesheet" href="css/app.css" type="text/css" media="screen"/>
|
<link rel="stylesheet" href="css/app.css" type="text/css" media="screen"/>
|
||||||
|
|
||||||
<script type="text/javascript" src="js/vendor/jquery-2.2.4.min.js"></script>
|
|
||||||
<script type="text/javascript" src="js/vendor/jquery.easing.min.js"></script>
|
|
||||||
<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.js"></script>
|
|
||||||
|
|
||||||
<script type="text/javascript" src="js/app.js"></script>
|
|
||||||
|
|
||||||
<!-- Matomo -->
|
|
||||||
<script type="text/javascript">
|
|
||||||
var _paq = _paq || [];
|
|
||||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
|
||||||
_paq.push(['trackPageView']);
|
|
||||||
_paq.push(['enableLinkTracking']);
|
|
||||||
(function() {
|
|
||||||
var u="//matomo.sp-codes.de/";
|
|
||||||
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
|
||||||
_paq.push(['setSiteId', '1']);
|
|
||||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
||||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
|
||||||
})();
|
|
||||||
</script>
|
|
||||||
<noscript><p><img src="//matomo.sp-codes.de/piwik.php?idsite=1&rec=1" style="border:0;" alt="" /></p></noscript>
|
|
||||||
<!-- End Matomo Code -->
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!--Arrow Navigation-->
|
<div id="developer" class="image"></div>
|
||||||
<a id="prevslide" class="load-item hide"></a>
|
<div id="magician" class="image"></div>
|
||||||
<a id="nextslide" class="load-item hide"></a>
|
<div class="headers">
|
||||||
|
<div class="codes">
|
||||||
<a id="magician" style="display: none;" href="https://www.sp-magic.de"><h1 class="magician">Magician</h1></a>
|
|
||||||
<a id="developer" style="display: none;" href="https://www.sp-codes.de"><h1 class="developer">Software Engineer</h1></a>
|
|
||||||
|
|
||||||
<div class="list">
|
|
||||||
<div class="item">
|
|
||||||
<h1 class="magician">Magician</h1>
|
|
||||||
<a href="https://www.sp-magic.de"><img src="img/sp-magic.png" alt="sp-magic"/></a>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<h1 class="developer">Software Engineer</h1>
|
<h1 class="developer">Software Engineer</h1>
|
||||||
<a href="https://www.sp-codes.de"><img src="img/sp-codes.png" alt="sp-codes"/></a>
|
</div>
|
||||||
</div>
|
<div class="padding"></div>
|
||||||
</div>
|
<div class="magic">
|
||||||
|
<h1 class="magician">Magician</h1>
|
||||||
<div class="icon right">
|
|
||||||
<div id="card">
|
|
||||||
<div class="front">
|
|
||||||
<img class="logo" src="img/samuel.png" alt="samuel">
|
|
||||||
</div>
|
|
||||||
<div class="back hide">
|
|
||||||
<img class="logo" src="img/samuel.png" alt="samuel">
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<code id="links" class="image">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
version="1.1" width="100%" height="100%" viewBox="0 0 2560 1440" preserveAspectRatio="xMidYMid slice">
|
||||||
|
<a xlink:href="//sp-codes.de" style="width: 100%; height: 100%;">
|
||||||
|
<path d="M 0,796 C 0,796 1330,480 2560,460 L 2560,0 L 0,0 Z" fill-opacity="0"></path>
|
||||||
|
</a>
|
||||||
|
<a xlink:href="//sp-magic.de" style="width: 100%; height: 100%;">
|
||||||
|
<path d="M 0,796 C 0,796 1330,480 2560,460 L 2560,1440 L 0,1440 Z" fill-opacity="0"></path>
|
||||||
|
</a>
|
||||||
|
</svg>
|
||||||
|
</code>
|
||||||
|
<script type="text/javascript" src="js/app.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
88
js/app.js
88
js/app.js
|
|
@ -1,63 +1,29 @@
|
||||||
function enableIcon(icon) {
|
const developer = document.getElementById('developer');
|
||||||
icon.css('cursor', 'pointer');
|
const magician = document.getElementById('magician');
|
||||||
icon.find('.back').removeClass('hide');
|
const links = document.getElementById('links');
|
||||||
icon.flip({
|
|
||||||
trigger: 'click',
|
document.addEventListener('touchmove', function (event) {
|
||||||
speed: 500,
|
event.preventDefault();
|
||||||
reverse: false
|
var e = event.touches[0];
|
||||||
|
move(e);
|
||||||
});
|
});
|
||||||
|
document.addEventListener('mousemove', function (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
move(event);
|
||||||
|
});
|
||||||
|
|
||||||
|
function move(event) {
|
||||||
|
let body = document.getElementsByTagName('body')[0];
|
||||||
|
const width = window.innerWidth || document.documentElement.clientWidth || body.clientWidth;
|
||||||
|
const height= window.innerHeight|| document.documentElement.clientHeight|| body.clientHeight;
|
||||||
|
const traX = (((50 * event.pageX) / width)) - 50;
|
||||||
|
const traY = (((50 * event.pageY) / height)) - 50;
|
||||||
|
const traX2 = (50 + traX) * -1;
|
||||||
|
const traY2 = (50 + traY) * -1;
|
||||||
|
magician.style.left = traX + 'px';
|
||||||
|
magician.style.top = traY + 'px';
|
||||||
|
links.style.left = traX + 'px';
|
||||||
|
links.style.top = traY + 'px';
|
||||||
|
developer.style.left = traX2 + 'px';
|
||||||
|
developer.style.top = traY2 + 'px';
|
||||||
}
|
}
|
||||||
|
|
||||||
$(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
|
|
||||||
});
|
|
||||||
});
|
|
||||||
4
js/vendor/jquery-2.2.4.min.js
vendored
4
js/vendor/jquery-2.2.4.min.js
vendored
File diff suppressed because one or more lines are too long
71
js/vendor/jquery.easing.min.js
vendored
71
js/vendor/jquery.easing.min.js
vendored
|
|
@ -1,71 +0,0 @@
|
||||||
/*
|
|
||||||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
|
||||||
*
|
|
||||||
* Uses the built in easing capabilities added In jQuery 1.1
|
|
||||||
* to offer multiple easing options
|
|
||||||
*
|
|
||||||
* TERMS OF USE - jQuery Easing
|
|
||||||
*
|
|
||||||
* Open source under the BSD License.
|
|
||||||
*
|
|
||||||
* Copyright å© 2008 George McGinley Smith
|
|
||||||
* All rights reserved.
|
|
||||||
*
|
|
||||||
* Redistribution and use in source and binary forms, with or without modification,
|
|
||||||
* are permitted provided that the following conditions are met:
|
|
||||||
*
|
|
||||||
* Redistributions of source code must retain the above copyright notice, this list of
|
|
||||||
* conditions and the following disclaimer.
|
|
||||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
|
||||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
|
||||||
* provided with the distribution.
|
|
||||||
*
|
|
||||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
|
||||||
* or promote products derived from this software without specific prior written permission.
|
|
||||||
*
|
|
||||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
|
||||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
|
||||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
|
||||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
|
||||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
|
||||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
|
||||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
|
||||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
|
||||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});
|
|
||||||
|
|
||||||
/*
|
|
||||||
*
|
|
||||||
* TERMS OF USE - EASING EQUATIONS
|
|
||||||
*
|
|
||||||
* Open source under the BSD License.
|
|
||||||
*
|
|
||||||
* Copyright å© 2001 Robert Penner
|
|
||||||
* All rights reserved.
|
|
||||||
*
|
|
||||||
* Redistribution and use in source and binary forms, with or without modification,
|
|
||||||
* are permitted provided that the following conditions are met:
|
|
||||||
*
|
|
||||||
* Redistributions of source code must retain the above copyright notice, this list of
|
|
||||||
* conditions and the following disclaimer.
|
|
||||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
|
||||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
|
||||||
* provided with the distribution.
|
|
||||||
*
|
|
||||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
|
||||||
* or promote products derived from this software without specific prior written permission.
|
|
||||||
*
|
|
||||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
|
||||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
|
||||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
|
||||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
|
||||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
|
||||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
|
||||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
|
||||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
|
||||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
6
js/vendor/jquery.flip.min.js
vendored
6
js/vendor/jquery.flip.min.js
vendored
|
|
@ -1,6 +0,0 @@
|
||||||
/*! flip - v1.1.1 - 2016-05-25
|
|
||||||
* https://github.com/nnattawat/flip
|
|
||||||
* Copyright (c) 2016 Nattawat Nonsung; Licensed MIT */
|
|
||||||
|
|
||||||
!function(a){var b=function(){var a,b=document.createElement("fakeelement"),c={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(a in c)if(void 0!==b.style[a])return c[a]},c=function(b,c,d){this.setting={axis:"y",reverse:!1,trigger:"click",speed:500,forceHeight:!1,forceWidth:!1,autoSize:!0,front:".front",back:".back"},this.setting=a.extend(this.setting,c),"string"!=typeof c.axis||"x"!==c.axis.toLowerCase()&&"y"!==c.axis.toLowerCase()||(this.setting.axis=c.axis.toLowerCase()),"boolean"==typeof c.reverse&&(this.setting.reverse=c.reverse),"string"==typeof c.trigger&&(this.setting.trigger=c.trigger.toLowerCase());var e=parseInt(c.speed);isNaN(e)||(this.setting.speed=e),"boolean"==typeof c.forceHeight&&(this.setting.forceHeight=c.forceHeight),"boolean"==typeof c.forceWidth&&(this.setting.forceWidth=c.forceWidth),"boolean"==typeof c.autoSize&&(this.setting.autoSize=c.autoSize),("string"==typeof c.front||c.front instanceof a)&&(this.setting.front=c.front),("string"==typeof c.back||c.back instanceof a)&&(this.setting.back=c.back),this.element=b,this.frontElement=this.getFrontElement(),this.backElement=this.getBackElement(),this.isFlipped=!1,this.init(d)};a.extend(c.prototype,{flipDone:function(a){var c=this;c.element.one(b(),function(){c.element.trigger("flip:done"),"function"==typeof a&&a.call(c.element)})},flip:function(a){if(!this.isFlipped){this.isFlipped=!0;var b="rotate"+this.setting.axis;this.frontElement.css({transform:b+(this.setting.reverse?"(-180deg)":"(180deg)"),"z-index":"0"}),this.backElement.css({transform:b+"(0deg)","z-index":"1"}),this.flipDone(a)}},unflip:function(a){if(this.isFlipped){this.isFlipped=!1;var b="rotate"+this.setting.axis;this.frontElement.css({transform:b+"(0deg)","z-index":"1"}),this.backElement.css({transform:b+(this.setting.reverse?"(180deg)":"(-180deg)"),"z-index":"0"}),this.flipDone(a)}},getFrontElement:function(){return this.setting.front instanceof a?this.setting.front:this.element.find(this.setting.front)},getBackElement:function(){return this.setting.back instanceof a?this.setting.back:this.element.find(this.setting.back)},init:function(a){var b=this,c=b.frontElement.add(b.backElement),d="rotate"+b.setting.axis,e=2*b.element["outer"+("rotatex"===d?"Height":"Width")](),f={perspective:e,position:"relative"},g={transform:d+"("+(b.setting.reverse?"180deg":"-180deg")+")","z-index":"0"},h={"backface-visibility":"hidden","transform-style":"preserve-3d",position:"absolute","z-index":"1"};b.setting.forceHeight?c.outerHeight(b.element.height()):b.setting.autoSize&&(h.height="100%"),b.setting.forceWidth?c.outerWidth(b.element.width()):b.setting.autoSize&&(h.width="100%"),(window.chrome||window.Intl&&Intl.v8BreakIterator)&&"CSS"in window&&(f["-webkit-transform-style"]="preserve-3d"),b.element.css(f),b.backElement.css(g),c.css(h).find("*").css({"backface-visibility":"hidden"}),setTimeout(function(){var d=b.setting.speed/1e3||.5;c.css({transition:"all "+d+"s ease-out"}),"function"==typeof a&&a.call(b.element)},20),b.attachEvents()},clickHandler:function(b){b||(b=window.event),this.element.find(a(b.target).closest('button, a, input[type="submit"]')).length||(this.isFlipped?this.unflip():this.flip())},hoverHandler:function(){var b=this;b.element.off("mouseleave.flip"),b.flip(),setTimeout(function(){b.element.on("mouseleave.flip",a.proxy(b.unflip,b)),b.element.is(":hover")||b.unflip()},b.setting.speed+150)},attachEvents:function(){var b=this;"click"===b.setting.trigger?b.element.on(a.fn.tap?"tap.flip":"click.flip",a.proxy(b.clickHandler,b)):"hover"===b.setting.trigger&&(b.element.on("mouseenter.flip",a.proxy(b.hoverHandler,b)),b.element.on("mouseleave.flip",a.proxy(b.unflip,b)))},flipChanged:function(a){this.element.trigger("flip:change"),"function"==typeof a&&a.call(this.element)},changeSettings:function(a,b){var c=this,d=!1;if(void 0!==a.axis&&c.setting.axis!==a.axis.toLowerCase()&&(c.setting.axis=a.axis.toLowerCase(),d=!0),void 0!==a.reverse&&c.setting.reverse!==a.reverse&&(c.setting.reverse=a.reverse,d=!0),d){var e=c.frontElement.add(c.backElement),f=e.css(["transition-property","transition-timing-function","transition-duration","transition-delay"]);e.css({transition:"none"});var g="rotate"+c.setting.axis;c.isFlipped?c.frontElement.css({transform:g+(c.setting.reverse?"(-180deg)":"(180deg)"),"z-index":"0"}):c.backElement.css({transform:g+(c.setting.reverse?"(180deg)":"(-180deg)"),"z-index":"0"}),setTimeout(function(){e.css(f),c.flipChanged(b)},0)}else c.flipChanged(b)}}),a.fn.flip=function(b,d){return"function"==typeof b&&(d=b),"string"==typeof b||"boolean"==typeof b?this.each(function(){var c=a(this).data("flip-model");"toggle"===b&&(b=!c.isFlipped),b?c.flip(d):c.unflip(d)}):this.each(function(){if(a(this).data("flip-model")){var e=a(this).data("flip-model");!b||void 0===b.axis&&void 0===b.reverse||e.changeSettings(b,d)}else a(this).data("flip-model",new c(a(this),b||{},d))}),this}}(jQuery);
|
|
||||||
//# sourceMappingURL=jquery.flip.min.js.map
|
|
||||||
11
js/vendor/supersized.3.2.7.min.js
vendored
11
js/vendor/supersized.3.2.7.min.js
vendored
File diff suppressed because one or more lines are too long
295
js/vendor/what-input.js
vendored
295
js/vendor/what-input.js
vendored
|
|
@ -1,295 +0,0 @@
|
||||||
window.whatInput = (function() {
|
|
||||||
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
/*
|
|
||||||
---------------
|
|
||||||
variables
|
|
||||||
---------------
|
|
||||||
*/
|
|
||||||
|
|
||||||
// array of actively pressed keys
|
|
||||||
var activeKeys = [];
|
|
||||||
|
|
||||||
// cache document.body
|
|
||||||
var body;
|
|
||||||
|
|
||||||
// boolean: true if touch buffer timer is running
|
|
||||||
var buffer = false;
|
|
||||||
|
|
||||||
// the last used input type
|
|
||||||
var currentInput = null;
|
|
||||||
|
|
||||||
// `input` types that don't accept text
|
|
||||||
var nonTypingInputs = [
|
|
||||||
'button',
|
|
||||||
'checkbox',
|
|
||||||
'file',
|
|
||||||
'image',
|
|
||||||
'radio',
|
|
||||||
'reset',
|
|
||||||
'submit'
|
|
||||||
];
|
|
||||||
|
|
||||||
// detect version of mouse wheel event to use
|
|
||||||
// via https://developer.mozilla.org/en-US/docs/Web/Events/wheel
|
|
||||||
var mouseWheel = detectWheel();
|
|
||||||
|
|
||||||
// list of modifier keys commonly used with the mouse and
|
|
||||||
// can be safely ignored to prevent false keyboard detection
|
|
||||||
var ignoreMap = [
|
|
||||||
16, // shift
|
|
||||||
17, // control
|
|
||||||
18, // alt
|
|
||||||
91, // Windows key / left Apple cmd
|
|
||||||
93 // Windows menu / right Apple cmd
|
|
||||||
];
|
|
||||||
|
|
||||||
// mapping of events to input types
|
|
||||||
var inputMap = {
|
|
||||||
'keydown': 'keyboard',
|
|
||||||
'keyup': 'keyboard',
|
|
||||||
'mousedown': 'mouse',
|
|
||||||
'mousemove': 'mouse',
|
|
||||||
'MSPointerDown': 'pointer',
|
|
||||||
'MSPointerMove': 'pointer',
|
|
||||||
'pointerdown': 'pointer',
|
|
||||||
'pointermove': 'pointer',
|
|
||||||
'touchstart': 'touch'
|
|
||||||
};
|
|
||||||
|
|
||||||
// add correct mouse wheel event mapping to `inputMap`
|
|
||||||
inputMap[detectWheel()] = 'mouse';
|
|
||||||
|
|
||||||
// array of all used input types
|
|
||||||
var inputTypes = [];
|
|
||||||
|
|
||||||
// mapping of key codes to a common name
|
|
||||||
var keyMap = {
|
|
||||||
9: 'tab',
|
|
||||||
13: 'enter',
|
|
||||||
16: 'shift',
|
|
||||||
27: 'esc',
|
|
||||||
32: 'space',
|
|
||||||
37: 'left',
|
|
||||||
38: 'up',
|
|
||||||
39: 'right',
|
|
||||||
40: 'down'
|
|
||||||
};
|
|
||||||
|
|
||||||
// map of IE 10 pointer events
|
|
||||||
var pointerMap = {
|
|
||||||
2: 'touch',
|
|
||||||
3: 'touch', // treat pen like touch
|
|
||||||
4: 'mouse'
|
|
||||||
};
|
|
||||||
|
|
||||||
// touch buffer timer
|
|
||||||
var timer;
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
---------------
|
|
||||||
functions
|
|
||||||
---------------
|
|
||||||
*/
|
|
||||||
|
|
||||||
// allows events that are also triggered to be filtered out for `touchstart`
|
|
||||||
function eventBuffer() {
|
|
||||||
clearTimer();
|
|
||||||
setInput(event);
|
|
||||||
|
|
||||||
buffer = true;
|
|
||||||
timer = window.setTimeout(function() {
|
|
||||||
buffer = false;
|
|
||||||
}, 650);
|
|
||||||
}
|
|
||||||
|
|
||||||
function bufferedEvent(event) {
|
|
||||||
if (!buffer) setInput(event);
|
|
||||||
}
|
|
||||||
|
|
||||||
function unBufferedEvent(event) {
|
|
||||||
clearTimer();
|
|
||||||
setInput(event);
|
|
||||||
}
|
|
||||||
|
|
||||||
function clearTimer() {
|
|
||||||
window.clearTimeout(timer);
|
|
||||||
}
|
|
||||||
|
|
||||||
function setInput(event) {
|
|
||||||
var eventKey = key(event);
|
|
||||||
var value = inputMap[event.type];
|
|
||||||
if (value === 'pointer') value = pointerType(event);
|
|
||||||
|
|
||||||
// don't do anything if the value matches the input type already set
|
|
||||||
if (currentInput !== value) {
|
|
||||||
var eventTarget = target(event);
|
|
||||||
var eventTargetNode = eventTarget.nodeName.toLowerCase();
|
|
||||||
var eventTargetType = (eventTargetNode === 'input') ? eventTarget.getAttribute('type') : null;
|
|
||||||
|
|
||||||
if (
|
|
||||||
(// only if the user flag to allow typing in form fields isn't set
|
|
||||||
!body.hasAttribute('data-whatinput-formtyping') &&
|
|
||||||
|
|
||||||
// only if currentInput has a value
|
|
||||||
currentInput &&
|
|
||||||
|
|
||||||
// only if the input is `keyboard`
|
|
||||||
value === 'keyboard' &&
|
|
||||||
|
|
||||||
// not if the key is `TAB`
|
|
||||||
keyMap[eventKey] !== 'tab' &&
|
|
||||||
|
|
||||||
// only if the target is a form input that accepts text
|
|
||||||
(
|
|
||||||
eventTargetNode === 'textarea' ||
|
|
||||||
eventTargetNode === 'select' ||
|
|
||||||
(eventTargetNode === 'input' && nonTypingInputs.indexOf(eventTargetType) < 0)
|
|
||||||
)) || (
|
|
||||||
// ignore modifier keys
|
|
||||||
ignoreMap.indexOf(eventKey) > -1
|
|
||||||
)
|
|
||||||
) {
|
|
||||||
// ignore keyboard typing
|
|
||||||
} else {
|
|
||||||
switchInput(value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (value === 'keyboard') logKeys(eventKey);
|
|
||||||
}
|
|
||||||
|
|
||||||
function switchInput(string) {
|
|
||||||
currentInput = string;
|
|
||||||
body.setAttribute('data-whatinput', currentInput);
|
|
||||||
|
|
||||||
if (inputTypes.indexOf(currentInput) === -1) inputTypes.push(currentInput);
|
|
||||||
}
|
|
||||||
|
|
||||||
function key(event) {
|
|
||||||
return (event.keyCode) ? event.keyCode : event.which;
|
|
||||||
}
|
|
||||||
|
|
||||||
function target(event) {
|
|
||||||
return event.target || event.srcElement;
|
|
||||||
}
|
|
||||||
|
|
||||||
function pointerType(event) {
|
|
||||||
if (typeof event.pointerType === 'number') {
|
|
||||||
return pointerMap[event.pointerType];
|
|
||||||
} else {
|
|
||||||
return (event.pointerType === 'pen') ? 'touch' : event.pointerType; // treat pen like touch
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// keyboard logging
|
|
||||||
function logKeys(eventKey) {
|
|
||||||
if (activeKeys.indexOf(keyMap[eventKey]) === -1 && keyMap[eventKey]) activeKeys.push(keyMap[eventKey]);
|
|
||||||
}
|
|
||||||
|
|
||||||
function unLogKeys(event) {
|
|
||||||
var eventKey = key(event);
|
|
||||||
var arrayPos = activeKeys.indexOf(keyMap[eventKey]);
|
|
||||||
|
|
||||||
if (arrayPos !== -1) activeKeys.splice(arrayPos, 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
function bindEvents() {
|
|
||||||
body = document.body;
|
|
||||||
|
|
||||||
// pointer events (mouse, pen, touch)
|
|
||||||
if (window.PointerEvent) {
|
|
||||||
body.addEventListener('pointerdown', bufferedEvent);
|
|
||||||
body.addEventListener('pointermove', bufferedEvent);
|
|
||||||
} else if (window.MSPointerEvent) {
|
|
||||||
body.addEventListener('MSPointerDown', bufferedEvent);
|
|
||||||
body.addEventListener('MSPointerMove', bufferedEvent);
|
|
||||||
} else {
|
|
||||||
|
|
||||||
// mouse events
|
|
||||||
body.addEventListener('mousedown', bufferedEvent);
|
|
||||||
body.addEventListener('mousemove', bufferedEvent);
|
|
||||||
|
|
||||||
// touch events
|
|
||||||
if ('ontouchstart' in window) {
|
|
||||||
body.addEventListener('touchstart', eventBuffer);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// mouse wheel
|
|
||||||
body.addEventListener(mouseWheel, bufferedEvent);
|
|
||||||
|
|
||||||
// keyboard events
|
|
||||||
body.addEventListener('keydown', unBufferedEvent);
|
|
||||||
body.addEventListener('keyup', unBufferedEvent);
|
|
||||||
document.addEventListener('keyup', unLogKeys);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
---------------
|
|
||||||
utilities
|
|
||||||
---------------
|
|
||||||
*/
|
|
||||||
|
|
||||||
// detect version of mouse wheel event to use
|
|
||||||
// via https://developer.mozilla.org/en-US/docs/Web/Events/wheel
|
|
||||||
function detectWheel() {
|
|
||||||
return mouseWheel = 'onwheel' in document.createElement('div') ?
|
|
||||||
'wheel' : // Modern browsers support "wheel"
|
|
||||||
|
|
||||||
document.onmousewheel !== undefined ?
|
|
||||||
'mousewheel' : // Webkit and IE support at least "mousewheel"
|
|
||||||
'DOMMouseScroll'; // let's assume that remaining browsers are older Firefox
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
---------------
|
|
||||||
init
|
|
||||||
|
|
||||||
don't start script unless browser cuts the mustard,
|
|
||||||
also passes if polyfills are used
|
|
||||||
---------------
|
|
||||||
*/
|
|
||||||
|
|
||||||
if (
|
|
||||||
'addEventListener' in window &&
|
|
||||||
Array.prototype.indexOf
|
|
||||||
) {
|
|
||||||
|
|
||||||
// if the dom is already ready already (script was placed at bottom of <body>)
|
|
||||||
if (document.body) {
|
|
||||||
bindEvents();
|
|
||||||
|
|
||||||
// otherwise wait for the dom to load (script was placed in the <head>)
|
|
||||||
} else {
|
|
||||||
document.addEventListener('DOMContentLoaded', bindEvents);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
---------------
|
|
||||||
api
|
|
||||||
---------------
|
|
||||||
*/
|
|
||||||
|
|
||||||
return {
|
|
||||||
|
|
||||||
// returns string: the current input type
|
|
||||||
ask: function() { return currentInput; },
|
|
||||||
|
|
||||||
// returns array: currently pressed keys
|
|
||||||
keys: function() { return activeKeys; },
|
|
||||||
|
|
||||||
// returns array: all the detected input types
|
|
||||||
types: function() { return inputTypes; },
|
|
||||||
|
|
||||||
// accepts string: manually set the input type
|
|
||||||
set: switchInput
|
|
||||||
};
|
|
||||||
|
|
||||||
}());
|
|
||||||
|
|
@ -1,74 +0,0 @@
|
||||||
/*
|
|
||||||
|
|
||||||
Supersized - Fullscreen Slideshow jQuery Plugin
|
|
||||||
Version : 3.2.7
|
|
||||||
Site : www.buildinternet.com/project/supersized
|
|
||||||
|
|
||||||
Theme : Shutter 1.2
|
|
||||||
Author : Sam Dunn
|
|
||||||
Company : One Mighty Roar (www.onemightyroar.com)
|
|
||||||
License : MIT License / GPL License
|
|
||||||
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* Controls Bar
|
|
||||||
----------------------------*/
|
|
||||||
#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url(../img/nav-bg.png) repeat-x; position:fixed; }
|
|
||||||
#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
|
|
||||||
#slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
|
|
||||||
#slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; }
|
|
||||||
|
|
||||||
#navigation { float:right; margin:0px 20px 0 0; }
|
|
||||||
#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url('../img/bg-hover.png') repeat-x 0 44px; }
|
|
||||||
#play-button:hover{ background-position:0 1px; cursor:pointer; }
|
|
||||||
|
|
||||||
#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6; }
|
|
||||||
#prevslide{ left:10px; background:url('../img/back.png'); }
|
|
||||||
#nextslide{ right:10px; background:url('../img/forward.png'); }
|
|
||||||
#prevslide:active, #nextslide:active{ margin-top:-19px; }
|
|
||||||
#prevslide:hover, #nextslide:hover{ cursor:pointer; }
|
|
||||||
|
|
||||||
ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }
|
|
||||||
ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
|
|
||||||
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
|
|
||||||
ul#slide-list li a{ display:block; width:12px; height:12px; background:url('../img/nav-dot.png') no-repeat 0 -24px; }
|
|
||||||
ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }
|
|
||||||
|
|
||||||
#tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background:url('../img/bg-hover.png') repeat-x 0 44px; }
|
|
||||||
#tray-button:hover{ background-position:0 1px; cursor:pointer; }
|
|
||||||
|
|
||||||
|
|
||||||
/* Progress Bar
|
|
||||||
----------------------------*/
|
|
||||||
#progress-back{ z-index:5; position:fixed; bottom:42px; left:0; height:8px; width:100%; background:url('../img/progress-back.png') repeat-x; }
|
|
||||||
#progress-bar{ position:relative; height:8px; width:100%; background:url('../img/progress-bar.png') repeat-x; }
|
|
||||||
|
|
||||||
|
|
||||||
/* Thumbnail Navigation
|
|
||||||
----------------------------*/
|
|
||||||
#nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
|
|
||||||
#nextthumb { right:12px; }
|
|
||||||
#prevthumb { left:12px; }
|
|
||||||
#nextthumb img, #prevthumb img { width:150px; height:auto; }
|
|
||||||
#nextthumb:active, #prevthumb:active { bottom:59px; }
|
|
||||||
#nextthumb:hover, #prevthumb:hover { cursor:pointer; }
|
|
||||||
|
|
||||||
|
|
||||||
/* Thumbnail Tray
|
|
||||||
----------------------------*/
|
|
||||||
#thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; background:url(../img/bg-black.png); height:150px; width:100%; overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }
|
|
||||||
|
|
||||||
#thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; }
|
|
||||||
#thumb-back{ left:0; background: url('../img/thumb-back.png') no-repeat center center;}
|
|
||||||
#thumb-forward{ right:0; background:url('../img/thumb-forward.png') no-repeat center center;}
|
|
||||||
#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }
|
|
||||||
#thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
|
|
||||||
#thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }
|
|
||||||
|
|
||||||
|
|
||||||
ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
|
|
||||||
ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
|
|
||||||
ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
|
|
||||||
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
|
|
||||||
ul#thumb-list li:hover{ cursor:pointer; }
|
|
||||||
|
|
||||||
|
|
@ -1,344 +0,0 @@
|
||||||
/*
|
|
||||||
|
|
||||||
Supersized - Fullscreen Slideshow jQuery Plugin
|
|
||||||
Version : 3.2.7
|
|
||||||
Theme : Shutter 1.1
|
|
||||||
|
|
||||||
Site : www.buildinternet.com/project/supersized
|
|
||||||
Author : Sam Dunn
|
|
||||||
Company : One Mighty Roar (www.onemightyroar.com)
|
|
||||||
License : MIT License / GPL License
|
|
||||||
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function($){
|
|
||||||
|
|
||||||
theme = {
|
|
||||||
|
|
||||||
|
|
||||||
/* Initial Placement
|
|
||||||
----------------------------*/
|
|
||||||
_init : function(){
|
|
||||||
|
|
||||||
// Center Slide Links
|
|
||||||
if (api.options.slide_links) $(vars.slide_list).css('margin-left', -$(vars.slide_list).width()/2);
|
|
||||||
|
|
||||||
// Start progressbar if autoplay enabled
|
|
||||||
if (api.options.autoplay){
|
|
||||||
if (api.options.progress_bar) theme.progressBar();
|
|
||||||
}else{
|
|
||||||
if ($(vars.play_button).attr('src')) $(vars.play_button).attr("src", vars.image_path + "play.png"); // If pause play button is image, swap src
|
|
||||||
if (api.options.progress_bar) $(vars.progress_bar).stop().css({left : -$(window).width()}); // Place progress bar
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Thumbnail Tray
|
|
||||||
----------------------------*/
|
|
||||||
// Hide tray off screen
|
|
||||||
$(vars.thumb_tray).css({bottom : -$(vars.thumb_tray).height()});
|
|
||||||
|
|
||||||
// Thumbnail Tray Toggle
|
|
||||||
$(vars.tray_button).toggle(function(){
|
|
||||||
$(vars.thumb_tray).stop().animate({bottom : 0, avoidTransforms : true}, 300 );
|
|
||||||
if ($(vars.tray_arrow).attr('src')) $(vars.tray_arrow).attr("src", vars.image_path + "button-tray-down.png");
|
|
||||||
return false;
|
|
||||||
}, function() {
|
|
||||||
$(vars.thumb_tray).stop().animate({bottom : -$(vars.thumb_tray).height(), avoidTransforms : true}, 300 );
|
|
||||||
if ($(vars.tray_arrow).attr('src')) $(vars.tray_arrow).attr("src", vars.image_path + "button-tray-up.png");
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
// Make thumb tray proper size
|
|
||||||
$(vars.thumb_list).width($('> li', vars.thumb_list).length * $('> li', vars.thumb_list).outerWidth(true)); //Adjust to true width of thumb markers
|
|
||||||
|
|
||||||
// Display total slides
|
|
||||||
if ($(vars.slide_total).length){
|
|
||||||
$(vars.slide_total).html(api.options.slides.length);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Thumbnail Tray Navigation
|
|
||||||
----------------------------*/
|
|
||||||
if (api.options.thumb_links){
|
|
||||||
//Hide thumb arrows if not needed
|
|
||||||
if ($(vars.thumb_list).width() <= $(vars.thumb_tray).width()){
|
|
||||||
$(vars.thumb_back +','+vars.thumb_forward).fadeOut(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Thumb Intervals
|
|
||||||
vars.thumb_interval = Math.floor($(vars.thumb_tray).width() / $('> li', vars.thumb_list).outerWidth(true)) * $('> li', vars.thumb_list).outerWidth(true);
|
|
||||||
vars.thumb_page = 0;
|
|
||||||
|
|
||||||
// Cycle thumbs forward
|
|
||||||
$(vars.thumb_forward).click(function(){
|
|
||||||
if (vars.thumb_page - vars.thumb_interval <= -$(vars.thumb_list).width()){
|
|
||||||
vars.thumb_page = 0;
|
|
||||||
$(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'});
|
|
||||||
}else{
|
|
||||||
vars.thumb_page = vars.thumb_page - vars.thumb_interval;
|
|
||||||
$(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Cycle thumbs backwards
|
|
||||||
$(vars.thumb_back).click(function(){
|
|
||||||
if (vars.thumb_page + vars.thumb_interval > 0){
|
|
||||||
vars.thumb_page = Math.floor($(vars.thumb_list).width() / vars.thumb_interval) * -vars.thumb_interval;
|
|
||||||
if ($(vars.thumb_list).width() <= -vars.thumb_page) vars.thumb_page = vars.thumb_page + vars.thumb_interval;
|
|
||||||
$(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'});
|
|
||||||
}else{
|
|
||||||
vars.thumb_page = vars.thumb_page + vars.thumb_interval;
|
|
||||||
$(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Navigation Items
|
|
||||||
----------------------------*/
|
|
||||||
$(vars.next_slide).click(function() {
|
|
||||||
api.nextSlide();
|
|
||||||
});
|
|
||||||
|
|
||||||
$(vars.prev_slide).click(function() {
|
|
||||||
api.prevSlide();
|
|
||||||
});
|
|
||||||
|
|
||||||
// Full Opacity on Hover
|
|
||||||
if(jQuery.support.opacity){
|
|
||||||
$(vars.prev_slide +','+vars.next_slide).mouseover(function() {
|
|
||||||
$(this).stop().animate({opacity:1},100);
|
|
||||||
}).mouseout(function(){
|
|
||||||
$(this).stop().animate({opacity:0.6},100);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if (api.options.thumbnail_navigation){
|
|
||||||
// Next thumbnail clicked
|
|
||||||
$(vars.next_thumb).click(function() {
|
|
||||||
api.nextSlide();
|
|
||||||
});
|
|
||||||
// Previous thumbnail clicked
|
|
||||||
$(vars.prev_thumb).click(function() {
|
|
||||||
api.prevSlide();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
$(vars.play_button).click(function() {
|
|
||||||
api.playToggle();
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
/* Thumbnail Mouse Scrub
|
|
||||||
----------------------------*/
|
|
||||||
if (api.options.mouse_scrub){
|
|
||||||
$(vars.thumb_tray).mousemove(function(e) {
|
|
||||||
var containerWidth = $(vars.thumb_tray).width(),
|
|
||||||
listWidth = $(vars.thumb_list).width();
|
|
||||||
if (listWidth > containerWidth){
|
|
||||||
var mousePos = 1,
|
|
||||||
diff = e.pageX - mousePos;
|
|
||||||
if (diff > 10 || diff < -10) {
|
|
||||||
mousePos = e.pageX;
|
|
||||||
newX = (containerWidth - listWidth) * (e.pageX/containerWidth);
|
|
||||||
diff = parseInt(Math.abs(parseInt($(vars.thumb_list).css('left'))-newX )).toFixed(0);
|
|
||||||
$(vars.thumb_list).stop().animate({'left':newX}, {duration:diff*3, easing:'easeOutExpo'});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Window Resize
|
|
||||||
----------------------------*/
|
|
||||||
$(window).resize(function(){
|
|
||||||
|
|
||||||
// Delay progress bar on resize
|
|
||||||
if (api.options.progress_bar && !vars.in_animation){
|
|
||||||
if (vars.slideshow_interval) clearInterval(vars.slideshow_interval);
|
|
||||||
if (api.options.slides.length - 1 > 0) clearInterval(vars.slideshow_interval);
|
|
||||||
|
|
||||||
$(vars.progress_bar).stop().css({left : -$(window).width()});
|
|
||||||
|
|
||||||
if (!vars.progressDelay && api.options.slideshow){
|
|
||||||
// Delay slideshow from resuming so Chrome can refocus images
|
|
||||||
vars.progressDelay = setTimeout(function() {
|
|
||||||
if (!vars.is_paused){
|
|
||||||
theme.progressBar();
|
|
||||||
vars.slideshow_interval = setInterval(api.nextSlide, api.options.slide_interval);
|
|
||||||
}
|
|
||||||
vars.progressDelay = false;
|
|
||||||
}, 1000);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Thumb Links
|
|
||||||
if (api.options.thumb_links && vars.thumb_tray.length){
|
|
||||||
// Update Thumb Interval & Page
|
|
||||||
vars.thumb_page = 0;
|
|
||||||
vars.thumb_interval = Math.floor($(vars.thumb_tray).width() / $('> li', vars.thumb_list).outerWidth(true)) * $('> li', vars.thumb_list).outerWidth(true);
|
|
||||||
|
|
||||||
// Adjust thumbnail markers
|
|
||||||
if ($(vars.thumb_list).width() > $(vars.thumb_tray).width()){
|
|
||||||
$(vars.thumb_back +','+vars.thumb_forward).fadeIn('fast');
|
|
||||||
$(vars.thumb_list).stop().animate({'left':0}, 200);
|
|
||||||
}else{
|
|
||||||
$(vars.thumb_back +','+vars.thumb_forward).fadeOut('fast');
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
/* Go To Slide
|
|
||||||
----------------------------*/
|
|
||||||
goTo : function(){
|
|
||||||
if (api.options.progress_bar && !vars.is_paused){
|
|
||||||
$(vars.progress_bar).stop().css({left : -$(window).width()});
|
|
||||||
theme.progressBar();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/* Play & Pause Toggle
|
|
||||||
----------------------------*/
|
|
||||||
playToggle : function(state){
|
|
||||||
|
|
||||||
if (state =='play'){
|
|
||||||
// If image, swap to pause
|
|
||||||
if ($(vars.play_button).attr('src')) $(vars.play_button).attr("src", vars.image_path + "pause.png");
|
|
||||||
if (api.options.progress_bar && !vars.is_paused) theme.progressBar();
|
|
||||||
}else if (state == 'pause'){
|
|
||||||
// If image, swap to play
|
|
||||||
if ($(vars.play_button).attr('src')) $(vars.play_button).attr("src", vars.image_path + "play.png");
|
|
||||||
if (api.options.progress_bar && vars.is_paused)$(vars.progress_bar).stop().css({left : -$(window).width()});
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
/* Before Slide Transition
|
|
||||||
----------------------------*/
|
|
||||||
beforeAnimation : function(direction){
|
|
||||||
if (api.options.progress_bar && !vars.is_paused) $(vars.progress_bar).stop().css({left : -$(window).width()});
|
|
||||||
|
|
||||||
/* Update Fields
|
|
||||||
----------------------------*/
|
|
||||||
// Update slide caption
|
|
||||||
if ($(vars.slide_caption).length){
|
|
||||||
(api.getField('title')) ? $(vars.slide_caption).html(api.getField('title')) : $(vars.slide_caption).html('');
|
|
||||||
}
|
|
||||||
// Update slide number
|
|
||||||
if (vars.slide_current.length){
|
|
||||||
$(vars.slide_current).html(vars.current_slide + 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Highlight current thumbnail and adjust row position
|
|
||||||
if (api.options.thumb_links){
|
|
||||||
|
|
||||||
$('.current-thumb').removeClass('current-thumb');
|
|
||||||
$('li', vars.thumb_list).eq(vars.current_slide).addClass('current-thumb');
|
|
||||||
|
|
||||||
// If thumb out of view
|
|
||||||
if ($(vars.thumb_list).width() > $(vars.thumb_tray).width()){
|
|
||||||
// If next slide direction
|
|
||||||
if (direction == 'next'){
|
|
||||||
if (vars.current_slide == 0){
|
|
||||||
vars.thumb_page = 0;
|
|
||||||
$(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'});
|
|
||||||
} else if ($('.current-thumb').offset().left - $(vars.thumb_tray).offset().left >= vars.thumb_interval){
|
|
||||||
vars.thumb_page = vars.thumb_page - vars.thumb_interval;
|
|
||||||
$(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'});
|
|
||||||
}
|
|
||||||
// If previous slide direction
|
|
||||||
}else if(direction == 'prev'){
|
|
||||||
if (vars.current_slide == api.options.slides.length - 1){
|
|
||||||
vars.thumb_page = Math.floor($(vars.thumb_list).width() / vars.thumb_interval) * -vars.thumb_interval;
|
|
||||||
if ($(vars.thumb_list).width() <= -vars.thumb_page) vars.thumb_page = vars.thumb_page + vars.thumb_interval;
|
|
||||||
$(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'});
|
|
||||||
} else if ($('.current-thumb').offset().left - $(vars.thumb_tray).offset().left < 0){
|
|
||||||
if (vars.thumb_page + vars.thumb_interval > 0) return false;
|
|
||||||
vars.thumb_page = vars.thumb_page + vars.thumb_interval;
|
|
||||||
$(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
if (api.getField('title') == 'sp-magic') {
|
|
||||||
$('#magician').fadeIn();
|
|
||||||
$('#developer').fadeOut();
|
|
||||||
} else if (api.getField('title') == 'sp-codes') {
|
|
||||||
$('#magician').fadeOut();
|
|
||||||
$('#developer').fadeIn();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
/* After Slide Transition
|
|
||||||
----------------------------*/
|
|
||||||
afterAnimation : function(){
|
|
||||||
if (api.options.progress_bar && !vars.is_paused) theme.progressBar(); // Start progress bar
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
/* Progress Bar
|
|
||||||
----------------------------*/
|
|
||||||
progressBar : function(){
|
|
||||||
$(vars.progress_bar).stop().css({left : -$(window).width()}).animate({ left:0 }, api.options.slide_interval);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
/* Theme Specific Variables
|
|
||||||
----------------------------*/
|
|
||||||
$.supersized.themeVars = {
|
|
||||||
|
|
||||||
// Internal Variables
|
|
||||||
progress_delay : false, // Delay after resize before resuming slideshow
|
|
||||||
thumb_page : false, // Thumbnail page
|
|
||||||
thumb_interval : false, // Thumbnail interval
|
|
||||||
image_path : 'img/', // Default image path
|
|
||||||
|
|
||||||
// General Elements
|
|
||||||
play_button : '#pauseplay', // Play/Pause button
|
|
||||||
next_slide : '#nextslide', // Next slide button
|
|
||||||
prev_slide : '#prevslide', // Prev slide button
|
|
||||||
next_thumb : '#nextthumb', // Next slide thumb button
|
|
||||||
prev_thumb : '#prevthumb', // Prev slide thumb button
|
|
||||||
|
|
||||||
slide_caption : '#slidecaption', // Slide caption
|
|
||||||
slide_current : '.slidenumber', // Current slide number
|
|
||||||
slide_total : '.totalslides', // Total Slides
|
|
||||||
slide_list : '#slide-list', // Slide jump list
|
|
||||||
|
|
||||||
thumb_tray : '#thumb-tray', // Thumbnail tray
|
|
||||||
thumb_list : '#thumb-list', // Thumbnail list
|
|
||||||
thumb_forward : '#thumb-forward', // Cycles forward through thumbnail list
|
|
||||||
thumb_back : '#thumb-back', // Cycles backwards through thumbnail list
|
|
||||||
tray_arrow : '#tray-arrow', // Thumbnail tray button arrow
|
|
||||||
tray_button : '#tray-button', // Thumbnail tray button
|
|
||||||
|
|
||||||
progress_bar : '#progress-bar' // Progress bar
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
/* Theme Specific Options
|
|
||||||
----------------------------*/
|
|
||||||
$.supersized.themeOptions = {
|
|
||||||
|
|
||||||
progress_bar : 1, // Timer for each slide
|
|
||||||
mouse_scrub : 0 // Thumbnails move with mouse
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
})(jQuery);
|
|
||||||
12
theme/supersized.shutter.min.js
vendored
12
theme/supersized.shutter.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue