Cover3D jQuery

├── README.md ├── img ├── BookCover_small.png ├── avengers-dvd-cover-1.jpg └── The-Backup-Plan-Front-Cover-41253.jpg ├── indexSimpleDemo.html ├── pluginCssAndJs ├── Cover3D.js └── Cover3D.css ├── css ├── Cover3D.css └── prism.css ├── index.html └── js ├── prism.js ├── bootstrap.min.js └── jquery.min.js /README.md: -------------------------------------------------------------------------------- 1 | # 3DCoverjQuery 2 | Demostration: http://oscaruhp.github.io/3DCoverjQuery/ 3 | -------------------------------------------------------------------------------- /img/BookCover_small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oscaruhp/3DCoverjQuery/HEAD/img/BookCover_small.png -------------------------------------------------------------------------------- /img/avengers-dvd-cover-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oscaruhp/3DCoverjQuery/HEAD/img/avengers-dvd-cover-1.jpg -------------------------------------------------------------------------------- /img/The-Backup-Plan-Front-Cover-41253.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oscaruhp/3DCoverjQuery/HEAD/img/The-Backup-Plan-Front-Cover-41253.jpg -------------------------------------------------------------------------------- /indexSimpleDemo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Cover3D jQuery 14 | 15 | 16 |

17 |

18 | 19 |

20 |

21 |

22 |

23 |

24 |

25 | 26 |

27 |

28 |

29 | 30 | 37 | 38 | -------------------------------------------------------------------------------- /pluginCssAndJs/Cover3D.js: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery 3DCover 3 | * @author dimit28@gmail.com - http://develoteca.com 4 | * @version 1.0 5 | * @date Julio 31, 2015 6 | * @category jQuery plugin 7 | * @copyright (c) 2015 dimit28@gmail.com (http://develoteca.com) 8 | * @license CC Attribution-NonCommercial-ShareAlike 3.0 Unported (CC BY-NC-SA 3.0) - http://creativecommons.org/licenses/by-nc-sa/3.0/ 9 | */ 10 | jQuery.fn.extend({CoverTresD: function(opciones) { 11 | var CoverTresD=this; 12 | var id="#"+$(CoverTresD).attr('id'); 13 | var color; 14 | defaults = {color:"#333"} 15 | var opciones = $.extend({}, defaults, opciones); 16 | color=opciones.color; 17 | $(id+' img').attr('src'); 18 | urlImg=$(id+' img').attr('src'); 19 | $(id).html(''); 20 | CONTENIDOHTML='"; 25 | CONTENIDOHTML=CONTENIDOHTML+""; 26 | CONTENIDOHTML=CONTENIDOHTML+'

'; 27 | CONTENIDOHTML=CONTENIDOHTML+'

'; 28 | CONTENIDOHTML=CONTENIDOHTML+'

'; 29 | CONTENIDOHTML=CONTENIDOHTML+'

'; 30 | CONTENIDOHTML=CONTENIDOHTML+'

'; 31 | $(id).html(CONTENIDOHTML); 32 | 33 | } 34 | }); -------------------------------------------------------------------------------- /css/Cover3D.css: -------------------------------------------------------------------------------- 1 | .Cover3D-container {position: relative;width: 243px;height: 445px;margin: 0 auto;overflow: visible;perspective: 690px;perspective-origin: 50% 50%;-webkit-filter: drop-shadow(10px 10px 7px rgba(0,0,0,.3));} 2 | .Cover3D { position: absolute;width: 100%;height: 100%;transform-style: preserve-3d;transform: translateZ(-14px);transition: all 2s ease-in-out;transform: rotateY( 40deg ) rotateX( 0deg ); 3 | }.Cover3D:hover{position: absolute;width: 100%;height: 100%;transform-style: preserve-3d; 4 | transform: translateZ(-14px);transform: rotateY( 180deg ) rotateX( 0deg );} 5 | .Cover3D div.front,.Cover3D div.back ,.Cover3D div.left{border-top: solid 5px #ff0;border-bottom: solid 5px #ff0;} 6 | .Cover3D div.front{border-right: solid 5px #ff0;} 7 | .Cover3D div.back {border-left: solid 5px #ff0;} 8 | .Cover3D div.front {width: 243px; height: 345px;background-position: 243px 0px; 9 | z-index: 10;transform: rotateY( 0deg ) translateZ( 14px ); 10 | }.Cover3D div.back {width: 243px;height: 345px;background-position: 0px 0px;transform: rotateY( 180deg ) translateZ( 14px );} 11 | .Cover3D div.left { width: 28px; height: 345px; background-position: 265px 0px; 12 | transform: rotateY( -90deg ) translateZ( 14px );} 13 | .Cover3D div.right { width: 28px; height: 345px;transform: rotateY( 90deg ) translateZ( 230px ); background-image: none;background-color: rgba(0,0,0,0.7);} 14 | .Cover3D div.top { width: 243px;height: 28px;transform: rotateX( 90deg ) translateZ( 14px ); 15 | background-image: none;background-color: rgba(0,0,0,0.7);} 16 | .Cover3D-container .Cover3D div.bottom {width: 243px;height: 28px; 17 | transform: rotateX( -90deg ) translateZ( 331px );background-image: none;background-color: rgba(0,0,0,0.7);} 18 | .cover {display: table;width: 100%;height: 100%;} 19 | .cover-cell {display: table-cell;vertical-align: middle;} 20 | .cover-cell * {Cover3D-sizing: border-Cover3D;}.Cover3D div {position: absolute;background-color: rgba(0,0,0,0.7); background-size: 500px 345px;backface-visibility: visible;} 21 | -------------------------------------------------------------------------------- /pluginCssAndJs/Cover3D.css: -------------------------------------------------------------------------------- 1 | .Cover3D-container {position: relative;width: 243px;height: 445px;margin: 0 auto;overflow: visible;perspective: 690px;perspective-origin: 50% 50%;-webkit-filter: drop-shadow(10px 10px 7px rgba(0,0,0,.3));} 2 | .Cover3D { position: absolute;width: 100%;height: 100%;transform-style: preserve-3d;transform: translateZ(-14px);transition: all 2s ease-in-out;transform: rotateY( 40deg ) rotateX( 0deg ); 3 | }.Cover3D:hover{position: absolute;width: 100%;height: 100%;transform-style: preserve-3d; 4 | transform: translateZ(-14px);transform: rotateY( 180deg ) rotateX( 0deg );} 5 | .Cover3D div.front,.Cover3D div.back ,.Cover3D div.left{border-top: solid 5px #333;border-bottom: solid 5px #333;} 6 | .Cover3D div.front{border-right: solid 5px #333;} 7 | .Cover3D div.back {border-left: solid 5px #333;} 8 | .Cover3D div.front {width: 243px; height: 345px;background-position: 243px 0px; 9 | z-index: 10;transform: rotateY( 0deg ) translateZ( 14px ); 10 | }.Cover3D div.back {width: 243px;height: 345px;background-position: 0px 0px;transform: rotateY( 180deg ) translateZ( 14px );} 11 | .Cover3D div.left { width: 28px; height: 345px; background-position: 265px 0px; 12 | transform: rotateY( -90deg ) translateZ( 14px );} 13 | .Cover3D div.right { width: 28px; height: 345px;transform: rotateY( 90deg ) translateZ( 230px ); background-image: none;background-color: rgba(0,0,0,0.7);} 14 | .Cover3D div.top { width: 243px;height: 28px;transform: rotateX( 90deg ) translateZ( 14px ); 15 | background-image: none;background-color: rgba(0,0,0,0.7);} 16 | .Cover3D-container .Cover3D div.bottom {width: 243px;height: 28px; 17 | transform: rotateX( -90deg ) translateZ( 331px );background-image: none;background-color: rgba(0,0,0,0.7);} 18 | .cover {display: table;width: 100%;height: 100%;} 19 | .cover-cell {display: table-cell;vertical-align: middle;} 20 | .cover-cell * {Cover3D-sizing: border-Cover3D;}.Cover3D div {position: absolute;background-color: rgba(0,0,0,0.7); background-size: 500px 345px;backface-visibility: visible;} 21 | -------------------------------------------------------------------------------- /css/prism.css: -------------------------------------------------------------------------------- 1 | /* http://prismjs.com/download.html?themes=prism-coy&languages=markup+css+clike+javascript */ 2 | /** 3 | * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML 4 | * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics); 5 | * @author Tim Shedor 6 | */ 7 | 8 | code[class*="language-"], 9 | pre[class*="language-"] { 10 | color: black; 11 | font-family: Consolas, Monaco, 'Andale Mono', monospace; 12 | direction: ltr; 13 | text-align: left; 14 | white-space: pre; 15 | word-spacing: normal; 16 | word-break: normal; 17 | line-height: 1.5; 18 | 19 | -moz-tab-size: 4; 20 | -o-tab-size: 4; 21 | tab-size: 4; 22 | 23 | -webkit-hyphens: none; 24 | -moz-hyphens: none; 25 | -ms-hyphens: none; 26 | hyphens: none; 27 | } 28 | 29 | /* Code blocks */ 30 | pre[class*="language-"] { 31 | position: relative; 32 | margin: .5em 0; 33 | -webkit-box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; 34 | -moz-box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; 35 | box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; 36 | border-left: 10px solid #358ccb; 37 | background-color: #fdfdfd; 38 | background-image: -webkit-linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); 39 | background-image: -moz-linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); 40 | background-image: -ms-linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); 41 | background-image: -o-linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); 42 | background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); 43 | background-size: 3em 3em; 44 | background-origin: content-box; 45 | overflow: visible; 46 | max-height: 30em; 47 | } 48 | 49 | code[class*="language"] { 50 | max-height: inherit; 51 | height: 100%; 52 | padding: 0 1em; 53 | display: block; 54 | overflow: auto; 55 | } 56 | 57 | /* Margin bottom to accomodate shadow */ 58 | :not(pre) > code[class*="language-"], 59 | pre[class*="language-"] { 60 | background-color: #fdfdfd; 61 | -webkit-box-sizing: border-box; 62 | -moz-box-sizing: border-box; 63 | box-sizing: border-box; 64 | margin-bottom: 1em; 65 | } 66 | 67 | /* Inline code */ 68 | :not(pre) > code[class*="language-"] { 69 | position: relative; 70 | padding: .2em; 71 | -webkit-border-radius: 0.3em; 72 | -moz-border-radius: 0.3em; 73 | -ms-border-radius: 0.3em; 74 | -o-border-radius: 0.3em; 75 | border-radius: 0.3em; 76 | color: #c92c2c; 77 | border: 1px solid rgba(0, 0, 0, 0.1); 78 | } 79 | 80 | pre[class*="language-"]:before, 81 | pre[class*="language-"]:after { 82 | content: ''; 83 | z-index: -2; 84 | display: block; 85 | position: absolute; 86 | bottom: 0.75em; 87 | left: 0.18em; 88 | width: 40%; 89 | height: 20%; 90 | -webkit-box-shadow: 0px 13px 8px #979797; 91 | -moz-box-shadow: 0px 13px 8px #979797; 92 | box-shadow: 0px 13px 8px #979797; 93 | -webkit-transform: rotate(-2deg); 94 | -moz-transform: rotate(-2deg); 95 | -ms-transform: rotate(-2deg); 96 | -o-transform: rotate(-2deg); 97 | transform: rotate(-2deg); 98 | } 99 | 100 | :not(pre) > code[class*="language-"]:after, 101 | pre[class*="language-"]:after { 102 | right: 0.75em; 103 | left: auto; 104 | -webkit-transform: rotate(2deg); 105 | -moz-transform: rotate(2deg); 106 | -ms-transform: rotate(2deg); 107 | -o-transform: rotate(2deg); 108 | transform: rotate(2deg); 109 | } 110 | 111 | .token.comment, 112 | .token.block-comment, 113 | .token.prolog, 114 | .token.doctype, 115 | .token.cdata { 116 | color: #7D8B99; 117 | } 118 | 119 | .token.punctuation { 120 | color: #5F6364; 121 | } 122 | 123 | .token.property, 124 | .token.tag, 125 | .token.boolean, 126 | .token.number, 127 | .token.function-name, 128 | .token.constant, 129 | .token.symbol, 130 | .token.deleted { 131 | color: #c92c2c; 132 | } 133 | 134 | .token.selector, 135 | .token.attr-name, 136 | .token.string, 137 | .token.char, 138 | .token.function, 139 | .token.builtin, 140 | .token.inserted { 141 | color: #2f9c0a; 142 | } 143 | 144 | .token.operator, 145 | .token.entity, 146 | .token.url, 147 | .token.variable { 148 | color: #a67f59; 149 | background: rgba(255, 255, 255, 0.5); 150 | } 151 | 152 | .token.atrule, 153 | .token.attr-value, 154 | .token.keyword, 155 | .token.class-name { 156 | color: #1990b8; 157 | } 158 | 159 | .token.regex, 160 | .token.important { 161 | color: #e90; 162 | } 163 | 164 | .language-css .token.string, 165 | .style .token.string { 166 | color: #a67f59; 167 | background: rgba(255, 255, 255, 0.5); 168 | } 169 | 170 | .token.important { 171 | font-weight: normal; 172 | } 173 | 174 | .token.bold { 175 | font-weight: bold; 176 | } 177 | .token.italic { 178 | font-style: italic; 179 | } 180 | 181 | .token.entity { 182 | cursor: help; 183 | } 184 | 185 | .namespace { 186 | opacity: .7; 187 | } 188 | 189 | @media screen and (max-width: 767px) { 190 | pre[class*="language-"]:before, 191 | pre[class*="language-"]:after { 192 | bottom: 14px; 193 | -webkit-box-shadow: none; 194 | -moz-box-shadow: none; 195 | box-shadow: none; 196 | } 197 | 198 | } 199 | 200 | /* Plugin styles */ 201 | .token.tab:not(:empty):before, 202 | .token.cr:before, 203 | .token.lf:before { 204 | color: #e0d7d1; 205 | } 206 | 207 | /* Plugin styles: Line Numbers */ 208 | pre[class*="language-"].line-numbers { 209 | padding-left: 0; 210 | } 211 | 212 | pre[class*="language-"].line-numbers code { 213 | padding-left: 3.8em; 214 | } 215 | 216 | pre[class*="language-"].line-numbers .line-numbers-rows { 217 | left: 0; 218 | } 219 | 220 | /* Plugin styles: Line Highlight */ 221 | pre[class*="language-"][data-line] { 222 | padding-top: 0; 223 | padding-bottom: 0; 224 | padding-left: 0; 225 | } 226 | pre[data-line] code { 227 | position: relative; 228 | padding-left: 4em; 229 | } 230 | pre .line-highlight { 231 | margin-top: 0; 232 | } 233 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | Cover3D jQuery 17 | 18 | 19 |

20 |

21 |
22 |

23 |

24 | 25 |

26 |
by develoteca.com 27 | 28 | 29 |

30 |
31 | Download v1.0 32 |
33 | 34 | 35 | 39 | 42 |

43 |

Thank you for comments

44 |

45 | 52 |

53 | 54 | 73 | 74 |

75 |

76 | 77 |

78 |
79 |

80 |

81 |

82 |

83 |

84 |

85 |

86 |

87 |

88 |

89 | 90 |

91 |

92 |

93 |

94 |

95 |

96 |

Cover3D jQuery

97 |

Quick start

98 | 1.- Include the files 99 |


100 |     <!-- Bootstrap and JQuery -->
101 |     <link rel="stylesheet" href="bootstrap.min.css">
102 |     <script src="jquery-2.1.4.min.js"> </script>
103 |         
104 |     <!-- Plugin -->
105 |     <link rel="stylesheet" href="Cover3D.css">
106 |     <script src="Cover3D.js"></script>

107 | 108 | 2.- Create HTML Element 109 |


110 |     <div id="cover3">

111 |     <img src="img/avengers-dvd-cover-1.jpg"/>

112 |     </div>
113 |

114 | 115 | 116 | 3.- Call the the plugin on a container as your wish 117 |


118 |     $('#cover3').CoverTresD();
119 |

120 | 121 | 122 | 4.- All done! 123 | 124 |

Options

125 | you can custom by passing options when call the plugin, all available options are listed below. 126 | call the the plugin on a container wish you wish 127 | 128 | 129 |


130 |        $('#cover3').CoverTresD({
131 |                     option: value,
132 |                     option2: value2
133 |        });
134 |                  
135 |

136 | Demo (Options) 137 |


138 |         { color:"#FF0" /*Border Color */}
139 |

140 |

141 | 142 | 143 |

144 |

145 |

146 | 147 | 148 |

149 |

150 | 151 |

152 |

153 | 154 | 162 |

163 | 173 | 174 | 175 | -------------------------------------------------------------------------------- /js/prism.js: -------------------------------------------------------------------------------- 1 | /* http://prismjs.com/download.html?themes=prism-coy&languages=markup+css+clike+javascript */ 2 | self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{};var Prism=function(){var e=/\blang(?:uage)?-(?!\*)(\w+)\b/i,t=self.Prism={util:{encode:function(e){return e instanceof n?new n(e.type,t.util.encode(e.content),e.alias):"Array"===t.util.type(e)?e.map(t.util.encode):e.replace(/&/g,"&").replace(/e.length)break e;if(!(d instanceof a)){u.lastIndex=0;var m=u.exec(d);if(m){c&&(f=m[1].length);var y=m.index-1+f,m=m[0].slice(f),v=m.length,k=y+v,b=d.slice(0,y+1),w=d.slice(k+1),N=[p,1];b&&N.push(b);var O=new a(l,g?t.tokenize(m,g):m,h);N.push(O),w&&N.push(w),Array.prototype.splice.apply(r,N)}}}}}return r},hooks:{all:{},add:function(e,n){var a=t.hooks.all;a[e]=a[e]||[],a[e].push(n)},run:function(e,n){var a=t.hooks.all[e];if(a&&a.length)for(var r,i=0;r=a[i++];)r(n)}}},n=t.Token=function(e,t,n){this.type=e,this.content=t,this.alias=n};if(n.stringify=function(e,a,r){if("string"==typeof e)return e;if("Array"===t.util.type(e))return e.map(function(t){return n.stringify(t,a,e)}).join("");var i={type:e.type,content:n.stringify(e.content,a,r),tag:"span",classes:["token",e.type],attributes:{},language:a,parent:r};if("comment"==i.type&&(i.attributes.spellcheck="true"),e.alias){var l="Array"===t.util.type(e.alias)?e.alias:[e.alias];Array.prototype.push.apply(i.classes,l)}t.hooks.run("wrap",i);var s="";for(var o in i.attributes)s+=o+'="'+(i.attributes[o]||"")+'"';return"<"+i.tag+' class="'+i.classes.join(" ")+'" '+s+">"+i.content+""},!self.document)return self.addEventListener?(self.addEventListener("message",function(e){var n=JSON.parse(e.data),a=n.language,r=n.code;self.postMessage(JSON.stringify(t.util.encode(t.tokenize(r,t.languages[a])))),self.close()},!1),self.Prism):self.Prism;var a=document.getElementsByTagName("script");return a=a[a.length-1],a&&(t.filename=a.src,document.addEventListener&&!a.hasAttribute("data-manual")&&document.addEventListener("DOMContentLoaded",t.highlightAll)),self.Prism}();"undefined"!=typeof module&&module.exports&&(module.exports=Prism);; 3 | Prism.languages.markup={comment://,prolog:/<\?[\w\W]+?\?>/,doctype://,cdata://i,tag:{pattern:/<\/?[^\s>\/]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\\1|\\?(?!\1)[\w\W])*\1|[^\s'">=]+))?)*\s*\/?>/i,inside:{tag:{pattern:/^<\/?[^\s>\/]+/i,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/i,inside:{punctuation:/[=>"']/}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:/&#?[\da-z]{1,8};/i},Prism.hooks.add("wrap",function(t){"entity"===t.type&&(t.attributes.title=t.content.replace(/&/,"&"))});; 4 | Prism.languages.css={comment:/\/\*[\w\W]*?\*\//,atrule:{pattern:/@[\w-]+?.*?(;|(?=\s*\{))/i,inside:{rule:/@[\w-]+/}},url:/url$(?:(["'])(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1|.*?)$/i,selector:/[^\{\}\s][^\{\};]*?(?=\s*\{)/,string:/("|')(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1/,property:/(\b|\B)[\w-]+(?=\s*:)/i,important:/\B!important\b/i,"function":/[-a-z0-9]+(?=$)/i,punctuation:/[(){};:]/},Prism.languages.css.atrule.inside.rest=Prism.util.clone(Prism.languages.css),Prism.languages.markup&&(Prism.languages.insertBefore("markup","tag",{style:{pattern:/[\w\W]*?<\/style>/i,inside:{tag:{pattern:/|<\/style>/i,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.css},alias:"language-css"}}),Prism.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|').*?\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:Prism.languages.markup.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:Prism.languages.css}},alias:"language-css"}},Prism.languages.markup.tag));; 5 | Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\w\W]*?\*\//,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0}],string:/("|')(\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,"class-name":{pattern:/((?:(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/i,lookbehind:!0,inside:{punctuation:/(\.|\$/}},keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,"boolean":/\b(true|false)\b/,"function":/[a-z0-9_]+(?=\()/i,number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/,operator:/[-+]{1,2}|!|<=?|>=?|={1,3}|&{1,2}|\|?\||\?|\*|\/|~|\^|%/,punctuation:/[{}[\];(),.:]/};; 6 | Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/,number:/\b-?(0x[\dA-Fa-f]+|0b[01]+|0o[0-7]+|\d*\.?\d+([Ee][+-]?\d+)?|NaN|Infinity)\b/,"function":/(?!\d)[a-z0-9_$]+(?=\()/i}),Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\\\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})]))/,lookbehind:!0}}),Prism.languages.insertBefore("javascript","class-name",{"template-string":{pattern:/`(?:\\`|\\?[^`])*`/,inside:{interpolation:{pattern:/\$\{[^}]+\}/,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/[\w\W]*?<\/script>/i,inside:{tag:{pattern:/|<\/script>/i,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.javascript},alias:"language-javascript"}});; 7 | -------------------------------------------------------------------------------- /js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.5 (http://getbootstrap.com) 3 | * Copyright 2011-2015 Twitter, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){return a(b.target).is(this)?b.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.5",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a(f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.5",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")?(c.prop("checked")&&(a=!1),b.find(".active").removeClass("active"),this.$element.addClass("active")):"checkbox"==c.prop("type")&&(c.prop("checked")!==this.$element.hasClass("active")&&(a=!1),this.$element.toggleClass("active")),c.prop("checked",this.$element.hasClass("active")),a&&c.trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active")),this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target);d.hasClass("btn")||(d=d.closest(".btn")),b.call(d,"toggle"),a(c.target).is('input[type="radio"]')||a(c.target).is('input[type="checkbox"]')||c.preventDefault()}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.5",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));return a>this.$items.length-1||0>a?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&/show|hide/.test(b)&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a('[data-toggle="collapse"][href="#'+b.id+'"],[data-toggle="collapse"][data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.5",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":e.data();c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function c(c){c&&3===c.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=b(d),f={relatedTarget:this};e.hasClass("open")&&(c&&"click"==c.type&&/input|textarea/i.test(c.target.tagName)&&a.contains(e[0],c.target)||(e.trigger(c=a.Event("hide.bs.dropdown",f)),c.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger("hidden.bs.dropdown",f))))}))}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.5",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=b(e),g=f.hasClass("open");if(c(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(a(this)).on("click",c);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger("shown.bs.dropdown",h)}return!1}},g.prototype.keydown=function(c){if(/(38|40|27|32)/.test(c.which)&&!/input|textarea/i.test(c.target.tagName)){var d=a(this);if(c.preventDefault(),c.stopPropagation(),!d.is(".disabled, :disabled")){var e=b(d),g=e.hasClass("open");if(!g&&27!=c.which||g&&27==c.which)return 27==c.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.disabled):visible a",i=e.find(".dropdown-menu"+h);if(i.length){var j=i.index(c.target);38==c.which&&j>0&&j--,40==c.which&&jdocument.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){var a=window.innerWidth;if(!a){var b=document.documentElement.getBoundingClientRect();a=b.right-Math.abs(b.left)}this.bodyIsOverflowing=document.body.clientWidth