diff options
Diffstat (limited to 'static')
25 files changed, 205 insertions, 3 deletions
diff --git a/static/website/css/lightbox.css b/static/website/css/lightbox.css new file mode 100644 index 0000000..9778718 --- /dev/null +++ b/static/website/css/lightbox.css @@ -0,0 +1,202 @@ +/* line 7, ../sass/lightbox.sass */ +body:after { + content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png); + display: none; +} + +/* line 11, ../sass/lightbox.sass */ +.lightboxOverlay { + position: absolute; + top: 0; + left: 0; + z-index: 9999; + background-color: black; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); + opacity: 0.8; + display: none; +} + +/* line 20, ../sass/lightbox.sass */ +.lightbox { + position: absolute; + left: 0; + width: 100%; + z-index: 10000; + text-align: center; + line-height: 0; + font-weight: normal; +} +/* line 28, ../sass/lightbox.sass */ +.lightbox .lb-image { + display: block; + height: auto; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} +/* line 32, ../sass/lightbox.sass */ +.lightbox a img { + border: none; +} + +/* line 35, ../sass/lightbox.sass */ +.lb-outerContainer { + position: relative; + background-color: white; + *zoom: 1; + width: 250px; + height: 250px; + margin: 0 auto; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; +} +/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ +.lb-outerContainer:after { + content: ""; + display: table; + clear: both; +} + +/* line 44, ../sass/lightbox.sass */ +.lb-container { + padding: 4px; +} + +/* line 47, ../sass/lightbox.sass */ +.lb-loader { + position: absolute; + top: 43%; + left: 0%; + height: 25%; + width: 100%; + text-align: center; + line-height: 0; +} + +/* line 56, ../sass/lightbox.sass */ +.lb-cancel { + display: block; + width: 32px; + height: 32px; + margin: 0 auto; + background: url(../img/loading.gif) no-repeat; +} + +/* line 63, ../sass/lightbox.sass */ +.lb-nav { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 10; +} + +/* line 71, ../sass/lightbox.sass */ +.lb-container > .nav { + left: 0; +} + +/* line 74, ../sass/lightbox.sass */ +.lb-nav a { + outline: none; +} + +/* line 77, ../sass/lightbox.sass */ +.lb-prev, .lb-next { + width: 49%; + height: 100%; + cursor: pointer; + /* Trick IE into showing hover */ + display: block; +} + +/* line 84, ../sass/lightbox.sass */ +.lb-prev { + left: 0; + float: left; +} +/* line 87, ../sass/lightbox.sass */ +.lb-prev:hover { + background: url(../img/prev.png) left 48% no-repeat; +} + +/* line 90, ../sass/lightbox.sass */ +.lb-next { + right: 0; + float: right; +} +/* line 93, ../sass/lightbox.sass */ +.lb-next:hover { + background: url(../img/next.png) right 48% no-repeat; +} + +/* line 96, ../sass/lightbox.sass */ +.lb-dataContainer { + margin: 0 auto; + padding-top: 5px; + *zoom: 1; + width: 100%; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; +} +/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ +.lb-dataContainer:after { + content: ""; + display: table; + clear: both; +} + +/* line 103, ../sass/lightbox.sass */ +.lb-data { + padding: 0 4px; + color: #bbbbbb; +} +/* line 106, ../sass/lightbox.sass */ +.lb-data .lb-details { + width: 85%; + float: left; + text-align: left; + line-height: 1.1em; +} +/* line 111, ../sass/lightbox.sass */ +.lb-data .lb-caption { + font-size: 13px; + font-weight: bold; + line-height: 1em; +} +/* line 115, ../sass/lightbox.sass */ +.lb-data .lb-number { + display: block; + clear: left; + padding-bottom: 1em; + font-size: 12px; + color: #999999; +} +/* line 121, ../sass/lightbox.sass */ +.lb-data .lb-close { + display: block; + float: right; + width: 30px; + height: 30px; + background: url(../img/close.png) top right no-repeat; + text-align: right; + outline: none; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); + opacity: 0.7; +} +/* line 130, ../sass/lightbox.sass */ +.lb-data .lb-close:hover { + cursor: pointer; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} diff --git a/static/website/images/scipy-2011-four.jpg b/static/website/images/scipy-2011-four.jpg Binary files differnew file mode 100644 index 0000000..d0798bb --- /dev/null +++ b/static/website/images/scipy-2011-four.jpg diff --git a/static/website/images/scipy-2011-one.jpg b/static/website/images/scipy-2011-one.jpg Binary files differnew file mode 100644 index 0000000..e778822 --- /dev/null +++ b/static/website/images/scipy-2011-one.jpg diff --git a/static/website/images/scipy-2011-three.jpg b/static/website/images/scipy-2011-three.jpg Binary files differnew file mode 100644 index 0000000..2849dec --- /dev/null +++ b/static/website/images/scipy-2011-three.jpg diff --git a/static/website/images/scipy-2011-two.jpg b/static/website/images/scipy-2011-two.jpg Binary files differnew file mode 100644 index 0000000..c31be80 --- /dev/null +++ b/static/website/images/scipy-2011-two.jpg diff --git a/static/website/img/close.png b/static/website/img/close.png Binary files differnew file mode 100644 index 0000000..20baa1d --- /dev/null +++ b/static/website/img/close.png diff --git a/static/website/img/demopage/donate.png b/static/website/img/demopage/donate.png Binary files differnew file mode 100644 index 0000000..187ec5c --- /dev/null +++ b/static/website/img/demopage/donate.png diff --git a/static/website/img/demopage/favicon.ico b/static/website/img/demopage/favicon.ico Binary files differnew file mode 100644 index 0000000..6dec42e --- /dev/null +++ b/static/website/img/demopage/favicon.ico diff --git a/static/website/img/demopage/image-1.jpg b/static/website/img/demopage/image-1.jpg Binary files differnew file mode 100644 index 0000000..fe2e1cb --- /dev/null +++ b/static/website/img/demopage/image-1.jpg diff --git a/static/website/img/demopage/image-2.jpg b/static/website/img/demopage/image-2.jpg Binary files differnew file mode 100644 index 0000000..1f4f5df --- /dev/null +++ b/static/website/img/demopage/image-2.jpg diff --git a/static/website/img/demopage/image-3.jpg b/static/website/img/demopage/image-3.jpg Binary files differnew file mode 100644 index 0000000..b6d5798 --- /dev/null +++ b/static/website/img/demopage/image-3.jpg diff --git a/static/website/img/demopage/image-4.jpg b/static/website/img/demopage/image-4.jpg Binary files differnew file mode 100644 index 0000000..a7e9dba --- /dev/null +++ b/static/website/img/demopage/image-4.jpg diff --git a/static/website/img/demopage/image-5.jpg b/static/website/img/demopage/image-5.jpg Binary files differnew file mode 100644 index 0000000..c75fba5 --- /dev/null +++ b/static/website/img/demopage/image-5.jpg diff --git a/static/website/img/demopage/image-6.jpg b/static/website/img/demopage/image-6.jpg Binary files differnew file mode 100644 index 0000000..95b3523 --- /dev/null +++ b/static/website/img/demopage/image-6.jpg diff --git a/static/website/img/demopage/thumb-1.jpg b/static/website/img/demopage/thumb-1.jpg Binary files differnew file mode 100644 index 0000000..0d2c4b6 --- /dev/null +++ b/static/website/img/demopage/thumb-1.jpg diff --git a/static/website/img/demopage/thumb-2.jpg b/static/website/img/demopage/thumb-2.jpg Binary files differnew file mode 100644 index 0000000..39de856 --- /dev/null +++ b/static/website/img/demopage/thumb-2.jpg diff --git a/static/website/img/demopage/thumb-3.jpg b/static/website/img/demopage/thumb-3.jpg Binary files differnew file mode 100644 index 0000000..6acf4f9 --- /dev/null +++ b/static/website/img/demopage/thumb-3.jpg diff --git a/static/website/img/demopage/thumb-4.jpg b/static/website/img/demopage/thumb-4.jpg Binary files differnew file mode 100644 index 0000000..634e982 --- /dev/null +++ b/static/website/img/demopage/thumb-4.jpg diff --git a/static/website/img/demopage/thumb-5.jpg b/static/website/img/demopage/thumb-5.jpg Binary files differnew file mode 100644 index 0000000..4bb7d48 --- /dev/null +++ b/static/website/img/demopage/thumb-5.jpg diff --git a/static/website/img/demopage/thumb-6.jpg b/static/website/img/demopage/thumb-6.jpg Binary files differnew file mode 100644 index 0000000..9628f0b --- /dev/null +++ b/static/website/img/demopage/thumb-6.jpg diff --git a/static/website/img/loading.gif b/static/website/img/loading.gif Binary files differnew file mode 100644 index 0000000..5087c2a --- /dev/null +++ b/static/website/img/loading.gif diff --git a/static/website/img/next.png b/static/website/img/next.png Binary files differnew file mode 100644 index 0000000..08365ac --- /dev/null +++ b/static/website/img/next.png diff --git a/static/website/img/prev.png b/static/website/img/prev.png Binary files differnew file mode 100644 index 0000000..329fa98 --- /dev/null +++ b/static/website/img/prev.png diff --git a/static/website/js/lightbox.min.js b/static/website/js/lightbox.min.js new file mode 100644 index 0000000..fe7360a --- /dev/null +++ b/static/website/js/lightbox.min.js @@ -0,0 +1 @@ +(function(){var b,d,c;b=jQuery;c=(function(){function b(){this.fadeDuration=500;this.fitImagesInViewport=true;this.resizeDuration=700;this.showImageNumberLabel=true;this.wrapAround=false}b.prototype.albumLabel=function(b,c){return"Image "+b+" of "+c};return b})();d=(function(){function c(b){this.options=b;this.album=[];this.currentImageIndex=void 0;this.init()}c.prototype.init=function(){this.enable();return this.build()};c.prototype.enable=function(){var c=this;return b('body').on('click','a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]',function(d){c.start(b(d.currentTarget));return false})};c.prototype.build=function(){var c=this;b("<div id='lightboxOverlay' class='lightboxOverlay'></div><div id='lightbox' class='lightbox'><div class='lb-outerContainer'><div class='lb-container'><img class='lb-image' src='' /><div class='lb-nav'><a class='lb-prev' href='' ></a><a class='lb-next' href='' ></a></div><div class='lb-loader'><a class='lb-cancel'></a></div></div></div><div class='lb-dataContainer'><div class='lb-data'><div class='lb-details'><span class='lb-caption'></span><span class='lb-number'></span></div><div class='lb-closeContainer'><a class='lb-close'></a></div></div></div></div>").appendTo(b('body'));this.$lightbox=b('#lightbox');this.$overlay=b('#lightboxOverlay');this.$outerContainer=this.$lightbox.find('.lb-outerContainer');this.$container=this.$lightbox.find('.lb-container');this.containerTopPadding=parseInt(this.$container.css('padding-top'),10);this.containerRightPadding=parseInt(this.$container.css('padding-right'),10);this.containerBottomPadding=parseInt(this.$container.css('padding-bottom'),10);this.containerLeftPadding=parseInt(this.$container.css('padding-left'),10);this.$overlay.hide().on('click',function(){c.end();return false});this.$lightbox.hide().on('click',function(d){if(b(d.target).attr('id')==='lightbox'){c.end()}return false});this.$outerContainer.on('click',function(d){if(b(d.target).attr('id')==='lightbox'){c.end()}return false});this.$lightbox.find('.lb-prev').on('click',function(){if(c.currentImageIndex===0){c.changeImage(c.album.length-1)}else{c.changeImage(c.currentImageIndex-1)}return false});this.$lightbox.find('.lb-next').on('click',function(){if(c.currentImageIndex===c.album.length-1){c.changeImage(0)}else{c.changeImage(c.currentImageIndex+1)}return false});return this.$lightbox.find('.lb-loader, .lb-close').on('click',function(){c.end();return false})};c.prototype.start=function(c){var f,e,j,d,g,n,o,k,l,m,p,h,i;b(window).on("resize",this.sizeOverlay);b('select, object, embed').css({visibility:"hidden"});this.$overlay.width(b(document).width()).height(b(document).height()).fadeIn(this.options.fadeDuration);this.album=[];g=0;j=c.attr('data-lightbox');if(j){h=b(c.prop("tagName")+'[data-lightbox="'+j+'"]');for(d=k=0,m=h.length;k<m;d=++k){e=h[d];this.album.push({link:b(e).attr('href'),title:b(e).attr('title')});if(b(e).attr('href')===c.attr('href')){g=d}}}else{if(c.attr('rel')==='lightbox'){this.album.push({link:c.attr('href'),title:c.attr('title')})}else{i=b(c.prop("tagName")+'[rel="'+c.attr('rel')+'"]');for(d=l=0,p=i.length;l<p;d=++l){e=i[d];this.album.push({link:b(e).attr('href'),title:b(e).attr('title')});if(b(e).attr('href')===c.attr('href')){g=d}}}}f=b(window);o=f.scrollTop()+f.height()/10;n=f.scrollLeft();this.$lightbox.css({top:o+'px',left:n+'px'}).fadeIn(this.options.fadeDuration);this.changeImage(g)};c.prototype.changeImage=function(f){var d,c,e=this;this.disableKeyboardNav();d=this.$lightbox.find('.lb-image');this.sizeOverlay();this.$overlay.fadeIn(this.options.fadeDuration);b('.lb-loader').fadeIn('slow');this.$lightbox.find('.lb-image, .lb-nav, .lb-prev, .lb-next, .lb-dataContainer, .lb-numbers, .lb-caption').hide();this.$outerContainer.addClass('animating');c=new Image();c.onload=function(){var m,g,h,i,j,k,l;d.attr('src',e.album[f].link);m=b(c);d.width(c.width);d.height(c.height);if(e.options.fitImagesInViewport){l=b(window).width();k=b(window).height();j=l-e.containerLeftPadding-e.containerRightPadding-20;i=k-e.containerTopPadding-e.containerBottomPadding-110;if((c.width>j)||(c.height>i)){if((c.width/j)>(c.height/i)){h=j;g=parseInt(c.height/(c.width/h),10);d.width(h);d.height(g)}else{g=i;h=parseInt(c.width/(c.height/g),10);d.width(h);d.height(g)}}}return e.sizeContainer(d.width(),d.height())};c.src=this.album[f].link;this.currentImageIndex=f};c.prototype.sizeOverlay=function(){return b('#lightboxOverlay').width(b(document).width()).height(b(document).height())};c.prototype.sizeContainer=function(f,g){var b,d,e,h,c=this;h=this.$outerContainer.outerWidth();e=this.$outerContainer.outerHeight();d=f+this.containerLeftPadding+this.containerRightPadding;b=g+this.containerTopPadding+this.containerBottomPadding;this.$outerContainer.animate({width:d,height:b},this.options.resizeDuration,'swing');setTimeout(function(){c.$lightbox.find('.lb-dataContainer').width(d);c.$lightbox.find('.lb-prevLink').height(b);c.$lightbox.find('.lb-nextLink').height(b);c.showImage()},this.options.resizeDuration)};c.prototype.showImage=function(){this.$lightbox.find('.lb-loader').hide();this.$lightbox.find('.lb-image').fadeIn('slow');this.updateNav();this.updateDetails();this.preloadNeighboringImages();this.enableKeyboardNav()};c.prototype.updateNav=function(){this.$lightbox.find('.lb-nav').show();if(this.album.length>1){if(this.options.wrapAround){this.$lightbox.find('.lb-prev, .lb-next').show()}else{if(this.currentImageIndex>0){this.$lightbox.find('.lb-prev').show()}if(this.currentImageIndex<this.album.length-1){this.$lightbox.find('.lb-next').show()}}}};c.prototype.updateDetails=function(){var b=this;if(typeof this.album[this.currentImageIndex].title!=='undefined'&&this.album[this.currentImageIndex].title!==""){this.$lightbox.find('.lb-caption').html(this.album[this.currentImageIndex].title).fadeIn('fast')}if(this.album.length>1&&this.options.showImageNumberLabel){this.$lightbox.find('.lb-number').text(this.options.albumLabel(this.currentImageIndex+1,this.album.length)).fadeIn('fast')}else{this.$lightbox.find('.lb-number').hide()}this.$outerContainer.removeClass('animating');this.$lightbox.find('.lb-dataContainer').fadeIn(this.resizeDuration,function(){return b.sizeOverlay()})};c.prototype.preloadNeighboringImages=function(){var c,b;if(this.album.length>this.currentImageIndex+1){c=new Image();c.src=this.album[this.currentImageIndex+1].link}if(this.currentImageIndex>0){b=new Image();b.src=this.album[this.currentImageIndex-1].link}};c.prototype.enableKeyboardNav=function(){b(document).on('keyup.keyboard',b.proxy(this.keyboardAction,this))};c.prototype.disableKeyboardNav=function(){b(document).off('.keyboard')};c.prototype.keyboardAction=function(g){var d,e,f,c,b;d=27;e=37;f=39;b=g.keyCode;c=String.fromCharCode(b).toLowerCase();if(b===d||c.match(/x|o|c/)){this.end()}else if(c==='p'||b===e){if(this.currentImageIndex!==0){this.changeImage(this.currentImageIndex-1)}}else if(c==='n'||b===f){if(this.currentImageIndex!==this.album.length-1){this.changeImage(this.currentImageIndex+1)}}};c.prototype.end=function(){this.disableKeyboardNav();b(window).off("resize",this.sizeOverlay);this.$lightbox.fadeOut(this.options.fadeDuration);this.$overlay.fadeOut(this.options.fadeDuration);return b('select, object, embed').css({visibility:"visible"})};return c})();b(function(){var e,b;b=new c();return e=new d(b)})}).call(this);
\ No newline at end of file diff --git a/static/website/templates/page.html b/static/website/templates/page.html index 72b14e7..137c242 100644 --- a/static/website/templates/page.html +++ b/static/website/templates/page.html @@ -5,6 +5,7 @@ <title>{{ page.heading }} | python.fossee.in</title> <link rel="stylesheet" type="text/css" href="{% static 'website/css/bootstrap.min.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'website/css/bootstrap-theme.min.css' %}"> + <link rel="stylesheet" type="text/css" href="{% static 'website/css/lightbox.css'%}"> <link rel="stylesheet" type="text/css" href="{% static 'website/css/main.css'%}"> </head> <body> @@ -146,8 +147,6 @@ <script src="{% static 'website/js/jquery.min.js' %}"></script> <script src="{% static 'website/js/bootstrap.min.js' %}"></script> - <script type="text/javascript"> - - </script> + <script src="{% static 'website/js/lightbox.min.js' %}"></script> </body> </html> |
