├── static ├── CV.pdf ├── images │ ├── close.png │ ├── favicon.ico │ ├── nav_left.png │ ├── photo-1.jpg │ ├── nav_right.png │ ├── close-left-arrow.png │ ├── prettyPhoto │ │ ├── default │ │ │ ├── loader.gif │ │ │ ├── sprite.png │ │ │ ├── sprite_x.png │ │ │ ├── sprite_y.png │ │ │ ├── sprite_next.png │ │ │ ├── sprite_prev.png │ │ │ └── default_thumb.png │ │ ├── facebook │ │ │ ├── btnNext.png │ │ │ ├── loader.gif │ │ │ ├── sprite.png │ │ │ ├── btnPrevious.png │ │ │ ├── contentPatternTop.png │ │ │ ├── default_thumbnail.gif │ │ │ ├── contentPatternBottom.png │ │ │ ├── contentPatternLeft.png │ │ │ └── contentPatternRight.png │ │ ├── dark_rounded │ │ │ ├── loader.gif │ │ │ ├── sprite.png │ │ │ ├── btnNext.png │ │ │ ├── btnPrevious.png │ │ │ ├── contentPattern.png │ │ │ └── default_thumbnail.gif │ │ ├── dark_square │ │ │ ├── btnNext.png │ │ │ ├── loader.gif │ │ │ ├── sprite.png │ │ │ ├── btnPrevious.png │ │ │ ├── contentPattern.png │ │ │ └── default_thumbnail.gif │ │ ├── light_square │ │ │ ├── loader.gif │ │ │ ├── sprite.png │ │ │ ├── btnNext.png │ │ │ ├── btnPrevious.png │ │ │ └── default_thumbnail.gif │ │ └── light_rounded │ │ │ ├── btnNext.png │ │ │ ├── loader.gif │ │ │ ├── sprite.png │ │ │ ├── btnPrevious.png │ │ │ └── default_thumbnail.gif │ ├── scroll-icon.svg │ ├── serv-icon-1.svg │ ├── serv-icon-3.svg │ ├── serv-icon-4.svg │ ├── serv-icon-2.svg │ └── quote.svg ├── config.php ├── css │ ├── owl.theme.default.min.css │ ├── clear.css │ ├── owl.carousel.min.css │ └── prettyPhoto.css ├── js │ ├── html5shiv.js │ ├── jquery.fitvids.js │ ├── jarallax-element.min.js │ ├── respond.min.js │ ├── main.js │ ├── jquery.prettyPhoto.js │ ├── imagesloaded.pkgd.js │ └── owl.carousel.min.js └── style.css ├── _.py └── templates └── index.html /static/CV.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/CV.pdf -------------------------------------------------------------------------------- /static/images/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/close.png -------------------------------------------------------------------------------- /static/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/favicon.ico -------------------------------------------------------------------------------- /static/images/nav_left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/nav_left.png -------------------------------------------------------------------------------- /static/images/photo-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/photo-1.jpg -------------------------------------------------------------------------------- /static/images/nav_right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/nav_right.png -------------------------------------------------------------------------------- /static/images/close-left-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/close-left-arrow.png -------------------------------------------------------------------------------- /static/config.php: -------------------------------------------------------------------------------- 1 | 7 | -------------------------------------------------------------------------------- /static/images/prettyPhoto/default/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/default/loader.gif -------------------------------------------------------------------------------- /static/images/prettyPhoto/default/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/default/sprite.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/default/sprite_x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/default/sprite_x.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/default/sprite_y.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/default/sprite_y.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/facebook/btnNext.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/facebook/btnNext.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/facebook/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/facebook/loader.gif -------------------------------------------------------------------------------- /static/images/prettyPhoto/facebook/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/facebook/sprite.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/dark_rounded/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/dark_rounded/loader.gif -------------------------------------------------------------------------------- /static/images/prettyPhoto/dark_rounded/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/dark_rounded/sprite.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/dark_square/btnNext.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/dark_square/btnNext.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/dark_square/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/dark_square/loader.gif -------------------------------------------------------------------------------- /static/images/prettyPhoto/dark_square/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/dark_square/sprite.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/default/sprite_next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/default/sprite_next.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/default/sprite_prev.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/default/sprite_prev.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/light_square/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/light_square/loader.gif -------------------------------------------------------------------------------- /static/images/prettyPhoto/light_square/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/light_square/sprite.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/dark_rounded/btnNext.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/dark_rounded/btnNext.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/default/default_thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/default/default_thumb.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/facebook/btnPrevious.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/facebook/btnPrevious.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/light_rounded/btnNext.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/light_rounded/btnNext.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/light_rounded/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/light_rounded/loader.gif -------------------------------------------------------------------------------- /static/images/prettyPhoto/light_rounded/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/light_rounded/sprite.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/light_square/btnNext.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/light_square/btnNext.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/dark_rounded/btnPrevious.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/dark_rounded/btnPrevious.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/dark_square/btnPrevious.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/dark_square/btnPrevious.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/light_square/btnPrevious.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/light_square/btnPrevious.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/dark_square/contentPattern.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/dark_square/contentPattern.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/facebook/contentPatternTop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/facebook/contentPatternTop.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/facebook/default_thumbnail.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/facebook/default_thumbnail.gif -------------------------------------------------------------------------------- /static/images/prettyPhoto/light_rounded/btnPrevious.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/light_rounded/btnPrevious.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/dark_rounded/contentPattern.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/dark_rounded/contentPattern.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/dark_square/default_thumbnail.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/dark_square/default_thumbnail.gif -------------------------------------------------------------------------------- /static/images/prettyPhoto/facebook/contentPatternBottom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/facebook/contentPatternBottom.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/facebook/contentPatternLeft.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/facebook/contentPatternLeft.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/facebook/contentPatternRight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/facebook/contentPatternRight.png -------------------------------------------------------------------------------- /static/images/prettyPhoto/dark_rounded/default_thumbnail.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/dark_rounded/default_thumbnail.gif -------------------------------------------------------------------------------- /static/images/prettyPhoto/light_rounded/default_thumbnail.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/light_rounded/default_thumbnail.gif -------------------------------------------------------------------------------- /static/images/prettyPhoto/light_square/default_thumbnail.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Revisto/azibom-cv/master/static/images/prettyPhoto/light_square/default_thumbnail.gif -------------------------------------------------------------------------------- /static/images/scroll-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /static/images/serv-icon-1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /static/images/serv-icon-3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /static/images/serv-icon-4.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /static/images/serv-icon-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /static/images/quote.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /static/css/owl.theme.default.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.2.1 3 | * Copyright 2013-2017 David Deutsch 4 | * Licensed under () 5 | */ 6 | .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} -------------------------------------------------------------------------------- /_.py: -------------------------------------------------------------------------------- 1 | """The Azibom website""" 2 | from flask import ( 3 | Flask, 4 | request, 5 | render_template, 6 | session, 7 | redirect, 8 | abort, 9 | url_for, 10 | flash, 11 | ) 12 | 13 | app = Flask(__name__, template_folder="templates", static_folder="static") 14 | app.secret_key = b"n2#)!6=-qv7w7j8wlh_3a$di*j#g5kh&8w8-!9((pzny_p*0v+" 15 | 16 | 17 | @app.route("/") 18 | def index(): 19 | """ The main page of Resume. """ 20 | 21 | return render_template("index.html") 22 | 23 | 24 | @app.route("/") 25 | def social_media(name): 26 | """ The Redirect to social medias page """ 27 | data = { 28 | 'twitter':'https://twitter.com/theazibom', 29 | 'linkedin':'https://www.linkedin.com/in/mrsh/', 30 | 'github':'https://github.com/azibom', 31 | 'devto':'https://dev.to/azibom', 32 | 'stack':'https://stackoverflow.com/users/13060981/azibom', 33 | 'stackoverflow':'https://stackoverflow.com/users/13060981/azibom' 34 | } 35 | try: 36 | redirection_data = data[name.lower()] 37 | return redirect(redirection_data,code=302) 38 | except: 39 | return redirect('/') 40 | 41 | if __name__ == "__main__": 42 | app.run( debug=True) 43 | -------------------------------------------------------------------------------- /static/css/clear.css: -------------------------------------------------------------------------------- 1 | html, body, div, span, object, iframe, 2 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 3 | abbr, address, cite, code, 4 | del, dfn, em, img, ins, kbd, q, samp, 5 | small, strong, sub, sup, var, 6 | b, i, ol, ul, li, 7 | fieldset, form, label, legend, 8 | table, caption, tbody, tfoot, thead, tr, th, td, 9 | article, aside, canvas, details, figcaption, figure, 10 | footer, header, hgroup, menu, nav, section, summary, 11 | time, mark, audio, video { 12 | margin:0; 13 | padding:0; 14 | border:0; 15 | outline: none; 16 | font-size:100%; 17 | vertical-align:baseline; 18 | background:transparent; 19 | } 20 | 21 | body { 22 | line-height:1; 23 | } 24 | 25 | article,aside,details,figcaption,figure, 26 | footer,header,hgroup,menu,nav,section { 27 | display:block; 28 | } 29 | 30 | nav ul,ul,ol { 31 | list-style:none; 32 | } 33 | 34 | blockquote, q { 35 | quotes:none; 36 | } 37 | 38 | blockquote:before, blockquote:after, 39 | q:before, q:after { 40 | content:''; 41 | content:none; 42 | } 43 | 44 | a { 45 | margin:0; 46 | padding:0; 47 | font-size:100%; 48 | outline: none; 49 | vertical-align:baseline; 50 | background:transparent; 51 | } 52 | 53 | ins { 54 | background-color:#ff9; 55 | color:#000; 56 | text-decoration:none; 57 | } 58 | 59 | mark { 60 | background-color:#ff9; 61 | color:#000; 62 | font-style:italic; 63 | font-weight:bold; 64 | } 65 | 66 | del { 67 | text-decoration: line-through; 68 | } 69 | 70 | abbr[title], dfn[title] { 71 | border-bottom:1px dotted; 72 | cursor:help; 73 | } 74 | 75 | table { 76 | border-collapse:collapse; 77 | border-spacing:0; 78 | } 79 | 80 | hr { 81 | display:block; 82 | height:1px; 83 | border:0; 84 | border-top:1px solid #cccccc; 85 | margin:1em 0; 86 | padding:0; 87 | } 88 | 89 | input, select { 90 | vertical-align:middle; 91 | } 92 | 93 | input:focus, textarea:focus 94 | { 95 | outline: none; 96 | } -------------------------------------------------------------------------------- /static/js/html5shiv.js: -------------------------------------------------------------------------------- 1 | /* 2 | HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed 3 | */ 4 | (function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); 5 | a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; 6 | c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?: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,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| 7 | "undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:"3.7.0",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f); 8 | if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d'; 27 | head.appendChild(div.childNodes[1]); 28 | } 29 | 30 | if ( options ) { 31 | $.extend( settings, options ); 32 | } 33 | 34 | return this.each(function(){ 35 | var selectors = [ 36 | 'iframe[src*="player.vimeo.com"]', 37 | 'iframe[src*="youtube.com"]', 38 | 'iframe[src*="youtube-nocookie.com"]', 39 | 'iframe[src*="kickstarter.com"][src*="video.html"]', 40 | 'object', 41 | 'embed' 42 | ]; 43 | 44 | if (settings.customSelector) { 45 | selectors.push(settings.customSelector); 46 | } 47 | 48 | var ignoreList = '.fitvidsignore'; 49 | 50 | if(settings.ignore) { 51 | ignoreList = ignoreList + ', ' + settings.ignore; 52 | } 53 | 54 | var $allVideos = $(this).find(selectors.join(',')); 55 | $allVideos = $allVideos.not('object object'); // SwfObj conflict patch 56 | $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video. 57 | 58 | $allVideos.each(function(){ 59 | var $this = $(this); 60 | if($this.parents(ignoreList).length > 0) { 61 | return; // Disable FitVids on this video. 62 | } 63 | if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; } 64 | if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width')))) 65 | { 66 | $this.attr('height', 9); 67 | $this.attr('width', 16); 68 | } 69 | var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(), 70 | width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(), 71 | aspectRatio = height / width; 72 | if(!$this.attr('name')){ 73 | var videoName = 'fitvid' + $.fn.fitVids._count; 74 | $this.attr('name', videoName); 75 | $.fn.fitVids._count++; 76 | } 77 | $this.wrap('
').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%'); 78 | $this.removeAttr('height').removeAttr('width'); 79 | }); 80 | }); 81 | }; 82 | 83 | // Internal counter for unique video names. 84 | $.fn.fitVids._count = 0; 85 | 86 | // Works with either jQuery or Zepto 87 | })( window.jQuery || window.Zepto ); 88 | -------------------------------------------------------------------------------- /static/js/jarallax-element.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Name : Elements Extension for Jarallax 3 | * Version : 1.0.0 4 | * Author : nK 5 | * GitHub : https://github.com/nk-o/jarallax 6 | */!function(n){var o={};function r(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}r.m=n,r.c=o,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=0)}([function(t,e,n){t.exports=n(1)},function(t,e,n){"use strict";var o=r(n(2));function r(t){return t&&t.__esModule?t:{default:t}}(0,r(n(3)).default)(),(0,o.default)(function(){"undefined"!=typeof jarallax&&jarallax(document.querySelectorAll("[data-jarallax-element]"))})},function(t,e,n){"use strict";t.exports=function(t){"complete"===document.readyState||"interactive"===document.readyState?t.call():document.attachEvent?document.attachEvent("onreadystatechange",function(){"interactive"===document.readyState&&t.call()}):document.addEventListener&&document.addEventListener("DOMContentLoaded",t)}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(){var t=0t.options.thresholdY&&(c=0),null!==t.options.thresholdX&&u>t.options.thresholdX&&(d=0),t.css(t.$item,{transform:"translate3d("+d+"px,"+c+"px,0)"});break;case"initImg":case"isVisible":case"clipContainer":case"coverImage":return!0}return f.apply(t,e)}})};var o,r=n(4),i=(o=r)&&o.__esModule?o:{default:o}},function(n,t,e){"use strict";(function(t){var e;e="undefined"!=typeof window?window:void 0!==t?t:"undefined"!=typeof self?self:{},n.exports=e}).call(this,e(5))},function(t,e,n){"use strict";var o,r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};o=function(){return this}();try{o=o||Function("return this")()||(0,eval)("this")}catch(t){"object"===("undefined"==typeof window?"undefined":r(window))&&(o=window)}t.exports=o}]); 7 | //# sourceMappingURL=jarallax-element.min.js.map 8 | -------------------------------------------------------------------------------- /static/js/respond.min.js: -------------------------------------------------------------------------------- 1 | /*! Respond.js v1.4.2: min/max-width media query polyfill * Copyright 2013 Scott Jehl 2 | * Licensed under https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT 3 | * */ 4 | 5 | !function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){u(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))};if(c.ajax=f,c.queue=d,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,maxw:/\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var g,h,i,j=a.document,k=j.documentElement,l=[],m=[],n=[],o={},p=30,q=j.getElementsByTagName("head")[0]||k,r=j.getElementsByTagName("base")[0],s=q.getElementsByTagName("link"),t=function(){var a,b=j.createElement("div"),c=j.body,d=k.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=j.createElement("body"),c.style.background="none"),k.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&k.insertBefore(c,k.firstChild),a=b.offsetWidth,f?k.removeChild(c):c.removeChild(b),k.style.fontSize=d,e&&(c.style.fontSize=e),a=i=parseFloat(a)},u=function(b){var c="clientWidth",d=k[c],e="CSS1Compat"===j.compatMode&&d||j.body[c]||d,f={},o=s[s.length-1],r=(new Date).getTime();if(b&&g&&p>r-g)return a.clearTimeout(h),h=a.setTimeout(u,p),void 0;g=r;for(var v in l)if(l.hasOwnProperty(v)){var w=l[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?i||t():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?i||t():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(m[w.rules]))}for(var C in n)n.hasOwnProperty(C)&&n[C]&&n[C].parentNode===q&&q.removeChild(n[C]);n.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=j.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,q.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(j.createTextNode(F)),n.push(E)}},v=function(a,b,d){var e=a.replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var g=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},h=!f&&d;b.length&&(b+="/"),h&&(f=1);for(var i=0;f>i;i++){var j,k,n,o;h?(j=d,m.push(g(a))):(j=e[i].match(c.regex.findStyles)&&RegExp.$1,m.push(RegExp.$2&&g(RegExp.$2))),n=j.split(","),o=n.length;for(var p=0;o>p;p++)k=n[p],l.push({media:k.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:m.length-1,hasquery:k.indexOf("(")>-1,minw:k.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:k.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},w=function(){if(d.length){var b=d.shift();f(b.href,function(c){v(c,b.href,b.media),o[b.href]=!0,a.setTimeout(function(){w()},0)})}},x=function(){for(var b=0;b 2 | 3 | 4 | 5 | Azibom - Personal Resume Website 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
32 |
33 | 34 | 35 | 40 |
41 |
42 |
43 | 01 44 |
45 |
/
46 |
05
47 |
48 |
49 | MohammadReza
Shabani
 50 | 62 |
63 | 68 | 72 |
73 | 74 | 75 | 76 |
77 |
78 |

Hello
I’m
Mohammad
Reza
Shabani
79 |

80 | 81 | 82 |
83 |
84 | 85 | 86 | 87 |
88 | 89 |
90 |

PROFILE

91 |

92 | A Happy Software Engineer who has skills in PHP, JS, Python and Machine Learning and Mohammad has been trying hard to be better than yesterday everyday. 93 | 94 |

95 | 96 |
97 | 98 | 101 | 102 | 103 |
104 | 105 | 106 | 107 |
108 | 109 |

ABOUT ME

110 | 111 | 112 | 126 | 127 |
128 |

A highly resourceful, innovative, and competent software engineer with extensive experience in the layout, design and coding of websites specifically in PHP format. Possessing considerable knowledge of the development of web applications 129 | and scripts using PHP programming language and MySQL & SQL Server databases and also Redis and MongoDB databeses. Experienced in developing applications and solutions for a wide range of corporate, charity and public sector clients 130 | and having the enthusiasm and ambition to complete projects to the highest standard.

131 | 132 |

133 | I do develop   Php    -Symphony    -Laravel    -JS    -Jquery    -React   ,   PYTHON    -Flask    -GO and HTML/CSS. 135 | 136 |

137 |

138 | My skills include BlockChain    -SOLIDITY , MYSQL , Redis , MongoDB , Linux    -Docker    -GIT . 140 |

141 | 142 | 143 |
144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 |
152 |

WORK EXPERIENCE

153 | 154 |
    155 | 156 |
  • 157 |

    158 | Back End Developer at 159 | Snapp Food
    Snappfood is the leading online food ordering company in Iran. Our customers can find menus, order and be delivered from more than 1,500 restaurants all over Iran. 160 |
    161 |

    162 | 163 |
    • 164 | 165 |
  • 166 |

    167 | Technical Team Lead at 168 | CS50x Iran
    CS50x Iran Harvard's Introduction to the intellectual enterprises of computer science and the art of programming in Iran. 169 |
    170 |

    171 | 172 |
    • 173 |
  • 174 |

    175 | CTO at 176 | KarFlow
    KarFlow is a recruitment management software that helps your organization grow faster and make a better team. 177 |
    178 |

    179 | 180 |
    • 181 |
  • 182 |

    183 | Software Engineer at 184 | DigiKala
    Digikala Group is a leading e-commerce organization with a firm grip in multiple online industries. 185 |
    186 |

    187 | 188 |
    • 189 | 190 |
  • 191 |

    192 | AND MORE...   193 |    Download the CV 194 | 195 |

    196 | 197 |
    • 198 |
199 |
200 |
201 |
    202 |

    LANGUAGES

    203 | 204 | 205 | 206 |
  • 207 | 208 | 209 |
    • 210 |
  • 211 | PERSIAN 212 |
    213 |
    214 |
    215 |
    • 216 |
  • 217 | GERMAN 218 |
    219 |
    220 |
    221 |
    • 222 | 223 | 224 | 225 | 226 | 227 | 228 |
  • 229 | ENGLISH 230 |
    231 |
    232 |
    233 |
    • 234 |
  • 235 | TURKISH 236 |
    237 |
    238 |
    239 |
    • 240 |
241 |
    242 |

    EDUCATION

    243 | 244 |
  • 245 |

    246 | High School 247 | Allameh Helli
    2013 - 2017 248 |
    249 |

    250 | 251 |
    • 252 | 253 |
  • 254 |

    255 | University 256 | Amirkabir University Of Technology
    2017 - PRESENT 257 |
    258 |

    259 | 260 |
    • 261 | 262 |
263 | 264 |
265 |
266 | 267 |
268 | 269 | 270 | 271 | 272 | 273 | 274 |
275 |
276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | 286 | 287 | 288 | 289 | -------------------------------------------------------------------------------- /static/js/main.js: -------------------------------------------------------------------------------- 1 | (function ($) { 2 | "use strict"; 3 | 4 | var prevScrollpos = $(window).scrollTop(); 5 | 6 | stopAnimateOnScroll(); 7 | setPortfolio(); 8 | setPrettyPhoto(); 9 | setTotalPageNumber(); 10 | setDataNumberForSections(); 11 | setActiveMenuItem(); 12 | setSlowScroll(); 13 | setMenu(); 14 | skillFill(); 15 | portfolioItemContentLoadOnClick(); 16 | setParallax(); 17 | sendMail(); 18 | fitVideo(); 19 | 20 | $(window).on('load', function () { 21 | imageSliderSetUp(); 22 | setHash(); 23 | $('.doc-loader').fadeOut(); 24 | }); 25 | 26 | $(window).on('resize', function () { 27 | skillFill(); 28 | setActiveMenuItem(); 29 | }); 30 | 31 | $(window).on('scroll', function () { 32 | skillFill(); 33 | setActiveMenuItem(); 34 | }); 35 | 36 | 37 | //------------------------------------------------------------------------ 38 | //Helper Methods --> 39 | //------------------------------------------------------------------------ 40 | 41 | 42 | function stopAnimateOnScroll() { 43 | $("html, body").on("scroll mousedown wheel DOMMouseScroll mousewheel keyup touchmove", function () { 44 | $("html, body").stop(); 45 | }); 46 | } 47 | 48 | function setPrettyPhoto() { 49 | $('a[data-rel]').each(function () { 50 | $(this).attr('rel', $(this).data('rel')); 51 | }); 52 | $(".grid-item:visible a[rel^='prettyPhoto']").prettyPhoto({ 53 | slideshow: false, 54 | overlay_gallery: false, 55 | default_width: 1280, 56 | default_height: 720, 57 | deeplinking: false, 58 | social_tools: false, 59 | iframe_markup: '' 60 | }); 61 | } 62 | 63 | function setPortfolio() { 64 | var grid = $('.grid').imagesLoaded(function () { 65 | grid.isotope({ 66 | percentPosition: true, 67 | itemSelector: '.grid-item', 68 | masonry: { 69 | columnWidth: '.grid-sizer' 70 | } 71 | }); 72 | }); 73 | } 74 | 75 | function setHash() { 76 | var hash = location.hash; 77 | if ((hash !== '') && ($(hash).length)) { 78 | $('html, body').animate({scrollTop: $(hash).offset().top}, 1); 79 | $('html, body').animate({scrollTop: $(hash).offset().top}, 1); 80 | } else { 81 | $(window).scrollTop(1); 82 | $(window).scrollTop(0); 83 | } 84 | } 85 | 86 | function setTotalPageNumber() { 87 | $('.total-pages-num').html(('0' + $('.page-wrapper .section').length).slice(-2)); 88 | } 89 | 90 | function setDataNumberForSections() { 91 | var k = 1; 92 | $('.page-wrapper .section').each(function () { 93 | $(this).data('num', ('0' + k).slice(-2)); 94 | k++; 95 | }); 96 | } 97 | 98 | function setActiveMenuItem() { 99 | var currentSection = null; 100 | var c = $('.page-wrapper .section.section-active').data("num"); 101 | $('.section').each(function () { 102 | var element = $(this).attr('id'); 103 | if ($('#' + element).is('*')) { 104 | if ($(window).scrollTop() >= $('#' + element).offset().top - 150) { 105 | currentSection = element; 106 | } 107 | } 108 | }); 109 | $('.nav-menu ul li').removeClass('current').find('a[href*="#' + currentSection + '"]').parent().addClass('current'); 110 | $('.page-wrapper .section').removeClass('section-active'); 111 | $('#' + currentSection).addClass('section-active'); 112 | if (c !== $('#' + currentSection).data("num")) { 113 | c = $('#' + currentSection).data("num"); 114 | $('.current-num span').animate({"opacity": '0', "left": "-5px"}, 150, function () { 115 | $(this).text(c).animate({"opacity": '1', "left": "0"}, 150); 116 | }); 117 | } 118 | } 119 | 120 | function setSlowScroll() { 121 | $('.nav-menu ul li a[href^="#"], a.button, .slow-scroll').on("click", function (e) { 122 | if ($(this).attr('href') === '#') { 123 | e.preventDefault(); 124 | } else { 125 | $('html, body').animate({scrollTop: $(this.hash).offset().top}, 1500); 126 | return false; 127 | } 128 | }); 129 | } 130 | 131 | function skillFill() { 132 | if ($('.skill-fill')[0]) { 133 | $(".skill-fill:not(.animation-done").each(function (i) { 134 | var top_of_object = $(this).offset().top; 135 | var bottom_of_window = $(window).scrollTop() + $(window).height(); 136 | if ((bottom_of_window - 70) > top_of_object) { 137 | $(this).width($(this).data("fill")); 138 | $(this).addClass('animation-done'); 139 | } 140 | }); 141 | } 142 | } 143 | 144 | function setMenu() { 145 | 146 | $('.nav-btn').on('click', function () { 147 | $('.nav-btn, .s-nav').toggleClass('active'); 148 | return false; 149 | }); 150 | 151 | if ($(window).width() > 1200) { 152 | $('.dropdown').on('mouseenter', function () { 153 | $(this).find('ul').show('ease'); 154 | }); 155 | $('.nav-list').on('mouseleave', function () { 156 | $('.dropdown ul').hide('ease'); 157 | }); 158 | } else { 159 | $('.dropdown').on('click', function () { 160 | $(this).find('ul').toggle('ease'); 161 | }); 162 | 163 | } 164 | 165 | $('.nav-list>li>a').on('click', function () { 166 | if ($(window).width() < 1200) { 167 | $('.s-nav, .nav-btn').toggleClass('active'); 168 | } 169 | }); 170 | } 171 | 172 | function portfolioItemContentLoadOnClick() { 173 | $('.ajax-portfolio').on('click', function (e) { 174 | e.preventDefault(); 175 | var portfolioItemID = $(this).data('id'); 176 | $(this).closest('.grid-item').addClass('portfolio-content-loading'); 177 | $('#portfolio-grid').addClass('portfoio-items-mask'); 178 | if ($("#pcw-" + portfolioItemID).length) { 179 | $('html, body').animate({scrollTop: $('#portfolio-wrapper').offset().top - 150}, 400); 180 | setTimeout(function () { 181 | $('#portfolio-grid').addClass('hide'); 182 | setTimeout(function () { 183 | $("#pcw-" + portfolioItemID).addClass('show'); 184 | $('.portfolio-load-content-holder').addClass('show'); 185 | $('.grid-item').removeClass('portfolio-content-loading'); 186 | $('#portfolio-grid').hide().removeClass('portfoio-items-mask'); 187 | }, 300); 188 | }, 500); 189 | } else { 190 | loadPortfolioItemContent(portfolioItemID); 191 | } 192 | }); 193 | } 194 | 195 | function loadPortfolioItemContent(portfolioItemID) { 196 | $.ajax({ 197 | url: $('.ajax-portfolio[data-id="' + portfolioItemID + '"]').attr('href'), 198 | type: 'GET', 199 | success: function (html) { 200 | var getPortfolioItemHtml = $(html).find(".portfolio-item-wrapper").html(); 201 | $('.portfolio-load-content-holder').append('
' + getPortfolioItemHtml + '
'); 202 | if (!$("#pcw-" + portfolioItemID + " .close-icon").length) { 203 | $("#pcw-" + portfolioItemID).prepend('
'); 204 | } 205 | $('html, body').animate({scrollTop: $('#portfolio-wrapper').offset().top - 150}, 400); 206 | setTimeout(function () { 207 | $("#pcw-" + portfolioItemID).imagesLoaded(function () { 208 | imageSliderSetUp(); 209 | setSlowScroll(); 210 | fitVideo(); 211 | $('#portfolio-grid').addClass('hide'); 212 | setTimeout(function () { 213 | $("#pcw-" + portfolioItemID).addClass('show'); 214 | $('.portfolio-load-content-holder').addClass('show'); 215 | $('.grid-item').removeClass('portfolio-content-loading'); 216 | $('#portfolio-grid').hide().removeClass('portfoio-items-mask'); 217 | }, 300); 218 | $('.close-icon').on('click', function (e) { 219 | var portfolioReturnItemID = $(this).closest('.portfolio-content-wrapper').attr("id").split("-")[1]; 220 | $('.portfolio-load-content-holder').addClass("viceversa"); 221 | $('#portfolio-grid').css('display', 'block'); 222 | setTimeout(function () { 223 | $('#pcw-' + portfolioReturnItemID).removeClass('show'); 224 | $('.portfolio-load-content-holder').removeClass('viceversa show'); 225 | $('#portfolio-grid').removeClass('hide'); 226 | }, 300); 227 | setTimeout(function () { 228 | $('html, body').animate({scrollTop: $('#p-item-' + portfolioReturnItemID).offset().top - 150}, 400); 229 | }, 500); 230 | }); 231 | }); 232 | }, 500); 233 | } 234 | }); 235 | return false; 236 | } 237 | 238 | function imageSliderSetUp() { 239 | $(".image-slider").each(function () { 240 | var speed_value = $(this).data('speed'); 241 | var auto_value = $(this).data('auto'); 242 | var hover_pause = $(this).data('hover'); 243 | if (auto_value === true) { 244 | $(this).owlCarousel({ 245 | loop: true, 246 | autoHeight: true, 247 | smartSpeed: 1000, 248 | autoplay: auto_value, 249 | autoplayHoverPause: hover_pause, 250 | autoplayTimeout: speed_value, 251 | responsiveClass: true, 252 | items: 1 253 | }); 254 | $(this).on('mouseleave', function () { 255 | $(this).trigger('stop.owl.autoplay'); 256 | $(this).trigger('play.owl.autoplay', [auto_value]); 257 | }); 258 | } else { 259 | $(this).owlCarousel({ 260 | loop: true, 261 | autoHeight: true, 262 | smartSpeed: 1000, 263 | autoplay: false, 264 | responsiveClass: true, 265 | items: 1 266 | }); 267 | } 268 | }); 269 | } 270 | 271 | function setParallax() { 272 | $('[data-jarallax-element]').jarallax({ 273 | speed: 0.2 274 | }); 275 | } 276 | 277 | function fitVideo() { 278 | $(".page-wrapper").fitVids(); 279 | } 280 | 281 | function isValidEmailAddress(emailAddress) { 282 | var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i; 283 | return pattern.test(emailAddress); 284 | } 285 | 286 | function sendMail() { 287 | $('.contact-form [type="submit"]').on('click', function () { 288 | 289 | var emailVal = $('#contact-email').val(); 290 | 291 | if (isValidEmailAddress(emailVal)) { 292 | var params = { 293 | 'action': 'SendMessage', 294 | 'name': $('#name').val(), 295 | 'email': $('#contact-email').val(), 296 | 'subject': $('#subject').val(), 297 | 'message': $('#message').val() 298 | }; 299 | $.ajax({ 300 | type: "POST", 301 | url: "php/sendMail.php", 302 | data: params, 303 | success: function (response) { 304 | if (response) { 305 | var responseObj = $.parseJSON(response); 306 | if (responseObj.ResponseData) 307 | { 308 | alert(responseObj.ResponseData); 309 | } 310 | } 311 | }, 312 | error: function (xhr, ajaxOptions, thrownError) { 313 | //xhr.status : 404, 303, 501... 314 | var error = null; 315 | switch (xhr.status) 316 | { 317 | case "301": 318 | error = "Redirection Error!"; 319 | break; 320 | case "307": 321 | error = "Error, temporary server redirection!"; 322 | break; 323 | case "400": 324 | error = "Bad request!"; 325 | break; 326 | case "404": 327 | error = "Page not found!"; 328 | break; 329 | case "500": 330 | error = "Server is currently unavailable!"; 331 | break; 332 | default: 333 | error = "Unespected error, please try again later."; 334 | } 335 | if (error) { 336 | alert(error); 337 | } 338 | } 339 | }); 340 | } else { 341 | alert('Your email is not in valid format'); 342 | } 343 | }); 344 | } 345 | 346 | }(jQuery)); -------------------------------------------------------------------------------- /static/js/jquery.prettyPhoto.js: -------------------------------------------------------------------------------- 1 | /* ------------------------------------------------------------------------ 2 | Class: prettyPhoto 3 | Use: Lightbox clone for jQuery 4 | Author: Stephane Caron (http://www.no-margin-for-errors.com) 5 | Version: 3.1.6 6 | ------------------------------------------------------------------------- */ 7 | !function(e){function t(){var e=location.href;return hashtag=-1!==e.indexOf("#prettyPhoto")?decodeURI(e.substring(e.indexOf("#prettyPhoto")+1,e.length)):!1,hashtag&&(hashtag=hashtag.replace(/<|>/g,"")),hashtag}function i(){"undefined"!=typeof theRel&&(location.hash=theRel+"/"+rel_index+"/")}function p(){-1!==location.href.indexOf("#prettyPhoto")&&(location.hash="prettyPhoto")}function o(e,t){e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var i="[\\?&]"+e+"=([^&#]*)",p=new RegExp(i),o=p.exec(t);return null==o?"":o[1]}e.prettyPhoto={version:"3.1.6"},e.fn.prettyPhoto=function(a){function s(){e(".pp_loaderIcon").hide(),projectedTop=scroll_pos.scrollTop+(I/2-f.containerHeight/2),projectedTop<0&&(projectedTop=0),$ppt.fadeTo(settings.animation_speed,1),$pp_pic_holder.find(".pp_content").animate({height:f.contentHeight,width:f.contentWidth},settings.animation_speed),$pp_pic_holder.animate({top:projectedTop,left:j/2-f.containerWidth/2<0?0:j/2-f.containerWidth/2,width:f.containerWidth},settings.animation_speed,function(){$pp_pic_holder.find(".pp_hoverContainer,#fullResImage").height(f.height).width(f.width),$pp_pic_holder.find(".pp_fade").fadeIn(settings.animation_speed),isSet&&"image"==h(pp_images[set_position])?$pp_pic_holder.find(".pp_hoverContainer").show():$pp_pic_holder.find(".pp_hoverContainer").hide(),settings.allow_expand&&(f.resized?e("a.pp_expand,a.pp_contract").show():e("a.pp_expand").hide()),!settings.autoplay_slideshow||P||v||e.prettyPhoto.startSlideshow(),settings.changepicturecallback(),v=!0}),m(),a.ajaxcallback()}function n(t){$pp_pic_holder.find("#pp_full_res object,#pp_full_res embed").css("visibility","hidden"),$pp_pic_holder.find(".pp_fade").fadeOut(settings.animation_speed,function(){e(".pp_loaderIcon").show(),t()})}function r(t){t>1?e(".pp_nav").show():e(".pp_nav").hide()}function l(e,t){if(resized=!1,d(e,t),imageWidth=e,imageHeight=t,(k>j||b>I)&&doresize&&settings.allow_resize&&!$){for(resized=!0,fitting=!1;!fitting;)k>j?(imageWidth=j-200,imageHeight=t/e*imageWidth):b>I?(imageHeight=I-200,imageWidth=e/t*imageHeight):fitting=!0,b=imageHeight,k=imageWidth;(k>j||b>I)&&l(k,b),d(imageWidth,imageHeight)}return{width:Math.floor(imageWidth),height:Math.floor(imageHeight),containerHeight:Math.floor(b),containerWidth:Math.floor(k)+2*settings.horizontal_padding,contentHeight:Math.floor(y),contentWidth:Math.floor(w),resized:resized}}function d(t,i){t=parseFloat(t),i=parseFloat(i),$pp_details=$pp_pic_holder.find(".pp_details"),$pp_details.width(t),detailsHeight=parseFloat($pp_details.css("marginTop"))+parseFloat($pp_details.css("marginBottom")),$pp_details=$pp_details.clone().addClass(settings.theme).width(t).appendTo(e("body")).css({position:"absolute",top:-1e4}),detailsHeight+=$pp_details.height(),detailsHeight=detailsHeight<=34?36:detailsHeight,$pp_details.remove(),$pp_title=$pp_pic_holder.find(".ppt"),$pp_title.width(t),titleHeight=parseFloat($pp_title.css("marginTop"))+parseFloat($pp_title.css("marginBottom")),$pp_title=$pp_title.clone().appendTo(e("body")).css({position:"absolute",top:-1e4}),titleHeight+=$pp_title.height(),$pp_title.remove(),y=i+detailsHeight,w=t,b=y+titleHeight+$pp_pic_holder.find(".pp_top").height()+$pp_pic_holder.find(".pp_bottom").height(),k=t}function h(e){return e.match(/youtube\.com\/watch/i)||e.match(/youtu\.be/i)?"youtube":e.match(/vimeo\.com/i)?"vimeo":e.match(/\b.mov\b/i)?"quicktime":e.match(/\b.swf\b/i)?"flash":e.match(/\biframe=true\b/i)?"iframe":e.match(/\bajax=true\b/i)?"ajax":e.match(/\bcustom=true\b/i)?"custom":"#"==e.substr(0,1)?"inline":"image"}function c(){if(doresize&&"undefined"!=typeof $pp_pic_holder){if(scroll_pos=_(),contentHeight=$pp_pic_holder.height(),contentwidth=$pp_pic_holder.width(),projectedTop=I/2+scroll_pos.scrollTop-contentHeight/2,projectedTop<0&&(projectedTop=0),contentHeight>I)return;$pp_pic_holder.css({top:projectedTop,left:j/2+scroll_pos.scrollLeft-contentwidth/2})}}function _(){return self.pageYOffset?{scrollTop:self.pageYOffset,scrollLeft:self.pageXOffset}:document.documentElement&&document.documentElement.scrollTop?{scrollTop:document.documentElement.scrollTop,scrollLeft:document.documentElement.scrollLeft}:document.body?{scrollTop:document.body.scrollTop,scrollLeft:document.body.scrollLeft}:void 0}function g(){I=e(window).height(),j=e(window).width(),"undefined"!=typeof $pp_overlay&&$pp_overlay.height(e(document).height()).width(j)}function m(){isSet&&settings.overlay_gallery&&"image"==h(pp_images[set_position])?(itemWidth=57,navWidth="facebook"==settings.theme||"pp_default"==settings.theme?50:30,itemsPerPage=Math.floor((f.containerWidth-100-navWidth)/itemWidth),itemsPerPage=itemsPerPage";toInject=settings.gallery_markup.replace(/{gallery}/g,toInject),$pp_pic_holder.find("#pp_full_res").after(toInject),$pp_gallery=e(".pp_pic_holder .pp_gallery"),$pp_gallery_li=$pp_gallery.find("li"),$pp_gallery.find(".pp_arrow_next").click(function(){return e.prettyPhoto.changeGalleryPage("next"),e.prettyPhoto.stopSlideshow(),!1}),$pp_gallery.find(".pp_arrow_previous").click(function(){return e.prettyPhoto.changeGalleryPage("previous"),e.prettyPhoto.stopSlideshow(),!1}),$pp_pic_holder.find(".pp_content").hover(function(){$pp_pic_holder.find(".pp_gallery:not(.disabled)").fadeIn()},function(){$pp_pic_holder.find(".pp_gallery:not(.disabled)").fadeOut()}),itemWidth=57,$pp_gallery_li.each(function(t){e(this).find("a").click(function(){return e.prettyPhoto.changePage(t),e.prettyPhoto.stopSlideshow(),!1})})}settings.slideshow&&($pp_pic_holder.find(".pp_nav").prepend('Play'),$pp_pic_holder.find(".pp_nav .pp_play").click(function(){return e.prettyPhoto.startSlideshow(),!1})),$pp_pic_holder.attr("class","pp_pic_holder "+settings.theme),$pp_overlay.css({opacity:0,height:e(document).height(),width:e(window).width()}).bind("click",function(){settings.modal||e.prettyPhoto.close()}),e("a.pp_close").bind("click",function(){return e.prettyPhoto.close(),!1}),settings.allow_expand&&e("a.pp_expand").bind("click",function(){return e(this).hasClass("pp_expand")?(e(this).removeClass("pp_expand").addClass("pp_contract"),doresize=!1):(e(this).removeClass("pp_contract").addClass("pp_expand"),doresize=!0),n(function(){e.prettyPhoto.open()}),!1}),$pp_pic_holder.find(".pp_previous, .pp_nav .pp_arrow_previous").bind("click",function(){return e.prettyPhoto.changePage("previous"),e.prettyPhoto.stopSlideshow(),!1}),$pp_pic_holder.find(".pp_next, .pp_nav .pp_arrow_next").bind("click",function(){return e.prettyPhoto.changePage("next"),e.prettyPhoto.stopSlideshow(),!1}),c()}a=jQuery.extend({hook:"rel",animation_speed:"fast",ajaxcallback:function(){},slideshow:5e3,autoplay_slideshow:!1,opacity:.8,show_title:!0,allow_resize:!0,allow_expand:!0,default_width:500,default_height:344,counter_separator_label:"/",theme:"pp_default",horizontal_padding:20,hideflash:!1,wmode:"opaque",autoplay:!0,modal:!1,deeplinking:!0,overlay_gallery:!0,overlay_gallery_max:30,keyboard_shortcuts:!0,changepicturecallback:function(){},callback:function(){},ie6_fallback:!0,markup:'
 
Expand
next previous
Previous

0/0

Next

{pp_social}
Close
',gallery_markup:'
Previous
    {gallery}
Next
',image_markup:'',flash_markup:'',quicktime_markup:'',iframe_markup:'',inline_markup:'
{content}
',custom_markup:"",social_tools:''},a);var f,v,y,w,b,k,P,x=this,$=!1,I=e(window).height(),j=e(window).width();return doresize=!0,scroll_pos=_(),e(window).unbind("resize.prettyphoto").bind("resize.prettyphoto",function(){c(),g()}),a.keyboard_shortcuts&&e(document).unbind("keydown.prettyphoto").bind("keydown.prettyphoto",function(t){if("undefined"!=typeof $pp_pic_holder&&$pp_pic_holder.is(":visible"))switch(t.keyCode){case 37:e.prettyPhoto.changePage("previous"),t.preventDefault();break;case 39:e.prettyPhoto.changePage("next"),t.preventDefault();break;case 27:settings.modal||e.prettyPhoto.close(),t.preventDefault()}}),e.prettyPhoto.initialize=function(){return settings=a,"pp_default"==settings.theme&&(settings.horizontal_padding=16),theRel=e(this).attr(settings.hook),galleryRegExp=/\[(?:.*)\]/,isSet=galleryRegExp.exec(theRel)?!0:!1,pp_images=isSet?jQuery.map(x,function(t){return-1!=e(t).attr(settings.hook).indexOf(theRel)?e(t).attr("href"):void 0}):e.makeArray(e(this).attr("href")),pp_titles=isSet?jQuery.map(x,function(t){return-1!=e(t).attr(settings.hook).indexOf(theRel)?e(t).find("img").attr("alt")?e(t).find("img").attr("alt"):"":void 0}):e.makeArray(e(this).find("img").attr("alt")),pp_descriptions=isSet?jQuery.map(x,function(t){return-1!=e(t).attr(settings.hook).indexOf(theRel)?e(t).attr("title")?e(t).attr("title"):"":void 0}):e.makeArray(e(this).attr("title")),pp_images.length>settings.overlay_gallery_max&&(settings.overlay_gallery=!1),set_position=jQuery.inArray(e(this).attr("href"),pp_images),rel_index=isSet?set_position:e("a["+settings.hook+"^='"+theRel+"']").index(e(this)),u(this),settings.allow_resize&&e(window).bind("scroll.prettyphoto",function(){c()}),e.prettyPhoto.open(),!1},e.prettyPhoto.open=function(t){return"undefined"==typeof settings&&(settings=a,pp_images=e.makeArray(arguments[0]),pp_titles=e.makeArray(arguments[1]?arguments[1]:""),pp_descriptions=e.makeArray(arguments[2]?arguments[2]:""),isSet=pp_images.length>1?!0:!1,set_position=arguments[3]?arguments[3]:0,u(t.target)),settings.hideflash&&e("object,embed,iframe[src*=youtube],iframe[src*=vimeo]").css("visibility","hidden"),r(e(pp_images).length),e(".pp_loaderIcon").show(),settings.deeplinking&&i(),settings.social_tools&&(facebook_like_link=settings.social_tools.replace("{location_href}",encodeURIComponent(location.href)),$pp_pic_holder.find(".pp_social").html(facebook_like_link)),$ppt.is(":hidden")&&$ppt.css("opacity",0).show(),$pp_overlay.show().fadeTo(settings.animation_speed,settings.opacity),$pp_pic_holder.find(".currentTextHolder").text(set_position+1+settings.counter_separator_label+e(pp_images).length),"undefined"!=typeof pp_descriptions[set_position]&&""!=pp_descriptions[set_position]?$pp_pic_holder.find(".pp_description").show().html(unescape(pp_descriptions[set_position])):$pp_pic_holder.find(".pp_description").hide(),movie_width=parseFloat(o("width",pp_images[set_position]))?o("width",pp_images[set_position]):settings.default_width.toString(),movie_height=parseFloat(o("height",pp_images[set_position]))?o("height",pp_images[set_position]):settings.default_height.toString(),$=!1,-1!=movie_height.indexOf("%")&&(movie_height=parseFloat(e(window).height()*parseFloat(movie_height)/100-150),$=!0),-1!=movie_width.indexOf("%")&&(movie_width=parseFloat(e(window).width()*parseFloat(movie_width)/100-150),$=!0),$pp_pic_holder.fadeIn(function(){switch($ppt.html(settings.show_title&&""!=pp_titles[set_position]&&"undefined"!=typeof pp_titles[set_position]?unescape(pp_titles[set_position]):" "),imgPreloader="",skipInjection=!1,h(pp_images[set_position])){case"image":imgPreloader=new Image,nextImage=new Image,isSet&&set_position0&&(movie_id=movie_id.substr(0,movie_id.indexOf("?"))),movie_id.indexOf("&")>0&&(movie_id=movie_id.substr(0,movie_id.indexOf("&")))),movie="https://www.youtube.com/embed/"+movie_id,movie+=o("rel",pp_images[set_position])?"?rel="+o("rel",pp_images[set_position]):"?rel=1",settings.autoplay&&(movie+="&autoplay=1"),toInject=settings.iframe_markup.replace(/{width}/g,f.width).replace(/{height}/g,f.height).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie);break;case"vimeo":f=l(movie_width,movie_height),movie_id=pp_images[set_position];var t=/http(s?):\/\/(www\.)?vimeo.com\/(\d+)/,i=movie_id.match(t);movie="https://player.vimeo.com/video/"+i[3]+"?title=0&byline=0&portrait=0",settings.autoplay&&(movie+="&autoplay=1;"),vimeo_width=f.width+"/embed/?moog_width="+f.width,toInject=settings.iframe_markup.replace(/{width}/g,vimeo_width).replace(/{height}/g,f.height).replace(/{path}/g,movie);break;case"quicktime":f=l(movie_width,movie_height),f.height+=15,f.contentHeight+=15,f.containerHeight+=15,toInject=settings.quicktime_markup.replace(/{width}/g,f.width).replace(/{height}/g,f.height).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,pp_images[set_position]).replace(/{autoplay}/g,settings.autoplay);break;case"flash":f=l(movie_width,movie_height),flash_vars=pp_images[set_position],flash_vars=flash_vars.substring(pp_images[set_position].indexOf("flashvars")+10,pp_images[set_position].length),filename=pp_images[set_position],filename=filename.substring(0,filename.indexOf("?")),toInject=settings.flash_markup.replace(/{width}/g,f.width).replace(/{height}/g,f.height).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,filename+"?"+flash_vars);break;case"iframe":f=l(movie_width,movie_height),frame_url=pp_images[set_position],frame_url=frame_url.substr(0,frame_url.indexOf("iframe")-1),toInject=settings.iframe_markup.replace(/{width}/g,f.width).replace(/{height}/g,f.height).replace(/{path}/g,frame_url);break;case"ajax":doresize=!1,f=l(movie_width,movie_height),doresize=!0,skipInjection=!0,e.get(pp_images[set_position],function(e){toInject=settings.inline_markup.replace(/{content}/g,e),$pp_pic_holder.find("#pp_full_res")[0].innerHTML=toInject,s()});break;case"custom":f=l(movie_width,movie_height),toInject=settings.custom_markup;break;case"inline":myClone=e(pp_images[set_position]).clone().append('
').css({width:settings.default_width}).wrapInner('
').appendTo(e("body")).show(),doresize=!1,f=l(e(myClone).width(),e(myClone).height()),doresize=!0,e(myClone).remove(),toInject=settings.inline_markup.replace(/{content}/g,e(pp_images[set_position]).html())}imgPreloader||skipInjection||($pp_pic_holder.find("#pp_full_res")[0].innerHTML=toInject,s())}),!1},e.prettyPhoto.changePage=function(t){currentGalleryPage=0,"previous"==t?(set_position--,set_position<0&&(set_position=e(pp_images).length-1)):"next"==t?(set_position++,set_position>e(pp_images).length-1&&(set_position=0)):set_position=t,rel_index=set_position,doresize||(doresize=!0),settings.allow_expand&&e(".pp_contract").removeClass("pp_contract").addClass("pp_expand"),n(function(){e.prettyPhoto.open()})},e.prettyPhoto.changeGalleryPage=function(e){"next"==e?(currentGalleryPage++,currentGalleryPage>totalPage&&(currentGalleryPage=0)):"previous"==e?(currentGalleryPage--,currentGalleryPage<0&&(currentGalleryPage=totalPage)):currentGalleryPage=e,slide_speed="next"==e||"previous"==e?settings.animation_speed:0,slide_to=currentGalleryPage*itemsPerPage*itemWidth,$pp_gallery.find("ul").animate({left:-slide_to},slide_speed)},e.prettyPhoto.startSlideshow=function(){"undefined"==typeof P?($pp_pic_holder.find(".pp_play").unbind("click").removeClass("pp_play").addClass("pp_pause").click(function(){return e.prettyPhoto.stopSlideshow(),!1}),P=setInterval(e.prettyPhoto.startSlideshow,settings.slideshow)):e.prettyPhoto.changePage("next")},e.prettyPhoto.stopSlideshow=function(){$pp_pic_holder.find(".pp_pause").unbind("click").removeClass("pp_pause").addClass("pp_play").click(function(){return e.prettyPhoto.startSlideshow(),!1}),clearInterval(P),P=void 0},e.prettyPhoto.close=function(){$pp_overlay.is(":animated")||(e.prettyPhoto.stopSlideshow(),$pp_pic_holder.stop().find("object,embed").css("visibility","hidden"),e("div.pp_pic_holder,div.ppt,.pp_fade").fadeOut(settings.animation_speed,function(){e(this).remove()}),$pp_overlay.fadeOut(settings.animation_speed,function(){settings.hideflash&&e("object,embed,iframe[src*=youtube],iframe[src*=vimeo]").css("visibility","visible"),e(this).remove(),e(window).unbind("scroll.prettyphoto"),p(),settings.callback(),doresize=!0,v=!1,delete settings}))},!pp_alreadyInitialized&&t()&&(pp_alreadyInitialized=!0,hashIndex=t(),hashRel=hashIndex,hashIndex=hashIndex.substring(hashIndex.indexOf("/")+1,hashIndex.length-1),hashRel=hashRel.substring(0,hashRel.indexOf("/")),setTimeout(function(){e("a["+a.hook+"^='"+hashRel+"']:eq("+hashIndex+")").trigger("click")},50)),this.unbind("click.prettyphoto").bind("click.prettyphoto",e.prettyPhoto.initialize)}}(jQuery);var pp_alreadyInitialized=!1; -------------------------------------------------------------------------------- /static/css/prettyPhoto.css: -------------------------------------------------------------------------------- 1 | /* ------------------------------------------------------------------------ 2 | This you can edit. 3 | ------------------------------------------------------------------------- */ 4 | 5 | /* ---------------------------------- 6 | Default Theme 7 | ----------------------------------- */ 8 | 9 | div.pp_default .pp_top, 10 | div.pp_default .pp_top .pp_middle, 11 | div.pp_default .pp_top .pp_left, 12 | div.pp_default .pp_top .pp_right, 13 | div.pp_default .pp_bottom, 14 | div.pp_default .pp_bottom .pp_left, 15 | div.pp_default .pp_bottom .pp_middle, 16 | div.pp_default .pp_bottom .pp_right { height: 13px; } 17 | 18 | div.pp_default .pp_content .ppt { color: #f8f8f8; } 19 | div.pp_default .pp_content_container .pp_left { padding-left: 13px; } 20 | div.pp_default .pp_content_container .pp_right { padding-right: 13px; } 21 | /*div.pp_default .pp_content { background-color: #fff; }*/ 22 | div.pp_default .pp_next:hover { background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ 23 | div.pp_default .pp_previous:hover { background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ 24 | div.pp_default .pp_expand { background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; display: none !important; } /* Expand button */ 25 | div.pp_default .pp_expand:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ 26 | div.pp_default .pp_contract { background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ 27 | div.pp_default .pp_contract:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ 28 | div.pp_default .pp_close { width: 30px; height: 30px; cursor: pointer; } /* Close button */ 29 | div.pp_default #pp_full_res .pp_inline { color: #000; background-color: white; padding: 30px; } 30 | .pp_inline img {max-width: 100%; max-height: 100%; width: auto; height: auto;} 31 | div.pp_default .pp_gallery ul li a { background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } 32 | div.pp_default .pp_gallery ul li a:hover, 33 | div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } 34 | div.pp_default .pp_social { margin-top: 7px;} 35 | 36 | div.pp_default .pp_gallery a.pp_arrow_previous, 37 | div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } 38 | div.pp_default .pp_nav .pp_play, 39 | div.pp_default .pp_nav .pp_pause { background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } 40 | div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } 41 | div.pp_default .pp_details { position: relative; } 42 | div.pp_default a.pp_arrow_previous, 43 | div.pp_default a.pp_arrow_next { height: 26px; margin: -4px 0 0 0; width: 20px; } 44 | div.pp_default a.pp_arrow_next { left: 52px;} /* The next arrow in the bottom nav */ 45 | div.pp_default .pp_content_container .pp_details { margin-top: 5px; } 46 | div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } 47 | div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } 48 | 49 | div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } 50 | 51 | div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } 52 | 53 | 54 | div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat; background-color: white;} /* Loader icon */ 55 | 56 | 57 | /* ---------------------------------- 58 | Light Rounded Theme 59 | ----------------------------------- */ 60 | 61 | 62 | div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ 63 | div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ 64 | div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ 65 | 66 | div.light_rounded .pp_content .ppt { color: #000; } 67 | div.light_rounded .pp_content_container .pp_left, 68 | div.light_rounded .pp_content_container .pp_right { background: #fff; } 69 | div.light_rounded .pp_content { background-color: #fff; } /* Content background */ 70 | div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ 71 | div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ 72 | div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ 73 | div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ 74 | div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ 75 | div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ 76 | div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ 77 | div.light_rounded .pp_details { position: relative; } 78 | div.light_rounded .pp_description { margin-right: 85px; } 79 | div.light_rounded #pp_full_res .pp_inline { color: #000; } 80 | div.light_rounded .pp_gallery a.pp_arrow_previous, 81 | div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } 82 | div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } 83 | div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } 84 | 85 | div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ 86 | div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } 87 | div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ 88 | div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } 89 | 90 | div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ 91 | div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ 92 | div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ 93 | 94 | div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ 95 | 96 | /* ---------------------------------- 97 | Dark Rounded Theme 98 | ----------------------------------- */ 99 | 100 | div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ 101 | div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ 102 | div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ 103 | 104 | div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ 105 | div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ 106 | div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ 107 | div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ 108 | div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ 109 | div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ 110 | div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ 111 | div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ 112 | div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ 113 | div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ 114 | div.dark_rounded .pp_details { position: relative; } 115 | div.dark_rounded .pp_description { margin-right: 85px; } 116 | div.dark_rounded .currentTextHolder { color: #c4c4c4; } 117 | div.dark_rounded .pp_description { color: #fff; } 118 | div.dark_rounded #pp_full_res .pp_inline { color: #fff; } 119 | div.dark_rounded .pp_gallery a.pp_arrow_previous, 120 | div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } 121 | div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } 122 | div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } 123 | 124 | div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ 125 | div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } 126 | div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ 127 | div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } 128 | 129 | div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ 130 | div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ 131 | div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ 132 | 133 | div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ 134 | 135 | 136 | /* ---------------------------------- 137 | Dark Square Theme 138 | ----------------------------------- */ 139 | 140 | div.dark_square .pp_left , 141 | div.dark_square .pp_middle, 142 | div.dark_square .pp_right, 143 | div.dark_square .pp_content { background: #000; } 144 | 145 | div.dark_square .currentTextHolder { color: #c4c4c4; } 146 | div.dark_square .pp_description { color: #fff; } 147 | div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ 148 | 149 | div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ 150 | div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ 151 | div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ 152 | div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ 153 | div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ 154 | div.dark_square .pp_details { position: relative; } 155 | div.dark_square .pp_description { margin: 0 85px 0 0; } 156 | div.dark_square #pp_full_res .pp_inline { color: #fff; } 157 | div.dark_square .pp_gallery a.pp_arrow_previous, 158 | div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } 159 | div.dark_square .pp_nav { clear: none; } 160 | div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } 161 | div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } 162 | 163 | div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ 164 | div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } 165 | div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ 166 | div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } 167 | 168 | div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ 169 | div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ 170 | 171 | 172 | /* ---------------------------------- 173 | Light Square Theme 174 | ----------------------------------- */ 175 | 176 | div.light_square .pp_left , 177 | div.light_square .pp_middle, 178 | div.light_square .pp_right, 179 | div.light_square .pp_content { background: #fff; } 180 | 181 | div.light_square .pp_content .ppt { color: #000; } 182 | div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ 183 | div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ 184 | div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ 185 | div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ 186 | div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ 187 | div.light_square .pp_details { position: relative; } 188 | div.light_square .pp_description { margin-right: 85px; } 189 | div.light_square #pp_full_res .pp_inline { color: #000; } 190 | div.light_square .pp_gallery a.pp_arrow_previous, 191 | div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } 192 | div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } 193 | div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } 194 | 195 | div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ 196 | div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } 197 | div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ 198 | div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } 199 | 200 | div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ 201 | div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ 202 | 203 | div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ 204 | 205 | 206 | /* ---------------------------------- 207 | Facebook style Theme 208 | ----------------------------------- */ 209 | 210 | div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ 211 | div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ 212 | div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ 213 | 214 | div.facebook .pp_content .ppt { color: #000; } 215 | div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ 216 | div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ 217 | div.facebook .pp_content { background: #fff; } /* Content background */ 218 | div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ 219 | div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ 220 | div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ 221 | div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ 222 | div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ 223 | div.facebook .pp_details { position: relative; } 224 | div.facebook .pp_description { margin: 0 37px 0 0; } 225 | div.facebook #pp_full_res .pp_inline { color: #000; } 226 | div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ 227 | 228 | div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ 229 | div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } 230 | div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ 231 | div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } 232 | div.facebook .pp_nav { margin-top: 0; } 233 | div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } 234 | div.facebook .pp_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } 235 | div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } 236 | 237 | div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ 238 | div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ 239 | 240 | div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ 241 | div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ 242 | div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ 243 | 244 | 245 | /* ------------------------------------------------------------------------ 246 | DO NOT CHANGE 247 | ------------------------------------------------------------------------- */ 248 | 249 | div.pp_pic_holder a:focus { outline:none; } 250 | 251 | div.pp_overlay { 252 | background: #000; 253 | display: none; 254 | left: 0; 255 | position: absolute; 256 | top: 0; 257 | width: 100%; 258 | z-index: 9999; 259 | } 260 | 261 | div.pp_pic_holder { 262 | display: none; 263 | position: absolute; 264 | width: 100px; 265 | z-index: 10000; 266 | } 267 | 268 | 269 | .pp_top { 270 | height: 20px; 271 | position: relative; 272 | } 273 | * html .pp_top { padding: 0 20px; } 274 | 275 | .pp_top .pp_left { 276 | height: 20px; 277 | left: 0; 278 | position: absolute; 279 | width: 20px; 280 | } 281 | .pp_top .pp_middle { 282 | height: 20px; 283 | left: 20px; 284 | position: absolute; 285 | right: 20px; 286 | } 287 | * html .pp_top .pp_middle { 288 | left: 0; 289 | position: static; 290 | } 291 | 292 | .pp_top .pp_right { 293 | height: 20px; 294 | left: auto; 295 | position: absolute; 296 | right: 0; 297 | top: 0; 298 | width: 20px; 299 | } 300 | 301 | .pp_content { height: 40px; min-width: 40px; } 302 | * html .pp_content { width: 40px; } 303 | 304 | .pp_fade { display: none; } 305 | 306 | .pp_content_container { 307 | position: relative; 308 | text-align: left; 309 | width: 100%; 310 | } 311 | 312 | .pp_content_container .pp_left { padding-left: 20px; } 313 | .pp_content_container .pp_right { padding-right: 20px; } 314 | 315 | .pp_content_container .pp_details { 316 | float: left; 317 | margin: 10px 0 2px 0; 318 | } 319 | .pp_description { 320 | display: none; 321 | margin: 0; 322 | } 323 | 324 | .pp_social { float: left; margin: 0; } 325 | .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } 326 | .pp_social .twitter { float: left; } 327 | 328 | .pp_nav { 329 | clear: right; 330 | float: left; 331 | margin: 3px 10px 0 0; 332 | } 333 | 334 | .pp_nav p { 335 | float: left; 336 | margin: 2px 4px; 337 | white-space: nowrap; 338 | } 339 | 340 | .pp_nav .pp_play, 341 | .pp_nav .pp_pause { 342 | float: left; 343 | margin-right: 4px; 344 | text-indent: -10000px; 345 | } 346 | 347 | a.pp_arrow_previous, 348 | a.pp_arrow_next { 349 | display: block; 350 | float: left; 351 | height: 15px; 352 | margin-top: 3px; 353 | overflow: hidden; 354 | width: 14px; 355 | } 356 | 357 | .pp_hoverContainer { 358 | position: absolute; 359 | top: 0; 360 | width: 100%; 361 | z-index: 2000; 362 | } 363 | 364 | .pp_gallery { 365 | display: none; 366 | left: 50%; 367 | margin-top: -50px; 368 | position: absolute; 369 | z-index: 10000; 370 | } 371 | 372 | .pp_gallery div { 373 | float: left; 374 | overflow: hidden; 375 | position: relative; 376 | } 377 | 378 | .pp_gallery ul { 379 | float: left; 380 | height: 35px; 381 | margin: 0 0 0 5px; 382 | padding: 0; 383 | position: relative; 384 | white-space: nowrap; 385 | } 386 | 387 | .pp_gallery ul a { 388 | border: 1px #000 solid; 389 | border: 1px rgba(0,0,0,0.5) solid; 390 | display: block; 391 | float: left; 392 | height: 33px; 393 | overflow: hidden; 394 | } 395 | 396 | .pp_gallery ul a:hover, 397 | .pp_gallery li.selected a { border-color: #fff; } 398 | 399 | .pp_gallery ul a img { border: 0; } 400 | 401 | .pp_gallery li { 402 | display: block; 403 | float: left; 404 | margin: 0 5px 0 0; 405 | padding: 0; 406 | } 407 | 408 | .pp_gallery li.default a { 409 | background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; 410 | display: block; 411 | height: 33px; 412 | width: 50px; 413 | } 414 | 415 | .pp_gallery li.default a img { display: none; } 416 | 417 | .pp_gallery .pp_arrow_previous, 418 | .pp_gallery .pp_arrow_next { 419 | margin-top: 7px !important; 420 | } 421 | 422 | a.pp_next { 423 | background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; 424 | display: block; 425 | float: right; 426 | height: 100%; 427 | text-indent: -10000px; 428 | width: 49%; 429 | } 430 | 431 | a.pp_previous { 432 | background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; 433 | display: block; 434 | float: left; 435 | height: 100%; 436 | text-indent: -10000px; 437 | width: 49%; 438 | } 439 | 440 | a.pp_expand, 441 | a.pp_contract { 442 | cursor: pointer; 443 | display: none; 444 | height: 20px; 445 | position: absolute; 446 | right: 30px; 447 | text-indent: -10000px; 448 | top: 10px; 449 | width: 20px; 450 | z-index: 20000; 451 | } 452 | 453 | a.pp_close { 454 | position: absolute; right: 0; top: 0; 455 | display: block; 456 | line-height:22px; 457 | } 458 | 459 | .pp_bottom { 460 | height: 20px; 461 | position: relative; 462 | } 463 | * html .pp_bottom { padding: 0 20px; } 464 | 465 | .pp_bottom .pp_left { 466 | height: 20px; 467 | left: 0; 468 | position: absolute; 469 | width: 20px; 470 | } 471 | .pp_bottom .pp_middle { 472 | height: 20px; 473 | left: 20px; 474 | position: absolute; 475 | right: 20px; 476 | } 477 | * html .pp_bottom .pp_middle { 478 | left: 0; 479 | position: static; 480 | } 481 | 482 | .pp_bottom .pp_right { 483 | height: 20px; 484 | left: auto; 485 | position: absolute; 486 | right: 0; 487 | top: 0; 488 | width: 20px; 489 | } 490 | 491 | .pp_loaderIcon { 492 | display: block; 493 | height: 24px; 494 | left: 50%; 495 | margin: -12px 0 0 -12px; 496 | position: absolute; 497 | top: 50%; 498 | width: 24px; 499 | } 500 | 501 | #pp_full_res { 502 | line-height: 1 !important; 503 | } 504 | 505 | #pp_full_res .pp_inline { 506 | text-align: left; 507 | } 508 | 509 | #pp_full_res .pp_inline p { margin: 0 0 15px 0; } 510 | 511 | div.ppt { 512 | color: #fff; 513 | display: none !important; 514 | font-size: 17px; 515 | margin: 0 0 5px 15px; 516 | z-index: 9999; 517 | } 518 | 519 | @media screen and (max-width: 400px) { 520 | #pp_full_res iframe {width: 100%; height: 100%;} 521 | .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; } 522 | div.pp_default .pp_content_container .pp_left { padding-left: 0!important; } 523 | div.pp_default .pp_content_container .pp_right { padding-right: 0!important; } 524 | .pp_content { width: 100%!important;} 525 | .pp_fade { width: 100%!important; height: 100%!important; } 526 | a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; } 527 | #pp_full_res img { width: 100%!important; height: auto!important; max-height: none;} 528 | .pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; margin-top: -2px!important; } 529 | a.pp_close { right: 10px!important; top: 10px!important; } 530 | } -------------------------------------------------------------------------------- /static/js/imagesloaded.pkgd.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * imagesLoaded PACKAGED v3.1.8 3 | * JavaScript is all like "You images are done yet or what?" 4 | * MIT License 5 | */ 6 | 7 | 8 | /*! 9 | * EventEmitter v4.2.6 - git.io/ee 10 | * Oliver Caldwell 11 | * MIT license 12 | * @preserve 13 | */ 14 | 15 | (function () { 16 | 17 | 18 | /** 19 | * Class for managing events. 20 | * Can be extended to provide event functionality in other classes. 21 | * 22 | * @class EventEmitter Manages event registering and emitting. 23 | */ 24 | function EventEmitter() {} 25 | 26 | // Shortcuts to improve speed and size 27 | var proto = EventEmitter.prototype; 28 | var exports = this; 29 | var originalGlobalValue = exports.EventEmitter; 30 | 31 | /** 32 | * Finds the index of the listener for the event in it's storage array. 33 | * 34 | * @param {Function[]} listeners Array of listeners to search through. 35 | * @param {Function} listener Method to look for. 36 | * @return {Number} Index of the specified listener, -1 if not found 37 | * @api private 38 | */ 39 | function indexOfListener(listeners, listener) { 40 | var i = listeners.length; 41 | while (i--) { 42 | if (listeners[i].listener === listener) { 43 | return i; 44 | } 45 | } 46 | 47 | return -1; 48 | } 49 | 50 | /** 51 | * Alias a method while keeping the context correct, to allow for overwriting of target method. 52 | * 53 | * @param {String} name The name of the target method. 54 | * @return {Function} The aliased method 55 | * @api private 56 | */ 57 | function alias(name) { 58 | return function aliasClosure() { 59 | return this[name].apply(this, arguments); 60 | }; 61 | } 62 | 63 | /** 64 | * Returns the listener array for the specified event. 65 | * Will initialise the event object and listener arrays if required. 66 | * Will return an object if you use a regex search. The object contains keys for each matched event. So /ba[rz]/ might return an object containing bar and baz. But only if you have either defined them with defineEvent or added some listeners to them. 67 | * Each property in the object response is an array of listener functions. 68 | * 69 | * @param {String|RegExp} evt Name of the event to return the listeners from. 70 | * @return {Function[]|Object} All listener functions for the event. 71 | */ 72 | proto.getListeners = function getListeners(evt) { 73 | var events = this._getEvents(); 74 | var response; 75 | var key; 76 | 77 | // Return a concatenated array of all matching events if 78 | // the selector is a regular expression. 79 | if (typeof evt === 'object') { 80 | response = {}; 81 | for (key in events) { 82 | if (events.hasOwnProperty(key) && evt.test(key)) { 83 | response[key] = events[key]; 84 | } 85 | } 86 | } 87 | else { 88 | response = events[evt] || (events[evt] = []); 89 | } 90 | 91 | return response; 92 | }; 93 | 94 | /** 95 | * Takes a list of listener objects and flattens it into a list of listener functions. 96 | * 97 | * @param {Object[]} listeners Raw listener objects. 98 | * @return {Function[]} Just the listener functions. 99 | */ 100 | proto.flattenListeners = function flattenListeners(listeners) { 101 | var flatListeners = []; 102 | var i; 103 | 104 | for (i = 0; i < listeners.length; i += 1) { 105 | flatListeners.push(listeners[i].listener); 106 | } 107 | 108 | return flatListeners; 109 | }; 110 | 111 | /** 112 | * Fetches the requested listeners via getListeners but will always return the results inside an object. This is mainly for internal use but others may find it useful. 113 | * 114 | * @param {String|RegExp} evt Name of the event to return the listeners from. 115 | * @return {Object} All listener functions for an event in an object. 116 | */ 117 | proto.getListenersAsObject = function getListenersAsObject(evt) { 118 | var listeners = this.getListeners(evt); 119 | var response; 120 | 121 | if (listeners instanceof Array) { 122 | response = {}; 123 | response[evt] = listeners; 124 | } 125 | 126 | return response || listeners; 127 | }; 128 | 129 | /** 130 | * Adds a listener function to the specified event. 131 | * The listener will not be added if it is a duplicate. 132 | * If the listener returns true then it will be removed after it is called. 133 | * If you pass a regular expression as the event name then the listener will be added to all events that match it. 134 | * 135 | * @param {String|RegExp} evt Name of the event to attach the listener to. 136 | * @param {Function} listener Method to be called when the event is emitted. If the function returns true then it will be removed after calling. 137 | * @return {Object} Current instance of EventEmitter for chaining. 138 | */ 139 | proto.addListener = function addListener(evt, listener) { 140 | var listeners = this.getListenersAsObject(evt); 141 | var listenerIsWrapped = typeof listener === 'object'; 142 | var key; 143 | 144 | for (key in listeners) { 145 | if (listeners.hasOwnProperty(key) && indexOfListener(listeners[key], listener) === -1) { 146 | listeners[key].push(listenerIsWrapped ? listener : { 147 | listener: listener, 148 | once: false 149 | }); 150 | } 151 | } 152 | 153 | return this; 154 | }; 155 | 156 | /** 157 | * Alias of addListener 158 | */ 159 | proto.on = alias('addListener'); 160 | 161 | /** 162 | * Semi-alias of addListener. It will add a listener that will be 163 | * automatically removed after it's first execution. 164 | * 165 | * @param {String|RegExp} evt Name of the event to attach the listener to. 166 | * @param {Function} listener Method to be called when the event is emitted. If the function returns true then it will be removed after calling. 167 | * @return {Object} Current instance of EventEmitter for chaining. 168 | */ 169 | proto.addOnceListener = function addOnceListener(evt, listener) { 170 | return this.addListener(evt, { 171 | listener: listener, 172 | once: true 173 | }); 174 | }; 175 | 176 | /** 177 | * Alias of addOnceListener. 178 | */ 179 | proto.once = alias('addOnceListener'); 180 | 181 | /** 182 | * Defines an event name. This is required if you want to use a regex to add a listener to multiple events at once. If you don't do this then how do you expect it to know what event to add to? Should it just add to every possible match for a regex? No. That is scary and bad. 183 | * You need to tell it what event names should be matched by a regex. 184 | * 185 | * @param {String} evt Name of the event to create. 186 | * @return {Object} Current instance of EventEmitter for chaining. 187 | */ 188 | proto.defineEvent = function defineEvent(evt) { 189 | this.getListeners(evt); 190 | return this; 191 | }; 192 | 193 | /** 194 | * Uses defineEvent to define multiple events. 195 | * 196 | * @param {String[]} evts An array of event names to define. 197 | * @return {Object} Current instance of EventEmitter for chaining. 198 | */ 199 | proto.defineEvents = function defineEvents(evts) { 200 | for (var i = 0; i < evts.length; i += 1) { 201 | this.defineEvent(evts[i]); 202 | } 203 | return this; 204 | }; 205 | 206 | /** 207 | * Removes a listener function from the specified event. 208 | * When passed a regular expression as the event name, it will remove the listener from all events that match it. 209 | * 210 | * @param {String|RegExp} evt Name of the event to remove the listener from. 211 | * @param {Function} listener Method to remove from the event. 212 | * @return {Object} Current instance of EventEmitter for chaining. 213 | */ 214 | proto.removeListener = function removeListener(evt, listener) { 215 | var listeners = this.getListenersAsObject(evt); 216 | var index; 217 | var key; 218 | 219 | for (key in listeners) { 220 | if (listeners.hasOwnProperty(key)) { 221 | index = indexOfListener(listeners[key], listener); 222 | 223 | if (index !== -1) { 224 | listeners[key].splice(index, 1); 225 | } 226 | } 227 | } 228 | 229 | return this; 230 | }; 231 | 232 | /** 233 | * Alias of removeListener 234 | */ 235 | proto.off = alias('removeListener'); 236 | 237 | /** 238 | * Adds listeners in bulk using the manipulateListeners method. 239 | * If you pass an object as the second argument you can add to multiple events at once. The object should contain key value pairs of events and listeners or listener arrays. You can also pass it an event name and an array of listeners to be added. 240 | * You can also pass it a regular expression to add the array of listeners to all events that match it. 241 | * Yeah, this function does quite a bit. That's probably a bad thing. 242 | * 243 | * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to add to multiple events at once. 244 | * @param {Function[]} [listeners] An optional array of listener functions to add. 245 | * @return {Object} Current instance of EventEmitter for chaining. 246 | */ 247 | proto.addListeners = function addListeners(evt, listeners) { 248 | // Pass through to manipulateListeners 249 | return this.manipulateListeners(false, evt, listeners); 250 | }; 251 | 252 | /** 253 | * Removes listeners in bulk using the manipulateListeners method. 254 | * If you pass an object as the second argument you can remove from multiple events at once. The object should contain key value pairs of events and listeners or listener arrays. 255 | * You can also pass it an event name and an array of listeners to be removed. 256 | * You can also pass it a regular expression to remove the listeners from all events that match it. 257 | * 258 | * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to remove from multiple events at once. 259 | * @param {Function[]} [listeners] An optional array of listener functions to remove. 260 | * @return {Object} Current instance of EventEmitter for chaining. 261 | */ 262 | proto.removeListeners = function removeListeners(evt, listeners) { 263 | // Pass through to manipulateListeners 264 | return this.manipulateListeners(true, evt, listeners); 265 | }; 266 | 267 | /** 268 | * Edits listeners in bulk. The addListeners and removeListeners methods both use this to do their job. You should really use those instead, this is a little lower level. 269 | * The first argument will determine if the listeners are removed (true) or added (false). 270 | * If you pass an object as the second argument you can add/remove from multiple events at once. The object should contain key value pairs of events and listeners or listener arrays. 271 | * You can also pass it an event name and an array of listeners to be added/removed. 272 | * You can also pass it a regular expression to manipulate the listeners of all events that match it. 273 | * 274 | * @param {Boolean} remove True if you want to remove listeners, false if you want to add. 275 | * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to add/remove from multiple events at once. 276 | * @param {Function[]} [listeners] An optional array of listener functions to add/remove. 277 | * @return {Object} Current instance of EventEmitter for chaining. 278 | */ 279 | proto.manipulateListeners = function manipulateListeners(remove, evt, listeners) { 280 | var i; 281 | var value; 282 | var single = remove ? this.removeListener : this.addListener; 283 | var multiple = remove ? this.removeListeners : this.addListeners; 284 | 285 | // If evt is an object then pass each of it's properties to this method 286 | if (typeof evt === 'object' && !(evt instanceof RegExp)) { 287 | for (i in evt) { 288 | if (evt.hasOwnProperty(i) && (value = evt[i])) { 289 | // Pass the single listener straight through to the singular method 290 | if (typeof value === 'function') { 291 | single.call(this, i, value); 292 | } 293 | else { 294 | // Otherwise pass back to the multiple function 295 | multiple.call(this, i, value); 296 | } 297 | } 298 | } 299 | } 300 | else { 301 | // So evt must be a string 302 | // And listeners must be an array of listeners 303 | // Loop over it and pass each one to the multiple method 304 | i = listeners.length; 305 | while (i--) { 306 | single.call(this, evt, listeners[i]); 307 | } 308 | } 309 | 310 | return this; 311 | }; 312 | 313 | /** 314 | * Removes all listeners from a specified event. 315 | * If you do not specify an event then all listeners will be removed. 316 | * That means every event will be emptied. 317 | * You can also pass a regex to remove all events that match it. 318 | * 319 | * @param {String|RegExp} [evt] Optional name of the event to remove all listeners for. Will remove from every event if not passed. 320 | * @return {Object} Current instance of EventEmitter for chaining. 321 | */ 322 | proto.removeEvent = function removeEvent(evt) { 323 | var type = typeof evt; 324 | var events = this._getEvents(); 325 | var key; 326 | 327 | // Remove different things depending on the state of evt 328 | if (type === 'string') { 329 | // Remove all listeners for the specified event 330 | delete events[evt]; 331 | } 332 | else if (type === 'object') { 333 | // Remove all events matching the regex. 334 | for (key in events) { 335 | if (events.hasOwnProperty(key) && evt.test(key)) { 336 | delete events[key]; 337 | } 338 | } 339 | } 340 | else { 341 | // Remove all listeners in all events 342 | delete this._events; 343 | } 344 | 345 | return this; 346 | }; 347 | 348 | /** 349 | * Alias of removeEvent. 350 | * 351 | * Added to mirror the node API. 352 | */ 353 | proto.removeAllListeners = alias('removeEvent'); 354 | 355 | /** 356 | * Emits an event of your choice. 357 | * When emitted, every listener attached to that event will be executed. 358 | * If you pass the optional argument array then those arguments will be passed to every listener upon execution. 359 | * Because it uses `apply`, your array of arguments will be passed as if you wrote them out separately. 360 | * So they will not arrive within the array on the other side, they will be separate. 361 | * You can also pass a regular expression to emit to all events that match it. 362 | * 363 | * @param {String|RegExp} evt Name of the event to emit and execute listeners for. 364 | * @param {Array} [args] Optional array of arguments to be passed to each listener. 365 | * @return {Object} Current instance of EventEmitter for chaining. 366 | */ 367 | proto.emitEvent = function emitEvent(evt, args) { 368 | var listeners = this.getListenersAsObject(evt); 369 | var listener; 370 | var i; 371 | var key; 372 | var response; 373 | 374 | for (key in listeners) { 375 | if (listeners.hasOwnProperty(key)) { 376 | i = listeners[key].length; 377 | 378 | while (i--) { 379 | // If the listener returns true then it shall be removed from the event 380 | // The function is executed either with a basic call or an apply if there is an args array 381 | listener = listeners[key][i]; 382 | 383 | if (listener.once === true) { 384 | this.removeListener(evt, listener.listener); 385 | } 386 | 387 | response = listener.listener.apply(this, args || []); 388 | 389 | if (response === this._getOnceReturnValue()) { 390 | this.removeListener(evt, listener.listener); 391 | } 392 | } 393 | } 394 | } 395 | 396 | return this; 397 | }; 398 | 399 | /** 400 | * Alias of emitEvent 401 | */ 402 | proto.trigger = alias('emitEvent'); 403 | 404 | /** 405 | * Subtly different from emitEvent in that it will pass its arguments on to the listeners, as opposed to taking a single array of arguments to pass on. 406 | * As with emitEvent, you can pass a regex in place of the event name to emit to all events that match it. 407 | * 408 | * @param {String|RegExp} evt Name of the event to emit and execute listeners for. 409 | * @param {...*} Optional additional arguments to be passed to each listener. 410 | * @return {Object} Current instance of EventEmitter for chaining. 411 | */ 412 | proto.emit = function emit(evt) { 413 | var args = Array.prototype.slice.call(arguments, 1); 414 | return this.emitEvent(evt, args); 415 | }; 416 | 417 | /** 418 | * Sets the current value to check against when executing listeners. If a 419 | * listeners return value matches the one set here then it will be removed 420 | * after execution. This value defaults to true. 421 | * 422 | * @param {*} value The new value to check for when executing listeners. 423 | * @return {Object} Current instance of EventEmitter for chaining. 424 | */ 425 | proto.setOnceReturnValue = function setOnceReturnValue(value) { 426 | this._onceReturnValue = value; 427 | return this; 428 | }; 429 | 430 | /** 431 | * Fetches the current value to check against when executing listeners. If 432 | * the listeners return value matches this one then it should be removed 433 | * automatically. It will return true by default. 434 | * 435 | * @return {*|Boolean} The current value to check for or the default, true. 436 | * @api private 437 | */ 438 | proto._getOnceReturnValue = function _getOnceReturnValue() { 439 | if (this.hasOwnProperty('_onceReturnValue')) { 440 | return this._onceReturnValue; 441 | } 442 | else { 443 | return true; 444 | } 445 | }; 446 | 447 | /** 448 | * Fetches the events object and creates one if required. 449 | * 450 | * @return {Object} The events storage object. 451 | * @api private 452 | */ 453 | proto._getEvents = function _getEvents() { 454 | return this._events || (this._events = {}); 455 | }; 456 | 457 | /** 458 | * Reverts the global {@link EventEmitter} to its previous value and returns a reference to this version. 459 | * 460 | * @return {Function} Non conflicting EventEmitter class. 461 | */ 462 | EventEmitter.noConflict = function noConflict() { 463 | exports.EventEmitter = originalGlobalValue; 464 | return EventEmitter; 465 | }; 466 | 467 | // Expose the class either via AMD, CommonJS or the global object 468 | if (typeof define === 'function' && define.amd) { 469 | define('eventEmitter/EventEmitter',[],function () { 470 | return EventEmitter; 471 | }); 472 | } 473 | else if (typeof module === 'object' && module.exports){ 474 | module.exports = EventEmitter; 475 | } 476 | else { 477 | this.EventEmitter = EventEmitter; 478 | } 479 | }.call(this)); 480 | 481 | /*! 482 | * eventie v1.0.4 483 | * event binding helper 484 | * eventie.bind( elem, 'click', myFn ) 485 | * eventie.unbind( elem, 'click', myFn ) 486 | */ 487 | 488 | /*jshint browser: true, undef: true, unused: true */ 489 | /*global define: false */ 490 | 491 | ( function( window ) { 492 | 493 | 494 | 495 | var docElem = document.documentElement; 496 | 497 | var bind = function() {}; 498 | 499 | function getIEEvent( obj ) { 500 | var event = window.event; 501 | // add event.target 502 | event.target = event.target || event.srcElement || obj; 503 | return event; 504 | } 505 | 506 | if ( docElem.addEventListener ) { 507 | bind = function( obj, type, fn ) { 508 | obj.addEventListener( type, fn, false ); 509 | }; 510 | } else if ( docElem.attachEvent ) { 511 | bind = function( obj, type, fn ) { 512 | obj[ type + fn ] = fn.handleEvent ? 513 | function() { 514 | var event = getIEEvent( obj ); 515 | fn.handleEvent.call( fn, event ); 516 | } : 517 | function() { 518 | var event = getIEEvent( obj ); 519 | fn.call( obj, event ); 520 | }; 521 | obj.attachEvent( "on" + type, obj[ type + fn ] ); 522 | }; 523 | } 524 | 525 | var unbind = function() {}; 526 | 527 | if ( docElem.removeEventListener ) { 528 | unbind = function( obj, type, fn ) { 529 | obj.removeEventListener( type, fn, false ); 530 | }; 531 | } else if ( docElem.detachEvent ) { 532 | unbind = function( obj, type, fn ) { 533 | obj.detachEvent( "on" + type, obj[ type + fn ] ); 534 | try { 535 | delete obj[ type + fn ]; 536 | } catch ( err ) { 537 | // can't delete window object properties 538 | obj[ type + fn ] = undefined; 539 | } 540 | }; 541 | } 542 | 543 | var eventie = { 544 | bind: bind, 545 | unbind: unbind 546 | }; 547 | 548 | // transport 549 | if ( typeof define === 'function' && define.amd ) { 550 | // AMD 551 | define( 'eventie/eventie',eventie ); 552 | } else { 553 | // browser global 554 | window.eventie = eventie; 555 | } 556 | 557 | })( this ); 558 | 559 | /*! 560 | * imagesLoaded v3.1.8 561 | * JavaScript is all like "You images are done yet or what?" 562 | * MIT License 563 | */ 564 | 565 | ( function( window, factory ) { 566 | // universal module definition 567 | 568 | /*global define: false, module: false, require: false */ 569 | 570 | if ( typeof define === 'function' && define.amd ) { 571 | // AMD 572 | define( [ 573 | 'eventEmitter/EventEmitter', 574 | 'eventie/eventie' 575 | ], function( EventEmitter, eventie ) { 576 | return factory( window, EventEmitter, eventie ); 577 | }); 578 | } else if ( typeof exports === 'object' ) { 579 | // CommonJS 580 | module.exports = factory( 581 | window, 582 | require('wolfy87-eventemitter'), 583 | require('eventie') 584 | ); 585 | } else { 586 | // browser global 587 | window.imagesLoaded = factory( 588 | window, 589 | window.EventEmitter, 590 | window.eventie 591 | ); 592 | } 593 | 594 | })( window, 595 | 596 | // -------------------------- factory -------------------------- // 597 | 598 | function factory( window, EventEmitter, eventie ) { 599 | 600 | 601 | 602 | var $ = window.jQuery; 603 | var console = window.console; 604 | var hasConsole = typeof console !== 'undefined'; 605 | 606 | // -------------------------- helpers -------------------------- // 607 | 608 | // extend objects 609 | function extend( a, b ) { 610 | for ( var prop in b ) { 611 | a[ prop ] = b[ prop ]; 612 | } 613 | return a; 614 | } 615 | 616 | var objToString = Object.prototype.toString; 617 | function isArray( obj ) { 618 | return objToString.call( obj ) === '[object Array]'; 619 | } 620 | 621 | // turn element or nodeList into an array 622 | function makeArray( obj ) { 623 | var ary = []; 624 | if ( isArray( obj ) ) { 625 | // use object if already an array 626 | ary = obj; 627 | } else if ( typeof obj.length === 'number' ) { 628 | // convert nodeList to array 629 | for ( var i=0, len = obj.length; i < len; i++ ) { 630 | ary.push( obj[i] ); 631 | } 632 | } else { 633 | // array of single index 634 | ary.push( obj ); 635 | } 636 | return ary; 637 | } 638 | 639 | // -------------------------- imagesLoaded -------------------------- // 640 | 641 | /** 642 | * @param {Array, Element, NodeList, String} elem 643 | * @param {Object or Function} options - if function, use as callback 644 | * @param {Function} onAlways - callback function 645 | */ 646 | function ImagesLoaded( elem, options, onAlways ) { 647 | // coerce ImagesLoaded() without new, to be new ImagesLoaded() 648 | if ( !( this instanceof ImagesLoaded ) ) { 649 | return new ImagesLoaded( elem, options ); 650 | } 651 | // use elem as selector string 652 | if ( typeof elem === 'string' ) { 653 | elem = document.querySelectorAll( elem ); 654 | } 655 | 656 | this.elements = makeArray( elem ); 657 | this.options = extend( {}, this.options ); 658 | 659 | if ( typeof options === 'function' ) { 660 | onAlways = options; 661 | } else { 662 | extend( this.options, options ); 663 | } 664 | 665 | if ( onAlways ) { 666 | this.on( 'always', onAlways ); 667 | } 668 | 669 | this.getImages(); 670 | 671 | if ( $ ) { 672 | // add jQuery Deferred object 673 | this.jqDeferred = new $.Deferred(); 674 | } 675 | 676 | // HACK check async to allow time to bind listeners 677 | var _this = this; 678 | setTimeout( function() { 679 | _this.check(); 680 | }); 681 | } 682 | 683 | ImagesLoaded.prototype = new EventEmitter(); 684 | 685 | ImagesLoaded.prototype.options = {}; 686 | 687 | ImagesLoaded.prototype.getImages = function() { 688 | this.images = []; 689 | 690 | // filter & find items if we have an item selector 691 | for ( var i=0, len = this.elements.length; i < len; i++ ) { 692 | var elem = this.elements[i]; 693 | // filter siblings 694 | if ( elem.nodeName === 'IMG' ) { 695 | this.addImage( elem ); 696 | } 697 | // find children 698 | // no non-element nodes, #143 699 | var nodeType = elem.nodeType; 700 | if ( !nodeType || !( nodeType === 1 || nodeType === 9 || nodeType === 11 ) ) { 701 | continue; 702 | } 703 | var childElems = elem.querySelectorAll('img'); 704 | // concat childElems to filterFound array 705 | for ( var j=0, jLen = childElems.length; j < jLen; j++ ) { 706 | var img = childElems[j]; 707 | this.addImage( img ); 708 | } 709 | } 710 | }; 711 | 712 | /** 713 | * @param {Image} img 714 | */ 715 | ImagesLoaded.prototype.addImage = function( img ) { 716 | var loadingImage = new LoadingImage( img ); 717 | this.images.push( loadingImage ); 718 | }; 719 | 720 | ImagesLoaded.prototype.check = function() { 721 | var _this = this; 722 | var checkedCount = 0; 723 | var length = this.images.length; 724 | this.hasAnyBroken = false; 725 | // complete if no images 726 | if ( !length ) { 727 | this.complete(); 728 | return; 729 | } 730 | 731 | function onConfirm( image, message ) { 732 | if ( _this.options.debug && hasConsole ) { 733 | console.log( 'confirm', image, message ); 734 | } 735 | 736 | _this.progress( image ); 737 | checkedCount++; 738 | if ( checkedCount === length ) { 739 | _this.complete(); 740 | } 741 | return true; // bind once 742 | } 743 | 744 | for ( var i=0; i < length; i++ ) { 745 | var loadingImage = this.images[i]; 746 | loadingImage.on( 'confirm', onConfirm ); 747 | loadingImage.check(); 748 | } 749 | }; 750 | 751 | ImagesLoaded.prototype.progress = function( image ) { 752 | this.hasAnyBroken = this.hasAnyBroken || !image.isLoaded; 753 | // HACK - Chrome triggers event before object properties have changed. #83 754 | var _this = this; 755 | setTimeout( function() { 756 | _this.emit( 'progress', _this, image ); 757 | if ( _this.jqDeferred && _this.jqDeferred.notify ) { 758 | _this.jqDeferred.notify( _this, image ); 759 | } 760 | }); 761 | }; 762 | 763 | ImagesLoaded.prototype.complete = function() { 764 | var eventName = this.hasAnyBroken ? 'fail' : 'done'; 765 | this.isComplete = true; 766 | var _this = this; 767 | // HACK - another setTimeout so that confirm happens after progress 768 | setTimeout( function() { 769 | _this.emit( eventName, _this ); 770 | _this.emit( 'always', _this ); 771 | if ( _this.jqDeferred ) { 772 | var jqMethod = _this.hasAnyBroken ? 'reject' : 'resolve'; 773 | _this.jqDeferred[ jqMethod ]( _this ); 774 | } 775 | }); 776 | }; 777 | 778 | // -------------------------- jquery -------------------------- // 779 | 780 | if ( $ ) { 781 | $.fn.imagesLoaded = function( options, callback ) { 782 | var instance = new ImagesLoaded( this, options, callback ); 783 | return instance.jqDeferred.promise( $(this) ); 784 | }; 785 | } 786 | 787 | 788 | // -------------------------- -------------------------- // 789 | 790 | function LoadingImage( img ) { 791 | this.img = img; 792 | } 793 | 794 | LoadingImage.prototype = new EventEmitter(); 795 | 796 | LoadingImage.prototype.check = function() { 797 | // first check cached any previous images that have same src 798 | var resource = cache[ this.img.src ] || new Resource( this.img.src ); 799 | if ( resource.isConfirmed ) { 800 | this.confirm( resource.isLoaded, 'cached was confirmed' ); 801 | return; 802 | } 803 | 804 | // If complete is true and browser supports natural sizes, 805 | // try to check for image status manually. 806 | if ( this.img.complete && this.img.naturalWidth !== undefined ) { 807 | // report based on naturalWidth 808 | this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' ); 809 | return; 810 | } 811 | 812 | // If none of the checks above matched, simulate loading on detached element. 813 | var _this = this; 814 | resource.on( 'confirm', function( resrc, message ) { 815 | _this.confirm( resrc.isLoaded, message ); 816 | return true; 817 | }); 818 | 819 | resource.check(); 820 | }; 821 | 822 | LoadingImage.prototype.confirm = function( isLoaded, message ) { 823 | this.isLoaded = isLoaded; 824 | this.emit( 'confirm', this, message ); 825 | }; 826 | 827 | // -------------------------- Resource -------------------------- // 828 | 829 | // Resource checks each src, only once 830 | // separate class from LoadingImage to prevent memory leaks. See #115 831 | 832 | var cache = {}; 833 | 834 | function Resource( src ) { 835 | this.src = src; 836 | // add to cache 837 | cache[ src ] = this; 838 | } 839 | 840 | Resource.prototype = new EventEmitter(); 841 | 842 | Resource.prototype.check = function() { 843 | // only trigger checking once 844 | if ( this.isChecked ) { 845 | return; 846 | } 847 | // simulate loading on detached element 848 | var proxyImage = new Image(); 849 | eventie.bind( proxyImage, 'load', this ); 850 | eventie.bind( proxyImage, 'error', this ); 851 | proxyImage.src = this.src; 852 | // set flag 853 | this.isChecked = true; 854 | }; 855 | 856 | // ----- events ----- // 857 | 858 | // trigger specified handler for event type 859 | Resource.prototype.handleEvent = function( event ) { 860 | var method = 'on' + event.type; 861 | if ( this[ method ] ) { 862 | this[ method ]( event ); 863 | } 864 | }; 865 | 866 | Resource.prototype.onload = function( event ) { 867 | this.confirm( true, 'onload' ); 868 | this.unbindProxyEvents( event ); 869 | }; 870 | 871 | Resource.prototype.onerror = function( event ) { 872 | this.confirm( false, 'onerror' ); 873 | this.unbindProxyEvents( event ); 874 | }; 875 | 876 | // ----- confirm ----- // 877 | 878 | Resource.prototype.confirm = function( isLoaded, message ) { 879 | this.isConfirmed = true; 880 | this.isLoaded = isLoaded; 881 | this.emit( 'confirm', this, message ); 882 | }; 883 | 884 | Resource.prototype.unbindProxyEvents = function( event ) { 885 | eventie.unbind( event.target, 'load', this ); 886 | eventie.unbind( event.target, 'error', this ); 887 | }; 888 | 889 | // ----- ----- // 890 | 891 | return ImagesLoaded; 892 | 893 | }); 894 | -------------------------------------------------------------------------------- /static/style.css: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------------------------ 2 | 3 | [Table of contents] 4 | 1. Global CSS 5 | 2. Header / Menu CSS 6 | 3. Home Section CSS 7 | 4. Service Section CSS 8 | 5. About Section CSS 9 | 6. Portfolio Section CSS 10 | 6.1 Pretty Photo CSS 11 | 7. Blog Section CSS 12 | 8. Skills Section CSS 13 | 9. Contact Section CSS 14 | 10. Single Blog / Post Page CSS 15 | 11. Responsive CSS 16 | 17 | -------------------------------------------------------------------*/ 18 | 19 | 20 | /* =================================== 21 | 1. Global CSS 22 | ====================================== */ 23 | 24 | * { 25 | box-sizing: border-box; 26 | outline: none !important; 27 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 28 | } 29 | 30 | *::selection { 31 | background: #fff0f0; 32 | } 33 | 34 | body { 35 | color: #000000; 36 | line-height: 2; 37 | font-size: 15px; 38 | font-family: "Poppins", sans-serif; 39 | font-weight: 400; 40 | min-width: 320px; 41 | position: relative; 42 | overflow-x: hidden; 43 | background: linear-gradient(to right, #fff0f0 0%, #fff0f0 60%, white 60%); 44 | background-position: center; 45 | } 46 | 47 | p { 48 | margin-bottom: 40px; 49 | } 50 | 51 | a { 52 | text-decoration: none; 53 | color: #000; 54 | transition: .35s ease-out; 55 | } 56 | 57 | a:hover { 58 | color: #f44647; 59 | } 60 | 61 | .section a { 62 | font-weight: 700; 63 | color: #f44647; 64 | } 65 | 66 | .section a:hover { 67 | color: #000; 68 | } 69 | 70 | .doc-loader { 71 | position: fixed; 72 | left: 0px; 73 | top: 0px; 74 | width: 100%; 75 | height: 100%; 76 | z-index: 99999; 77 | background-color: #fff; 78 | } 79 | 80 | .block-right { 81 | margin-right: -100px; 82 | } 83 | 84 | .block-right .block-right { 85 | margin-right: 0; 86 | } 87 | 88 | img.block-right { 89 | max-width: calc(100% + 100px); 90 | } 91 | 92 | .content-670 { 93 | max-width: 670px; 94 | } 95 | 96 | .relative { 97 | position: relative; 98 | } 99 | 100 | .page-wrapper { 101 | pointer-events: auto; 102 | width: 100%; 103 | background-color: #fff0f0; 104 | max-width: 800px; 105 | } 106 | 107 | .section h2.title { 108 | font-weight: 500; 109 | font-size: 26px; 110 | line-height: 150%; 111 | letter-spacing: 5px; 112 | margin-bottom: 40px; 113 | } 114 | 115 | .section { 116 | margin-top: 65px; 117 | padding-top: 85px; 118 | } 119 | 120 | .single .section { 121 | min-height: 100vh; 122 | } 123 | 124 | .page-wrapper>section:first-of-type { 125 | margin-top: 0; 126 | } 127 | 128 | .page-wrapper>section:last-of-type { 129 | padding-bottom: 85px; 130 | } 131 | 132 | .section .section-des { 133 | margin-bottom: 40px; 134 | } 135 | 136 | 137 | /* =================================== 138 | 2. Header / Menu CSS 139 | ====================================== */ 140 | 141 | .s-nav { 142 | position: fixed; 143 | right: 0; 144 | top: 0; 145 | height: 100vh; 146 | max-width: 40%; 147 | width: 100%; 148 | z-index: 1; 149 | overflow: hidden; 150 | padding: 85px 100px 85px 200px; 151 | } 152 | 153 | .nav-count { 154 | position: relative; 155 | line-height: 22px; 156 | font-weight: 700; 157 | margin-bottom: 154px; 158 | } 159 | 160 | .nav-count>div { 161 | position: relative; 162 | display: inline-block; 163 | vertical-align: top; 164 | } 165 | 166 | .nav-count .current-num { 167 | width: 18px; 168 | } 169 | 170 | .nav-count .current-num span { 171 | left: 0; 172 | top: 0; 173 | position: absolute; 174 | color: #f44647; 175 | } 176 | 177 | .nav-count .pagination-sep { 178 | padding: 0 12px; 179 | } 180 | 181 | .nav-list { 182 | display: flex; 183 | flex-direction: column; 184 | align-items: flex-start; 185 | } 186 | 187 | .nav-list li a { 188 | display: inline-block; 189 | } 190 | 191 | .nav-list li.current a { 192 | color: #f44647; 193 | } 194 | 195 | .nav-list li ul { 196 | padding-left: 28px; 197 | display: none; 198 | width: 100% !important; 199 | } 200 | 201 | .nav-soc { 202 | display: flex; 203 | align-items: center; 204 | justify-content: flex-start; 205 | position: absolute; 206 | left: 200px; 207 | bottom: 79px; 208 | } 209 | 210 | .nav-soc li { 211 | margin-right: 25px; 212 | } 213 | 214 | .nav-soc li:last-child { 215 | margin-right: 0; 216 | } 217 | 218 | .nav-soc li a { 219 | font-size: 12px; 220 | line-height: 30px; 221 | letter-spacing: 5px; 222 | } 223 | 224 | .nav-container .site-title { 225 | font-size: 12px; 226 | line-height: 30px; 227 | letter-spacing: 5px; 228 | font-weight: 700; 229 | margin-bottom: 51px; 230 | position: relative; 231 | display: inline-block; 232 | } 233 | 234 | .nav-container .site-title:before { 235 | content: ''; 236 | position: absolute; 237 | bottom: -3px; 238 | right: 5px; 239 | height: 2px; 240 | width: calc(100% - 5px); 241 | transition: .35s ease-out; 242 | background-color: #000000; 243 | } 244 | 245 | .nav-container .site-title:hover:before { 246 | width: 0; 247 | background-color: #f44647; 248 | } 249 | 250 | .nav-btn { 251 | position: fixed; 252 | display: block; 253 | top: 0; 254 | left: 0; 255 | padding: 14px 10px; 256 | transition: .15s ease; 257 | cursor: pointer; 258 | z-index: 10; 259 | background-color: #fff; 260 | } 261 | 262 | .nav-btn.scroll-bottom { 263 | top: -50px; 264 | } 265 | 266 | .nav-btn:hover .nav-btn-cover:before { 267 | margin-left: 9px; 268 | } 269 | 270 | .nav-btn:hover .nav-btn-cover .menu-line { 271 | margin-left: 17px; 272 | } 273 | 274 | .nav-btn.active .nav-btn-cover .menu-line { 275 | opacity: 0; 276 | } 277 | 278 | .nav-btn.active .nav-btn-cover:before { 279 | transform: rotate3d(0, 0, 1, 45deg) translate3d(0, 0, 0); 280 | margin-left: 0; 281 | width: 26px; 282 | } 283 | 284 | .nav-btn.active .nav-btn-cover:after { 285 | transform: rotate3d(0, 0, 1, -45deg); 286 | width: 26px; 287 | } 288 | 289 | .nav-btn .nav-btn-cover { 290 | position: relative; 291 | height: 20px; 292 | width: 30px; 293 | display: block; 294 | } 295 | 296 | .nav-btn .nav-btn-cover .menu-line { 297 | width: 13px; 298 | height: 3px; 299 | position: absolute; 300 | transition: all 0.25s; 301 | margin-left: 0; 302 | top: 8px; 303 | background-color: #000; 304 | } 305 | 306 | .nav-btn .nav-btn-cover:after, 307 | .nav-btn .nav-btn-cover:before { 308 | content: ''; 309 | height: 3px; 310 | width: 30px; 311 | position: absolute; 312 | -webkit-transform-origin: 50% 50%; 313 | transform-origin: 50% 50%; 314 | -webkit-transition: -webkit-transform 0.25s; 315 | -webkit-transition: all 0.25s; 316 | transition: all 0.25s; 317 | top: 8px; 318 | background-color: #000; 319 | } 320 | 321 | .nav-btn .nav-btn-cover:before { 322 | transform: translate3d(0, -8px, 0px); 323 | width: 21px; 324 | margin-left: 0; 325 | } 326 | 327 | .nav-btn .nav-btn-cover:after { 328 | transform: translate3d(0, 8px, 0); 329 | } 330 | 331 | @media (min-width: 1200px) { 332 | .nav-btn { 333 | display: none; 334 | } 335 | } 336 | 337 | 338 | /* =================================== 339 | 3. Home Section CSS 340 | ====================================== */ 341 | 342 | #home { 343 | height: 100vh; 344 | padding: 85px 0; 345 | margin: 0; 346 | } 347 | 348 | #home .container-wrap { 349 | display: flex; 350 | align-items: center; 351 | justify-content: flex-end; 352 | position: relative; 353 | height: 100%; 354 | } 355 | 356 | #home .main-photo { 357 | max-height: calc(100vh - 170px); 358 | width: 536px; 359 | object-fit: cover; 360 | } 361 | 362 | #home .entry-title { 363 | position: absolute; 364 | color: #f44647; 365 | font-weight: 800; 366 | font-size: 140px; 367 | line-height: 143px; 368 | letter-spacing: -4px; 369 | z-index: 1; 370 | left: 0; 371 | } 372 | 373 | #home .entry-title span { 374 | text-decoration: underline; 375 | } 376 | 377 | #home .main-btn { 378 | position: absolute; 379 | bottom: 0; 380 | left: 0; 381 | cursor: pointer; 382 | } 383 | 384 | #home .main-btn img { 385 | animation-duration: 2s; 386 | animation-iteration-count: infinite; 387 | animation-timing-function: ease-out; 388 | animation-name: scroll; 389 | display: block; 390 | } 391 | 392 | @keyframes scroll { 393 | 0% { 394 | opacity: 1; 395 | transform: translateY(-25px); 396 | } 397 | 70% { 398 | opacity: 1; 399 | } 400 | 100% { 401 | opacity: 0; 402 | transform: translateY(0); 403 | } 404 | } 405 | 406 | 407 | /* =================================== 408 | 4. Service Section CSS 409 | ====================================== */ 410 | 411 | .section-des { 412 | max-width: 440px; 413 | font-size: 22px; 414 | line-height: 1.65; 415 | } 416 | 417 | .serv-link-cover { 418 | background-color: #f44647; 419 | display: flex; 420 | align-items: center; 421 | padding: 50px 70px; 422 | margin-top: 45px; 423 | } 424 | 425 | .serv-link-cover li+li { 426 | margin-left: 100px; 427 | } 428 | 429 | .serv-link-cover a { 430 | color: #fff; 431 | font-weight: 700; 432 | font-size: 12px; 433 | line-height: 30px; 434 | letter-spacing: 5px; 435 | position: relative; 436 | display: inline-block; 437 | } 438 | 439 | .serv-link-cover a:before { 440 | content: ''; 441 | position: absolute; 442 | bottom: 5px; 443 | right: 0; 444 | height: 2px; 445 | width: 100%; 446 | transition: .35s ease-out; 447 | background-color: #fff; 448 | } 449 | 450 | .serv-link-cover a:hover:before { 451 | width: 0; 452 | } 453 | 454 | .serv-block-wrap { 455 | display: flex; 456 | flex-wrap: wrap; 457 | justify-content: space-between; 458 | padding-top: 80px; 459 | } 460 | 461 | .serv-block-wrap>div:nth-last-of-type(-n+2) { 462 | margin-bottom: 0; 463 | } 464 | 465 | .serv-block-wrap .serv-block-item { 466 | width: calc(50% - 65px); 467 | margin-bottom: 80px; 468 | } 469 | 470 | .serv-block-wrap .serv-block-item:hover h4 { 471 | transform: translateX(-10px); 472 | } 473 | 474 | .serv-block-wrap .serv-block-item h4 { 475 | font-weight: 500; 476 | font-size: 22px; 477 | line-height: 33px; 478 | letter-spacing: 0.27em; 479 | margin-top: 30px; 480 | transition: .35s ease-out; 481 | } 482 | 483 | .serv-block-wrap .serv-block-item p { 484 | margin-top: 23px; 485 | max-width: 250px; 486 | margin-bottom: 0; 487 | } 488 | 489 | 490 | /* =================================== 491 | 5. About Section CSS 492 | ====================================== */ 493 | 494 | .about-img { 495 | max-width: 100%; 496 | display: block; 497 | } 498 | 499 | .about-info { 500 | background-color: #f44647; 501 | color: #fff; 502 | width: 330px; 503 | padding: 50px 30px 50px 70px; 504 | float: right; 505 | margin: 0 0 40px 65px; 506 | } 507 | 508 | .about-info li+li { 509 | margin-top: 44px; 510 | } 511 | 512 | .about-info h6 { 513 | font-size: 12px; 514 | letter-spacing: 5px; 515 | font-weight: 400; 516 | } 517 | 518 | .about-info a { 519 | color: #fff; 520 | display: inline-block; 521 | font-weight: 400; 522 | } 523 | 524 | .about-info a:hover { 525 | padding-left: 8px; 526 | } 527 | 528 | .about-text { 529 | padding-top: 53px; 530 | } 531 | 532 | .about-text p { 533 | max-width: 670px; 534 | } 535 | 536 | .signature { 537 | margin-top: 10px; 538 | } 539 | 540 | 541 | /* =================================== 542 | 6. Portfolio Section CSS 543 | ====================================== */ 544 | 545 | .isotope.no-transition, 546 | .isotope.no-transition .isotope-item, 547 | .isotope .isotope-item.no-transition { 548 | -webkit-transition-duration: 0s; 549 | -moz-transition-duration: 0s; 550 | -ms-transition-duration: 0s; 551 | -o-transition-duration: 0s; 552 | transition-duration: 0s; 553 | } 554 | 555 | .grid { 556 | width: 100%; 557 | position: relative; 558 | display: block; 559 | overflow: hidden; 560 | } 561 | 562 | .grid-item { 563 | position: relative; 564 | float: left; 565 | font-size: 0; 566 | line-height: 0; 567 | box-sizing: border-box; 568 | -moz-box-sizing: border-box; 569 | -webkit-box-sizing: border-box; 570 | overflow: hidden; 571 | width: 50%; 572 | transition: opacity .3s; 573 | } 574 | 575 | .grid-item img { 576 | display: block; 577 | width: 100%; 578 | height: auto; 579 | max-height: none; 580 | max-width: none; 581 | } 582 | 583 | .grid-sizer, 584 | .grid-item { 585 | width: 50%; 586 | } 587 | 588 | .grid-item.p-one { 589 | width: 100%; 590 | } 591 | 592 | .grid-item.p-half { 593 | width: 50%; 594 | } 595 | 596 | .portfolio-text-holder { 597 | position: absolute; 598 | width: 100%; 599 | height: 100%; 600 | left: 0; 601 | top: 0; 602 | z-index: 1; 603 | font-size: 20px; 604 | background-color: #000000; 605 | padding: 20px; 606 | transform: translateX(-100%); 607 | transition: transform .3s ease; 608 | } 609 | 610 | .grid-item a.item-link:hover .portfolio-text-holder, 611 | .grid-item.portfolio-content-loading a.item-link .portfolio-text-holder { 612 | transform: translateX(0); 613 | } 614 | 615 | #portfolio-grid.portfoio-items-mask .grid-item { 616 | opacity: 0.2; 617 | } 618 | 619 | .grid-item.portfolio-content-loading { 620 | opacity: 1 !important; 621 | } 622 | 623 | .portfolio-text-wrapper { 624 | position: absolute; 625 | width: 100%; 626 | text-align: center; 627 | left: 50%; 628 | top: 50%; 629 | transform: translate(-50%, -50%); 630 | } 631 | 632 | .portfolio-text { 633 | font-size: 28px; 634 | line-height: 100%; 635 | font-weight: 700; 636 | color: #fff; 637 | margin-bottom: 0; 638 | padding-bottom: 10px; 639 | } 640 | 641 | .portfolio-cat { 642 | font-size: 15px; 643 | color: #fff; 644 | line-height: 100%; 645 | font-weight: 400; 646 | margin-bottom: 0; 647 | } 648 | 649 | .portfolio-load-content-holder { 650 | opacity: 0; 651 | transform: translateY(70px); 652 | transition: all .5s ease; 653 | } 654 | 655 | .portfolio-load-content-holder.show { 656 | transform: translateY(0); 657 | opacity: 1; 658 | } 659 | 660 | .portfolio-load-content-holder.show.viceversa { 661 | opacity: 0; 662 | transform: translateY(70px); 663 | } 664 | 665 | .portfolio-content-wrapper { 666 | display: none; 667 | } 668 | 669 | .portfolio-content-wrapper.show { 670 | display: block; 671 | } 672 | 673 | .close-icon { 674 | background-image: url(images/close-left-arrow.png); 675 | background-repeat: no-repeat; 676 | width: 70px; 677 | height: 70px; 678 | display: inline-block; 679 | background-color: #f44647; 680 | margin-bottom: 20px; 681 | background-size: 70px; 682 | transition: all 0.3s ease; 683 | cursor: pointer; 684 | } 685 | 686 | .close-icon:hover { 687 | background-position: -5px 0; 688 | } 689 | 690 | #portfolio-grid { 691 | transition: all .5s ease; 692 | opacity: 1; 693 | transform: translateY(0px); 694 | } 695 | 696 | #portfolio-grid.hide { 697 | opacity: 0; 698 | transform: translateY(70px); 699 | } 700 | 701 | .owl-carousel .owl-item { 702 | width: 100%; 703 | } 704 | 705 | .owl-theme .owl-nav.disabled+.owl-dots { 706 | margin-top: 13px; 707 | margin-bottom: 40px; 708 | line-height: 0; 709 | text-align: left; 710 | } 711 | 712 | .owl-theme .owl-dots .owl-dot span { 713 | margin: 0; 714 | background-color: #000000; 715 | transition: all .3s ease; 716 | width: 30px; 717 | height: 10px; 718 | border-radius: 0; 719 | } 720 | 721 | .owl-theme .owl-dots .owl-dot { 722 | transition: all .3s ease; 723 | margin-right: 10px; 724 | } 725 | 726 | .owl-theme .owl-dots .owl-dot:hover span { 727 | background-color: #000000; 728 | } 729 | 730 | .owl-theme .owl-dots .owl-dot.active span { 731 | background-color: #f44647; 732 | } 733 | 734 | 735 | /* =================================== 736 | 6.1 Pretty Photo CSS 737 | ====================================== */ 738 | 739 | div.pp_default .pp_loaderIcon { 740 | display: none !important; 741 | } 742 | 743 | div.pp_default a.pp_arrow_previous { 744 | background-image: url(images/nav_left.png); 745 | background-size: 20px 20px; 746 | width: 20px; 747 | height: 20px; 748 | margin-top: 5px; 749 | font-size: 0; 750 | line-height: 0; 751 | text-indent: -99999999px; 752 | transition: transform .3s ease; 753 | } 754 | 755 | div.pp_default a.pp_arrow_next { 756 | background-image: url(images/nav_right.png); 757 | background-size: 20px 20px; 758 | width: 20px; 759 | height: 20px; 760 | margin-top: 5px; 761 | margin-left: 10px; 762 | font-size: 0; 763 | line-height: 0; 764 | text-indent: -99999999px; 765 | transition: transform .3s ease; 766 | } 767 | 768 | div.pp_default a.pp_arrow_previous:hover { 769 | transform: translateX(-5px); 770 | } 771 | 772 | div.pp_default a.pp_arrow_next:hover { 773 | transform: translateX(5px); 774 | } 775 | 776 | div.pp_default .pp_close { 777 | background-image: url(images/close.png); 778 | background-size: 30px 30px; 779 | margin-top: 5px; 780 | text-indent: -99999999px; 781 | font-size: 0; 782 | line-height: 0; 783 | } 784 | 785 | div.pp_default .pp_next:hover { 786 | background: url(images/nav_right.png); 787 | cursor: pointer; 788 | background-repeat: no-repeat; 789 | background-position: 95% 50%; 790 | background-size: 20px; 791 | } 792 | 793 | div.pp_default .pp_previous:hover { 794 | background: url(images/nav_left.png); 795 | cursor: pointer; 796 | background-repeat: no-repeat; 797 | background-position: 5% 50%; 798 | background-size: 20px; 799 | } 800 | 801 | div.pp_default .pp_nav .currentTextHolder { 802 | padding: 0 0 0 20px; 803 | color: #fff; 804 | } 805 | 806 | div.pp_default .pp_content_container .pp_details { 807 | margin-top: 30px !important; 808 | z-index: 3; 809 | } 810 | 811 | div.pp_default .pp_description { 812 | font-size: 15px; 813 | line-height: 30px; 814 | position: absolute; 815 | top: -30px; 816 | margin: 0; 817 | color: #fff; 818 | font-weight: 400; 819 | } 820 | 821 | 822 | /* =================================== 823 | 7. Blog Section CSS 824 | ====================================== */ 825 | 826 | .home-blog-list { 827 | padding-right: 41px; 828 | } 829 | 830 | .home-blog-list li { 831 | display: flex; 832 | justify-content: space-between; 833 | align-items: center; 834 | padding: 30px 0; 835 | min-height: 136px; 836 | } 837 | 838 | .home-blog-list li:last-child { 839 | padding-bottom: 0; 840 | } 841 | 842 | .home-blog-list li+li { 843 | border-top: 2px solid #fff; 844 | } 845 | 846 | .home-blog-list li a { 847 | font-size: 26px; 848 | margin-right: 30px; 849 | color: #000; 850 | } 851 | 852 | .home-blog-list li a:hover { 853 | color: #f44647; 854 | } 855 | 856 | .home-blog-list li .blog-list-info { 857 | flex: 0 0 auto; 858 | font-weight: 700; 859 | font-size: 10px; 860 | line-height: 14px; 861 | letter-spacing: 3px; 862 | min-width: 100px; 863 | } 864 | 865 | .home-blog-list li .blog-list-info .category { 866 | color: #f44647; 867 | margin-top: 6px; 868 | } 869 | 870 | 871 | /* =================================== 872 | 8. Skills Section CSS 873 | ====================================== */ 874 | 875 | .skills-history { 876 | background-color: #f44647; 877 | color: #fff; 878 | margin-top: 41px; 879 | padding: 63px 60px 62px 94px; 880 | } 881 | 882 | .skills-history li { 883 | display: flex; 884 | align-items: center; 885 | position: relative; 886 | } 887 | 888 | .skills-history li:before { 889 | content: ''; 890 | position: absolute; 891 | left: 3%; 892 | top: 0; 893 | background-color: #fff; 894 | width: 3px; 895 | height: 100%; 896 | } 897 | 898 | .skills-history li+li { 899 | padding-top: 37px; 900 | } 901 | 902 | .skills-history li .date { 903 | flex: 0 0 28%; 904 | max-width: 28%; 905 | font-weight: 200; 906 | font-size: 60px; 907 | line-height: 30px; 908 | transition: .35s ease-out; 909 | } 910 | 911 | .skills-history li:hover .date { 912 | -webkit-transform: translateX(15px); 913 | transform: translateX(15px); 914 | color: #000; 915 | } 916 | 917 | .skills-history li p { 918 | flex: 0 0 72%; 919 | max-width: 72%; 920 | padding: 0 50px 0 80px; 921 | cursor: default; 922 | transition: .35s ease-out; 923 | margin-bottom: 0; 924 | } 925 | 926 | .skills-history li:hover p { 927 | -webkit-transform: translateX(-15px); 928 | transform: translateX(-15px); 929 | } 930 | 931 | .skills-progress { 932 | display: flex; 933 | flex-wrap: wrap; 934 | justify-content: space-between; 935 | padding-right: 40px; 936 | padding-top: 69px; 937 | } 938 | 939 | .skills-progress li { 940 | display: flex; 941 | align-items: center; 942 | width: calc(50% - 35px); 943 | margin-bottom: 22px; 944 | } 945 | 946 | .skills-progress .name { 947 | font-size: 12px; 948 | line-height: 28px; 949 | letter-spacing: 3.5px; 950 | width: 37%; 951 | padding-right: 30px; 952 | } 953 | 954 | .skills-progress .skill { 955 | width: 100%; 956 | height: 10px; 957 | background-color: #ffd2d3; 958 | width: 63%; 959 | } 960 | 961 | .skills-progress .skill-fill { 962 | width: 10%; 963 | height: 10px; 964 | background-color: #f44647; 965 | transition: width .7s; 966 | } 967 | 968 | 969 | /* =================================== 970 | 9. Contact Section CSS 971 | ====================================== */ 972 | 973 | .contact-form { 974 | margin-top: 40px 975 | } 976 | 977 | .contact-form * { 978 | overflow: hidden; 979 | } 980 | 981 | .contact-form p { 982 | margin-bottom: 0; 983 | } 984 | 985 | .contact-form input[type=text], 986 | .contact-form input[type=email], 987 | .contact-form textarea { 988 | font-family: 'Poppins', sans-serif; 989 | font-size: 12px; 990 | line-height: 25px; 991 | letter-spacing: 3px; 992 | color: #000; 993 | background-color: transparent; 994 | border: 0; 995 | border-bottom: 2px solid; 996 | padding-top: 13px; 997 | padding-bottom: 0px; 998 | padding-left: 0; 999 | margin: 10px 0; 1000 | height: 28px; 1001 | width: 100%; 1002 | box-sizing: initial; 1003 | } 1004 | 1005 | .contact-form input[name="your-name"] { 1006 | margin-top: 0; 1007 | padding-top: 0; 1008 | } 1009 | 1010 | .contact-form textarea { 1011 | height: 150px; 1012 | } 1013 | 1014 | p.contact-submit-holder { 1015 | margin-top: 30px; 1016 | margin-bottom: 0 !important; 1017 | } 1018 | 1019 | .contact-form input[type=submit] { 1020 | display: inline-block; 1021 | border: 2px solid; 1022 | text-align: center; 1023 | padding: 20px 0px; 1024 | font-size: 14px; 1025 | cursor: pointer; 1026 | vertical-align: middle; 1027 | text-decoration: none; 1028 | background-color: transparent; 1029 | color: #000; 1030 | font-family: 'Poppins', sans-serif; 1031 | font-weight: 700; 1032 | width: 100%; 1033 | letter-spacing: 8px; 1034 | transition: opacity .3s ease; 1035 | cursor: pointer; 1036 | } 1037 | 1038 | .contact-form input[type=submit]:hover { 1039 | opacity: 0.8; 1040 | } 1041 | 1042 | .contact-form input[type=text]::-webkit-input-placeholder, 1043 | .contact-form input[type=email]::-webkit-input-placeholder, 1044 | .contact-form textarea::-webkit-input-placeholder { 1045 | font-family: 'Poppins', sans-serif; 1046 | color: #000; 1047 | font-weight: 400; 1048 | font-size: 12px; 1049 | line-height: 25px; 1050 | opacity: 1; 1051 | } 1052 | 1053 | .contact-form input[type=text]:-ms-input-placeholder, 1054 | .contact-form input[type=email]:-ms-input-placeholder, 1055 | .contact-form textarea:-ms-input-placeholder { 1056 | font-family: 'Poppins', sans-serif; 1057 | color: #000; 1058 | font-weight: 400; 1059 | font-size: 12px; 1060 | line-height: 25px; 1061 | opacity: 1; 1062 | } 1063 | 1064 | .contact-form input[type=text]::placeholder, 1065 | .contact-form input[type=email]::placeholder, 1066 | .contact-form textarea::placeholder { 1067 | font-family: 'Poppins', sans-serif; 1068 | color: #000; 1069 | font-weight: 400; 1070 | font-size: 12px; 1071 | line-height: 25px; 1072 | opacity: 1; 1073 | } 1074 | 1075 | 1076 | /* =================================== 1077 | 10. Single Blog / Post Page CSS 1078 | ====================================== */ 1079 | 1080 | .single-blog .entry-title { 1081 | font-size: 32px; 1082 | line-height: 35px; 1083 | margin-bottom: 32px; 1084 | } 1085 | 1086 | .single-blog .meta { 1087 | display: flex; 1088 | flex-wrap: wrap; 1089 | margin-bottom: 30px; 1090 | } 1091 | 1092 | .single-blog .meta li { 1093 | font-weight: 700; 1094 | font-size: 10px; 1095 | line-height: 14px; 1096 | letter-spacing: 3px; 1097 | } 1098 | 1099 | .single-blog .meta li+li { 1100 | margin-left: 25px; 1101 | } 1102 | 1103 | .single-blog .meta li a { 1104 | color: #f44647; 1105 | } 1106 | 1107 | .single-blog .meta li a:hover { 1108 | color: #000000; 1109 | } 1110 | 1111 | .single-blog .thumbnail-img { 1112 | position: relative; 1113 | margin-bottom: 40px; 1114 | } 1115 | 1116 | .single-blog .thumbnail-img:before { 1117 | content: ''; 1118 | position: absolute; 1119 | top: 0; 1120 | left: 0; 1121 | width: 100%; 1122 | height: 100%; 1123 | z-index: 1; 1124 | background: rgba(244, 70, 71, 0.04); 1125 | } 1126 | 1127 | .single-blog .thumbnail-img img { 1128 | display: block; 1129 | width: 100%; 1130 | } 1131 | 1132 | .single-blog .content-670 blockquote { 1133 | float: right; 1134 | background: #f44647; 1135 | color: #fff; 1136 | font-weight: 700; 1137 | font-size: 18px; 1138 | line-height: 30px; 1139 | padding: 40px 55px 50px; 1140 | width: 330px; 1141 | margin: 5px 0 30px 18px; 1142 | } 1143 | 1144 | .single-blog .content-670 blockquote p { 1145 | margin: 0; 1146 | } 1147 | 1148 | .single-blog .content-670 blockquote img { 1149 | margin-bottom: 27px; 1150 | } 1151 | 1152 | .single-blog .soc-list { 1153 | margin-top: 60px; 1154 | } 1155 | 1156 | .soc-list { 1157 | display: flex; 1158 | align-items: center; 1159 | justify-content: flex-start; 1160 | } 1161 | 1162 | .soc-list li { 1163 | margin-right: 25px; 1164 | } 1165 | 1166 | .soc-list li:last-child { 1167 | margin-right: 0; 1168 | } 1169 | 1170 | .soc-list li a { 1171 | color: #000; 1172 | font-size: 12px; 1173 | line-height: 30px; 1174 | letter-spacing: 5px; 1175 | } 1176 | 1177 | .soc-list li a:hover { 1178 | color: #f44647; 1179 | } 1180 | 1181 | 1182 | /* =================================== 1183 | 11. Responsive CSS 1184 | ====================================== */ 1185 | 1186 | @media (max-width: 1366px) { 1187 | .s-nav { 1188 | padding: 60px 100px 60px 200px; 1189 | } 1190 | .nav-soc { 1191 | bottom: 50px; 1192 | } 1193 | .nav-count { 1194 | margin-bottom: 130px; 1195 | } 1196 | #home { 1197 | padding: 60px 0; 1198 | } 1199 | #home .main-photo { 1200 | width: 470px; 1201 | max-height: calc(100vh - 120px); 1202 | } 1203 | #home .main-btn img { 1204 | width: 40px; 1205 | } 1206 | #home .entry-title { 1207 | font-size: 120px; 1208 | line-height: 123px; 1209 | } 1210 | .block-right { 1211 | margin-right: -60px; 1212 | } 1213 | img.block-right { 1214 | max-width: calc(100% + 60px); 1215 | } 1216 | } 1217 | 1218 | @media (min-width: 1200px) and (max-height: 660px) { 1219 | .nav-count { 1220 | margin-bottom: 80px; 1221 | } 1222 | #home .main-photo { 1223 | width: 440px; 1224 | } 1225 | #home .entry-title { 1226 | font-size: 110px; 1227 | line-height: 113px; 1228 | } 1229 | } 1230 | 1231 | @media (max-width: 1199px) { 1232 | .page-wrapper { 1233 | margin: 0 auto; 1234 | } 1235 | .s-nav { 1236 | right: auto; 1237 | left: -100%; 1238 | pointer-events: none; 1239 | background-color: #fff; 1240 | max-width: 300px; 1241 | width: 100%; 1242 | z-index: 9; 1243 | padding: 80px 30px 60px; 1244 | overflow: auto; 1245 | height: 100%; 1246 | transition: .25s ease-in; 1247 | } 1248 | .s-nav.active { 1249 | transition: .25s ease-out; 1250 | box-shadow: 0 0 4px rgba(255, 240, 240, 0.5); 1251 | left: 0; 1252 | pointer-events: auto; 1253 | } 1254 | .dropdown { 1255 | cursor: pointer; 1256 | } 1257 | .dropdown>a { 1258 | pointer-events: none; 1259 | } 1260 | .nav-count { 1261 | margin-bottom: 50px; 1262 | } 1263 | .nav-soc { 1264 | left: 15px; 1265 | bottom: 15px; 1266 | } 1267 | .nav-container { 1268 | padding-bottom: 60px; 1269 | } 1270 | .section { 1271 | margin-top: 0; 1272 | padding-top: 80px; 1273 | } 1274 | .section { 1275 | padding-top: 55px; 1276 | } 1277 | .page-wrapper>section:last-of-type { 1278 | padding-bottom: 55px; 1279 | } 1280 | [data-jarallax-element] { 1281 | transform: none !important; 1282 | } 1283 | } 1284 | 1285 | @media (max-width: 1199px) and (max-height: 550px) { 1286 | .nav-soc { 1287 | position: relative; 1288 | left: auto; 1289 | bottom: auto; 1290 | } 1291 | .nav-container { 1292 | padding-bottom: 60px; 1293 | } 1294 | } 1295 | 1296 | @media (max-width: 1020px) { 1297 | body { 1298 | background: #fff0f0; 1299 | } 1300 | } 1301 | 1302 | @media (max-width: 991px) { 1303 | #home { 1304 | display: flex; 1305 | align-items: center; 1306 | } 1307 | #home .entry-title { 1308 | font-size: 110px; 1309 | line-height: 113px; 1310 | } 1311 | .serv-block-wrap .serv-block-item { 1312 | margin-bottom: 65px; 1313 | } 1314 | .block-right { 1315 | margin-right: 0; 1316 | } 1317 | img.block-right { 1318 | max-width: 100%; 1319 | } 1320 | .container-wrap { 1321 | width: 100%; 1322 | } 1323 | .home-blog-list li { 1324 | min-height: 120px; 1325 | } 1326 | .home-blog-list li a { 1327 | font-size: 22px; 1328 | } 1329 | .home-blog-list li p { 1330 | padding: 0 40px 0 50px; 1331 | } 1332 | .about-info { 1333 | margin: 0 0 40px 40px; 1334 | } 1335 | } 1336 | 1337 | @media (max-width: 767px) { 1338 | .nav-btn { 1339 | background-color: #fff; 1340 | width: 100%; 1341 | top: 0; 1342 | left: 0; 1343 | z-index: 2; 1344 | } 1345 | .s-nav { 1346 | z-index: 2; 1347 | padding: 40px 15px 60px; 1348 | margin-top: 46px; 1349 | } 1350 | .page-wrapper { 1351 | margin-top: 48px; 1352 | } 1353 | .nav-count { 1354 | position: fixed; 1355 | top: 12px; 1356 | right: 15px; 1357 | display: block; 1358 | opacity: 1; 1359 | } 1360 | #home .main-photo { 1361 | width: auto; 1362 | max-height: 500px; 1363 | max-width: 65%; 1364 | } 1365 | #home .entry-title { 1366 | font-size: 70px; 1367 | line-height: 73px; 1368 | max-width: 340px; 1369 | letter-spacing: -2px; 1370 | } 1371 | #home { 1372 | padding: 55px 0 0; 1373 | height: auto; 1374 | } 1375 | #home .main-btn img { 1376 | display: none; 1377 | } 1378 | .serv-link-cover { 1379 | padding: 40px 50px; 1380 | } 1381 | .serv-block-wrap { 1382 | padding-top: 80px; 1383 | } 1384 | .serv-block-wrap .serv-block-item { 1385 | width: calc(50% - 15px); 1386 | } 1387 | .serv-block-wrap .serv-block-item img { 1388 | max-height: 60px; 1389 | } 1390 | .serv-block-wrap .serv-block-item p { 1391 | margin-top: 15px; 1392 | } 1393 | .serv-block-wrap .serv-block-item h4 { 1394 | font-size: 18px; 1395 | margin-top: 10px; 1396 | line-height: 22px; 1397 | } 1398 | .about-text { 1399 | padding-top: 45px; 1400 | } 1401 | .about-info { 1402 | width: 280px; 1403 | padding: 50px 30px 50px 40px; 1404 | } 1405 | .home-blog-list { 1406 | padding-right: 20px; 1407 | } 1408 | .home-blog-list li a { 1409 | font-size: 20px; 1410 | line-height: 1.5; 1411 | } 1412 | .skills-history { 1413 | padding: 62px 30px 62px 30px; 1414 | } 1415 | .skills-history li .date { 1416 | font-size: 46px; 1417 | } 1418 | .skills-history li p { 1419 | padding: 0 20px 0 50px; 1420 | } 1421 | .skills-progress { 1422 | padding-right: 0; 1423 | } 1424 | .skills-progress li { 1425 | width: 100%; 1426 | } 1427 | } 1428 | 1429 | @media (max-width: 575px) { 1430 | #home .main-photo { 1431 | max-width: 85%; 1432 | } 1433 | #home .entry-title { 1434 | font-size: 56px; 1435 | line-height: 62px; 1436 | padding: 50px 0; 1437 | } 1438 | p, 1439 | .section h2.title, 1440 | .section .section-des, 1441 | .single-blog .thumbnail-img { 1442 | margin-bottom: 20px; 1443 | } 1444 | .section-des { 1445 | font-size: 18px; 1446 | } 1447 | .s-nav { 1448 | max-width: 100%; 1449 | } 1450 | .serv-link-cover { 1451 | flex-wrap: wrap; 1452 | } 1453 | .serv-link-cover li { 1454 | width: 100%; 1455 | } 1456 | .serv-link-cover li+li { 1457 | margin-left: 0; 1458 | margin-top: 20px; 1459 | } 1460 | .serv-block-wrap .serv-block-item { 1461 | width: 100%; 1462 | margin-bottom: 40px; 1463 | } 1464 | .serv-block-wrap>div:nth-last-of-type(2) { 1465 | margin-bottom: 40px; 1466 | } 1467 | .serv-block-wrap .serv-block-item p { 1468 | max-width: 100%; 1469 | } 1470 | .about-info { 1471 | padding: 30px; 1472 | margin: 0 0 40px 0px; 1473 | float: none; 1474 | width: 100%; 1475 | } 1476 | .about-info li+li { 1477 | margin-top: 20px; 1478 | } 1479 | .about-text { 1480 | padding-top: 0; 1481 | } 1482 | .signature { 1483 | max-width: 100%; 1484 | } 1485 | .grid-sizer, 1486 | .grid-item { 1487 | width: 100% !important; 1488 | } 1489 | .home-blog-list li { 1490 | flex-wrap: wrap; 1491 | } 1492 | .home-blog-list li a { 1493 | margin-right: 0; 1494 | } 1495 | .home-blog-list li .blog-list-info { 1496 | width: 100%; 1497 | margin-top: 10px; 1498 | } 1499 | .skills-history li { 1500 | flex-wrap: wrap; 1501 | } 1502 | .skills-history li+li { 1503 | padding-top: 60px; 1504 | } 1505 | .skills-history li:before { 1506 | display: none; 1507 | } 1508 | .skills-history li p, 1509 | .skills-history li .date { 1510 | flex: 0 0 100%; 1511 | max-width: 100%; 1512 | transform: none !important; 1513 | } 1514 | .skills-history li p { 1515 | padding: 0; 1516 | } 1517 | .skills-history li .date { 1518 | margin-bottom: 20px; 1519 | } 1520 | .skills-progress li { 1521 | flex-wrap: wrap; 1522 | } 1523 | .skills-progress li .name { 1524 | width: 100%; 1525 | margin-bottom: 5px; 1526 | } 1527 | .skills-progress li .skill { 1528 | width: 100%; 1529 | } 1530 | .single-blog .content-670 blockquote { 1531 | max-width: 100%; 1532 | width: 100%; 1533 | float: none; 1534 | margin-left: 0; 1535 | } 1536 | } -------------------------------------------------------------------------------- /static/js/owl.carousel.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.2.1 3 | * Copyright 2013-2017 David Deutsch 4 | * Licensed under () 5 | */ 6 | !function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",info:!1,nestedItemSelector:!1,itemElement:"div",stageElement:"div",refreshClass:"owl-refresh",loadedClass:"owl-loaded",loadingClass:"owl-loading",rtlClass:"owl-rtl",responsiveClass:"owl-responsive",dragClass:"owl-drag",itemClass:"owl-item",stageClass:"owl-stage",stageOuterClass:"owl-stage-outer",grabClass:"owl-grab"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:["items","settings"],run:function(){this.$stage.children(".cloned").remove()}},{filter:["width","items","settings"],run:function(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g--;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.settings.center&&(this.$stage.children(".center").removeClass("center"),this.$stage.children().eq(this.current()).addClass("center"))}}],e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var b,c,e;b=this.$element.find("img"),c=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,e=this.$element.children(c).width(),b.length&&e<=0&&this.preloadAutoWidthImages(b)}this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+' class="'+this.settings.stageClass+'"/>').wrap('
'),this.$element.append(this.$stage.parent()),this.replace(this.$element.children().not(this.$stage.parent())),this.$element.is(":visible")?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter("refreshing"),this.trigger("refresh"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave("refreshing"),this.trigger("refreshed")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.$element.is(":visible")&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),this.settings.responsive!==!1&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var d=-1,e=30,f=this.width(),g=this.coordinates();return this.settings.freeDrag||a.each(g,a.proxy(function(a,h){return"left"===c&&b>h-e&&bh-f-e&&b",g[a+1]||h-f)&&(d="left"===c?a+1:a),d===-1},this)),this.settings.loop||(this.op(b,">",g[this.minimum()])?d=b=this.minimum():this.op(b,"<",g[this.maximum()])&&(d=b=this.maximum())),d},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){a=this.normalize(a),a!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){for(b=this._items.length,c=this._items[--b].width(),d=this.$element.width();b--&&(c+=this._items[b].width()+this.settings.margin,!(c>d)););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2===0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=f*-1*g),a=c+e,d=((a-h)%g+g)%g+h,d!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.$element.is(":visible")&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){a=this.normalize(a,!0),a!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),this.settings.responsive!==!1&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a":return d?ac;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&a.namespace.indexOf("owl")!==-1?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.$element.is(":visible"),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.$element.is(":visible")!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type))for(var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&e*-1||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"==a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.$stage.children().toArray().slice(b,c),e=[],f=0;a.each(d,function(b,c){e.push(a(c).height())}),f=Math.max.apply(null,e),this._core.$stage.parent().height(f).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?'style="width:'+c.width+"px;height:"+c.height+'px;"':"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(a){e='
',d=k.lazyLoad?'
':'
',b.after(d),b.after(e)};if(b.wrap('
"),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),"youtube"===f.type?c='':"vimeo"===f.type?c='':"vzaar"===f.type&&(c=''),a('
'+c+"
").insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1,animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)}, 7 | a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._timeout=null,this._paused=!1,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._core.settings.autoplay&&this._setAutoPlayInterval()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype.play=function(a,b){this._paused=!1,this._core.is("rotating")||(this._core.enter("rotating"),this._setAutoPlayInterval())},e.prototype._getNextTimeout=function(d,e){return this._timeout&&b.clearTimeout(this._timeout),b.setTimeout(a.proxy(function(){this._paused||this._core.is("busy")||this._core.is("interacting")||c.hidden||this._core.next(e||this._core.settings.autoplaySpeed)},this),d||this._core.settings.autoplayTimeout)},e.prototype._setAutoPlayInterval=function(){this._timeout=this._getNextTimeout()},e.prototype.stop=function(){this._core.is("rotating")&&(b.clearTimeout(this._timeout),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&(this._paused=!0)},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push('
'+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"
")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:["prev","next"],navSpeed:!1,navElement:"div",navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("
").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a("
").addClass(c.dotClass).append(a("")).prop("outerHTML")]),this._controls.$absolute=(c.dotsContainer?a(c.dotsContainer):a("
").addClass(c.dotsClass).appendTo(this.$element)).addClass("disabled"),this._controls.$absolute.on("click","div",a.proxy(function(b){var d=a(b.target).parent().is(this._controls.$absolute)?a(b.target).index():a(b.target).parent().index();b.preventDefault(),this.to(d,c.dotsSpeed)},this));for(b in this._overrides)this._core[b]=a.proxy(this[b],this)},e.prototype.destroy=function(){var a,b,c,d;for(a in this._handlers)this.$element.off(a,this._handlers[a]);for(b in this._controls)this._controls[b].remove();for(d in this.overides)this._core[d]=this._overrides[d];for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},e.prototype.update=function(){var a,b,c,d=this._core.clones().length/2,e=d+this._core.items().length,f=this._core.maximum(!0),g=this._core.settings,h=g.center||g.autoWidth||g.dotsData?1:g.dotsEach||g.items;if("page"!==g.slideBy&&(g.slideBy=Math.min(g.slideBy,g.items)),g.dots||"page"==g.slideBy)for(this._pages=[],a=d,b=0,c=0;a=h||0===b){if(this._pages.push({start:Math.min(f,a-d),end:a-d+h-1}),Math.min(f,a-d)===f)break;b=0,++c}b+=this._core.mergers(this._core.relative(a))}},e.prototype.draw=function(){var b,c=this._core.settings,d=this._core.items().length<=c.items,e=this._core.relative(this._core.current()),f=c.loop||c.rewind;this._controls.$relative.toggleClass("disabled",!c.nav||d),c.nav&&(this._controls.$previous.toggleClass("disabled",!f&&e<=this._core.minimum(!0)),this._controls.$next.toggleClass("disabled",!f&&e>=this._core.maximum(!0))),this._controls.$absolute.toggleClass("disabled",!c.dots||d),c.dots&&(b=this._pages.length-this._controls.$absolute.children().length,c.dotsData&&0!==b?this._controls.$absolute.html(this._templates.join("")):b>0?this._controls.$absolute.append(new Array(b+1).join(this._templates[0])):b<0&&this._controls.$absolute.children().slice(b).remove(),this._controls.$absolute.find(".active").removeClass("active"),this._controls.$absolute.children().eq(a.inArray(this.current(),this._pages)).addClass("active"))},e.prototype.onTrigger=function(b){var c=this._core.settings;b.page={index:a.inArray(this.current(),this._pages),count:this._pages.length,size:c&&(c.center||c.autoWidth||c.dotsData?1:c.dotsEach||c.items)}},e.prototype.current=function(){var b=this._core.relative(this._core.current());return a.grep(this._pages,a.proxy(function(a,c){return a.start<=b&&a.end>=b},this)).pop()},e.prototype.getPosition=function(b){var c,d,e=this._core.settings;return"page"==e.slideBy?(c=a.inArray(this.current(),this._pages),d=this._pages.length,b?++c:--c,c=this._pages[(c%d+d)%d].start):(c=this._core.relative(this._core.current()),d=this._core.items().length,b?c+=e.slideBy:c-=e.slideBy),c},e.prototype.next=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!0),b)},e.prototype.prev=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!1),b)},e.prototype.to=function(b,c,d){var e;!d&&this._pages.length?(e=this._pages.length,a.proxy(this._overrides.to,this._core)(this._pages[(b%e+e)%e].start,c)):a.proxy(this._overrides.to,this._core)(b,c)},a.fn.owlCarousel.Constructor.Plugins.Navigation=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(c){this._core=c,this._hashes={},this.$element=this._core.$element,this._handlers={"initialized.owl.carousel":a.proxy(function(c){c.namespace&&"URLHash"===this._core.settings.startPosition&&a(b).trigger("hashchange.owl.navigation")},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find("[data-hash]").addBack("[data-hash]").attr("data-hash");if(!c)return;this._hashes[c]=b.content}},this),"changed.owl.carousel":a.proxy(function(c){if(c.namespace&&"position"===c.property.name){var d=this._core.items(this._core.relative(this._core.current())),e=a.map(this._hashes,function(a,b){return a===d?b:null}).join();if(!e||b.location.hash.slice(1)===e)return;b.location.hash=e}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers),a(b).on("hashchange.owl.navigation",a.proxy(function(a){var c=b.location.hash.substring(1),e=this._core.$stage.children(),f=this._hashes[c]&&e.index(this._hashes[c]);f!==d&&f!==this._core.current()&&this._core.to(this._core.relative(f),!1,!0)},this))};e.Defaults={URLhashListener:!1},e.prototype.destroy=function(){var c,d;a(b).off("hashchange.owl.navigation");for(c in this._handlers)this._core.$element.off(c,this._handlers[c]);for(d in Object.getOwnPropertyNames(this))"function"!=typeof this[d]&&(this[d]=null)},a.fn.owlCarousel.Constructor.Plugins.Hash=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){function e(b,c){var e=!1,f=b.charAt(0).toUpperCase()+b.slice(1);return a.each((b+" "+h.join(f+" ")+f).split(" "),function(a,b){if(g[b]!==d)return e=!c||b,!1}),e}function f(a){return e(a,!0)}var g=a("").get(0).style,h="Webkit Moz O ms".split(" "),i={transition:{end:{WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",transition:"transitionend"}},animation:{end:{WebkitAnimation:"webkitAnimationEnd",MozAnimation:"animationend",OAnimation:"oAnimationEnd",animation:"animationend"}}},j={csstransforms:function(){return!!e("transform")},csstransforms3d:function(){return!!e("perspective")},csstransitions:function(){return!!e("transition")},cssanimations:function(){return!!e("animation")}};j.csstransitions()&&(a.support.transition=new String(f("transition")),a.support.transition.end=i.transition.end[a.support.transition]),j.cssanimations()&&(a.support.animation=new String(f("animation")),a.support.animation.end=i.animation.end[a.support.animation]),j.csstransforms()&&(a.support.transform=new String(f("transform")),a.support.transform3d=j.csstransforms3d())}(window.Zepto||window.jQuery,window,document); --------------------------------------------------------------------------------