summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authormatthewsotoudeh <matthewsot@outlook.com>2014-05-03 21:21:40 -0700
committermatthewsotoudeh <matthewsot@outlook.com>2014-05-03 21:21:40 -0700
commite53bd062eebb554ae5fc225ead073f1dde77798b (patch)
tree365c93738bb6aa0ff30180813b074edfeedebe30
parent412479d6ed291c1bea92e8fc99977104286acaaa (diff)
Added a simple demo page
Diffstat
-rw-r--r--Demo/Images/Thumbs.dbbin0 -> 130048 bytes
-rw-r--r--Demo/Images/mindblown.gifbin0 -> 1915824 bytes
-rw-r--r--Demo/Images/mindblownstewart.gifbin0 -> 649361 bytes
-rw-r--r--Demo/index.html99
-rw-r--r--Javascript/Animations.js10
-rw-r--r--Javascript/Animations.js.map2
-rw-r--r--Javascript/Wedge.js4
-rw-r--r--Javascript/Wedge.js.map2
-rw-r--r--Javascript/jquery.gsap.min.js14
-rw-r--r--Typescript/Animations.ts2
-rw-r--r--Typescript/Wedge.ts4
-rw-r--r--Typescript/jquery.d.ts (renamed from jquery.d.ts)0
-rw-r--r--index.html11
13 files changed, 136 insertions, 12 deletions
diff --git a/Demo/Images/Thumbs.db b/Demo/Images/Thumbs.db
new file mode 100644
index 0000000..0307930
--- /dev/null
+++ b/Demo/Images/Thumbs.db
Binary files differ
diff --git a/Demo/Images/mindblown.gif b/Demo/Images/mindblown.gif
new file mode 100644
index 0000000..b043260
--- /dev/null
+++ b/Demo/Images/mindblown.gif
Binary files differ
diff --git a/Demo/Images/mindblownstewart.gif b/Demo/Images/mindblownstewart.gif
new file mode 100644
index 0000000..d769a90
--- /dev/null
+++ b/Demo/Images/mindblownstewart.gif
Binary files differ
diff --git a/Demo/index.html b/Demo/index.html
new file mode 100644
index 0000000..0f25aac
--- /dev/null
+++ b/Demo/index.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Wedge</title>
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'>
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+ <script type="text/javascript" src="../Javascript/Wedge.js"></script>
+
+ <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.11.6/TweenMax.min.js"></script>
+ <script type="text/javascript" src="../Javascript/jquery.gsap.min.js"></script>
+ <script type="text/javascript" src="../Javascript/Animations.js"></script>
+</head>
+<body style="text-align:center;font-family:'Open Sans'">
+ <h1 style="margin:20px 0 0 0;">Wedge</h1>
+ <h2 style="margin-top:5px;">
+ A simple, open-source lightbox.
+ </h2>
+
+ <p>
+ Wedge is a drop-dead-simple lightbox written in Typescript.<br/>
+ You can use it to show anything from images and Youtube videos to custom divs.
+ <br/><br/>
+ Here's a simple example, if you'd like to show an image:
+ <br/><br/>
+ <button class="image" onclick="initWedge('Images/mindblown.gif', 'img', 'Wow.')">Do it</button>
+ <br/><br/>
+ <code class="image">
+ </code>
+
+ <br/><br/>
+ Looks great! But what if you wanted to add an animation?
+ <br/><br/>
+ <button class="animation" onclick="initWedge('Images/mindblown.gif', 'img', 'Pretty cool', new SlideAnimation())">Do it</button>
+ <br /><br />
+ <code class="animation">
+ </code>
+
+ <br /><br />
+ Animations can be as simple or as complicated as you want. Here's a rotation one that's available in Animations.ts:
+ <br /><br />
+ <button class="rotation" onclick="initWedge('Images/mindblownstewart.gif', 'img', 'Wow.', new RotateAnimation())">Do it</button>
+ <br /><br />
+ <code class="rotation">
+ </code>
+
+ <br /><br />
+ If you love Youtube, Wedge can handle that as well.
+ <br /><br />
+ <button class="youtube" onclick="initWedge('https://www.youtube.com/watch?v=wZZ7oFKsKzY', 'youtube', 'Cool!')">Do it</button>
+ <br /><br />
+ <code class="youtube">
+ </code>
+
+ <div id="to-show" style="display:none;color:#fff;background-color:#808080;padding:50px;">
+ <h1>This is a div!</h1>
+ <br/><br/>
+ <h3>Imagine that.</h3>
+ </div>
+
+ <br /><br />
+ Or if you just want to show your own div, there's nothing stopping you.
+ <br /><br />
+ <button class="div" onclick="initWedge('to-show', 'div', '', new ScaleAnimation())">Do it</button>
+ <br /><br />
+ <code class="div">
+ </code>
+
+ <br/><br/><br/>
+ Like it? Using it requires just two lines of HTML:<br/><br/>
+ <code>
+ <span style="color:green">&lt;!-- JQuery --&gt;</span><br/>
+ &lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;<br/>
+ <span style="color:green">&lt;!-- Get this from <a href="https://github.com/matthewsot/wedge/tree/master/Javascript">Github</a> --&gt;</span><br/>
+ &lt;script type="text/javascript" src="/Javascript/Wedge.js"&gt;&lt;/script&gt;
+ </code>
+
+ <br/><br/>
+ Wedge.js comes with two default animations (FadeAnimation and SlideAnimation).<br/>If you want to use the extra animations in Animations.js (like ScaleAnimation and RotateAnimation), you'll need three more lines:
+ <br/><br/>
+ <code>
+ <span style="color:green">&lt;!-- GSAP animations library --&gt;</span><br />
+ &lt;script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.11.6/TweenMax.min.js"&gt;&lt;/script&gt;<br />
+ <span style="color:green">&lt;!-- jquery.gsap plugin - Get this from <a href="https://github.com/matthewsot/wedge/tree/master/Javascript">Github</a> --&gt;</span><br />
+ &lt;script type="text/javascript" src="jquery.gsap.min.js"&gt;&lt;/script&gt;<br />
+ <span style="color:green">&lt;!-- You can get this from <a href="https://github.com/matthewsot/wedge/tree/master/Javascript">Github</a> as well --&gt;</span><br />
+ &lt;script type="text/javascript" src="/Javascript/Animations.js"&gt;&lt;/script&gt;
+ </code>
+
+ <br/><br/><br/>
+ Check out <a href="https://github.com/matthewsot/wedge/tree/master/Typescript">the source code</a> for more details.
+ </p>
+
+ <script type="text/javascript">
+ $("button").each(function() {
+ $("code." + $(this).attr("class")).text($(this).attr("onclick"));
+ });
+ </script>
+</body>
+</html>
diff --git a/Javascript/Animations.js b/Javascript/Animations.js
index 30f1851..f69b79d 100644
--- a/Javascript/Animations.js
+++ b/Javascript/Animations.js
@@ -26,10 +26,10 @@ var ScaleAnimation = (function () {
})();
//Requires jQuery.GSAP for scale animations
-var RotationAnimation = (function () {
- function RotationAnimation() {
+var RotateAnimation = (function () {
+ function RotateAnimation() {
}
- RotationAnimation.prototype.animateIn = function (overlayId, contentId) {
+ RotateAnimation.prototype.animateIn = function (overlayId, contentId) {
$('#' + overlayId).fadeIn('slow');
var content = '#' + contentId;
$(content).css('transform', 'matrix3d(0.93969, 0.34202, 0, 0, -0.34202, 0.93969, 0, 0, 0, 0, 1, -0.05, 0, 0, 0, 1)');
@@ -38,13 +38,13 @@ var RotationAnimation = (function () {
"opacity": 1
});
};
- RotationAnimation.prototype.animateOut = function (overlayId, contentId, completed) {
+ RotateAnimation.prototype.animateOut = function (overlayId, contentId, completed) {
$('#' + overlayId).fadeOut('slow', completed);
$('#' + contentId).animate({
rotationZ: -20,
"opacity": 0
});
};
- return RotationAnimation;
+ return RotateAnimation;
})();
//# sourceMappingURL=Animations.js.map
diff --git a/Javascript/Animations.js.map b/Javascript/Animations.js.map
index dff9750..e41df9d 100644
--- a/Javascript/Animations.js.map
+++ b/Javascript/Animations.js.map
@@ -1 +1 @@
-{"version":3,"file":"Animations.js","sourceRoot":"","sources":["Animations.ts"],"names":["ScaleAnimation","ScaleAnimation.constructor","ScaleAnimation.animateIn","ScaleAnimation.animateOut","RotationAnimation","RotationAnimation.constructor","RotationAnimation.animateIn","RotationAnimation.animateOut"],"mappings":"AAAA,oCAAoC;AACpC,iDAAiD;AAEjD,oEAAoE;AACpE;IAAAA;IAmBAC,CAACA;AAAAD,IAlBGA,qCAAAA,UAAUA,SAASA,EAAEA,SAASA;QAC1BE,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,MAAMA,CAACA,MAAMA,CAACA;QACjCA,IAAIA,OAAOA,GAAGA,GAAGA,GAAGA,SAASA;QAC7BA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,WAAWA,EAAEA,8BAA8BA,CAACA;QAC3DA,CAACA,CAACA,OAAOA,CAACA,CAACA,OAAOA,CAACA;YACfA,MAAMA,EAAEA,CAACA;YACTA,MAAMA,EAAEA,CAACA;YACTA,SAASA,EAAEA,CAACA;SACfA,CAACA;IACNA,CAACA;IACDF,sCAAAA,UAAWA,SAASA,EAAEA,SAASA,EAAEA,SAASA;QACtCG,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,OAAOA,CAACA,MAAMA,EAAEA,SAASA,CAACA;QAC7CA,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,OAAOA,CAACA;YACvBA,MAAMA,EAAEA,GAAGA;YACXA,MAAMA,EAAEA,GAAGA;YACXA,SAASA,EAAEA,CAACA;SACfA,CAACA;IACNA,CAACA;IACLH,sBAACA;AAADA,CAACA,IAAA;;AAED,2CAA2C;AAC3C;IAAAI;IAiBAC,CAACA;AAAAD,IAhBGA,wCAAAA,UAAUA,SAASA,EAAEA,SAASA;QAC1BE,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,MAAMA,CAACA,MAAMA,CAACA;QACjCA,IAAIA,OAAOA,GAAGA,GAAGA,GAAGA,SAASA;QAC7BA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,WAAWA,EAAEA,uFAAuFA,CAACA;QACpHA,CAACA,CAACA,OAAOA,CAACA,CAACA,OAAOA,CAACA;YACfA,SAASA,EAAEA,CAACA;YACZA,SAASA,EAAEA,CAACA;SACfA,CAACA;IACNA,CAACA;IACDF,yCAAAA,UAAWA,SAASA,EAAEA,SAASA,EAAEA,SAASA;QACtCG,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,OAAOA,CAACA,MAAMA,EAAEA,SAASA,CAACA;QAC7CA,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,OAAOA,CAACA;YACvBA,SAASA,EAAEA,CAACA,EAAEA;YACdA,SAASA,EAAEA,CAACA;SACfA,CAACA;IACNA,CAACA;IACLH,yBAACA;AAADA,CAACA,IAAA"} \ No newline at end of file
+{"version":3,"file":"Animations.js","sourceRoot":"","sources":["Animations.ts"],"names":["ScaleAnimation","ScaleAnimation.constructor","ScaleAnimation.animateIn","ScaleAnimation.animateOut","RotateAnimation","RotateAnimation.constructor","RotateAnimation.animateIn","RotateAnimation.animateOut"],"mappings":"AAAA,oCAAoC;AACpC,iDAAiD;AAEjD,oEAAoE;AACpE;IAAAA;IAmBAC,CAACA;AAAAD,IAlBGA,qCAAAA,UAAUA,SAASA,EAAEA,SAASA;QAC1BE,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,MAAMA,CAACA,MAAMA,CAACA;QACjCA,IAAIA,OAAOA,GAAGA,GAAGA,GAAGA,SAASA;QAC7BA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,WAAWA,EAAEA,8BAA8BA,CAACA;QAC3DA,CAACA,CAACA,OAAOA,CAACA,CAACA,OAAOA,CAACA;YACfA,MAAMA,EAAEA,CAACA;YACTA,MAAMA,EAAEA,CAACA;YACTA,SAASA,EAAEA,CAACA;SACfA,CAACA;IACNA,CAACA;IACDF,sCAAAA,UAAWA,SAASA,EAAEA,SAASA,EAAEA,SAASA;QACtCG,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,OAAOA,CAACA,MAAMA,EAAEA,SAASA,CAACA;QAC7CA,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,OAAOA,CAACA;YACvBA,MAAMA,EAAEA,GAAGA;YACXA,MAAMA,EAAEA,GAAGA;YACXA,SAASA,EAAEA,CAACA;SACfA,CAACA;IACNA,CAACA;IACLH,sBAACA;AAADA,CAACA,IAAA;;AAED,2CAA2C;AAC3C;IAAAI;IAiBAC,CAACA;AAAAD,IAhBGA,sCAAAA,UAAUA,SAASA,EAAEA,SAASA;QAC1BE,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,MAAMA,CAACA,MAAMA,CAACA;QACjCA,IAAIA,OAAOA,GAAGA,GAAGA,GAAGA,SAASA;QAC7BA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,WAAWA,EAAEA,uFAAuFA,CAACA;QACpHA,CAACA,CAACA,OAAOA,CAACA,CAACA,OAAOA,CAACA;YACfA,SAASA,EAAEA,CAACA;YACZA,SAASA,EAAEA,CAACA;SACfA,CAACA;IACNA,CAACA;IACDF,uCAAAA,UAAWA,SAASA,EAAEA,SAASA,EAAEA,SAASA;QACtCG,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,OAAOA,CAACA,MAAMA,EAAEA,SAASA,CAACA;QAC7CA,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,OAAOA,CAACA;YACvBA,SAASA,EAAEA,CAACA,EAAEA;YACdA,SAASA,EAAEA,CAACA;SACfA,CAACA;IACNA,CAACA;IACLH,uBAACA;AAADA,CAACA,IAAA"} \ No newline at end of file
diff --git a/Javascript/Wedge.js b/Javascript/Wedge.js
index bb17f02..b1a2b88 100644
--- a/Javascript/Wedge.js
+++ b/Javascript/Wedge.js
@@ -5,11 +5,11 @@ var FadeAnimation = (function () {
}
FadeAnimation.prototype.animateIn = function (overlayId, contentId) {
$('#' + overlayId).fadeIn('slow');
- $('#' + contentId).fadeIn('slow');
+ $('#' + contentId).animate({ opacity: 1 }, 'slow');
};
FadeAnimation.prototype.animateOut = function (overlayId, contentId, completed) {
- $('#' + overlayId).fadeOut('slow');
+ $('#' + overlayId).fadeOut('slow', completed);
$('#' + contentId).fadeOut('slow');
};
return FadeAnimation;
diff --git a/Javascript/Wedge.js.map b/Javascript/Wedge.js.map
index 4ce2f7b..9980b9b 100644
--- a/Javascript/Wedge.js.map
+++ b/Javascript/Wedge.js.map
@@ -1 +1 @@
-{"version":3,"file":"Wedge.js","sourceRoot":"","sources":["Wedge.ts"],"names":["FadeAnimation","FadeAnimation.constructor","FadeAnimation.animateIn","FadeAnimation.animateOut","SlideAnimation","SlideAnimation.constructor","SlideAnimation.animateIn","SlideAnimation.animateOut","initWedge"],"mappings":"AAAA,oCAAoC;;AAOpC;IAAAA;IAUAC,CAACA;AAAAD,IATGA,oCAAAA,UAAUA,SAASA,EAAEA,SAASA;QAC1BE,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,MAAMA,CAACA,MAAMA,CAACA;QACjCA,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,MAAMA,CAACA,MAAMA,CAACA;IACrCA,CAACA;;IAEDF,qCAAAA,UAAWA,SAASA,EAAEA,SAASA,EAAEA,SAASA;QACtCG,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,OAAOA,CAACA,MAAMA,CAACA;QAClCA,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,OAAOA,CAACA,MAAMA,CAACA;IACtCA,CAACA;IACLH,qBAACA;AAADA,CAACA,IAAA;;AAED;IAAAI;IAmBAC,CAACA;AAAAD,IAlBGA,qCAAAA,UAAUA,SAASA,EAAEA,SAASA;QAC1BE,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,MAAMA,CAACA,MAAMA,CAACA;QACjCA,IAAIA,OAAOA,GAAGA,GAAGA,GAAGA,SAASA;QAC7BA,IAAIA,iBAAiBA,GAAGA,QAAQA,CAACA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,aAAaA,CAACA,CAACA,OAAOA,CAACA,IAAIA,EAAEA,EAAEA,CAACA,CAACA;QACjFA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,aAAaA,EAAEA,CAACA,iBAAiBA,GAAGA,EAAEA,CAACA,GAAGA,IAAIA,CAACA;QAC9DA,CAACA,CAACA,OAAOA,CAACA,CAACA,OAAOA,CAACA;YACfA,SAASA,EAAEA,CAACA;YACZA,UAAUA,EAAEA,iBAAiBA,GAAGA,IAAIA;SAC3CA,CAACA;IACFA,CAACA;IACDF,sCAAAA,UAAWA,SAASA,EAAEA,SAASA,EAAEA,SAASA;QACtCG,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,OAAOA,CAACA,MAAMA,EAAEA,SAASA,CAACA;QAC7CA,IAAIA,iBAAiBA,GAAGA,QAAQA,CAACA,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,GAAGA,CAACA,aAAaA,CAACA,CAACA,OAAOA,CAACA,IAAIA,EAAEA,EAAEA,CAACA,CAACA;QACzFA,CAACA,CAACA,GAAGA,GAAGA,SAASA,CAACA,CAACA,OAAOA,CAACA;YACvBA,SAASA,EAAEA,CAACA;YACZA,UAAUA,EAAEA,CAACA,iBAAiBA,GAAGA,EAAEA,CAACA,GAAGA,IAAIA;SAC9CA,CAACA;IACNA,CAACA;IACLH,sBAACA;AAADA,CAACA,IAAA;;AAcD;;;;;;;;;;;EADG;AACH,SAAS,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAA4C,EAAE,YAAmB,EAAE,cAAqB,EAAE,OAAa,EAAE,SAAgB,EAAE,SAA2B,EAAE,SAA2B;IAAnLI,uCAAAA,QAAQA,GAAmBA,IAAIA,aAAaA;AAAAA,IAAEA,2CAAAA,YAAYA,GAAGA,IAAIA;AAAAA,IAAEA,6CAAAA,cAAcA,GAAGA,IAAIA;AAAAA,IAAEA,sCAAAA,OAAOA,GAAGA,GAAGA;AAAAA,IAAEA,wCAAAA,SAASA,GAAGA,IAAIA;AAAAA,IAAEA,wCAAAA,SAASA,GAAGA,eAAeA;AAAAA,IAAEA,wCAAAA,SAASA,GAAGA,eAAeA;AAAAA,IACrNA;;MAEGA;IACHA,IAAIA,OAAOA,GAAGA,GAAGA,GAAGA,SAASA;IAC7BA,IAAIA,OAAOA,GAAGA,GAAGA,GAAGA,SAASA;;IAE7BA,CAACA,CAACA,MAAMA,CAACA,CAACA,MAAMA,CAACA,WAAWA,GAAGA,SAASA,GAAGA,sFAAsFA,GAAGA,OAAOA,CAACA,QAAQA,CAACA,CAACA,GAAGA,6CAA6CA,CAACA;IACvMA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,QAAQA,EAAEA,MAAMA,CAACA,WAAWA,CAACA;IAC5CA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,OAAOA,EAAEA,MAAMA,CAACA,UAAUA,CAACA;;IAE1CA,IAAIA,SAASA,CAAEA;QACXA,IAAIA,MAAMA,GAAGA;YACTA,QAAQA,CAACA,UAAUA,CAACA,SAASA,EAAEA,SAASA,EAAEA;gBACtCA,IAAIA,IAAIA,IAAIA,KAAKA,CAAEA;oBACfA,CAACA,CAACA,GAAGA,GAAGA,IAAIA,CAACA,CAACA,QAAQA,CAACA,CAACA,CAACA,MAAMA,CAACA,CAACA;oBACjCA,CAACA,CAACA,GAAGA,GAAGA,IAAIA,CAACA,CAACA,IAAIA,CAACA,CAACA;iBACvBA;gBACDA,CAACA,CAACA,OAAOA,CAACA,CAACA,MAAMA,CAACA,OAAOA,EAAEA,MAAMA,CAACA;gBAClCA,CAACA,CAACA,QAAQA,CAACA,CAACA,MAAMA,CAACA,OAAOA,EAAEA,KAAKA,CAACA;;gBAElCA,CAACA,CAACA,OAAOA,CAACA,CAACA,IAAIA,CAACA,CAACA,CAACA,MAAMA,CAACA,CAACA;gBAC1BA,CAACA,CAACA,OAAOA,CAACA,CAACA,IAAIA,CAACA,CAACA,CAACA,MAAMA,CAACA,CAACA;YAC9BA,CAACA,CAACA;QACNA,CAACA;;QAEDA,IAAIA,KAAKA,GAAGA,UAACA,CAACA;YACVA,IAAIA,CAACA,CAACA,OAAOA,IAAIA,EAAEA,CAAEA;gBACjBA,MAAMA,CAACA,CAACA;aACXA;QACLA,CAACA;;QAEDA,CAACA,CAACA,OAAOA,CAACA,CAACA,KAAKA,CAACA,MAAMA,CAACA;QACxBA,IAAIA,YAAYA,CAAEA;YACdA,CAACA,CAACA,QAAQA,CAACA,CAACA,KAAKA,CAACA,KAAKA,CAACA;SAC3BA;KACJA;;IACDA;;MAEGA;IACHA,CAACA,CAACA,MAAMA,CAACA,CAACA,MAAMA,CAACA,WAAWA,GAAGA,SAASA,GAAGA,2EAA2EA,CAACA;IACvHA,QAAQA,IAAIA,CAACA;QACTA,KAAKA,SAASA;YACVA,CAACA,CAACA,OAAOA,CAACA,CAACA,MAAMA,CAACA,0DAA0DA,GAAGA,IAAIA,CAACA,OAAOA,CAACA,WAAWA,EAAEA,SAASA,CAACA,CAACA,OAAOA,CAACA,KAAKA,EAAEA,EAAEA,CAACA,GAAGA,wEAAwEA,GAAGA,KAAKA,GAAGA,OAAOA,CAACA;YACpOA,KAAMA;AAAAA,QACVA,KAAKA,KAAKA;YACNA,CAACA,CAACA,OAAOA,CAACA,CAACA,MAAMA,CAACA,YAAYA,GAAGA,IAAIA,GAAGA,sBAAsBA,GAAGA,CAACA,MAAMA,CAACA,WAAWA,GAAGA,GAAGA,CAACA,GAAGA,eAAeA,GAAGA,CAACA,MAAMA,CAACA,UAAUA,GAAGA,GAAGA,CAACA,GAAGA,mCAAmCA,GAAGA,KAAKA,GAAGA,OAAOA,CAACA;YAClMA,KAAMA;AAAAA,QACVA,KAAKA,KAAKA;YACNA,CAACA,CAACA,GAAGA,GAAGA,IAAIA,CAACA,CAACA,IAAIA,CAACA,CAACA;YACpBA,CAACA,CAACA,OAAOA,CAACA,CAACA,MAAMA,CAACA,CAACA,CAACA,GAAGA,GAAGA,IAAIA,CAACA,CAACA;AAACA,KACxCA;IACDA,IAAIA,cAAcA,CAAEA;QAChBA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,EAAEA,GAAGA,EAAEA,KAAKA,EAAEA,IAAIA,EAAEA,KAAKA,EAAEA,MAAMA,EAAEA,GAAGA,GAAGA,CAACA,CAACA,CAACA,OAAOA,CAACA,CAACA,MAAMA,CAACA,CAACA,GAAGA,CAACA,CAACA,GAAGA,UAAUA,GAAGA,CAACA,CAACA,CAACA,OAAOA,CAACA,CAACA,KAAKA,CAACA,CAACA,GAAGA,CAACA,CAACA,GAAGA,IAAIA,EAAEA,CAACA,EAAEA,kEAAkEA;KAC1MA;IACDA,IAAIA,cAAcA,GAAGA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,aAAaA,CAACA;IAClDA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,aAAaA,EAAEA,cAAcA,CAACA;IAC7CA,QAAQA,CAACA,SAASA,CAACA,SAASA,EAAEA,SAASA,CAACA;AAC5CA,CAACA"} \ No newline at end of file
+{"version":3,"file":"Wedge.js","sourceRoot":"","sources":["Wedge.ts"],"names":["FadeAnimation","FadeAnimation.constructor","FadeAnimation.animateIn","FadeAnimation.animateOut","SlideAnimation","SlideAnimation.constructor","SlideAnimation.animateIn","SlideAnimation.animateOut","initWedge"],"mappings":"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AACA;;IAE1CA,IAAIA,SAASA,CAAEA;QACXA,IAAIA,MAAMA,GAAGA;YACTA,QAAQA,CAACA,UAAUA,CAACA,SAASA,EAAEA,SAASA,EAAEA;gBACtCA,IAAIA,IAAIA,IAAIA,KAAKA,CAAEA;oBACfA,CAACA,CAACA,GAAGA,GAAGA,IAAIA,CAACA,CAACA,QAAQA,CAACA,CAACA,CAACA,MAAMA,CAACA,CAACA;oBACjCA,CAACA,CAACA,GAAGA,GAAGA,IAAIA,CAACA,CAACA,IAAIA,CAACA,CAACA;iBACvBA;gBACDA,CAACA,CAACA,OAAOA,CAACA,CAACA,MAAMA,CAACA,OAAOA,EAAEA,MAAMA,CAACA;gBAClCA,CAACA,CAACA,QAAQA,CAACA,CAACA,MAAMA,CAACA,OAAOA,EAAEA,KAAKA,CAACA;;gBAElCA,CAACA,CAACA,OAAOA,CAACA,CAACA,IAAIA,CAACA,CAACA,CAACA,MAAMA,CAACA,CAACA;gBAC1BA,CAACA,CAACA,OAAOA,CAACA,CAACA,IAAIA,CAACA,CAACA,CAACA,MAAMA,CAACA,CAACA;YAC9BA,CAACA,CAACA;QACNA,CAACA;;QAEDA,IAAIA,KAAKA,GAAGA,UAACA,CAACA;YACVA,IAAIA,CAACA,CAACA,OAAOA,IAAIA,EAAEA,CAAEA;gBACjBA,MAAMA,CAACA,CAACA;aACXA;QACLA,CAACA;;QAEDA,CAACA,CAACA,OAAOA,CAACA,CAACA,KAAKA,CAACA,MAAMA,CAACA;QACxBA,IAAIA,YAAYA,CAAEA;YACdA,CAACA,CAACA,QAAQA,CAACA,CAACA,KAAKA,CAACA,KAAKA,CAACA;SAC3BA;KACJA;;IACDA;;MAEGA;IACHA,CAACA,CAACA,MAAMA,CAACA,CAACA,MAAMA,CAACA,WAAWA,GAAGA,SAASA,GAAGA,2EAA2EA,CAACA;IACvHA,QAAQA,IAAIA,CAACA;QACTA,KAAKA,SAASA;YACVA,CAACA,CAACA,OAAOA,CAACA,CAACA,MAAMA,CAACA,0DAA0DA,GAAGA,IAAIA,CAACA,OAAOA,CAACA,WAAWA,EAAEA,SAASA,CAACA,CAACA,OAAOA,CAACA,KAAKA,EAAEA,EAAEA,CAACA,GAAGA,wEAAwEA,GAAGA,KAAKA,GAAGA,OAAOA,CAACA;YACpOA,KAAMA;AAAAA,QACVA,KAAKA,KAAKA;YACNA,CAACA,CAACA,OAAOA,CAACA,CAACA,MAAMA,CAACA,YAAYA,GAAGA,IAAIA,GAAGA,sBAAsBA,GAAGA,CAACA,MAAMA,CAACA,WAAWA,GAAGA,GAAGA,CAACA,GAAGA,eAAeA,GAAGA,CAACA,MAAMA,CAACA,UAAUA,GAAGA,GAAGA,CAACA,GAAGA,mCAAmCA,GAAGA,KAAKA,GAAGA,OAAOA,CAACA;YAClMA,KAAMA;AAAAA,QACVA,KAAKA,KAAKA;YACNA,CAACA,CAACA,GAAGA,GAAGA,IAAIA,CAACA,CAACA,IAAIA,CAACA,CAACA;YACpBA,CAACA,CAACA,OAAOA,CAACA,CAACA,MAAMA,CAACA,CAACA,CAACA,GAAGA,GAAGA,IAAIA,CAACA,CAACA;AAACA,KACxCA;IACDA,IAAIA,cAAcA,CAAEA;QAChBA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,EAAEA,GAAGA,EAAEA,KAAKA,EAAEA,IAAIA,EAAEA,KAAKA,EAAEA,MAAMA,EAAEA,GAAGA,GAAGA,CAACA,CAACA,CAACA,OAAOA,CAACA,CAACA,MAAMA,CAACA,CAACA,GAAGA,CAACA,CAACA,GAAGA,UAAUA,GAAGA,CAACA,CAACA,CAACA,OAAOA,CAACA,CAACA,KAAKA,CAACA,CAACA,GAAGA,CAACA,CAACA,GAAGA,IAAIA,EAAEA,CAACA,EAAEA,kEAAkEA;KAC1MA;IACDA,IAAIA,cAAcA,GAAGA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,aAAaA,CAACA;IAClDA,CAACA,CAACA,OAAOA,CAACA,CAACA,GAAGA,CAACA,aAAaA,EAAEA,cAAcA,CAACA;IAC7CA,QAAQA,CAACA,SAASA,CAACA,SAASA,EAAEA,SAASA,CAACA;AAC5CA,CAACA"} \ No newline at end of file
diff --git a/Javascript/jquery.gsap.min.js b/Javascript/jquery.gsap.min.js
new file mode 100644
index 0000000..27afea3
--- /dev/null
+++ b/Javascript/jquery.gsap.min.js
@@ -0,0 +1,14 @@
+/*!
+ * VERSION: 0.1.7
+ * DATE: 2014-04-29
+ * UPDATES AND DOCS AT: http://www.greensock.com/jquery-gsap-plugin/
+ *
+ * Requires TweenLite version 1.8.0 or higher and CSSPlugin.
+ *
+ * @license Copyright (c) 2014, GreenSock. All rights reserved.
+ * This work is subject to the terms at http://www.greensock.com/terms_of_use.html or for
+ * Club GreenSock members, the software agreement that was issued with your membership.
+ *
+ * @author: Jack Doyle, jack@greensock.com
+ */
+(function (t) { "use strict"; var e, i, s, r = t.fn.animate, n = t.fn.stop, a = !0, o = function (t) { var e, i = {}; for (e in t) i[e] = t[e]; return i }, h = { overwrite: 1, delay: 1, useFrames: 1, runBackwards: 1, easeParams: 1, yoyo: 1, immediateRender: 1, repeat: 1, repeatDelay: 1, autoCSS: 1 }, l = function (t, e) { for (var i in h) h[i] && void 0 !== t[i] && (e[i] = t[i]) }, _ = function (t) { return function (e) { return t.getRatio(e) } }, u = {}, c = function () { var r, n, a, o = window.GreenSockGlobals || window; if (e = o.TweenMax || o.TweenLite, e && (r = (e.version + ".0.0").split("."), n = !(Number(r[0]) > 0 && Number(r[1]) > 7), o = o.com.greensock, i = o.plugins.CSSPlugin, u = o.easing.Ease.map || {}), !e || !i || n) return e = null, !s && window.console && (window.console.log("The jquery.gsap.js plugin requires the TweenMax (or at least TweenLite and CSSPlugin) JavaScript file(s)." + (n ? " Version " + r.join(".") + " is too old." : "")), s = !0), void 0; if (t.easing) { for (a in u) t.easing[a] = _(u[a]); c = !1 } }; t.fn.animate = function (s, n, h, _) { if (s = s || {}, c && (c(), !e || !i)) return r.call(this, s, n, h, _); if (!a || s.skipGSAP === !0 || "object" == typeof n && "function" == typeof n.step || null != s.scrollTop || null != s.scrollLeft) return r.call(this, s, n, h, _); var f, p, m, d, g = t.speed(n, h, _), v = { ease: u[g.easing] || (g.easing === !1 ? u.linear : u.swing) }, T = this, y = "object" == typeof n ? n.specialEasing : null; for (p in s) { if (f = s[p], f instanceof Array && u[f[1]] && (y = y || {}, y[p] = f[1], f = f[0]), "toggle" === f || "hide" === f || "show" === f) return r.call(this, s, n, h, _); v[-1 === p.indexOf("-") ? p : t.camelCase(p)] = f } if (y) { v = o(v), d = []; for (p in y) f = d[d.length] = {}, l(v, f), f.ease = u[y[p]] || v.ease, -1 !== p.indexOf("-") && (p = t.camelCase(p)), f[p] = v[p], delete v[p]; 0 === d.length && (d = null) } return m = function (i) { var s, r = o(v); if (d) for (s = d.length; --s > -1;) e.to(this, t.fx.off ? 0 : g.duration / 1e3, d[s]); r.onComplete = function () { i ? i() : g.old && t(this).each(g.old) }, e.to(this, t.fx.off ? 0 : g.duration / 1e3, r) }, g.queue !== !1 ? (T.queue(g.queue, m), g.old && T.queue(g.queue, function (t) { g.old(), t() })) : m.call(T), T }, t.fn.stop = function (t, i) { if (n.call(this, t, i), e) { if (i) for (var s, r = e.getTweensOf(this), a = r.length; --a > -1;) s = r[a].totalTime() / r[a].totalDuration(), s > 0 && 1 > s && r[a].seek(r[a].totalDuration()); e.killTweensOf(this) } return this }, t.gsap = { enabled: function (t) { a = t }, version: "0.1.7" } })(jQuery); \ No newline at end of file
diff --git a/Typescript/Animations.ts b/Typescript/Animations.ts
index 29e3642..8d7a369 100644
--- a/Typescript/Animations.ts
+++ b/Typescript/Animations.ts
@@ -24,7 +24,7 @@ class ScaleAnimation implements IWedgeAnimator {
}
//Requires jQuery.GSAP for scale animations
-class RotationAnimation implements IWedgeAnimator {
+class RotateAnimation implements IWedgeAnimator {
animateIn(overlayId, contentId) {
$('#' + overlayId).fadeIn('slow');
var content = '#' + contentId;
diff --git a/Typescript/Wedge.ts b/Typescript/Wedge.ts
index 8303e5d..2b48f0e 100644
--- a/Typescript/Wedge.ts
+++ b/Typescript/Wedge.ts
@@ -8,11 +8,11 @@ interface IWedgeAnimator {
class FadeAnimation implements IWedgeAnimator {
animateIn(overlayId, contentId): void {
$('#' + overlayId).fadeIn('slow');
- $('#' + contentId).fadeIn('slow');
+ $('#' + contentId).animate({ opacity: 1 }, 'slow');
}
animateOut(overlayId, contentId, completed): void {
- $('#' + overlayId).fadeOut('slow');
+ $('#' + overlayId).fadeOut('slow', completed);
$('#' + contentId).fadeOut('slow');
}
}
diff --git a/jquery.d.ts b/Typescript/jquery.d.ts
index 2495908..2495908 100644
--- a/jquery.d.ts
+++ b/Typescript/jquery.d.ts
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..542b105
--- /dev/null
+++ b/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Wedge</title>
+</head>
+<body>
+ <script type="text/javascript">
+ window.location.href = window.location.href.trim('/') + '/Demo/index.html';
+ </script>
+</body>
+</html>
generated by cgit on debian on lair
contact matthew@masot.net with questions or feedback