Skip to content
Browse files

first commit

  • Loading branch information...
0 parents commit 4766776ad8192c573f94d70a549b17170fc7b51b @botelho botelho committed Oct 17, 2012
11 README.md
@@ -0,0 +1,11 @@
+
+PFold
+=========
+
+A highly experimental jQuery plugin that let's you unfold elements to reveal more content just like a piece of paper. Unfolding directions and number of steps can be specified.
+
+[article on Codrops](http://tympanus.net/codrops/?p=11459)
+
+[demo](http://tympanus.net/Development/PFold/)
+
+Licensed under the MIT License
10 ReadMe.txt
@@ -0,0 +1,10 @@
+Created by Codrops
+License: http://tympanus.net/codrops/licensing/
+
+Background Pattern(s) from http://subtlepatterns.com/
+http://creativecommons.org/licenses/by-sa/3.0/deed.en_US
+
+and from Pixeden: http://www.pixeden.com/
+
+
+
75 css/custom1.css
@@ -0,0 +1,75 @@
+
+/* Demo 1 */
+.demo-1 .uc-container{
+ width: 150px;
+ height: 150px;
+ margin: 60px auto;
+}
+
+.demo-1 .uc-single,
+.demo-1 .uc-final,
+.demo-1 .uc-initial-content,
+.demo-1 .uc-back,
+.demo-1 .uc-front {
+ background: #fff url(../images/paper.jpg) repeat center center;
+}
+
+.demo-1 span.clickme {
+ display: block;
+ float: left;
+ color: transparent;
+ width: 136px;
+ height: 71px;
+ margin: 85px 0 0 0px;
+ cursor: pointer;
+ background: transparent url(../images/clickme.png) no-repeat center center;
+}
+
+.demo-1 .scrollwrap {
+ width: 100%;
+ height: 100%;
+ padding: 30px;
+ overflow: hidden;
+ position: absolute;
+ color: #224092;
+ font-family: "Satisfy", cursive;§
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+ box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7);
+ cursor: pointer;
+}
+
+.demo-1 .scrollwrap h3 {
+ font-weight: normal;
+ font-size: 22px;
+ padding: 30px 0 10px 30px;
+ pointer-events: none;
+}
+
+.demo-1 .scrollwrap p {
+ font-size: 18px;
+ padding: 0 40px 0 40px;
+ pointer-events: none;
+}
+
+.demo-1 .scrollwrap p.signature {
+ font-size: 20px;
+ padding: 10px 30px 0 30px;
+ text-align: right;
+ pointer-events: none;
+}
+
+.demo-1 .close {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ font-family: "Satisfy", cursive;
+ color: #224092;
+ cursor: pointer;
+ font-size: 20px;
+ width: 20px;
+ height: 20px;
+ border: 2px solid #224092;
+ border-radius: 50%;
+ text-align: center;
+ line-height: 14px;
+}
138 css/custom2.css
@@ -0,0 +1,138 @@
+/* Demo 2 */
+@font-face {
+ font-family: 'entypo-selected';
+ src: url("../font/entypo-selected.eot");
+ src: url("../font/entypo-selected.eot?#iefix") format('embedded-opentype'), url("../font/entypo-selected.woff") format('woff'), url("../font/entypo-selected.ttf") format('truetype'), url("../font/entypo-selected.svg#entypo-selected") format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+ font-family: 'entypo-selected';
+ font-style: normal;
+ font-weight: normal;
+ speak: none;
+ display: inline-block;
+ text-decoration: inherit;
+ width: 1em;
+ margin-right: 0.2em;
+ text-align: center;
+ line-height: 1em;
+}
+
+.icon-cancel:before { content: '\2715'; } /* '✕' */
+.icon-plus-circle:before { content: '\50'; } /* 'P' */
+.icon-forward:before { content: '\47'; } /* 'G' */
+.icon-eye:before { content: '\56'; } /* 'V' */
+.icon-search:before { content: '\5a'; } /* 'Z' */
+.icon-link:before { content: '\4c'; } /* 'L' */
+
+.demo-2 .grid {
+ width: 460px;
+ margin: 30px auto;
+}
+
+.demo-2 .uc-container {
+ width: 200px;
+ height: 150px;
+ float: left;
+ margin: 15px;
+}
+
+.demo-2 .uc-single,
+.demo-2 .uc-final,
+.demo-2 .uc-initial-content,
+.demo-2 .uc-back,
+.demo-2 .uc-front {
+ background: #29a6aa url(../images/noise.png) repeat top left;
+}
+
+.demo-2 .icon-eye {
+ position: absolute;
+ top: 0;
+ left: 0;
+ text-indent: 4px;
+ font-size: 60px;
+ color: transparent;
+ color: rgba(255,255,255,0);
+ width: 100%;
+ height: 100%;
+ line-height: 145px;
+ text-align: center;
+ background: rgba(41,166,170,0);
+ cursor: pointer;
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -o-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transition: all 0.3s linear;
+ -moz-transition: all 0.3s linear;
+ -o-transition: all 0.3s linear;
+ -ms-transition: all 0.3s linear;
+ transition: all 0.3s linear;
+}
+
+.no-touch .demo-2 .uc-initial-content:hover .icon-eye {
+ color: rgba(255,255,255,0.8);
+ background: rgba(41,166,170,0.7);
+}
+
+.demo-2 .uc-initial-content img {
+ display: block;
+}
+
+.demo-2 .title {
+ position: absolute;
+ background: rgba(255,255,255,0.9);
+ bottom: 10px;
+ left: 10px;
+ right: 10px;
+ padding: 10px;
+ font-size: 12px;
+ line-height: 16px;
+ font-weight: bold;
+}
+
+.demo-2 .title h4 {
+ color: #aaa;
+}
+
+.demo-2 .icon-link {
+ width: 30px;
+ height: 30px;
+ background: #ddd;
+ position: absolute;
+ right: 10px;
+ top: 10px;
+ line-height: 26px;
+ text-align: center;
+ font-size: 18px;
+ border-radius: 50%;
+ text-indent: 2px;
+}
+
+.demo-2 .icon-cancel {
+ position: absolute;
+ background: rgba(0,0,0,0.4);
+ text-align: center;
+ line-height: 15px;
+ font-size: 18px;
+ color: #fff;
+ opacity: 1;
+ width: 18px;
+ top: 10px;
+ right: 10px;
+ cursor: pointer;
+ border-radius: 2px;
+ box-shadow: 0 1px 0 rgba(255,255,255,0.4);
+}
+
+.demo-2 .icon-cancel:hover {
+ background: rgba(0,0,0,1);
+}
+
+.demo-2 .uc-current .uc-container{
+
+}
199 css/demo.css
@@ -0,0 +1,199 @@
+@import url(http://fonts.googleapis.com/css?family=Satisfy|Open+Sans+Condensed:700,300);
+/* General Demo Style */
+
+*,
+*:before,
+*:after {
+ padding: 0;
+ margin: 0;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+html { height: 100%; }
+
+body {
+ font-family: 'Open Sans Condensed','Arial Narrow', serif;
+ background: #DDD;
+ font-weight: 400;
+ font-size: 15px;
+ color: #333;
+ -webkit-font-smoothing: antialiased;
+ overflow-y: scroll;
+ overflow-x: hidden;
+}
+
+a {
+ color: #555;
+ text-decoration: none;
+}
+
+.container {
+ width: 100%;
+ position: relative;
+}
+
+.main {
+ width: 90%;
+ min-height: 600px;
+ margin: 0 auto;
+ position: relative;
+}
+
+.container > header {
+ margin: 10px;
+ padding: 20px 10px 10px 10px;
+ position: relative;
+ display: block;
+ text-align: center;
+}
+
+.container > header h1 {
+ font-size: 36px;
+ line-height: 36px;
+ position: relative;
+ font-weight: 300;
+ color: #166c6f;
+ text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
+}
+
+.container > header h2 {
+ font-size: 14px;
+ font-weight: 300;
+ padding: 15px 0 20px 0;
+ color: #134142;
+ font-family: Cambria, Georgia, serif;
+ font-style: italic;
+ text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
+}
+
+/* Header Style */
+
+.codrops-top {
+ line-height: 24px;
+ font-size: 11px;
+ background: #fff;
+ background: rgba(255, 255, 255, 0.5);
+ text-transform: uppercase;
+ z-index: 9999;
+ position: relative;
+ font-family: Cambria, Georgia, serif;
+ box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
+}
+
+/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
+
+.clearfix:before,
+.clearfix:after {
+ content: " "; /* 1 */
+ display: table; /* 2 */
+}
+
+.clearfix:after {
+ clear: both
+}
+
+/**
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+
+.clearfix {
+ *zoom: 1
+}
+
+.codrops-top a {
+ padding: 0px 10px;
+ letter-spacing: 1px;
+ color: #333;
+ display: inline-block;
+}
+
+.codrops-top a:hover {
+ background: rgba(255,255,255,0.6)
+}
+
+.codrops-top span.right {
+ float: right
+}
+
+.codrops-top span.right a {
+ float: left;
+ display: block;
+}
+
+/* Demo Buttons Style */
+
+.codrops-demos {
+ text-align: center;
+ display: block;
+ line-height: 30px;
+ padding: 5px 0px;
+}
+
+.codrops-demos a {
+ display: inline-block;
+ margin: 0px 4px;
+ padding: 0px 6px;
+ color: #fff;
+ line-height: 20px;
+ font-size: 14px;
+ text-shadow: 1px 1px 1px #000000;
+ border: 1px solid #000;
+ background: #45484d;
+ background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
+ background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
+ background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
+ background: -ms-linear-gradient(top, #45484d 0%,#000000 100%);
+ background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+}
+
+.codrops-demos a:hover {
+ background: #000;
+}
+
+.codrops-demos a:active {
+ background: #000;
+}
+
+.codrops-demos a.current-demo,
+.codrops-demos a.current-demo:hover {
+ background: #666;
+ border-color: #333;
+ color: #ddd;
+ box-shadow: 0 1px 1px rgba(255,255,255,0.5);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
+}
+
+p.info {
+ font-family: Cambria, Georgia, serif;
+ font-style: italic;
+ color: #666;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
+ padding: 20px;
+ display: block;
+ clear: both;
+ text-align: center;
+ width: 300px;
+ margin: 0 auto;
+ line-height: 24px;
+}
+
+.support-note span {
+ color: #ac375d;
+ font-size: 16px;
+ display: none;
+ font-weight: bold;
+ text-align: center;
+ padding: 5px 0;
+}
+
+.no-cssanimations .support-note span.no-cssanimations,
+.no-csstransforms .support-note span.no-csstransforms,
+.no-csstransforms3d .support-note span.no-csstransforms3d,
+.no-csstransitions .support-note span.no-csstransitions {
+ display: block;
+}
195 css/pfold.css
@@ -0,0 +1,195 @@
+/* pfold style */
+
+.uc-container {
+ position: relative;
+ width: 100px;
+ height: 100px;
+ top: 0;
+ left: 0;
+}
+
+.uc-single,
+.uc-final-wrapper,
+.uc-initial-content,
+.uc-back,
+.uc-front {
+ background: #fff;
+}
+
+.uc-final,
+.uc-initial,
+.uc-final-wrapper {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.uc-initial-content,
+.uc-final-content {
+ width: 100%;
+ height: 100%;
+ position: relative;
+}
+
+.uc-final,
+.uc-final-content {
+ display: none;
+}
+
+.uc-initial-content {
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -o-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.uc-part {
+ top: 0;
+ left: 0;
+ position: absolute;
+ -webkit-transform-style: preserve-3d;
+ -moz-transform-style: preserve-3d;
+ -o-transform-style: preserve-3d;
+ -ms-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+}
+
+.uc-part > div {
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -o-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.uc-part .uc-back {
+ -webkit-transform: rotateY(-180deg);
+ -moz-transform: rotateY(-180deg);
+ -o-transform: rotateY(-180deg);
+ -ms-transform: rotateY(-180deg);
+ transform: rotateY(-180deg);
+}
+
+/* Transformation-origin classes */
+
+.uc-unfold-left {
+ -webkit-transform-origin: 0 50%;
+ -moz-transform-origin: 0 50%;
+ -o-transform-origin: 0 50%;
+ -ms-transform-origin: 0 50%;
+ transform-origin: 0 50%;
+}
+
+.uc-unfold-right {
+ -webkit-transform-origin: 100% 50%;
+ -moz-transform-origin: 100% 50%;
+ -o-transform-origin: 100% 50%;
+ -ms-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+}
+
+.uc-unfold-top {
+ -webkit-transform-origin: 50% 0%;
+ -moz-transform-origin: 50% 0%;
+ -o-transform-origin: 50% 0%;
+ -ms-transform-origin: 50% 0%;
+ transform-origin: 50% 0%;
+}
+
+.uc-unfold-bottom {
+ -webkit-transform-origin: 50% 100%;
+ -moz-transform-origin: 50% 100%;
+ -o-transform-origin: 50% 100%;
+ -ms-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+}
+
+/* Unfolding classes */
+.uc-unfold-left.uc-unfold {
+ -webkit-transform: rotateY(-180deg);
+ -moz-transform: rotateY(-180deg);
+ -o-transform: rotateY(-180deg);
+ -ms-transform: rotateY(-180deg);
+ transform: rotateY(-180deg);
+}
+
+.uc-unfold-right.uc-unfold {
+ -webkit-transform: rotateY(180deg);
+ -moz-transform: rotateY(180deg);
+ -o-transform: rotateY(180deg);
+ -ms-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+
+.uc-unfold-top.uc-unfold {
+ -webkit-transform: rotateX(180deg);
+ -moz-transform: rotateX(180deg);
+ -o-transform: rotateX(180deg);
+ -ms-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+
+.uc-unfold-bottom.uc-unfold{
+ -webkit-transform: rotateX(-180deg);
+ -moz-transform: rotateX(-180deg);
+ -o-transform: rotateX(-180deg);
+ -ms-transform: rotateX(-180deg);
+ transform: rotateX(-180deg);
+}
+
+.uc-overlay {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.uc-overlay,
+.uc-flipoverlay {
+ background-color: rgba(100, 100, 100, 0.7);
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -o-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.uc-flipoverlay {
+ background-color: rgba(100, 100, 100, 0.4);
+}
+
+.uc-inner {
+ position: absolute;
+ left: 0;
+ top: 0;
+ overflow: hidden;
+ width: 100%;
+ height: 100%;
+}
+
+.uc-inner-rotate {
+ -webkit-transform: rotateY(180deg) rotateX(180deg);
+ -moz-transform: rotateY(180deg) rotateX(180deg);
+ -o-transform: rotateY(180deg) rotateX(180deg);
+ -ms-transform: rotateY(180deg) rotateX(180deg);
+ transform: rotateY(180deg) rotateX(180deg);
+}
+
+.uc-container.uc-current {
+ z-index: 9999;
+}
+
12 font/LICENSE.txt
@@ -0,0 +1,12 @@
+Font license info
+
+
+## Entypo
+
+ Copyright (C) 2012 by Daniel Bruce
+
+ Author: Daniel Buce
+ License: SIL (http://scripts.sil.org/OFL)
+ Homepage: http://www.entypo.com
+
+
48 font/README.txt
@@ -0,0 +1,48 @@
+This webfont is generated by http://fontello.com open source project.
+
+
+================================================================================
+Please, note, that you should obey original font licences, used to make this
+webfont pack. Details available in LICENSE.txt file.
+
+- Usually, it's enougth to publish content of LICENSE.txt file somewhere on your
+ site in "About" section.
+
+- If your project is open-source, usually, it will be ok to make LICENSE.txt
+ file publically available in your repository.
+
+- Fonts, used in Fontello, don't require to make clickable links on your site.
+ But any kind of additional authors crediting is welcome.
+================================================================================
+
+
+Attention for server setup (IE users and others)
+------------------------------------------------
+
+You MUST setup server to reply with proper `mime-types` for font files. In other
+case, some browsers will fail to show fonts.
+
+Usually, `apache` already has necessary settings, but `nginx` and other
+webservers should be tuned. Here is list of mime types for our file extentions:
+
+- `application/vnd.ms-fontobject` - eot
+- `application/x-font-woff` - woff
+- `application/x-font-ttf` - ttf
+- `image/svg+xml` - svg
+
+
+Comments on archive content
+---------------------------
+
+- /font/* - fonts in different formats
+
+- /css/* - different kinds of css, for all situations. Should be ok with
+ twitter bootstrap. Also, you can skip <i> style and assign icon classes
+ directly to text elements
+
+- demo.html - demo file, to show your webfont content
+
+- LICENSE.txt - license info about source fonts, used to build your one.
+
+- config.json - keeps your settings. You can import it back to fontello anytime,
+ to continue your work
BIN font/entypo-selected.eot
Binary file not shown.
49 font/entypo-selected.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20100429 at Wed Oct 17 13:52:56 2012
+ By root
+Copyright (C) 2012 by original authors @ fontello.com
+</metadata>
+<defs>
+<font id="entypo-selected" horiz-adv-x="364" >
+ <font-face
+ font-family="entypo-selected"
+ font-weight="500"
+ font-stretch="normal"
+ units-per-em="1000"
+ panose-1="2 0 6 3 0 0 0 0 0 0"
+ ascent="800"
+ descent="-200"
+ bbox="15 -120 1015 720"
+ underline-thickness="50"
+ underline-position="-100"
+ unicode-range="U+0047-2715"
+ />
+<missing-glyph
+d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" />
+ <glyph glyph-name=".notdef"
+d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" />
+ <glyph glyph-name=".null" horiz-adv-x="0"
+ />
+ <glyph glyph-name="nonmarkingreturn" horiz-adv-x="333"
+ />
+ <glyph glyph-name="G" unicode="G" horiz-adv-x="930"
+d="M554 201q-81 0 -136.5 -4t-119 -18t-110 -39.5t-92 -70.5t-81.5 -109q2 10 6.5 27.5t23.5 68t43.5 96.5t69 102.5t97.5 97t131 68t168 27.5v193l361 -323l-361 -334v218z" />
+ <glyph glyph-name="L" unicode="L" horiz-adv-x="830"
+d="M308 64q14 14 35 14t35 -14t14 -35t-14 -35l-41 -40q-55 -55 -133 -55q-79 0 -134 55q-55 53 -55 133t55 133l149 147q70 69 143.5 78t127.5 -44q14 -14 14.5 -35t-13.5 -35t-35 -14t-35 14q-49 49 -132 -34l-149 -148q-26 -26 -26 -62q0 -37 26 -63t64 -26t64 26z
+M760 638q55 -55 55 -132q0 -78 -55 -133l-159 -158q-73 -73 -150 -73q-62 0 -111 49q-14 14 -14.5 35t13.5 35t35 14t35 -14q9 -9 16 -13t22.5 -7t36.5 8t47 36l159 158q26 26 26 63q0 36 -26 62q-27 26 -57.5 30.5t-60.5 -20.5l-50 -50q-14 -14 -35 -14t-35 14t-14 35
+t14 35l51 50q54 53 126.5 50.5t130.5 -60.5z" />
+ <glyph glyph-name="P" unicode="P" horiz-adv-x="870"
+d="M435 720q174 0 297 -123t123 -297t-123 -297t-297 -123t-297 123t-123 297t123 297t297 123zM486 249h202l-1 102h-201v201h-102v-201h-202v-102h202v-202h102v202z" />
+ <glyph glyph-name="V" unicode="V" horiz-adv-x="1030"
+d="M515 580q92 0 177 -25.5t141.5 -62t99 -77.5t62.5 -71.5t20 -43.5t-20 -43.5t-62.5 -71.5t-99 -77.5t-141.5 -62t-177 -25.5t-177 25.5t-141.5 62t-99 77.5t-62.5 71.5t-20 43.5t20 43.5t62.5 71.5t99 77.5t141.5 62t177 25.5zM515 85q92 0 157 63t65 152t-65 152
+t-157 63t-157 -63t-65 -152t65 -152t157 -63zM515 300q6 -6 18 -5t28 4.5t30.5 7t24.5 2t10 -8.5q0 -44 -32.5 -76t-78.5 -32t-78.5 32t-32.5 76t32.5 76t78.5 32q14 0 10 -23t-12 -47t2 -38z" />
+ <glyph glyph-name="Z" unicode="Z" horiz-adv-x="820"
+d="M787 27q34 -34 7 -61l-47 -47q-14 -14 -33.5 -14t-33.5 14l-190 190q-72 -42 -156 -42q-128 0 -223.5 95.5t-95.5 223.5t90.5 218.5t218.5 90.5t223.5 -95.5t95.5 -223.5q0 -84 -45 -160zM110 386q0 -88 68 -156t156 -68t151 63t63 151t-68 156t-156 68t-151 -63
+t-63 -151z" />
+ <glyph glyph-name="uni2715" unicode="&#x2715;" horiz-adv-x="500"
+d="M467 142q17 -17 17 -42t-17 -42t-42 -17t-42 17l-133 151l-133 -151q-17 -17 -42 -17t-42 17t-17 42t17 42l137 158l-137 158q-17 17 -17 42t17 42t42 17t42 -17l133 -151l133 151q17 17 42 17t42 -17t17 -42t-17 -42l-137 -158z" />
+ </font>
+</defs></svg>
BIN font/entypo-selected.ttf
Binary file not shown.
BIN font/entypo-selected.woff
Binary file not shown.
BIN images/bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/bg2.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/clickme.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/large/1.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/large/2.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/large/3.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/large/4.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/noise.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/paper.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/thumbs/1.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/thumbs/2.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/thumbs/3.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/thumbs/4.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
109 index.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>PFold: Paper-Like Unfolding Effect</title>
+ <meta name="description" content="PFold: Paper-Like Unfolding Effect" />
+ <meta name="keywords" content="css3, experiment, 3d, unfolding, fold, paper, component, element, web design, jquery, plugin, perspective" />
+ <meta name="author" content="Codrops" />
+ <link rel="shortcut icon" href="../favicon.ico">
+ <link rel="stylesheet" type="text/css" href="css/demo.css" />
+ <link rel="stylesheet" type="text/css" href="css/pfold.css" />
+ <link rel="stylesheet" type="text/css" href="css/custom1.css" />
+ <script type="text/javascript" src="js/modernizr.custom.79639.js"></script>
+ <!--[if lte IE 8]><style>.support-note .note-ie{display:block;}</style><![endif]-->
+ <style>
+ body { background: url(images/bg.jpg); }
+ .container > header h1 {
+ color: #fff;
+ text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
+ }
+
+ .container > header h2,
+ p.info {
+ color: #4e2f1d;
+ text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
+ }
+ </style>
+ </head>
+ <body>
+ <div class="container">
+
+ <!-- Codrops top bar -->
+ <div class="codrops-top clearfix">
+ <a href="http://tympanus.net/Tutorials/CustomLoginFormStyling/">
+ <strong>&laquo; Previous Demo: </strong>Custom Login Form Styling
+ </a>
+ <span class="right">
+ <a href="http://tympanus.net/codrops/?p=11459">
+ <strong>Back to the Codrops Article</strong>
+ </a>
+ </span>
+ </div><!--/ Codrops top bar -->
+
+ <header>
+
+ <h1><strong>PFold:</strong> Paper-Like Unfolding Effect</h1>
+ <h2>Paper-like unfolding effect experiment</h2>
+
+ <nav class="codrops-demos">
+ <a class="current-demo" href="index.html">Demo 1</a>
+ <a href="index2.html">Demo 2</a>
+ <a href="index3.html">Demo 3</a>
+ </nav>
+
+ <div class="support-note"><!-- let's check browser support with modernizr -->
+ <span class="no-csstransforms3d">CSS 3D transforms are not supported in your browser</span>
+ <span class="note-ie">Sorry, only modern browsers.</span>
+ </div>
+
+ </header>
+
+ <section class="main demo-1">
+
+ <div id="uc-container" class="uc-container">
+ <div class="uc-initial-content">
+ <!-- custom content -->
+ <span class="clickme">Click me</span>
+ </div>
+ <div class="uc-final-content">
+ <!-- custom content -->
+ <div class="scrollwrap">
+ <h3>Dear Allen,</h3>
+ <p>I just wanted to let you know that you left the garage door open and all the monkeys could get away! Great job! How often did I tell you <span>NOT</span> to forget to close it. On top of all that you also left the gate open and now they are literally in the wild! Anyway, just wated to say <span>THANKS</span> for that!</p><p class="signature">Yours, Barbara</p>
+ </div>
+ <span class="close">x</span>
+ </div>
+ </div>
+ <p class="info"><strong>Demo 1:</strong> Three folding steps with the directions left, bottom and right</p>
+ </section>
+
+ </div>
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+ <script type="text/javascript" src="js/jquery.pfold.js"></script>
+ <script type="text/javascript">
+ $(function() {
+
+ var $container = $( '#uc-container' ),
+ pfold = $( '#uc-container' ).pfold({
+ easing : 'ease-in-out',
+ folds : 3,
+ folddirection : ['left','bottom','right']
+ });
+
+ $container.find( 'span.clickme' ).on( 'click', function() {
+
+ pfold.unfold();
+
+ } ).end().find( 'span.close' ).on( 'click', function() {
+
+ pfold.fold();
+
+ } );
+
+ });
+ </script>
+ </body>
+</html>
158 index2.html
@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>PFold: Paper-Like Unfolding Effect</title>
+ <meta name="description" content="PFold: Paper-Like Unfolding Effect" />
+ <meta name="keywords" content="css3, experiment, 3d, unfolding, fold, paper, component, element, web design, jquery, plugin, perspective" />
+ <meta name="author" content="Codrops" />
+ <link rel="shortcut icon" href="../favicon.ico">
+ <link rel="stylesheet" type="text/css" href="css/demo.css" />
+ <link rel="stylesheet" type="text/css" href="css/pfold.css" />
+ <link rel="stylesheet" type="text/css" href="css/custom2.css" />
+ <script type="text/javascript" src="js/modernizr.custom.79639.js"></script>
+ <!--[if lte IE 8]><style>.support-note .note-ie{display:block;}</style><![endif]-->
+ <style>
+ body {
+ background-image: url(images/bg2.jpg);
+ }
+ </style>
+ </head>
+ <body>
+ <div class="container">
+
+ <!-- Codrops top bar -->
+ <div class="codrops-top clearfix">
+ <a href="http://tympanus.net/Tutorials/CustomLoginFormStyling/">
+ <strong>&laquo; Previous Demo: </strong>Custom Login Form Styling
+ </a>
+ <span class="right">
+ <a href="http://dribbble.com/twistedfork">Images by Dan Matutina</a>
+ <a href="http://tympanus.net/codrops/?p=11459">
+ <strong>Back to the Codrops Article</strong>
+ </a>
+ </span>
+ </div><!--/ Codrops top bar -->
+
+ <header>
+
+ <h1><strong>PFold:</strong> Paper-Like Unfolding Effect</h1>
+ <h2>Paper-like unfolding effect experiment</h2>
+
+ <nav class="codrops-demos">
+ <a href="index.html">Demo 1</a>
+ <a class="current-demo" href="index2.html">Demo 2</a>
+ <a href="index3.html">Demo 3</a>
+ </nav>
+
+ <div class="support-note"><!-- let's check browser support with modernizr -->
+ <span class="no-csstransforms3d">CSS 3D transforms are not supported in your browser</span>
+ <span class="note-ie">Sorry, only modern browsers.</span>
+ </div>
+
+ </header>
+
+ <section class="main demo-2">
+
+ <div id="grid" class="grid clearfix">
+
+ <div class="uc-container">
+ <div class="uc-initial-content">
+ <img src="images/thumbs/1.jpg" alt="image01" />
+ <span class="icon-eye"></span>
+ </div>
+ <div class="uc-final-content">
+ <img src="images/large/1.jpg" alt="image01-large" />
+ <div class="title"><h4>The Professor</h4> by Dan Matutina <a href="http://drbl.in/dMLS" class="icon-link"></a></div>
+ <span class="icon-cancel"></span>
+ </div>
+ </div><!-- / uc-container -->
+
+ <div class="uc-container">
+ <div class="uc-initial-content">
+ <img src="images/thumbs/2.jpg" alt="image02" />
+ <span class="icon-eye"></span>
+ </div>
+ <div class="uc-final-content">
+ <img src="images/large/2.jpg" alt="image02-large" />
+ <div class="title"><h4>Planet</h4> by Dan Matutina <a href="http://drbl.in/eZoL" class="icon-link"></a></div>
+ <span class="icon-cancel"></span>
+ </div>
+ </div><!-- / uc-container -->
+
+ <div class="uc-container">
+ <div class="uc-initial-content">
+ <img src="images/thumbs/3.jpg" alt="image03" />
+ <span class="icon-eye"></span>
+ </div>
+ <div class="uc-final-content">
+ <img src="images/large/3.jpg" alt="image03-large" />
+ <div class="title"><h4>Angry Nerd Blofeld</h4> by Dan Matutina <a href="http://drbl.in/eLEa" class="icon-link"></a></div>
+ <span class="icon-cancel"></span>
+ </div>
+ </div><!-- / uc-container -->
+
+ <div class="uc-container">
+ <div class="uc-initial-content">
+ <img src="images/thumbs/4.jpg" alt="image04" />
+ <span class="icon-eye"></span>
+ </div>
+ <div class="uc-final-content">
+ <img src="images/large/4.jpg" alt="image04-large" />
+ <div class="title"><h4>Ero Senin</h4> by Dan Matutina <a href="http://drbl.in/dJfK" class="icon-link"></a></div>
+ <span class="icon-cancel"></span>
+ </div>
+ </div><!-- / uc-container -->
+
+ </div><!-- / grid -->
+ <p class="info"><strong>Demo 2:</strong> Two folding steps with different directions of folding according to the grid position</p>
+ </section>
+
+ </div>
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+ <script type="text/javascript" src="js/jquery.pfold.js"></script>
+ <script type="text/javascript">
+ $(function() {
+
+ // say we want to have only one item opened at one moment
+ var opened = false;
+
+ $( '#grid > div.uc-container' ).each( function( i ) {
+
+ var $item = $( this ), direction;
+
+ switch( i ) {
+ case 0 : direction = ['right','bottom']; break;
+ case 1 : direction = ['left','bottom']; break;
+ case 2 : direction = ['right','top']; break;
+ case 3 : direction = ['left','top']; break;
+ }
+
+ var pfold = $item.pfold( {
+ folddirection : direction,
+ speed : 300,
+ onEndFolding : function() { opened = false; },
+ } );
+
+ $item.find( 'span.icon-eye' ).on( 'click', function() {
+
+ if( !opened ) {
+ opened = true;
+ pfold.unfold();
+ }
+
+
+ } ).end().find( 'span.icon-cancel' ).on( 'click', function() {
+
+ pfold.fold();
+
+ } );
+
+ } );
+
+ });
+ </script>
+ </body>
+</html>
159 index3.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>PFold: Paper-Like Unfolding Effect</title>
+ <meta name="description" content="PFold: Paper-Like Unfolding Effect" />
+ <meta name="keywords" content="css3, experiment, 3d, unfolding, fold, paper, component, element, web design, jquery, plugin, perspective" />
+ <meta name="author" content="Codrops" />
+ <link rel="shortcut icon" href="../favicon.ico">
+ <link rel="stylesheet" type="text/css" href="css/demo.css" />
+ <link rel="stylesheet" type="text/css" href="css/pfold.css" />
+ <link rel="stylesheet" type="text/css" href="css/custom2.css" />
+ <script type="text/javascript" src="js/modernizr.custom.79639.js"></script>
+ <!--[if lte IE 8]><style>.support-note .note-ie{display:block;}</style><![endif]-->
+ <style>
+ body {
+ background-image: url(images/bg2.jpg);
+ }
+ </style>
+ </head>
+ <body>
+ <div class="container">
+
+ <!-- Codrops top bar -->
+ <div class="codrops-top clearfix">
+ <a href="http://tympanus.net/Tutorials/CustomLoginFormStyling/">
+ <strong>&laquo; Previous Demo: </strong>Custom Login Form Styling
+ </a>
+ <span class="right">
+ <a href="http://dribbble.com/twistedfork">Images by Dan Matutina</a>
+ <a href="http://tympanus.net/codrops/?p=11459">
+ <strong>Back to the Codrops Article</strong>
+ </a>
+ </span>
+ </div><!--/ Codrops top bar -->
+
+ <header>
+
+ <h1><strong>PFold:</strong> Paper-Like Unfolding Effect</h1>
+ <h2>Paper-like unfolding effect experiment</h2>
+
+ <nav class="codrops-demos">
+ <a href="index.html">Demo 1</a>
+ <a href="index2.html">Demo 2</a>
+ <a class="current-demo" href="index3.html">Demo 3</a>
+ </nav>
+
+ <div class="support-note"><!-- let's check browser support with modernizr -->
+ <span class="no-csstransforms3d">CSS 3D transforms are not supported in your browser</span>
+ <span class="note-ie">Sorry, only modern browsers.</span>
+ </div>
+
+ </header>
+
+ <section class="main demo-2">
+
+ <div id="grid" class="grid clearfix">
+
+ <div class="uc-container">
+ <div class="uc-initial-content">
+ <img src="images/thumbs/3.jpg" alt="image03" />
+ <span class="icon-eye"></span>
+ </div>
+ <div class="uc-final-content">
+ <img src="images/large/3.jpg" alt="image03-large" />
+ <div class="title"><h4>Angry Nerd Blofeld</h4> by Dan Matutina <a href="http://drbl.in/eLEa" class="icon-link"></a></div>
+ <span class="icon-cancel"></span>
+ </div>
+ </div><!-- / uc-container -->
+
+ <div class="uc-container">
+ <div class="uc-initial-content">
+ <img src="images/thumbs/1.jpg" alt="image01" />
+ <span class="icon-eye"></span>
+ </div>
+ <div class="uc-final-content">
+ <img src="images/large/1.jpg" alt="image01-large" />
+ <div class="title"><h4>The Professor</h4> by Dan Matutina <a href="http://drbl.in/dMLS" class="icon-link"></a></div>
+ <span class="icon-cancel"></span>
+ </div>
+ </div><!-- / uc-container -->
+
+ <div class="uc-container">
+ <div class="uc-initial-content">
+ <img src="images/thumbs/2.jpg" alt="image02" />
+ <span class="icon-eye"></span>
+ </div>
+ <div class="uc-final-content">
+ <img src="images/large/2.jpg" alt="image02-large" />
+ <div class="title"><h4>Planet</h4> by Dan Matutina <a href="http://drbl.in/eZoL" class="icon-link"></a></div>
+ <span class="icon-cancel"></span>
+ </div>
+ </div><!-- / uc-container -->
+
+ <div class="uc-container">
+ <div class="uc-initial-content">
+ <img src="images/thumbs/4.jpg" alt="image04" />
+ <span class="icon-eye"></span>
+ </div>
+ <div class="uc-final-content">
+ <img src="images/large/4.jpg" alt="image04-large" />
+ <div class="title"><h4>Ero Senin</h4> by Dan Matutina <a href="http://drbl.in/dJfK" class="icon-link"></a></div>
+ <span class="icon-cancel"></span>
+ </div>
+ </div><!-- / uc-container -->
+
+ </div><!-- / grid -->
+ <p class="info"><strong>Demo 3:</strong> Same as demo 2, item will be centered on its original position</p>
+ </section>
+
+ </div>
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+ <script type="text/javascript" src="js/jquery.pfold.js"></script>
+ <script type="text/javascript">
+ $(function() {
+
+ // say we want to have only one item opened at one moment
+ var opened = false;
+
+ $( '#grid > div.uc-container' ).each( function( i ) {
+
+ var $item = $( this ), direction;
+
+ switch( i ) {
+ case 0 : direction = ['right','bottom']; break;
+ case 1 : direction = ['left','bottom']; break;
+ case 2 : direction = ['right','top']; break;
+ case 3 : direction = ['left','top']; break;
+ }
+
+ var pfold = $item.pfold( {
+ folddirection : direction,
+ speed : 300,
+ onEndFolding : function() { opened = false; },
+ centered : true
+ } );
+
+ $item.find( 'span.icon-eye' ).on( 'click', function() {
+
+ if( !opened ) {
+ opened = true;
+ pfold.unfold();
+ }
+
+
+ } ).end().find( 'span.icon-cancel' ).on( 'click', function() {
+
+ pfold.fold();
+
+ } );
+
+ } );
+
+ });
+ </script>
+ </body>
+</html>
856 js/jquery.pfold.js
@@ -0,0 +1,856 @@
+/**
+ * jquery.pfold.js v1.0.0
+ * http://www.codrops.com
+ *
+ * Licensed under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * Copyright 2012, Codrops
+ * http://www.codrops.com
+ */
+
+;( function( $, window, undefined ) {
+
+ 'use strict';
+
+ /*
+ * debouncedresize: special jQuery event that happens once after a window resize
+ *
+ * latest version and complete README available on Github:
+ * https://github.com/louisremi/jquery-smartresize/blob/master/jquery.debouncedresize.js
+ *
+ * Copyright 2011 @louis_remi
+ * Licensed under the MIT license.
+ */
+ var $event = $.event,
+ $special,
+ resizeTimeout;
+
+ $special = $event.special.debouncedresize = {
+ setup: function() {
+ $( this ).on( "resize", $special.handler );
+ },
+ teardown: function() {
+ $( this ).off( "resize", $special.handler );
+ },
+ handler: function( event, execAsap ) {
+ // Save the context
+ var context = this,
+ args = arguments,
+ dispatch = function() {
+ // set correct event type
+ event.type = "debouncedresize";
+ $event.dispatch.apply( context, args );
+ };
+
+ if ( resizeTimeout ) {
+ clearTimeout( resizeTimeout );
+ }
+
+ execAsap ?
+ dispatch() :
+ resizeTimeout = setTimeout( dispatch, $special.threshold );
+ },
+ threshold: 50
+ };
+
+ // global
+ var $window = $( window ),
+ Modernizr = window.Modernizr;
+
+ $.PFold = function( options, element ) {
+
+ this.$el = $( element );
+ this._init( options );
+
+ };
+
+ // the options
+ $.PFold.defaults = {
+ // perspective value
+ perspective : 1200,
+ // each folding step's speed
+ speed : 450,
+ // each folding step's easing
+ easing : 'linear',
+ // delay between each (un)folding step (ms)
+ folddelay : 0,
+ // number of times the element will fold
+ folds : 2,
+ // the direction of each unfolding step
+ folddirection : ['right','top'],
+ // use overlays to simulate a shadow for each folding step
+ overlays : true,
+ // the main container moves (translation) in order to keep its initial position
+ centered : false,
+ // allows us to specify a different speed for the container's translation
+ // values range : [0 - 1]
+ // if 0 the container jumps immediately to the final position (translation).
+ // this is only valid if centered is true
+ containerSpeedFactor : 1,
+ // easing for the container transition
+ // this is only valid if centered is true
+ containerEasing : 'linear',
+ // callbacks
+ onEndFolding : function() { return false; },
+ onEndUnfolding : function() { return false; }
+ };
+
+ $.PFold.prototype = {
+
+ _init : function( options ) {
+
+ // options
+ this.options = $.extend( true, {}, $.PFold.defaults, options );
+
+ // https://github.com/twitter/bootstrap/issues/2870
+ this.transEndEventNames = {
+ 'WebkitTransition' : 'webkitTransitionEnd',
+ 'MozTransition' : 'transitionend',
+ 'OTransition' : 'oTransitionEnd',
+ 'msTransition' : 'MSTransitionEnd',
+ 'transition' : 'transitionend'
+ };
+ this.transEndEventName = this.transEndEventNames[ Modernizr.prefixed( 'transition' ) ];
+
+ // suport for css 3d transforms and css transitions
+ this.support = Modernizr.csstransitions && Modernizr.csstransforms3d;
+
+ // apply perspective to the main container
+ if( this.support ) {
+
+ this.$el.css( 'perspective', this.options.perspective + 'px' );
+
+ // set the transition to the main container
+ // we will need to move it if:
+ // this.options.centered is true;
+ // the opened element goes outside of the viewport
+ this.$el.css( 'transition', 'all ' + ( this.options.speed * this.options.folds * this.options.containerSpeedFactor ) + 'ms ' + this.options.containerEasing );
+
+ }
+
+ // initial sizes
+ this.initialDim = {
+ width : this.$el.width(),
+ height : this.$el.height(),
+ left : 0,
+ top : 0
+ };
+
+ // change the layout
+ this._layout();
+
+ // cache some initial values:
+ // initial content
+ this.$iContent = this.$el.find( '.uc-initial' );
+ this.iContent = this.$iContent.html();
+ // final content
+ this.$fContent = this.$el.find( '.uc-final' );
+ this.fContent = this.$fContent.html();
+ // this element is inserted in the main container and it will contain the initial and final content elements
+ this.$finalEl = $( '<div class="uc-final-wrapper"></div>' ).append( this.$iContent.clone().hide(), this.$fContent ).hide();
+ this.$el.append( this.$finalEl );
+
+ // initial element's offset
+ this._setDimOffset();
+
+ // status
+ this.opened = false;
+ this.animating = false;
+
+ // initialize events
+ this._initEvents();
+
+ },
+ // changes the initial html structure
+ // adds wrappers to the uc-initial-content and uc-final-content divs
+ _layout : function() {
+
+ var $initialContentEl = this.$el.children( 'div.uc-initial-content' ),
+ finalDim = this._getFinalDim(),
+ $finalContentEl = this.$el.children( 'div.uc-final-content' ).css( {
+ width : finalDim.width,
+ height : finalDim.height
+ } );
+
+ $initialContentEl.wrap( '<div class="uc-initial"></div>' );
+ $finalContentEl.show().wrap( $( '<div class="uc-final"></div>' ) );
+
+ },
+ // initialize the necessary events
+ _initEvents : function() {
+
+ var self = this;
+
+ $window.on( 'debouncedresize.pfold', function( event ) {
+
+ // update offsets
+ self._setDimOffset();
+
+ } );
+
+ },
+ // set/update offsets
+ _setDimOffset : function() {
+
+ this.initialDim.offsetL = this.$el.offset().left - $window.scrollLeft();
+ this.initialDim.offsetT = this.$el.offset().top - $window.scrollTop();
+ this.initialDim.offsetR = $window.width() - this.initialDim.offsetL - this.initialDim.width;
+ this.initialDim.offsetB = $window.height() - this.initialDim.offsetT - this.initialDim.height;
+
+ },
+ // gets the values needed to translate the main container (if options.centered is true)
+ _getTranslationValue : function() {
+
+ var x = 0,
+ y = 0,
+ horizTimes = 0,
+ vertTimes = 0;
+
+ for( var i = 0; i < this.options.folds; ++i ) {
+
+ // bottom as default
+ var dir = this.options.folddirection[ i ] || 'bottom';
+
+ switch( dir ) {
+
+ case 'left' :
+
+ x += this.initialDim.width * Math.pow( 2, horizTimes ) / 2;
+ horizTimes += 1;
+ break;
+
+ case 'right' :
+
+ x -= this.initialDim.width * Math.pow( 2, horizTimes ) / 2;
+ horizTimes += 1;
+ break;
+
+ case 'top' :
+
+ y += this.initialDim.height * Math.pow( 2, vertTimes ) / 2;
+ vertTimes += 1;
+ break;
+
+ case 'bottom' :
+
+ y -= this.initialDim.height * Math.pow( 2, vertTimes ) / 2;
+ vertTimes += 1;
+ break;
+
+ }
+
+ }
+
+ return {
+ x : x,
+ y : y
+ };
+
+ },
+ // gets the accumulated values for left, right, top and bottom once the element is opened
+ _getAccumulatedValue : function() {
+
+ var l = 0,
+ r = 0,
+ t = 0,
+ b = 0,
+ horizTimes = 0,
+ vertTimes = 0;
+
+ for( var i = 0; i < this.options.folds; ++i ) {
+
+ // bottom as default
+ var dir = this.options.folddirection[ i ] || 'bottom';
+
+ switch( dir ) {
+
+ case 'left' :
+
+ l += this.initialDim.width * Math.pow( 2, horizTimes );
+ horizTimes += 1;
+ break;
+
+ case 'right' :
+
+ r += this.initialDim.width * Math.pow( 2, horizTimes );
+ horizTimes += 1;
+ break;
+
+ case 'top' :
+
+ t += this.initialDim.height * Math.pow( 2, vertTimes );
+ vertTimes += 1;
+ break;
+
+ case 'bottom' :
+
+ b += this.initialDim.height * Math.pow( 2, vertTimes );
+ vertTimes += 1;
+ break;
+
+ }
+
+ }
+
+ return {
+ l : l,
+ r : r,
+ t : t,
+ b : b
+ };
+
+ },
+ // gets the width and height of the element when it is opened
+ _getFinalDim : function() {
+
+ var l = 0,
+ r = 0,
+ t = 0,
+ b = 0,
+ horizTimes = 0,
+ vertTimes = 0;
+
+ for( var i = 0; i < this.options.folds; ++i ) {
+
+ // bottom as default
+ var dir = this.options.folddirection[ i ] || 'bottom';
+
+ switch( dir ) {
+
+ case 'left' : case 'right' :
+
+ horizTimes += 1;
+ break;
+
+ case 'top' : case 'bottom' :
+
+ vertTimes += 1;
+ break;
+
+ }
+
+ }
+
+ return {
+ width : this.initialDim.width * Math.pow( 2, horizTimes ),
+ height : this.initialDim.height * Math.pow( 2, vertTimes )
+ };
+
+ },
+ // returns the sizes and positions for the element after each (un)folding step
+ _updateStepStyle : function( action ) {
+
+ var w, h, l, t;
+
+ if( action === 'fold' ) {
+
+ w = this.lastDirection === 'left' || this.lastDirection === 'right' ? this.lastStyle.width / 2 : this.lastStyle.width,
+ h = this.lastDirection === 'left' || this.lastDirection === 'right' ? this.lastStyle.height : this.lastStyle.height / 2,
+ l = this.lastDirection === 'left' ? this.lastStyle.left + this.lastStyle.width / 2 : this.lastStyle.left,
+ t = this.lastDirection === 'top' ? this.lastStyle.top + this.lastStyle.height / 2 : this.lastStyle.top;
+
+ }
+ else {
+
+ w = this.lastDirection === 'left' || this.lastDirection === 'right' ? this.lastStyle.width * 2 : this.lastStyle.width,
+ h = this.lastDirection === 'left' || this.lastDirection === 'right' ? this.lastStyle.height : this.lastStyle.height * 2,
+ l = this.lastDirection === 'left' ? this.lastStyle.left - this.lastStyle.width : this.lastStyle.left,
+ t = this.lastDirection === 'top' ? this.lastStyle.top - this.lastStyle.height : this.lastStyle.top;
+
+ }
+
+ return {
+ width : w,
+ height : h,
+ left : l,
+ top : t
+ };
+
+ },
+ // get the opposite direction
+ _getOppositeDirection : function( realdirection ) {
+
+ var rvd;
+
+ switch( realdirection ) {
+
+ case 'left' : rvd = 'right'; break;
+ case 'right' : rvd = 'left'; break;
+ case 'top' : rvd = 'bottom'; break;
+ case 'bottom' : rvd = 'top'; break;
+
+ }
+
+ return rvd;
+
+ },
+ // main function: unfolds and folds the element [options.folds] times by using recursive calls
+ _start : function( action, step ) {
+
+ // Basically we are replacing the element's content with 2 divisions, the top and bottom elements.
+ // The top element will have a front and back faces. The front has the initial content for the first step
+ // and the back will have the final content for the last step. For all the other cases the top element will be blank.
+ // The bottom element will have the final content for the last step and will be blank for all the other cases.
+ // We need to keep the right sizes and positions for these 2 elements, so we need to cache the previous step's state.
+
+ step |= 0;
+
+ var self = this,
+ styleCSS = ( action === 'fold' ) ? {
+ width : this.lastStyle.width,
+ height : this.lastStyle.height,
+ left : this.lastStyle.left,
+ top : this.lastStyle.top
+ } : this.initialDim,
+ contentTopFront = '', contentBottom = '', contentTopBack = '',
+ // direction for step [step]
+ // bottom is the default value if none is present
+ direction = ( action === 'fold' ) ?
+ this.options.folddirection[ this.options.folds - 1 - step ] || 'bottom' :
+ this.options.folddirection[ step ] || 'bottom',
+ // future direction value (only for the "fold" action)
+ nextdirection = ( action === 'fold' ) ? this.options.folddirection[ this.options.folds - 2 - step ] || 'bottom' : '';
+
+ // remove uc-part divs inside the container (the top and bottom elements)
+ this.$el.find( 'div.uc-part' ).remove();
+
+ switch( step ) {
+
+ // first step & last transition step
+ case 0 : case this.options.folds - 1 :
+
+ if( action === 'fold' ) {
+
+ if( step === this.options.folds - 1 ) {
+
+ styleCSS = this.initialDim;
+ contentTopFront = this.iContent;
+
+ }
+
+ if( step === 0 ) {
+
+ this._setDimOffset();
+
+ // reset the translation of the main container
+ this.$el.css( { left : 0, top : 0 } );
+
+ var content = this._setLastStep( direction, styleCSS ),
+ contentBottom = content.bottom,
+ contentTopBack = content.top;
+
+ this.$finalEl.hide().children().hide();
+
+ }
+
+ }
+ else { // unfolding
+
+ if( step === 0 ) {
+
+ this._setDimOffset();
+
+ // if options.centered is true, we need to center the container.
+ // either ways we need to make sure the container does not move outside the viewport.
+ // let's get the correct translation values for the container's transition
+ var coords = this._getTranslationViewport();
+
+ this.$el.addClass( 'uc-current' ).css( { left : coords.ftx, top : coords.fty } );
+
+ contentTopFront = this.iContent;
+
+ this.$finalEl.hide().children().hide();
+
+ }
+ else {
+
+ styleCSS = this._updateStepStyle( action );
+
+ }
+
+ if( step === this.options.folds - 1 ) {
+
+ var content = this._setLastStep( direction, styleCSS ),
+ contentBottom = content.bottom,
+ contentTopBack = content.top;
+
+ }
+
+ }
+
+ break;
+
+ // last step is to replace the topElement and bottomElement with a division that has the final content
+ case this.options.folds :
+
+ styleCSS = ( action === 'fold') ? this.initialDim : this._updateStepStyle( action );
+
+ // remove top and bottom elements
+ var contentIdx = ( action === 'fold' ) ? 0 : 1;
+ this.$el
+ .find( '.uc-part' )
+ .remove();
+
+ this.$finalEl.css( styleCSS ).show().children().eq( contentIdx ).show();
+
+ this.opened = ( action === 'fold' ) ? false : true;
+ this.animating = false;
+ // nothing else to do
+ if( action === 'fold' ) {
+
+ this.$el.removeClass( 'uc-current' );
+ this.options.onEndFolding();
+
+ }
+ else {
+
+ this.options.onEndUnfolding();
+
+ }
+ return false;
+
+ break;
+
+ // all the other steps
+ default :
+
+ // style of new layout will depend on the last step direction
+ styleCSS = this._updateStepStyle( action );
+
+ break;
+
+ }
+
+ // transition properties for the step
+ if( this.support ) {
+
+ styleCSS.transition = 'all ' + this.options.speed + 'ms ' + this.options.easing;
+
+ }
+
+ var unfoldClass = 'uc-unfold-' + direction,
+ topElClasses = ( action === 'fold' ) ? 'uc-unfold uc-part ' + unfoldClass : 'uc-part ' + unfoldClass,
+ $topEl = $( '<div class="' + topElClasses + '"><div class="uc-front">' + contentTopFront + '</div><div class="uc-back">' + contentTopBack + '</div></div>' ).css( styleCSS ),
+ $bottomEl = $( '<div class="uc-part uc-single">' + contentBottom + '</div>' ).css( styleCSS );
+
+ // cache last direction and style
+ this.lastDirection = ( action === 'fold' ) ? nextdirection : direction;
+ this.lastStyle = styleCSS;
+
+ // append new elements
+ this.$el.append( $bottomEl, $topEl );
+
+ // add overlays
+ if( this.options.overlays && this.support ) {
+
+ this._addOverlays( action, $bottomEl, $topEl );
+
+ }
+
+ setTimeout( function() {
+
+ // apply style
+ ( action === 'fold' ) ? $topEl.removeClass( 'uc-unfold' ) : $topEl.addClass( 'uc-unfold' );
+
+ if( self.support ) {
+
+ $topEl.on( self.transEndEventName , function(event) {
+
+ if( event.target.className !== 'uc-flipoverlay' && step < self.options.folds ) {
+
+ // goto next step in [options.folddelay] ms
+ setTimeout( function() { self._start( action, step + 1 ); }, self.options.folddelay );
+
+ }
+
+ } );
+
+ }
+ else {
+
+ // goto next step
+ self._start( action, step + 1 );
+
+ }
+
+ if( self.options.overlays && self.support ) {
+
+ var bo = ( action === 'fold' ) ? 1 : 0,
+ tbo = ( action === 'fold' ) ? .5 : 0,
+ tfo = ( action === 'fold' ) ? 0 : .5;
+
+ self.$bottomOverlay.css( 'opacity', bo );
+ self.$topBackOverlay.css( 'opacity', tbo );
+ self.$topFrontOverlay.css( 'opacity', tfo );
+
+ }
+
+ } , 30 );
+
+ },
+ // gets the translation values for the container's transition
+ _getTranslationViewport : function() {
+
+ // the accumulatedValues stores the left, right, top and bottom increments to the final/opened element relatively to the initial/closed element
+ var accumulatedValues = this._getAccumulatedValue(),
+ tx = 0,
+ ty = 0;
+
+ // the final offsets for the opened element
+ this.fOffsetL = this.initialDim.offsetL - accumulatedValues.l;
+ this.fOffsetT = this.initialDim.offsetT - accumulatedValues.t;
+ this.fOffsetR = this.initialDim.offsetR - accumulatedValues.r;
+ this.fOffsetB = this.initialDim.offsetB - accumulatedValues.b;
+
+ if( this.fOffsetL < 0 ) {
+ tx = Math.abs( this.fOffsetL );
+ }
+ if( this.fOffsetT < 0 ) {
+ ty = Math.abs( this.fOffsetT );
+ }
+ if( this.fOffsetR < 0 ) {
+ tx -= Math.abs( this.fOffsetR );
+ }
+ if( this.fOffsetB < 0 ) {
+ ty -= Math.abs( this.fOffsetB );
+ }
+
+ // final translation values
+ var ftx = tx,
+ fty = ty;
+
+ if( this.options.centered ) {
+
+ var translationValue = this._getTranslationValue();
+
+ if( translationValue.x > 0 && this.fOffsetR + translationValue.x >= 0 ) {
+
+ ftx = ( this.fOffsetL >= 0 ) ? Math.min( translationValue.x , this.fOffsetR ) : translationValue.x + ( tx - translationValue.x );
+
+ }
+ else if( translationValue.x < 0 && this.fOffsetL + translationValue.x >= 0 ) {
+
+ ftx = ( this.fOffsetR >= 0 ) ? Math.min( translationValue.x , this.fOffsetL ) : translationValue.x + ( tx - translationValue.x );
+
+ }
+ else {
+
+ ftx = translationValue.x + ( tx - translationValue.x );
+
+ }
+
+ if( translationValue.y > 0 && this.fOffsetB + translationValue.y >= 0 ) {
+
+ fty = ( this.fOffsetT >= 0 ) ? Math.min( translationValue.y , this.fOffsetB ) : translationValue.y + ( ty - translationValue.y );
+
+ }
+ else if( translationValue.y < 0 && this.fOffsetT + translationValue.y >= 0 ) {
+
+ fty = ( this.fOffsetB >= 0 ) ? Math.min( translationValue.y , this.fOffsetT ) : translationValue.y + ( ty - translationValue.y );
+
+ }
+ else {
+
+ fty = translationValue.y + ( ty - translationValue.y );
+
+ }
+
+ }
+
+ return {
+ ftx : ftx,
+ fty : fty
+ };
+
+ },
+ // sets the last step's content
+ _setLastStep : function( direction, styleCSS ) {
+
+ var contentBottom, contentTopBack,
+ contentBottomStyle = '',
+ contentTopBackStyle = '';
+
+ switch( direction ) {
+
+ case 'bottom' :
+ contentTopBackStyle = 'margin-top: -' + styleCSS.height + 'px';
+ break;
+ case 'top' :
+ contentBottomStyle = 'margin-top: -' + styleCSS.height + 'px';
+ break;
+ case 'left' :
+ contentTopBackStyle = 'width:' + ( styleCSS.width * 2 ) + 'px';
+ contentBottomStyle = 'width:' + ( styleCSS.width * 2 ) + 'px;margin-left: -' + styleCSS.width + 'px';
+ break;
+ case 'right' :
+ contentTopBackStyle = 'with:' + ( styleCSS.width * 2 ) + 'px;margin-left: -' + styleCSS.width + 'px';
+ contentBottomStyle = 'width:' + ( styleCSS.width * 2 ) + 'px';
+ break;
+
+ }
+
+ contentBottom = '<div class="uc-inner"><div class="uc-inner-content" style="' + contentBottomStyle + '">' + this.fContent + '</div></div>';
+
+ var contentTopBackClasses = direction === 'top' || direction === 'bottom' ? 'uc-inner uc-inner-rotate' : 'uc-inner';
+ contentTopBack = '<div class="' + contentTopBackClasses + '"><div class="uc-inner-content" style="' + contentTopBackStyle + '">' + this.fContent + '</div></div>';
+
+ return {
+ bottom : contentBottom,
+ top : contentTopBack
+ };
+
+ },
+ // adds overlays to the "(un)folding" elements if the options.overlays is true
+ _addOverlays : function( action, $bottomEl, $topEl ) {
+
+ var bottomOverlayStyle, topFrontOverlayStyle, topBackOverlayStyle;
+
+ this.$bottomOverlay = $( '<div class="uc-overlay"></div>' );
+ this.$topFrontOverlay = $( '<div class="uc-flipoverlay"></div>' );
+ this.$topBackOverlay = $( '<div class="uc-flipoverlay"></div>' );
+
+ if( action === 'fold' ) {
+
+ bottomOverlayStyle = {
+ transition : 'opacity ' + ( this.options.speed / 2 ) + 'ms ' + this.options.easing + ' ' + ( this.options.speed / 2 ) + 'ms'
+ };
+
+ topFrontOverlayStyle = {
+ opacity : .5,
+ transition : 'opacity ' + ( this.options.speed / 2 ) + 'ms ' + this.options.easing
+ };
+
+ topBackOverlayStyle = {
+ opacity : 0,
+ transition : 'opacity ' + ( this.options.speed / 2 ) + 'ms ' + this.options.easing
+ };
+
+ }
+ else {
+
+ bottomOverlayStyle = {
+ opacity : 1,
+ transition : 'opacity ' + ( this.options.speed / 2 ) + 'ms ' + this.options.easing
+ };
+
+ topFrontOverlayStyle = {
+ transition : 'opacity ' + ( this.options.speed / 2 ) + 'ms ' + this.options.easing
+ };
+
+ topBackOverlayStyle = {
+ opacity : .5,
+ transition : 'opacity ' + ( this.options.speed / 2 ) + 'ms ' + this.options.easing + ' ' + ( this.options.speed / 2 ) + 'ms'
+ };
+
+ }
+
+ $bottomEl.append( this.$bottomOverlay.css( bottomOverlayStyle ) );
+ $topEl.children( 'div.uc-front' )
+ .append( this.$topFrontOverlay.css( topFrontOverlayStyle ) )
+ .end()
+ .children( 'div.uc-back' )
+ .append( this.$topBackOverlay.css( topBackOverlayStyle ) );
+
+ },
+ // public method: unfolds the element
+ unfold : function() {
+
+ // if opened already or currently (un)folding return
+ if( this.opened || this.animating ) {
+
+ return false;
+
+ }
+
+ this.animating = true;
+ this._start( 'unfold' );
+
+ },
+ // public method: folds the element
+ fold : function() {
+
+ // if not opened or currently (un)folding return
+ if( !this.opened || this.animating ) {
+
+ return false;
+
+ }
+
+ this.animating = true;
+ this._start( 'fold' );
+
+ },
+ // public method: returns 'opened' or 'closed'
+ getStatus : function() {
+
+ return ( this.opened ) ? 'opened' : 'closed';
+
+ }
+
+ };
+
+ var logError = function( message ) {
+
+ if ( window.console ) {
+
+ window.console.error( message );
+
+ }
+
+ };
+
+ $.fn.pfold = function( options ) {
+
+ var instance = $.data( this, 'pfold' );
+
+ if ( typeof options === 'string' ) {
+
+ var args = Array.prototype.slice.call( arguments, 1 );
+
+ this.each(function() {
+
+ if ( !instance ) {
+
+ logError( "cannot call methods on pfold prior to initialization; " +
+ "attempted to call method '" + options + "'" );
+ return;
+
+ }
+
+ if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) {
+
+ logError( "no such method '" + options + "' for pfold instance" );
+ return;
+
+ }
+
+ instance[ options ].apply( instance, args );
+
+ });
+
+ }
+ else {
+
+ this.each(function() {
+
+ if ( instance ) {
+
+ instance._init();
+
+ }
+ else {
+
+ instance = $.data( this, 'pfold', new $.PFold( options, this ) );
+
+ }
+
+ });
+
+ }
+
+ return instance;
+
+ };
+
+} )( jQuery, window );
4 js/modernizr.custom.79639.js
@@ -0,0 +1,4 @@
+/* Modernizr 2.6.2 (Custom Build) | MIT & BSD
+ * Build: http://modernizr.com/download/#-csstransforms3d-csstransitions-touch-shiv-cssclasses-prefixed-teststyles-testprop-testallprops-prefixes-domprefixes-load
+ */
+;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a){var e=a[d];if(!C(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["&#173;",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e}),q.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:w(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},q.csstransforms3d=function(){var a=!!F("perspective");return a&&"webkitPerspective"in g.style&&w("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},q.csstransitions=function(){return F("transition")};for(var G in q)y(q,G)&&(v=G.toLowerCase(),e[v]=q[G](),t.push((e[v]?"":"no-")+v));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)y(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},z(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,e.prefixed=function(a,b,c){return b?F(a,b,c):F(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};

0 comments on commit 4766776

Please sign in to comment.
Something went wrong with that request. Please try again.