Add some screenshots, rewording.
float: right;
}
+div.screenshots {
+ text-align: center;
+}
+
+div.screenshots img {
+ border: 1px dotted #e1e1e1;
+ padding: 0.5em;
+ margin-left: 1em;
+ margin-right: 1em;
+ vertical-align: text-top;
+}
+
/* Header */
#header {
border-left: dotted 1px #E1E1E1;
}
+#columns2_columnB ul {
+ margin-left: 1em;
+}
+
+#columns2_columnB ul li {
+ margin-bottom: 0.2em;
+}
+
#columns1_primary {
position: relative;
}
table.stats td.bar p {
background-color: #880400;
}
+
+div.seeleftbox {
+ margin-bottom: 1em;
+ background-color: #e1e1e1;
+ border: 1px dotted black;
+ padding: 1em;
+}
--- /dev/null
+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Uses the built in easing capabilities added In jQuery 1.1
+ * to offer multiple easing options
+ *
+ * TERMS OF USE - jQuery Easing
+ *
+ * Open source under the BSD License.
+ *
+ * Copyright © 2008 George McGinley Smith
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without modification,
+ * are permitted provided that the following conditions are met:
+ *
+ * Redistributions of source code must retain the above copyright notice, this list of
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list
+ * of conditions and the following disclaimer in the documentation and/or other materials
+ * provided with the distribution.
+ *
+ * Neither the name of the author nor the names of contributors may be used to endorse
+ * or promote products derived from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+ * OF THE POSSIBILITY OF SUCH DAMAGE.
+ *
+*/
+
+// t: current time, b: begInnIng value, c: change In value, d: duration
+eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('h.i[\'1a\']=h.i[\'z\'];h.O(h.i,{y:\'D\',z:9(x,t,b,c,d){6 h.i[h.i.y](x,t,b,c,d)},17:9(x,t,b,c,d){6 c*(t/=d)*t+b},D:9(x,t,b,c,d){6-c*(t/=d)*(t-2)+b},13:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t+b;6-c/2*((--t)*(t-2)-1)+b},X:9(x,t,b,c,d){6 c*(t/=d)*t*t+b},U:9(x,t,b,c,d){6 c*((t=t/d-1)*t*t+1)+b},R:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t+b;6 c/2*((t-=2)*t*t+2)+b},N:9(x,t,b,c,d){6 c*(t/=d)*t*t*t+b},M:9(x,t,b,c,d){6-c*((t=t/d-1)*t*t*t-1)+b},L:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t+b;6-c/2*((t-=2)*t*t*t-2)+b},K:9(x,t,b,c,d){6 c*(t/=d)*t*t*t*t+b},J:9(x,t,b,c,d){6 c*((t=t/d-1)*t*t*t*t+1)+b},I:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t*t+b;6 c/2*((t-=2)*t*t*t*t+2)+b},G:9(x,t,b,c,d){6-c*8.C(t/d*(8.g/2))+c+b},15:9(x,t,b,c,d){6 c*8.n(t/d*(8.g/2))+b},12:9(x,t,b,c,d){6-c/2*(8.C(8.g*t/d)-1)+b},Z:9(x,t,b,c,d){6(t==0)?b:c*8.j(2,10*(t/d-1))+b},Y:9(x,t,b,c,d){6(t==d)?b+c:c*(-8.j(2,-10*t/d)+1)+b},W:9(x,t,b,c,d){e(t==0)6 b;e(t==d)6 b+c;e((t/=d/2)<1)6 c/2*8.j(2,10*(t-1))+b;6 c/2*(-8.j(2,-10*--t)+2)+b},V:9(x,t,b,c,d){6-c*(8.o(1-(t/=d)*t)-1)+b},S:9(x,t,b,c,d){6 c*8.o(1-(t=t/d-1)*t)+b},Q:9(x,t,b,c,d){e((t/=d/2)<1)6-c/2*(8.o(1-t*t)-1)+b;6 c/2*(8.o(1-(t-=2)*t)+1)+b},P:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);6-(a*8.j(2,10*(t-=1))*8.n((t*d-s)*(2*8.g)/p))+b},H:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);6 a*8.j(2,-10*t)*8.n((t*d-s)*(2*8.g)/p)+c+b},T:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d/2)==2)6 b+c;e(!p)p=d*(.3*1.5);e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);e(t<1)6-.5*(a*8.j(2,10*(t-=1))*8.n((t*d-s)*(2*8.g)/p))+b;6 a*8.j(2,-10*(t-=1))*8.n((t*d-s)*(2*8.g)/p)*.5+c+b},F:9(x,t,b,c,d,s){e(s==u)s=1.l;6 c*(t/=d)*t*((s+1)*t-s)+b},E:9(x,t,b,c,d,s){e(s==u)s=1.l;6 c*((t=t/d-1)*t*((s+1)*t+s)+1)+b},16:9(x,t,b,c,d,s){e(s==u)s=1.l;e((t/=d/2)<1)6 c/2*(t*t*(((s*=(1.B))+1)*t-s))+b;6 c/2*((t-=2)*t*(((s*=(1.B))+1)*t+s)+2)+b},A:9(x,t,b,c,d){6 c-h.i.v(x,d-t,0,c,d)+b},v:9(x,t,b,c,d){e((t/=d)<(1/2.k)){6 c*(7.q*t*t)+b}m e(t<(2/2.k)){6 c*(7.q*(t-=(1.5/2.k))*t+.k)+b}m e(t<(2.5/2.k)){6 c*(7.q*(t-=(2.14/2.k))*t+.11)+b}m{6 c*(7.q*(t-=(2.18/2.k))*t+.19)+b}},1b:9(x,t,b,c,d){e(t<d/2)6 h.i.A(x,t*2,0,c,d)*.5+b;6 h.i.v(x,t*2-d,0,c,d)*.5+c*.5+b}});',62,74,'||||||return||Math|function|||||if|var|PI|jQuery|easing|pow|75|70158|else|sin|sqrt||5625|asin|||undefined|easeOutBounce|abs||def|swing|easeInBounce|525|cos|easeOutQuad|easeOutBack|easeInBack|easeInSine|easeOutElastic|easeInOutQuint|easeOutQuint|easeInQuint|easeInOutQuart|easeOutQuart|easeInQuart|extend|easeInElastic|easeInOutCirc|easeInOutCubic|easeOutCirc|easeInOutElastic|easeOutCubic|easeInCirc|easeInOutExpo|easeInCubic|easeOutExpo|easeInExpo||9375|easeInOutSine|easeInOutQuad|25|easeOutSine|easeInOutBack|easeInQuad|625|984375|jswing|easeInOutBounce'.split('|'),0,{}))
+
+/*
+ *
+ * TERMS OF USE - EASING EQUATIONS
+ *
+ * Open source under the BSD License.
+ *
+ * Copyright © 2001 Robert Penner
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without modification,
+ * are permitted provided that the following conditions are met:
+ *
+ * Redistributions of source code must retain the above copyright notice, this list of
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list
+ * of conditions and the following disclaimer in the documentation and/or other materials
+ * provided with the distribution.
+ *
+ * Neither the name of the author nor the names of contributors may be used to endorse
+ * or promote products derived from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+ * OF THE POSSIBILITY OF SUCH DAMAGE.
+ *
+ */
--- /dev/null
+/*\r
+ * FancyBox - jQuery Plugin\r
+ * Simple and fancy lightbox alternative\r
+ *\r
+ * Examples and documentation at: http://fancybox.net\r
+ * \r
+ * Copyright (c) 2008 - 2010 Janis Skarnelis\r
+ * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.\r
+ * \r
+ * Version: 1.3.4 (11/11/2010)\r
+ * Requires: jQuery v1.3+\r
+ *\r
+ * Dual licensed under the MIT and GPL licenses:\r
+ * http://www.opensource.org/licenses/mit-license.php\r
+ * http://www.gnu.org/licenses/gpl.html\r
+ */\r
+\r
+#fancybox-loading {\r
+ position: fixed;\r
+ top: 50%;\r
+ left: 50%;\r
+ width: 40px;\r
+ height: 40px;\r
+ margin-top: -20px;\r
+ margin-left: -20px;\r
+ cursor: pointer;\r
+ overflow: hidden;\r
+ z-index: 1104;\r
+ display: none;\r
+}\r
+\r
+#fancybox-loading div {\r
+ position: absolute;\r
+ top: 0;\r
+ left: 0;\r
+ width: 40px;\r
+ height: 480px;\r
+ background-image: url('fancybox.png');\r
+}\r
+\r
+#fancybox-overlay {\r
+ position: absolute;\r
+ top: 0;\r
+ left: 0;\r
+ width: 100%;\r
+ z-index: 1100;\r
+ display: none;\r
+}\r
+\r
+#fancybox-tmp {\r
+ padding: 0;\r
+ margin: 0;\r
+ border: 0;\r
+ overflow: auto;\r
+ display: none;\r
+}\r
+\r
+#fancybox-wrap {\r
+ position: absolute;\r
+ top: 0;\r
+ left: 0;\r
+ padding: 20px;\r
+ z-index: 1101;\r
+ outline: none;\r
+ display: none;\r
+}\r
+\r
+#fancybox-outer {\r
+ position: relative;\r
+ width: 100%;\r
+ height: 100%;\r
+ background: #fff;\r
+}\r
+\r
+#fancybox-content {\r
+ width: 0;\r
+ height: 0;\r
+ padding: 0;\r
+ outline: none;\r
+ position: relative;\r
+ overflow: hidden;\r
+ z-index: 1102;\r
+ border: 0px solid #fff;\r
+}\r
+\r
+#fancybox-hide-sel-frame {\r
+ position: absolute;\r
+ top: 0;\r
+ left: 0;\r
+ width: 100%;\r
+ height: 100%;\r
+ background: transparent;\r
+ z-index: 1101;\r
+}\r
+\r
+#fancybox-close {\r
+ position: absolute;\r
+ top: -15px;\r
+ right: -15px;\r
+ width: 30px;\r
+ height: 30px;\r
+ background: transparent url('fancybox.png') -40px 0px;\r
+ cursor: pointer;\r
+ z-index: 1103;\r
+ display: none;\r
+}\r
+\r
+#fancybox-error {\r
+ color: #444;\r
+ font: normal 12px/20px Arial;\r
+ padding: 14px;\r
+ margin: 0;\r
+}\r
+\r
+#fancybox-img {\r
+ width: 100%;\r
+ height: 100%;\r
+ padding: 0;\r
+ margin: 0;\r
+ border: none;\r
+ outline: none;\r
+ line-height: 0;\r
+ vertical-align: top;\r
+}\r
+\r
+#fancybox-frame {\r
+ width: 100%;\r
+ height: 100%;\r
+ border: none;\r
+ display: block;\r
+}\r
+\r
+#fancybox-left, #fancybox-right {\r
+ position: absolute;\r
+ bottom: 0px;\r
+ height: 100%;\r
+ width: 35%;\r
+ cursor: pointer;\r
+ outline: none;\r
+ background: transparent url('blank.gif');\r
+ z-index: 1102;\r
+ display: none;\r
+}\r
+\r
+#fancybox-left {\r
+ left: 0px;\r
+}\r
+\r
+#fancybox-right {\r
+ right: 0px;\r
+}\r
+\r
+#fancybox-left-ico, #fancybox-right-ico {\r
+ position: absolute;\r
+ top: 50%;\r
+ left: -9999px;\r
+ width: 30px;\r
+ height: 30px;\r
+ margin-top: -15px;\r
+ cursor: pointer;\r
+ z-index: 1102;\r
+ display: block;\r
+}\r
+\r
+#fancybox-left-ico {\r
+ background-image: url('fancybox.png');\r
+ background-position: -40px -30px;\r
+}\r
+\r
+#fancybox-right-ico {\r
+ background-image: url('fancybox.png');\r
+ background-position: -40px -60px;\r
+}\r
+\r
+#fancybox-left:hover, #fancybox-right:hover {\r
+ visibility: visible; /* IE6 */\r
+}\r
+\r
+#fancybox-left:hover span {\r
+ left: 20px;\r
+}\r
+\r
+#fancybox-right:hover span {\r
+ left: auto;\r
+ right: 20px;\r
+}\r
+\r
+.fancybox-bg {\r
+ position: absolute;\r
+ padding: 0;\r
+ margin: 0;\r
+ border: 0;\r
+ width: 20px;\r
+ height: 20px;\r
+ z-index: 1001;\r
+}\r
+\r
+#fancybox-bg-n {\r
+ top: -20px;\r
+ left: 0;\r
+ width: 100%;\r
+ background-image: url('fancybox-x.png');\r
+}\r
+\r
+#fancybox-bg-ne {\r
+ top: -20px;\r
+ right: -20px;\r
+ background-image: url('fancybox.png');\r
+ background-position: -40px -162px;\r
+}\r
+\r
+#fancybox-bg-e {\r
+ top: 0;\r
+ right: -20px;\r
+ height: 100%;\r
+ background-image: url('fancybox-y.png');\r
+ background-position: -20px 0px;\r
+}\r
+\r
+#fancybox-bg-se {\r
+ bottom: -20px;\r
+ right: -20px;\r
+ background-image: url('fancybox.png');\r
+ background-position: -40px -182px; \r
+}\r
+\r
+#fancybox-bg-s {\r
+ bottom: -20px;\r
+ left: 0;\r
+ width: 100%;\r
+ background-image: url('fancybox-x.png');\r
+ background-position: 0px -20px;\r
+}\r
+\r
+#fancybox-bg-sw {\r
+ bottom: -20px;\r
+ left: -20px;\r
+ background-image: url('fancybox.png');\r
+ background-position: -40px -142px;\r
+}\r
+\r
+#fancybox-bg-w {\r
+ top: 0;\r
+ left: -20px;\r
+ height: 100%;\r
+ background-image: url('fancybox-y.png');\r
+}\r
+\r
+#fancybox-bg-nw {\r
+ top: -20px;\r
+ left: -20px;\r
+ background-image: url('fancybox.png');\r
+ background-position: -40px -122px;\r
+}\r
+\r
+#fancybox-title {\r
+ font-family: Helvetica;\r
+ font-size: 12px;\r
+ z-index: 1102;\r
+}\r
+\r
+.fancybox-title-inside {\r
+ padding-bottom: 10px;\r
+ text-align: center;\r
+ color: #333;\r
+ background: #fff;\r
+ position: relative;\r
+}\r
+\r
+.fancybox-title-outside {\r
+ padding-top: 10px;\r
+ color: #fff;\r
+}\r
+\r
+.fancybox-title-over {\r
+ position: absolute;\r
+ bottom: 0;\r
+ left: 0;\r
+ color: #FFF;\r
+ text-align: left;\r
+}\r
+\r
+#fancybox-title-over {\r
+ padding: 10px;\r
+ background-image: url('fancy_title_over.png');\r
+ display: block;\r
+}\r
+\r
+.fancybox-title-float {\r
+ position: absolute;\r
+ left: 0;\r
+ bottom: -20px;\r
+ height: 32px;\r
+}\r
+\r
+#fancybox-title-float-wrap {\r
+ border: none;\r
+ border-collapse: collapse;\r
+ width: auto;\r
+}\r
+\r
+#fancybox-title-float-wrap td {\r
+ border: none;\r
+ white-space: nowrap;\r
+}\r
+\r
+#fancybox-title-float-left {\r
+ padding: 0 0 0 15px;\r
+ background: url('fancybox.png') -40px -90px no-repeat;\r
+}\r
+\r
+#fancybox-title-float-main {\r
+ color: #FFF;\r
+ line-height: 29px;\r
+ font-weight: bold;\r
+ padding: 0 0 3px 0;\r
+ background: url('fancybox-x.png') 0px -40px;\r
+}\r
+\r
+#fancybox-title-float-right {\r
+ padding: 0 0 0 15px;\r
+ background: url('fancybox.png') -55px -90px no-repeat;\r
+}\r
+\r
+/* IE6 */\r
+\r
+.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }\r
+\r
+.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }\r
+.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }\r
+\r
+.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }\r
+.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }\r
+.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }\r
+.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }\r
+\r
+.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {\r
+ height: expression(this.parentNode.clientHeight + "px");\r
+}\r
+\r
+#fancybox-loading.fancybox-ie6 {\r
+ position: absolute; margin-top: 0;\r
+ top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');\r
+}\r
+\r
+#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }\r
+\r
+/* IE6, IE7, IE8 */\r
+\r
+.fancybox-ie .fancybox-bg { background: transparent !important; }\r
+\r
+.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }\r
+.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }\r
+.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }\r
+.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }\r
+.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }\r
+.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }\r
+.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }\r
+.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
\ No newline at end of file
--- /dev/null
+/*\r
+ * FancyBox - jQuery Plugin\r
+ * Simple and fancy lightbox alternative\r
+ *\r
+ * Examples and documentation at: http://fancybox.net\r
+ *\r
+ * Copyright (c) 2008 - 2010 Janis Skarnelis\r
+ * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.\r
+ *\r
+ * Version: 1.3.4 (11/11/2010)\r
+ * Requires: jQuery v1.3+\r
+ *\r
+ * Dual licensed under the MIT and GPL licenses:\r
+ * http://www.opensource.org/licenses/mit-license.php\r
+ * http://www.gnu.org/licenses/gpl.html\r
+ */\r
+\r
+;(function($) {\r
+ var tmp, loading, overlay, wrap, outer, content, close, title, nav_left, nav_right,\r
+\r
+ selectedIndex = 0, selectedOpts = {}, selectedArray = [], currentIndex = 0, currentOpts = {}, currentArray = [],\r
+\r
+ ajaxLoader = null, imgPreloader = new Image(), imgRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i, swfRegExp = /[^\.]\.(swf)\s*$/i,\r
+\r
+ loadingTimer, loadingFrame = 1,\r
+\r
+ titleHeight = 0, titleStr = '', start_pos, final_pos, busy = false, fx = $.extend($('<div/>')[0], { prop: 0 }),\r
+\r
+ isIE6 = $.browser.msie && $.browser.version < 7 && !window.XMLHttpRequest,\r
+\r
+ /*\r
+ * Private methods \r
+ */\r
+\r
+ _abort = function() {\r
+ loading.hide();\r
+\r
+ imgPreloader.onerror = imgPreloader.onload = null;\r
+\r
+ if (ajaxLoader) {\r
+ ajaxLoader.abort();\r
+ }\r
+\r
+ tmp.empty();\r
+ },\r
+\r
+ _error = function() {\r
+ if (false === selectedOpts.onError(selectedArray, selectedIndex, selectedOpts)) {\r
+ loading.hide();\r
+ busy = false;\r
+ return;\r
+ }\r
+\r
+ selectedOpts.titleShow = false;\r
+\r
+ selectedOpts.width = 'auto';\r
+ selectedOpts.height = 'auto';\r
+\r
+ tmp.html( '<p id="fancybox-error">The requested content cannot be loaded.<br />Please try again later.</p>' );\r
+\r
+ _process_inline();\r
+ },\r
+\r
+ _start = function() {\r
+ var obj = selectedArray[ selectedIndex ],\r
+ href, \r
+ type, \r
+ title,\r
+ str,\r
+ emb,\r
+ ret;\r
+\r
+ _abort();\r
+\r
+ selectedOpts = $.extend({}, $.fn.fancybox.defaults, (typeof $(obj).data('fancybox') == 'undefined' ? selectedOpts : $(obj).data('fancybox')));\r
+\r
+ ret = selectedOpts.onStart(selectedArray, selectedIndex, selectedOpts);\r
+\r
+ if (ret === false) {\r
+ busy = false;\r
+ return;\r
+ } else if (typeof ret == 'object') {\r
+ selectedOpts = $.extend(selectedOpts, ret);\r
+ }\r
+\r
+ title = selectedOpts.title || (obj.nodeName ? $(obj).attr('title') : obj.title) || '';\r
+\r
+ if (obj.nodeName && !selectedOpts.orig) {\r
+ selectedOpts.orig = $(obj).children("img:first").length ? $(obj).children("img:first") : $(obj);\r
+ }\r
+\r
+ if (title === '' && selectedOpts.orig && selectedOpts.titleFromAlt) {\r
+ title = selectedOpts.orig.attr('alt');\r
+ }\r
+\r
+ href = selectedOpts.href || (obj.nodeName ? $(obj).attr('href') : obj.href) || null;\r
+\r
+ if ((/^(?:javascript)/i).test(href) || href == '#') {\r
+ href = null;\r
+ }\r
+\r
+ if (selectedOpts.type) {\r
+ type = selectedOpts.type;\r
+\r
+ if (!href) {\r
+ href = selectedOpts.content;\r
+ }\r
+\r
+ } else if (selectedOpts.content) {\r
+ type = 'html';\r
+\r
+ } else if (href) {\r
+ if (href.match(imgRegExp)) {\r
+ type = 'image';\r
+\r
+ } else if (href.match(swfRegExp)) {\r
+ type = 'swf';\r
+\r
+ } else if ($(obj).hasClass("iframe")) {\r
+ type = 'iframe';\r
+\r
+ } else if (href.indexOf("#") === 0) {\r
+ type = 'inline';\r
+\r
+ } else {\r
+ type = 'ajax';\r
+ }\r
+ }\r
+\r
+ if (!type) {\r
+ _error();\r
+ return;\r
+ }\r
+\r
+ if (type == 'inline') {\r
+ obj = href.substr(href.indexOf("#"));\r
+ type = $(obj).length > 0 ? 'inline' : 'ajax';\r
+ }\r
+\r
+ selectedOpts.type = type;\r
+ selectedOpts.href = href;\r
+ selectedOpts.title = title;\r
+\r
+ if (selectedOpts.autoDimensions) {\r
+ if (selectedOpts.type == 'html' || selectedOpts.type == 'inline' || selectedOpts.type == 'ajax') {\r
+ selectedOpts.width = 'auto';\r
+ selectedOpts.height = 'auto';\r
+ } else {\r
+ selectedOpts.autoDimensions = false; \r
+ }\r
+ }\r
+\r
+ if (selectedOpts.modal) {\r
+ selectedOpts.overlayShow = true;\r
+ selectedOpts.hideOnOverlayClick = false;\r
+ selectedOpts.hideOnContentClick = false;\r
+ selectedOpts.enableEscapeButton = false;\r
+ selectedOpts.showCloseButton = false;\r
+ }\r
+\r
+ selectedOpts.padding = parseInt(selectedOpts.padding, 10);\r
+ selectedOpts.margin = parseInt(selectedOpts.margin, 10);\r
+\r
+ tmp.css('padding', (selectedOpts.padding + selectedOpts.margin));\r
+\r
+ $('.fancybox-inline-tmp').unbind('fancybox-cancel').bind('fancybox-change', function() {\r
+ $(this).replaceWith(content.children()); \r
+ });\r
+\r
+ switch (type) {\r
+ case 'html' :\r
+ tmp.html( selectedOpts.content );\r
+ _process_inline();\r
+ break;\r
+\r
+ case 'inline' :\r
+ if ( $(obj).parent().is('#fancybox-content') === true) {\r
+ busy = false;\r
+ return;\r
+ }\r
+\r
+ $('<div class="fancybox-inline-tmp" />')\r
+ .hide()\r
+ .insertBefore( $(obj) )\r
+ .bind('fancybox-cleanup', function() {\r
+ $(this).replaceWith(content.children());\r
+ }).bind('fancybox-cancel', function() {\r
+ $(this).replaceWith(tmp.children());\r
+ });\r
+\r
+ $(obj).appendTo(tmp);\r
+\r
+ _process_inline();\r
+ break;\r
+\r
+ case 'image':\r
+ busy = false;\r
+\r
+ $.fancybox.showActivity();\r
+\r
+ imgPreloader = new Image();\r
+\r
+ imgPreloader.onerror = function() {\r
+ _error();\r
+ };\r
+\r
+ imgPreloader.onload = function() {\r
+ busy = true;\r
+\r
+ imgPreloader.onerror = imgPreloader.onload = null;\r
+\r
+ _process_image();\r
+ };\r
+\r
+ imgPreloader.src = href;\r
+ break;\r
+\r
+ case 'swf':\r
+ selectedOpts.scrolling = 'no';\r
+\r
+ str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="' + selectedOpts.width + '" height="' + selectedOpts.height + '"><param name="movie" value="' + href + '"></param>';\r
+ emb = '';\r
+\r
+ $.each(selectedOpts.swf, function(name, val) {\r
+ str += '<param name="' + name + '" value="' + val + '"></param>';\r
+ emb += ' ' + name + '="' + val + '"';\r
+ });\r
+\r
+ str += '<embed src="' + href + '" type="application/x-shockwave-flash" width="' + selectedOpts.width + '" height="' + selectedOpts.height + '"' + emb + '></embed></object>';\r
+\r
+ tmp.html(str);\r
+\r
+ _process_inline();\r
+ break;\r
+\r
+ case 'ajax':\r
+ busy = false;\r
+\r
+ $.fancybox.showActivity();\r
+\r
+ selectedOpts.ajax.win = selectedOpts.ajax.success;\r
+\r
+ ajaxLoader = $.ajax($.extend({}, selectedOpts.ajax, {\r
+ url : href,\r
+ data : selectedOpts.ajax.data || {},\r
+ error : function(XMLHttpRequest, textStatus, errorThrown) {\r
+ if ( XMLHttpRequest.status > 0 ) {\r
+ _error();\r
+ }\r
+ },\r
+ success : function(data, textStatus, XMLHttpRequest) {\r
+ var o = typeof XMLHttpRequest == 'object' ? XMLHttpRequest : ajaxLoader;\r
+ if (o.status == 200) {\r
+ if ( typeof selectedOpts.ajax.win == 'function' ) {\r
+ ret = selectedOpts.ajax.win(href, data, textStatus, XMLHttpRequest);\r
+\r
+ if (ret === false) {\r
+ loading.hide();\r
+ return;\r
+ } else if (typeof ret == 'string' || typeof ret == 'object') {\r
+ data = ret;\r
+ }\r
+ }\r
+\r
+ tmp.html( data );\r
+ _process_inline();\r
+ }\r
+ }\r
+ }));\r
+\r
+ break;\r
+\r
+ case 'iframe':\r
+ _show();\r
+ break;\r
+ }\r
+ },\r
+\r
+ _process_inline = function() {\r
+ var\r
+ w = selectedOpts.width,\r
+ h = selectedOpts.height;\r
+\r
+ if (w.toString().indexOf('%') > -1) {\r
+ w = parseInt( ($(window).width() - (selectedOpts.margin * 2)) * parseFloat(w) / 100, 10) + 'px';\r
+\r
+ } else {\r
+ w = w == 'auto' ? 'auto' : w + 'px'; \r
+ }\r
+\r
+ if (h.toString().indexOf('%') > -1) {\r
+ h = parseInt( ($(window).height() - (selectedOpts.margin * 2)) * parseFloat(h) / 100, 10) + 'px';\r
+\r
+ } else {\r
+ h = h == 'auto' ? 'auto' : h + 'px'; \r
+ }\r
+\r
+ tmp.wrapInner('<div style="width:' + w + ';height:' + h + ';overflow: ' + (selectedOpts.scrolling == 'auto' ? 'auto' : (selectedOpts.scrolling == 'yes' ? 'scroll' : 'hidden')) + ';position:relative;"></div>');\r
+\r
+ selectedOpts.width = tmp.width();\r
+ selectedOpts.height = tmp.height();\r
+\r
+ _show();\r
+ },\r
+\r
+ _process_image = function() {\r
+ selectedOpts.width = imgPreloader.width;\r
+ selectedOpts.height = imgPreloader.height;\r
+\r
+ $("<img />").attr({\r
+ 'id' : 'fancybox-img',\r
+ 'src' : imgPreloader.src,\r
+ 'alt' : selectedOpts.title\r
+ }).appendTo( tmp );\r
+\r
+ _show();\r
+ },\r
+\r
+ _show = function() {\r
+ var pos, equal;\r
+\r
+ loading.hide();\r
+\r
+ if (wrap.is(":visible") && false === currentOpts.onCleanup(currentArray, currentIndex, currentOpts)) {\r
+ $.event.trigger('fancybox-cancel');\r
+\r
+ busy = false;\r
+ return;\r
+ }\r
+\r
+ busy = true;\r
+\r
+ $(content.add( overlay )).unbind();\r
+\r
+ $(window).unbind("resize.fb scroll.fb");\r
+ $(document).unbind('keydown.fb');\r
+\r
+ if (wrap.is(":visible") && currentOpts.titlePosition !== 'outside') {\r
+ wrap.css('height', wrap.height());\r
+ }\r
+\r
+ currentArray = selectedArray;\r
+ currentIndex = selectedIndex;\r
+ currentOpts = selectedOpts;\r
+\r
+ if (currentOpts.overlayShow) {\r
+ overlay.css({\r
+ 'background-color' : currentOpts.overlayColor,\r
+ 'opacity' : currentOpts.overlayOpacity,\r
+ 'cursor' : currentOpts.hideOnOverlayClick ? 'pointer' : 'auto',\r
+ 'height' : $(document).height()\r
+ });\r
+\r
+ if (!overlay.is(':visible')) {\r
+ if (isIE6) {\r
+ $('select:not(#fancybox-tmp select)').filter(function() {\r
+ return this.style.visibility !== 'hidden';\r
+ }).css({'visibility' : 'hidden'}).one('fancybox-cleanup', function() {\r
+ this.style.visibility = 'inherit';\r
+ });\r
+ }\r
+\r
+ overlay.show();\r
+ }\r
+ } else {\r
+ overlay.hide();\r
+ }\r
+\r
+ final_pos = _get_zoom_to();\r
+\r
+ _process_title();\r
+\r
+ if (wrap.is(":visible")) {\r
+ $( close.add( nav_left ).add( nav_right ) ).hide();\r
+\r
+ pos = wrap.position(),\r
+\r
+ start_pos = {\r
+ top : pos.top,\r
+ left : pos.left,\r
+ width : wrap.width(),\r
+ height : wrap.height()\r
+ };\r
+\r
+ equal = (start_pos.width == final_pos.width && start_pos.height == final_pos.height);\r
+\r
+ content.fadeTo(currentOpts.changeFade, 0.3, function() {\r
+ var finish_resizing = function() {\r
+ content.html( tmp.contents() ).fadeTo(currentOpts.changeFade, 1, _finish);\r
+ };\r
+\r
+ $.event.trigger('fancybox-change');\r
+\r
+ content\r
+ .empty()\r
+ .removeAttr('filter')\r
+ .css({\r
+ 'border-width' : currentOpts.padding,\r
+ 'width' : final_pos.width - currentOpts.padding * 2,\r
+ 'height' : selectedOpts.autoDimensions ? 'auto' : final_pos.height - titleHeight - currentOpts.padding * 2\r
+ });\r
+\r
+ if (equal) {\r
+ finish_resizing();\r
+\r
+ } else {\r
+ fx.prop = 0;\r
+\r
+ $(fx).animate({prop: 1}, {\r
+ duration : currentOpts.changeSpeed,\r
+ easing : currentOpts.easingChange,\r
+ step : _draw,\r
+ complete : finish_resizing\r
+ });\r
+ }\r
+ });\r
+\r
+ return;\r
+ }\r
+\r
+ wrap.removeAttr("style");\r
+\r
+ content.css('border-width', currentOpts.padding);\r
+\r
+ if (currentOpts.transitionIn == 'elastic') {\r
+ start_pos = _get_zoom_from();\r
+\r
+ content.html( tmp.contents() );\r
+\r
+ wrap.show();\r
+\r
+ if (currentOpts.opacity) {\r
+ final_pos.opacity = 0;\r
+ }\r
+\r
+ fx.prop = 0;\r
+\r
+ $(fx).animate({prop: 1}, {\r
+ duration : currentOpts.speedIn,\r
+ easing : currentOpts.easingIn,\r
+ step : _draw,\r
+ complete : _finish\r
+ });\r
+\r
+ return;\r
+ }\r
+\r
+ if (currentOpts.titlePosition == 'inside' && titleHeight > 0) { \r
+ title.show(); \r
+ }\r
+\r
+ content\r
+ .css({\r
+ 'width' : final_pos.width - currentOpts.padding * 2,\r
+ 'height' : selectedOpts.autoDimensions ? 'auto' : final_pos.height - titleHeight - currentOpts.padding * 2\r
+ })\r
+ .html( tmp.contents() );\r
+\r
+ wrap\r
+ .css(final_pos)\r
+ .fadeIn( currentOpts.transitionIn == 'none' ? 0 : currentOpts.speedIn, _finish );\r
+ },\r
+\r
+ _format_title = function(title) {\r
+ if (title && title.length) {\r
+ if (currentOpts.titlePosition == 'float') {\r
+ return '<table id="fancybox-title-float-wrap" cellpadding="0" cellspacing="0"><tr><td id="fancybox-title-float-left"></td><td id="fancybox-title-float-main">' + title + '</td><td id="fancybox-title-float-right"></td></tr></table>';\r
+ }\r
+\r
+ return '<div id="fancybox-title-' + currentOpts.titlePosition + '">' + title + '</div>';\r
+ }\r
+\r
+ return false;\r
+ },\r
+\r
+ _process_title = function() {\r
+ titleStr = currentOpts.title || '';\r
+ titleHeight = 0;\r
+\r
+ title\r
+ .empty()\r
+ .removeAttr('style')\r
+ .removeClass();\r
+\r
+ if (currentOpts.titleShow === false) {\r
+ title.hide();\r
+ return;\r
+ }\r
+\r
+ titleStr = $.isFunction(currentOpts.titleFormat) ? currentOpts.titleFormat(titleStr, currentArray, currentIndex, currentOpts) : _format_title(titleStr);\r
+\r
+ if (!titleStr || titleStr === '') {\r
+ title.hide();\r
+ return;\r
+ }\r
+\r
+ title\r
+ .addClass('fancybox-title-' + currentOpts.titlePosition)\r
+ .html( titleStr )\r
+ .appendTo( 'body' )\r
+ .show();\r
+\r
+ switch (currentOpts.titlePosition) {\r
+ case 'inside':\r
+ title\r
+ .css({\r
+ 'width' : final_pos.width - (currentOpts.padding * 2),\r
+ 'marginLeft' : currentOpts.padding,\r
+ 'marginRight' : currentOpts.padding\r
+ });\r
+\r
+ titleHeight = title.outerHeight(true);\r
+\r
+ title.appendTo( outer );\r
+\r
+ final_pos.height += titleHeight;\r
+ break;\r
+\r
+ case 'over':\r
+ title\r
+ .css({\r
+ 'marginLeft' : currentOpts.padding,\r
+ 'width' : final_pos.width - (currentOpts.padding * 2),\r
+ 'bottom' : currentOpts.padding\r
+ })\r
+ .appendTo( outer );\r
+ break;\r
+\r
+ case 'float':\r
+ title\r
+ .css('left', parseInt((title.width() - final_pos.width - 40)/ 2, 10) * -1)\r
+ .appendTo( wrap );\r
+ break;\r
+\r
+ default:\r
+ title\r
+ .css({\r
+ 'width' : final_pos.width - (currentOpts.padding * 2),\r
+ 'paddingLeft' : currentOpts.padding,\r
+ 'paddingRight' : currentOpts.padding\r
+ })\r
+ .appendTo( wrap );\r
+ break;\r
+ }\r
+\r
+ title.hide();\r
+ },\r
+\r
+ _set_navigation = function() {\r
+ if (currentOpts.enableEscapeButton || currentOpts.enableKeyboardNav) {\r
+ $(document).bind('keydown.fb', function(e) {\r
+ if (e.keyCode == 27 && currentOpts.enableEscapeButton) {\r
+ e.preventDefault();\r
+ $.fancybox.close();\r
+\r
+ } else if ((e.keyCode == 37 || e.keyCode == 39) && currentOpts.enableKeyboardNav && e.target.tagName !== 'INPUT' && e.target.tagName !== 'TEXTAREA' && e.target.tagName !== 'SELECT') {\r
+ e.preventDefault();\r
+ $.fancybox[ e.keyCode == 37 ? 'prev' : 'next']();\r
+ }\r
+ });\r
+ }\r
+\r
+ if (!currentOpts.showNavArrows) { \r
+ nav_left.hide();\r
+ nav_right.hide();\r
+ return;\r
+ }\r
+\r
+ if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex !== 0) {\r
+ nav_left.show();\r
+ }\r
+\r
+ if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex != (currentArray.length -1)) {\r
+ nav_right.show();\r
+ }\r
+ },\r
+\r
+ _finish = function () {\r
+ if (!$.support.opacity) {\r
+ content.get(0).style.removeAttribute('filter');\r
+ wrap.get(0).style.removeAttribute('filter');\r
+ }\r
+\r
+ if (selectedOpts.autoDimensions) {\r
+ content.css('height', 'auto');\r
+ }\r
+\r
+ wrap.css('height', 'auto');\r
+\r
+ if (titleStr && titleStr.length) {\r
+ title.show();\r
+ }\r
+\r
+ if (currentOpts.showCloseButton) {\r
+ close.show();\r
+ }\r
+\r
+ _set_navigation();\r
+ \r
+ if (currentOpts.hideOnContentClick) {\r
+ content.bind('click', $.fancybox.close);\r
+ }\r
+\r
+ if (currentOpts.hideOnOverlayClick) {\r
+ overlay.bind('click', $.fancybox.close);\r
+ }\r
+\r
+ $(window).bind("resize.fb", $.fancybox.resize);\r
+\r
+ if (currentOpts.centerOnScroll) {\r
+ $(window).bind("scroll.fb", $.fancybox.center);\r
+ }\r
+\r
+ if (currentOpts.type == 'iframe') {\r
+ $('<iframe id="fancybox-frame" name="fancybox-frame' + new Date().getTime() + '" frameborder="0" hspace="0" ' + ($.browser.msie ? 'allowtransparency="true""' : '') + ' scrolling="' + selectedOpts.scrolling + '" src="' + currentOpts.href + '"></iframe>').appendTo(content);\r
+ }\r
+\r
+ wrap.show();\r
+\r
+ busy = false;\r
+\r
+ $.fancybox.center();\r
+\r
+ currentOpts.onComplete(currentArray, currentIndex, currentOpts);\r
+\r
+ _preload_images();\r
+ },\r
+\r
+ _preload_images = function() {\r
+ var href, \r
+ objNext;\r
+\r
+ if ((currentArray.length -1) > currentIndex) {\r
+ href = currentArray[ currentIndex + 1 ].href;\r
+\r
+ if (typeof href !== 'undefined' && href.match(imgRegExp)) {\r
+ objNext = new Image();\r
+ objNext.src = href;\r
+ }\r
+ }\r
+\r
+ if (currentIndex > 0) {\r
+ href = currentArray[ currentIndex - 1 ].href;\r
+\r
+ if (typeof href !== 'undefined' && href.match(imgRegExp)) {\r
+ objNext = new Image();\r
+ objNext.src = href;\r
+ }\r
+ }\r
+ },\r
+\r
+ _draw = function(pos) {\r
+ var dim = {\r
+ width : parseInt(start_pos.width + (final_pos.width - start_pos.width) * pos, 10),\r
+ height : parseInt(start_pos.height + (final_pos.height - start_pos.height) * pos, 10),\r
+\r
+ top : parseInt(start_pos.top + (final_pos.top - start_pos.top) * pos, 10),\r
+ left : parseInt(start_pos.left + (final_pos.left - start_pos.left) * pos, 10)\r
+ };\r
+\r
+ if (typeof final_pos.opacity !== 'undefined') {\r
+ dim.opacity = pos < 0.5 ? 0.5 : pos;\r
+ }\r
+\r
+ wrap.css(dim);\r
+\r
+ content.css({\r
+ 'width' : dim.width - currentOpts.padding * 2,\r
+ 'height' : dim.height - (titleHeight * pos) - currentOpts.padding * 2\r
+ });\r
+ },\r
+\r
+ _get_viewport = function() {\r
+ return [\r
+ $(window).width() - (currentOpts.margin * 2),\r
+ $(window).height() - (currentOpts.margin * 2),\r
+ $(document).scrollLeft() + currentOpts.margin,\r
+ $(document).scrollTop() + currentOpts.margin\r
+ ];\r
+ },\r
+\r
+ _get_zoom_to = function () {\r
+ var view = _get_viewport(),\r
+ to = {},\r
+ resize = currentOpts.autoScale,\r
+ double_padding = currentOpts.padding * 2,\r
+ ratio;\r
+\r
+ if (currentOpts.width.toString().indexOf('%') > -1) {\r
+ to.width = parseInt((view[0] * parseFloat(currentOpts.width)) / 100, 10);\r
+ } else {\r
+ to.width = currentOpts.width + double_padding;\r
+ }\r
+\r
+ if (currentOpts.height.toString().indexOf('%') > -1) {\r
+ to.height = parseInt((view[1] * parseFloat(currentOpts.height)) / 100, 10);\r
+ } else {\r
+ to.height = currentOpts.height + double_padding;\r
+ }\r
+\r
+ if (resize && (to.width > view[0] || to.height > view[1])) {\r
+ if (selectedOpts.type == 'image' || selectedOpts.type == 'swf') {\r
+ ratio = (currentOpts.width ) / (currentOpts.height );\r
+\r
+ if ((to.width ) > view[0]) {\r
+ to.width = view[0];\r
+ to.height = parseInt(((to.width - double_padding) / ratio) + double_padding, 10);\r
+ }\r
+\r
+ if ((to.height) > view[1]) {\r
+ to.height = view[1];\r
+ to.width = parseInt(((to.height - double_padding) * ratio) + double_padding, 10);\r
+ }\r
+\r
+ } else {\r
+ to.width = Math.min(to.width, view[0]);\r
+ to.height = Math.min(to.height, view[1]);\r
+ }\r
+ }\r
+\r
+ to.top = parseInt(Math.max(view[3] - 20, view[3] + ((view[1] - to.height - 40) * 0.5)), 10);\r
+ to.left = parseInt(Math.max(view[2] - 20, view[2] + ((view[0] - to.width - 40) * 0.5)), 10);\r
+\r
+ return to;\r
+ },\r
+\r
+ _get_obj_pos = function(obj) {\r
+ var pos = obj.offset();\r
+\r
+ pos.top += parseInt( obj.css('paddingTop'), 10 ) || 0;\r
+ pos.left += parseInt( obj.css('paddingLeft'), 10 ) || 0;\r
+\r
+ pos.top += parseInt( obj.css('border-top-width'), 10 ) || 0;\r
+ pos.left += parseInt( obj.css('border-left-width'), 10 ) || 0;\r
+\r
+ pos.width = obj.width();\r
+ pos.height = obj.height();\r
+\r
+ return pos;\r
+ },\r
+\r
+ _get_zoom_from = function() {\r
+ var orig = selectedOpts.orig ? $(selectedOpts.orig) : false,\r
+ from = {},\r
+ pos,\r
+ view;\r
+\r
+ if (orig && orig.length) {\r
+ pos = _get_obj_pos(orig);\r
+\r
+ from = {\r
+ width : pos.width + (currentOpts.padding * 2),\r
+ height : pos.height + (currentOpts.padding * 2),\r
+ top : pos.top - currentOpts.padding - 20,\r
+ left : pos.left - currentOpts.padding - 20\r
+ };\r
+\r
+ } else {\r
+ view = _get_viewport();\r
+\r
+ from = {\r
+ width : currentOpts.padding * 2,\r
+ height : currentOpts.padding * 2,\r
+ top : parseInt(view[3] + view[1] * 0.5, 10),\r
+ left : parseInt(view[2] + view[0] * 0.5, 10)\r
+ };\r
+ }\r
+\r
+ return from;\r
+ },\r
+\r
+ _animate_loading = function() {\r
+ if (!loading.is(':visible')){\r
+ clearInterval(loadingTimer);\r
+ return;\r
+ }\r
+\r
+ $('div', loading).css('top', (loadingFrame * -40) + 'px');\r
+\r
+ loadingFrame = (loadingFrame + 1) % 12;\r
+ };\r
+\r
+ /*\r
+ * Public methods \r
+ */\r
+\r
+ $.fn.fancybox = function(options) {\r
+ if (!$(this).length) {\r
+ return this;\r
+ }\r
+\r
+ $(this)\r
+ .data('fancybox', $.extend({}, options, ($.metadata ? $(this).metadata() : {})))\r
+ .unbind('click.fb')\r
+ .bind('click.fb', function(e) {\r
+ e.preventDefault();\r
+\r
+ if (busy) {\r
+ return;\r
+ }\r
+\r
+ busy = true;\r
+\r
+ $(this).blur();\r
+\r
+ selectedArray = [];\r
+ selectedIndex = 0;\r
+\r
+ var rel = $(this).attr('rel') || '';\r
+\r
+ if (!rel || rel == '' || rel === 'nofollow') {\r
+ selectedArray.push(this);\r
+\r
+ } else {\r
+ selectedArray = $("a[rel=" + rel + "], area[rel=" + rel + "]");\r
+ selectedIndex = selectedArray.index( this );\r
+ }\r
+\r
+ _start();\r
+\r
+ return;\r
+ });\r
+\r
+ return this;\r
+ };\r
+\r
+ $.fancybox = function(obj) {\r
+ var opts;\r
+\r
+ if (busy) {\r
+ return;\r
+ }\r
+\r
+ busy = true;\r
+ opts = typeof arguments[1] !== 'undefined' ? arguments[1] : {};\r
+\r
+ selectedArray = [];\r
+ selectedIndex = parseInt(opts.index, 10) || 0;\r
+\r
+ if ($.isArray(obj)) {\r
+ for (var i = 0, j = obj.length; i < j; i++) {\r
+ if (typeof obj[i] == 'object') {\r
+ $(obj[i]).data('fancybox', $.extend({}, opts, obj[i]));\r
+ } else {\r
+ obj[i] = $({}).data('fancybox', $.extend({content : obj[i]}, opts));\r
+ }\r
+ }\r
+\r
+ selectedArray = jQuery.merge(selectedArray, obj);\r
+\r
+ } else {\r
+ if (typeof obj == 'object') {\r
+ $(obj).data('fancybox', $.extend({}, opts, obj));\r
+ } else {\r
+ obj = $({}).data('fancybox', $.extend({content : obj}, opts));\r
+ }\r
+\r
+ selectedArray.push(obj);\r
+ }\r
+\r
+ if (selectedIndex > selectedArray.length || selectedIndex < 0) {\r
+ selectedIndex = 0;\r
+ }\r
+\r
+ _start();\r
+ };\r
+\r
+ $.fancybox.showActivity = function() {\r
+ clearInterval(loadingTimer);\r
+\r
+ loading.show();\r
+ loadingTimer = setInterval(_animate_loading, 66);\r
+ };\r
+\r
+ $.fancybox.hideActivity = function() {\r
+ loading.hide();\r
+ };\r
+\r
+ $.fancybox.next = function() {\r
+ return $.fancybox.pos( currentIndex + 1);\r
+ };\r
+\r
+ $.fancybox.prev = function() {\r
+ return $.fancybox.pos( currentIndex - 1);\r
+ };\r
+\r
+ $.fancybox.pos = function(pos) {\r
+ if (busy) {\r
+ return;\r
+ }\r
+\r
+ pos = parseInt(pos);\r
+\r
+ selectedArray = currentArray;\r
+\r
+ if (pos > -1 && pos < currentArray.length) {\r
+ selectedIndex = pos;\r
+ _start();\r
+\r
+ } else if (currentOpts.cyclic && currentArray.length > 1) {\r
+ selectedIndex = pos >= currentArray.length ? 0 : currentArray.length - 1;\r
+ _start();\r
+ }\r
+\r
+ return;\r
+ };\r
+\r
+ $.fancybox.cancel = function() {\r
+ if (busy) {\r
+ return;\r
+ }\r
+\r
+ busy = true;\r
+\r
+ $.event.trigger('fancybox-cancel');\r
+\r
+ _abort();\r
+\r
+ selectedOpts.onCancel(selectedArray, selectedIndex, selectedOpts);\r
+\r
+ busy = false;\r
+ };\r
+\r
+ // Note: within an iframe use - parent.$.fancybox.close();\r
+ $.fancybox.close = function() {\r
+ if (busy || wrap.is(':hidden')) {\r
+ return;\r
+ }\r
+\r
+ busy = true;\r
+\r
+ if (currentOpts && false === currentOpts.onCleanup(currentArray, currentIndex, currentOpts)) {\r
+ busy = false;\r
+ return;\r
+ }\r
+\r
+ _abort();\r
+\r
+ $(close.add( nav_left ).add( nav_right )).hide();\r
+\r
+ $(content.add( overlay )).unbind();\r
+\r
+ $(window).unbind("resize.fb scroll.fb");\r
+ $(document).unbind('keydown.fb');\r
+\r
+ content.find('iframe').attr('src', isIE6 && /^https/i.test(window.location.href || '') ? 'javascript:void(false)' : 'about:blank');\r
+\r
+ if (currentOpts.titlePosition !== 'inside') {\r
+ title.empty();\r
+ }\r
+\r
+ wrap.stop();\r
+\r
+ function _cleanup() {\r
+ overlay.fadeOut('fast');\r
+\r
+ title.empty().hide();\r
+ wrap.hide();\r
+\r
+ $.event.trigger('fancybox-cleanup');\r
+\r
+ content.empty();\r
+\r
+ currentOpts.onClosed(currentArray, currentIndex, currentOpts);\r
+\r
+ currentArray = selectedOpts = [];\r
+ currentIndex = selectedIndex = 0;\r
+ currentOpts = selectedOpts = {};\r
+\r
+ busy = false;\r
+ }\r
+\r
+ if (currentOpts.transitionOut == 'elastic') {\r
+ start_pos = _get_zoom_from();\r
+\r
+ var pos = wrap.position();\r
+\r
+ final_pos = {\r
+ top : pos.top ,\r
+ left : pos.left,\r
+ width : wrap.width(),\r
+ height : wrap.height()\r
+ };\r
+\r
+ if (currentOpts.opacity) {\r
+ final_pos.opacity = 1;\r
+ }\r
+\r
+ title.empty().hide();\r
+\r
+ fx.prop = 1;\r
+\r
+ $(fx).animate({ prop: 0 }, {\r
+ duration : currentOpts.speedOut,\r
+ easing : currentOpts.easingOut,\r
+ step : _draw,\r
+ complete : _cleanup\r
+ });\r
+\r
+ } else {\r
+ wrap.fadeOut( currentOpts.transitionOut == 'none' ? 0 : currentOpts.speedOut, _cleanup);\r
+ }\r
+ };\r
+\r
+ $.fancybox.resize = function() {\r
+ if (overlay.is(':visible')) {\r
+ overlay.css('height', $(document).height());\r
+ }\r
+\r
+ $.fancybox.center(true);\r
+ };\r
+\r
+ $.fancybox.center = function() {\r
+ var view, align;\r
+\r
+ if (busy) {\r
+ return; \r
+ }\r
+\r
+ align = arguments[0] === true ? 1 : 0;\r
+ view = _get_viewport();\r
+\r
+ if (!align && (wrap.width() > view[0] || wrap.height() > view[1])) {\r
+ return; \r
+ }\r
+\r
+ wrap\r
+ .stop()\r
+ .animate({\r
+ 'top' : parseInt(Math.max(view[3] - 20, view[3] + ((view[1] - content.height() - 40) * 0.5) - currentOpts.padding)),\r
+ 'left' : parseInt(Math.max(view[2] - 20, view[2] + ((view[0] - content.width() - 40) * 0.5) - currentOpts.padding))\r
+ }, typeof arguments[0] == 'number' ? arguments[0] : 200);\r
+ };\r
+\r
+ $.fancybox.init = function() {\r
+ if ($("#fancybox-wrap").length) {\r
+ return;\r
+ }\r
+\r
+ $('body').append(\r
+ tmp = $('<div id="fancybox-tmp"></div>'),\r
+ loading = $('<div id="fancybox-loading"><div></div></div>'),\r
+ overlay = $('<div id="fancybox-overlay"></div>'),\r
+ wrap = $('<div id="fancybox-wrap"></div>')\r
+ );\r
+\r
+ outer = $('<div id="fancybox-outer"></div>')\r
+ .append('<div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div>')\r
+ .appendTo( wrap );\r
+\r
+ outer.append(\r
+ content = $('<div id="fancybox-content"></div>'),\r
+ close = $('<a id="fancybox-close"></a>'),\r
+ title = $('<div id="fancybox-title"></div>'),\r
+\r
+ nav_left = $('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),\r
+ nav_right = $('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>')\r
+ );\r
+\r
+ close.click($.fancybox.close);\r
+ loading.click($.fancybox.cancel);\r
+\r
+ nav_left.click(function(e) {\r
+ e.preventDefault();\r
+ $.fancybox.prev();\r
+ });\r
+\r
+ nav_right.click(function(e) {\r
+ e.preventDefault();\r
+ $.fancybox.next();\r
+ });\r
+\r
+ if ($.fn.mousewheel) {\r
+ wrap.bind('mousewheel.fb', function(e, delta) {\r
+ if (busy) {\r
+ e.preventDefault();\r
+\r
+ } else if ($(e.target).get(0).clientHeight == 0 || $(e.target).get(0).scrollHeight === $(e.target).get(0).clientHeight) {\r
+ e.preventDefault();\r
+ $.fancybox[ delta > 0 ? 'prev' : 'next']();\r
+ }\r
+ });\r
+ }\r
+\r
+ if (!$.support.opacity) {\r
+ wrap.addClass('fancybox-ie');\r
+ }\r
+\r
+ if (isIE6) {\r
+ loading.addClass('fancybox-ie6');\r
+ wrap.addClass('fancybox-ie6');\r
+\r
+ $('<iframe id="fancybox-hide-sel-frame" src="' + (/^https/i.test(window.location.href || '') ? 'javascript:void(false)' : 'about:blank' ) + '" scrolling="no" border="0" frameborder="0" tabindex="-1"></iframe>').prependTo(outer);\r
+ }\r
+ };\r
+\r
+ $.fn.fancybox.defaults = {\r
+ padding : 10,\r
+ margin : 40,\r
+ opacity : false,\r
+ modal : false,\r
+ cyclic : false,\r
+ scrolling : 'auto', // 'auto', 'yes' or 'no'\r
+\r
+ width : 560,\r
+ height : 340,\r
+\r
+ autoScale : true,\r
+ autoDimensions : true,\r
+ centerOnScroll : false,\r
+\r
+ ajax : {},\r
+ swf : { wmode: 'transparent' },\r
+\r
+ hideOnOverlayClick : true,\r
+ hideOnContentClick : false,\r
+\r
+ overlayShow : true,\r
+ overlayOpacity : 0.7,\r
+ overlayColor : '#777',\r
+\r
+ titleShow : true,\r
+ titlePosition : 'float', // 'float', 'outside', 'inside' or 'over'\r
+ titleFormat : null,\r
+ titleFromAlt : false,\r
+\r
+ transitionIn : 'fade', // 'elastic', 'fade' or 'none'\r
+ transitionOut : 'fade', // 'elastic', 'fade' or 'none'\r
+\r
+ speedIn : 300,\r
+ speedOut : 300,\r
+\r
+ changeSpeed : 300,\r
+ changeFade : 'fast',\r
+\r
+ easingIn : 'swing',\r
+ easingOut : 'swing',\r
+\r
+ showCloseButton : true,\r
+ showNavArrows : true,\r
+ enableEscapeButton : true,\r
+ enableKeyboardNav : true,\r
+\r
+ onStart : function(){},\r
+ onCancel : function(){},\r
+ onComplete : function(){},\r
+ onCleanup : function(){},\r
+ onClosed : function(){},\r
+ onError : function(){}\r
+ };\r
+\r
+ $(document).ready(function() {\r
+ $.fancybox.init();\r
+ });\r
+\r
+})(jQuery);
\ No newline at end of file
--- /dev/null
+/*
+ * FancyBox - jQuery Plugin
+ * Simple and fancy lightbox alternative
+ *
+ * Examples and documentation at: http://fancybox.net
+ *
+ * Copyright (c) 2008 - 2010 Janis Skarnelis
+ * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
+ *
+ * Version: 1.3.4 (11/11/2010)
+ * Requires: jQuery v1.3+
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ */
+
+;(function(b){var m,t,u,f,D,j,E,n,z,A,q=0,e={},o=[],p=0,d={},l=[],G=null,v=new Image,J=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,W=/[^\.]\.(swf)\s*$/i,K,L=1,y=0,s="",r,i,h=false,B=b.extend(b("<div/>")[0],{prop:0}),M=b.browser.msie&&b.browser.version<7&&!window.XMLHttpRequest,N=function(){t.hide();v.onerror=v.onload=null;G&&G.abort();m.empty()},O=function(){if(false===e.onError(o,q,e)){t.hide();h=false}else{e.titleShow=false;e.width="auto";e.height="auto";m.html('<p id="fancybox-error">The requested content cannot be loaded.<br />Please try again later.</p>');
+F()}},I=function(){var a=o[q],c,g,k,C,P,w;N();e=b.extend({},b.fn.fancybox.defaults,typeof b(a).data("fancybox")=="undefined"?e:b(a).data("fancybox"));w=e.onStart(o,q,e);if(w===false)h=false;else{if(typeof w=="object")e=b.extend(e,w);k=e.title||(a.nodeName?b(a).attr("title"):a.title)||"";if(a.nodeName&&!e.orig)e.orig=b(a).children("img:first").length?b(a).children("img:first"):b(a);if(k===""&&e.orig&&e.titleFromAlt)k=e.orig.attr("alt");c=e.href||(a.nodeName?b(a).attr("href"):a.href)||null;if(/^(?:javascript)/i.test(c)||
+c=="#")c=null;if(e.type){g=e.type;if(!c)c=e.content}else if(e.content)g="html";else if(c)g=c.match(J)?"image":c.match(W)?"swf":b(a).hasClass("iframe")?"iframe":c.indexOf("#")===0?"inline":"ajax";if(g){if(g=="inline"){a=c.substr(c.indexOf("#"));g=b(a).length>0?"inline":"ajax"}e.type=g;e.href=c;e.title=k;if(e.autoDimensions)if(e.type=="html"||e.type=="inline"||e.type=="ajax"){e.width="auto";e.height="auto"}else e.autoDimensions=false;if(e.modal){e.overlayShow=true;e.hideOnOverlayClick=false;e.hideOnContentClick=
+false;e.enableEscapeButton=false;e.showCloseButton=false}e.padding=parseInt(e.padding,10);e.margin=parseInt(e.margin,10);m.css("padding",e.padding+e.margin);b(".fancybox-inline-tmp").unbind("fancybox-cancel").bind("fancybox-change",function(){b(this).replaceWith(j.children())});switch(g){case "html":m.html(e.content);F();break;case "inline":if(b(a).parent().is("#fancybox-content")===true){h=false;break}b('<div class="fancybox-inline-tmp" />').hide().insertBefore(b(a)).bind("fancybox-cleanup",function(){b(this).replaceWith(j.children())}).bind("fancybox-cancel",
+function(){b(this).replaceWith(m.children())});b(a).appendTo(m);F();break;case "image":h=false;b.fancybox.showActivity();v=new Image;v.onerror=function(){O()};v.onload=function(){h=true;v.onerror=v.onload=null;e.width=v.width;e.height=v.height;b("<img />").attr({id:"fancybox-img",src:v.src,alt:e.title}).appendTo(m);Q()};v.src=c;break;case "swf":e.scrolling="no";C='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+e.width+'" height="'+e.height+'"><param name="movie" value="'+c+
+'"></param>';P="";b.each(e.swf,function(x,H){C+='<param name="'+x+'" value="'+H+'"></param>';P+=" "+x+'="'+H+'"'});C+='<embed src="'+c+'" type="application/x-shockwave-flash" width="'+e.width+'" height="'+e.height+'"'+P+"></embed></object>";m.html(C);F();break;case "ajax":h=false;b.fancybox.showActivity();e.ajax.win=e.ajax.success;G=b.ajax(b.extend({},e.ajax,{url:c,data:e.ajax.data||{},error:function(x){x.status>0&&O()},success:function(x,H,R){if((typeof R=="object"?R:G).status==200){if(typeof e.ajax.win==
+"function"){w=e.ajax.win(c,x,H,R);if(w===false){t.hide();return}else if(typeof w=="string"||typeof w=="object")x=w}m.html(x);F()}}}));break;case "iframe":Q()}}else O()}},F=function(){var a=e.width,c=e.height;a=a.toString().indexOf("%")>-1?parseInt((b(window).width()-e.margin*2)*parseFloat(a)/100,10)+"px":a=="auto"?"auto":a+"px";c=c.toString().indexOf("%")>-1?parseInt((b(window).height()-e.margin*2)*parseFloat(c)/100,10)+"px":c=="auto"?"auto":c+"px";m.wrapInner('<div style="width:'+a+";height:"+c+
+";overflow: "+(e.scrolling=="auto"?"auto":e.scrolling=="yes"?"scroll":"hidden")+';position:relative;"></div>');e.width=m.width();e.height=m.height();Q()},Q=function(){var a,c;t.hide();if(f.is(":visible")&&false===d.onCleanup(l,p,d)){b.event.trigger("fancybox-cancel");h=false}else{h=true;b(j.add(u)).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");f.is(":visible")&&d.titlePosition!=="outside"&&f.css("height",f.height());l=o;p=q;d=e;if(d.overlayShow){u.css({"background-color":d.overlayColor,
+opacity:d.overlayOpacity,cursor:d.hideOnOverlayClick?"pointer":"auto",height:b(document).height()});if(!u.is(":visible")){M&&b("select:not(#fancybox-tmp select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("fancybox-cleanup",function(){this.style.visibility="inherit"});u.show()}}else u.hide();i=X();s=d.title||"";y=0;n.empty().removeAttr("style").removeClass();if(d.titleShow!==false){if(b.isFunction(d.titleFormat))a=d.titleFormat(s,l,p,d);else a=s&&s.length?
+d.titlePosition=="float"?'<table id="fancybox-title-float-wrap" cellpadding="0" cellspacing="0"><tr><td id="fancybox-title-float-left"></td><td id="fancybox-title-float-main">'+s+'</td><td id="fancybox-title-float-right"></td></tr></table>':'<div id="fancybox-title-'+d.titlePosition+'">'+s+"</div>":false;s=a;if(!(!s||s==="")){n.addClass("fancybox-title-"+d.titlePosition).html(s).appendTo("body").show();switch(d.titlePosition){case "inside":n.css({width:i.width-d.padding*2,marginLeft:d.padding,marginRight:d.padding});
+y=n.outerHeight(true);n.appendTo(D);i.height+=y;break;case "over":n.css({marginLeft:d.padding,width:i.width-d.padding*2,bottom:d.padding}).appendTo(D);break;case "float":n.css("left",parseInt((n.width()-i.width-40)/2,10)*-1).appendTo(f);break;default:n.css({width:i.width-d.padding*2,paddingLeft:d.padding,paddingRight:d.padding}).appendTo(f)}}}n.hide();if(f.is(":visible")){b(E.add(z).add(A)).hide();a=f.position();r={top:a.top,left:a.left,width:f.width(),height:f.height()};c=r.width==i.width&&r.height==
+i.height;j.fadeTo(d.changeFade,0.3,function(){var g=function(){j.html(m.contents()).fadeTo(d.changeFade,1,S)};b.event.trigger("fancybox-change");j.empty().removeAttr("filter").css({"border-width":d.padding,width:i.width-d.padding*2,height:e.autoDimensions?"auto":i.height-y-d.padding*2});if(c)g();else{B.prop=0;b(B).animate({prop:1},{duration:d.changeSpeed,easing:d.easingChange,step:T,complete:g})}})}else{f.removeAttr("style");j.css("border-width",d.padding);if(d.transitionIn=="elastic"){r=V();j.html(m.contents());
+f.show();if(d.opacity)i.opacity=0;B.prop=0;b(B).animate({prop:1},{duration:d.speedIn,easing:d.easingIn,step:T,complete:S})}else{d.titlePosition=="inside"&&y>0&&n.show();j.css({width:i.width-d.padding*2,height:e.autoDimensions?"auto":i.height-y-d.padding*2}).html(m.contents());f.css(i).fadeIn(d.transitionIn=="none"?0:d.speedIn,S)}}}},Y=function(){if(d.enableEscapeButton||d.enableKeyboardNav)b(document).bind("keydown.fb",function(a){if(a.keyCode==27&&d.enableEscapeButton){a.preventDefault();b.fancybox.close()}else if((a.keyCode==
+37||a.keyCode==39)&&d.enableKeyboardNav&&a.target.tagName!=="INPUT"&&a.target.tagName!=="TEXTAREA"&&a.target.tagName!=="SELECT"){a.preventDefault();b.fancybox[a.keyCode==37?"prev":"next"]()}});if(d.showNavArrows){if(d.cyclic&&l.length>1||p!==0)z.show();if(d.cyclic&&l.length>1||p!=l.length-1)A.show()}else{z.hide();A.hide()}},S=function(){if(!b.support.opacity){j.get(0).style.removeAttribute("filter");f.get(0).style.removeAttribute("filter")}e.autoDimensions&&j.css("height","auto");f.css("height","auto");
+s&&s.length&&n.show();d.showCloseButton&&E.show();Y();d.hideOnContentClick&&j.bind("click",b.fancybox.close);d.hideOnOverlayClick&&u.bind("click",b.fancybox.close);b(window).bind("resize.fb",b.fancybox.resize);d.centerOnScroll&&b(window).bind("scroll.fb",b.fancybox.center);if(d.type=="iframe")b('<iframe id="fancybox-frame" name="fancybox-frame'+(new Date).getTime()+'" frameborder="0" hspace="0" '+(b.browser.msie?'allowtransparency="true""':"")+' scrolling="'+e.scrolling+'" src="'+d.href+'"></iframe>').appendTo(j);
+f.show();h=false;b.fancybox.center();d.onComplete(l,p,d);var a,c;if(l.length-1>p){a=l[p+1].href;if(typeof a!=="undefined"&&a.match(J)){c=new Image;c.src=a}}if(p>0){a=l[p-1].href;if(typeof a!=="undefined"&&a.match(J)){c=new Image;c.src=a}}},T=function(a){var c={width:parseInt(r.width+(i.width-r.width)*a,10),height:parseInt(r.height+(i.height-r.height)*a,10),top:parseInt(r.top+(i.top-r.top)*a,10),left:parseInt(r.left+(i.left-r.left)*a,10)};if(typeof i.opacity!=="undefined")c.opacity=a<0.5?0.5:a;f.css(c);
+j.css({width:c.width-d.padding*2,height:c.height-y*a-d.padding*2})},U=function(){return[b(window).width()-d.margin*2,b(window).height()-d.margin*2,b(document).scrollLeft()+d.margin,b(document).scrollTop()+d.margin]},X=function(){var a=U(),c={},g=d.autoScale,k=d.padding*2;c.width=d.width.toString().indexOf("%")>-1?parseInt(a[0]*parseFloat(d.width)/100,10):d.width+k;c.height=d.height.toString().indexOf("%")>-1?parseInt(a[1]*parseFloat(d.height)/100,10):d.height+k;if(g&&(c.width>a[0]||c.height>a[1]))if(e.type==
+"image"||e.type=="swf"){g=d.width/d.height;if(c.width>a[0]){c.width=a[0];c.height=parseInt((c.width-k)/g+k,10)}if(c.height>a[1]){c.height=a[1];c.width=parseInt((c.height-k)*g+k,10)}}else{c.width=Math.min(c.width,a[0]);c.height=Math.min(c.height,a[1])}c.top=parseInt(Math.max(a[3]-20,a[3]+(a[1]-c.height-40)*0.5),10);c.left=parseInt(Math.max(a[2]-20,a[2]+(a[0]-c.width-40)*0.5),10);return c},V=function(){var a=e.orig?b(e.orig):false,c={};if(a&&a.length){c=a.offset();c.top+=parseInt(a.css("paddingTop"),
+10)||0;c.left+=parseInt(a.css("paddingLeft"),10)||0;c.top+=parseInt(a.css("border-top-width"),10)||0;c.left+=parseInt(a.css("border-left-width"),10)||0;c.width=a.width();c.height=a.height();c={width:c.width+d.padding*2,height:c.height+d.padding*2,top:c.top-d.padding-20,left:c.left-d.padding-20}}else{a=U();c={width:d.padding*2,height:d.padding*2,top:parseInt(a[3]+a[1]*0.5,10),left:parseInt(a[2]+a[0]*0.5,10)}}return c},Z=function(){if(t.is(":visible")){b("div",t).css("top",L*-40+"px");L=(L+1)%12}else clearInterval(K)};
+b.fn.fancybox=function(a){if(!b(this).length)return this;b(this).data("fancybox",b.extend({},a,b.metadata?b(this).metadata():{})).unbind("click.fb").bind("click.fb",function(c){c.preventDefault();if(!h){h=true;b(this).blur();o=[];q=0;c=b(this).attr("rel")||"";if(!c||c==""||c==="nofollow")o.push(this);else{o=b("a[rel="+c+"], area[rel="+c+"]");q=o.index(this)}I()}});return this};b.fancybox=function(a,c){var g;if(!h){h=true;g=typeof c!=="undefined"?c:{};o=[];q=parseInt(g.index,10)||0;if(b.isArray(a)){for(var k=
+0,C=a.length;k<C;k++)if(typeof a[k]=="object")b(a[k]).data("fancybox",b.extend({},g,a[k]));else a[k]=b({}).data("fancybox",b.extend({content:a[k]},g));o=jQuery.merge(o,a)}else{if(typeof a=="object")b(a).data("fancybox",b.extend({},g,a));else a=b({}).data("fancybox",b.extend({content:a},g));o.push(a)}if(q>o.length||q<0)q=0;I()}};b.fancybox.showActivity=function(){clearInterval(K);t.show();K=setInterval(Z,66)};b.fancybox.hideActivity=function(){t.hide()};b.fancybox.next=function(){return b.fancybox.pos(p+
+1)};b.fancybox.prev=function(){return b.fancybox.pos(p-1)};b.fancybox.pos=function(a){if(!h){a=parseInt(a);o=l;if(a>-1&&a<l.length){q=a;I()}else if(d.cyclic&&l.length>1){q=a>=l.length?0:l.length-1;I()}}};b.fancybox.cancel=function(){if(!h){h=true;b.event.trigger("fancybox-cancel");N();e.onCancel(o,q,e);h=false}};b.fancybox.close=function(){function a(){u.fadeOut("fast");n.empty().hide();f.hide();b.event.trigger("fancybox-cleanup");j.empty();d.onClosed(l,p,d);l=e=[];p=q=0;d=e={};h=false}if(!(h||f.is(":hidden"))){h=
+true;if(d&&false===d.onCleanup(l,p,d))h=false;else{N();b(E.add(z).add(A)).hide();b(j.add(u)).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");j.find("iframe").attr("src",M&&/^https/i.test(window.location.href||"")?"javascript:void(false)":"about:blank");d.titlePosition!=="inside"&&n.empty();f.stop();if(d.transitionOut=="elastic"){r=V();var c=f.position();i={top:c.top,left:c.left,width:f.width(),height:f.height()};if(d.opacity)i.opacity=1;n.empty().hide();B.prop=1;
+b(B).animate({prop:0},{duration:d.speedOut,easing:d.easingOut,step:T,complete:a})}else f.fadeOut(d.transitionOut=="none"?0:d.speedOut,a)}}};b.fancybox.resize=function(){u.is(":visible")&&u.css("height",b(document).height());b.fancybox.center(true)};b.fancybox.center=function(a){var c,g;if(!h){g=a===true?1:0;c=U();!g&&(f.width()>c[0]||f.height()>c[1])||f.stop().animate({top:parseInt(Math.max(c[3]-20,c[3]+(c[1]-j.height()-40)*0.5-d.padding)),left:parseInt(Math.max(c[2]-20,c[2]+(c[0]-j.width()-40)*0.5-
+d.padding))},typeof a=="number"?a:200)}};b.fancybox.init=function(){if(!b("#fancybox-wrap").length){b("body").append(m=b('<div id="fancybox-tmp"></div>'),t=b('<div id="fancybox-loading"><div></div></div>'),u=b('<div id="fancybox-overlay"></div>'),f=b('<div id="fancybox-wrap"></div>'));D=b('<div id="fancybox-outer"></div>').append('<div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div>').appendTo(f);
+D.append(j=b('<div id="fancybox-content"></div>'),E=b('<a id="fancybox-close"></a>'),n=b('<div id="fancybox-title"></div>'),z=b('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),A=b('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>'));E.click(b.fancybox.close);t.click(b.fancybox.cancel);z.click(function(a){a.preventDefault();b.fancybox.prev()});A.click(function(a){a.preventDefault();b.fancybox.next()});
+b.fn.mousewheel&&f.bind("mousewheel.fb",function(a,c){if(h)a.preventDefault();else if(b(a.target).get(0).clientHeight==0||b(a.target).get(0).scrollHeight===b(a.target).get(0).clientHeight){a.preventDefault();b.fancybox[c>0?"prev":"next"]()}});b.support.opacity||f.addClass("fancybox-ie");if(M){t.addClass("fancybox-ie6");f.addClass("fancybox-ie6");b('<iframe id="fancybox-hide-sel-frame" src="'+(/^https/i.test(window.location.href||"")?"javascript:void(false)":"about:blank")+'" scrolling="no" border="0" frameborder="0" tabindex="-1"></iframe>').prependTo(D)}}};
+b.fn.fancybox.defaults={padding:10,margin:40,opacity:false,modal:false,cyclic:false,scrolling:"auto",width:560,height:340,autoScale:true,autoDimensions:true,centerOnScroll:false,ajax:{},swf:{wmode:"transparent"},hideOnOverlayClick:true,hideOnContentClick:false,overlayShow:true,overlayOpacity:0.7,overlayColor:"#777",titleShow:true,titlePosition:"float",titleFormat:null,titleFromAlt:false,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast",easingIn:"swing",
+easingOut:"swing",showCloseButton:true,showNavArrows:true,enableEscapeButton:true,enableKeyboardNav:true,onStart:function(){},onCancel:function(){},onComplete:function(){},onCleanup:function(){},onClosed:function(){},onError:function(){}};b(document).ready(function(){b.fancybox.init()})})(jQuery);
\ No newline at end of file
--- /dev/null
+/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
+* Licensed under the MIT License (LICENSE.txt).
+*
+* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
+* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
+* Thanks to: Seamus Leahy for adding deltaX and deltaY
+*
+* Version: 3.0.4
+*
+* Requires: 1.2.2+
+*/
+
+(function(d){function g(a){var b=a||window.event,i=[].slice.call(arguments,1),c=0,h=0,e=0;a=d.event.fix(b);a.type="mousewheel";if(a.wheelDelta)c=a.wheelDelta/120;if(a.detail)c=-a.detail/3;e=c;if(b.axis!==undefined&&b.axis===b.HORIZONTAL_AXIS){e=0;h=-1*c}if(b.wheelDeltaY!==undefined)e=b.wheelDeltaY/120;if(b.wheelDeltaX!==undefined)h=-1*b.wheelDeltaX/120;i.unshift(a,c,h,e);return d.event.handle.apply(this,i)}var f=["DOMMouseScroll","mousewheel"];d.event.special.mousewheel={setup:function(){if(this.addEventListener)for(var a=
+f.length;a;)this.addEventListener(f[--a],g,false);else this.onmousewheel=g},teardown:function(){if(this.removeEventListener)for(var a=f.length;a;)this.removeEventListener(f[--a],g,false);else this.onmousewheel=null}};d.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})})(jQuery);
\ No newline at end of file
--- /dev/null
+{% extends "base-2.html" %}
+
+{% block sidebar %}
+ <h4>{{ _("Highlights") }}</h4>
+ <ul>
+ <li><a href="/about">{{ _("About IPFire") }}</a></li>
+ <li><a href="/about/security">{{ _("Security") }}</a></li>
+ <li><a href="/about/firewall">{{ _("Firewall") }}</a></li>
+ <li><a href="/about/pakfire">{{ _("Pakfire") }}</a></li>
+ <li><a href="/about/itsfree">{{ _("It's free") }}</a></li>
+ </ul>
+
+ <h4>{{ _("Features & Addons") }}</h4>
+ <ul>
+ <li><a href="/about/proxy">{{ _("Web proxy") }}</a></li>
+ <ul>
+ <li><a href="/about/proxy/content-filter">{{ _("Content filter") }}</a></li>
+ <li><a href="/about/proxy/update-accelerator">{{ _("Update accelerator") }}</a></li>
+ <li><a href="/about/proxy/virus-scanner">{{ _("Virus scan") }}</a></li>
+ </ul>
+ <li><a href="/about/vpn">{{ _("VPN") }}</a></li>
+ <ul>
+ <li><a href="/about/vpn/ipsec">{{ _("IPsec") }}</a></li>
+ <li><a href="/about/vpn/openvpn">{{ _("OpenVPN") }}</a></li>
+ </ul>
+ <li><a href="/about/ids">{{ _("Intrusion detection") }}</a></li>
+ <li><a href="/about/qos">{{ _("Quality of Service") }}</a></li>
+ <li><a href="/about/wireless">{{ _("Wireless AP") }}</a></li>
+ <li><a href="/about/hardware">{{ _("Hardware") }}</a></li>
+ <li><a href="/about/monitoring">{{ _("Monitoring") }}</a></li>
+ <li><a href="/about/fileserver">{{ _("File and print service") }}</a></li>
+ <li><a href="/about/mailserver">{{ _("Mail server") }}</a></li>
+ <li><a href="/about/virtualization">{{ _("Virtualization") }}</a></li>
+ </ul>
+{% end block %}
+
+{% block javascript %}
+ <script type="text/javascript">
+ $(function() {
+ $("a[rel=screens]").fancybox({
+ 'titlePosition' : 'inside',
+ 'transitionIn' : 'elastic',
+ 'transitionOut' : 'elastic'
+ });
+ });
+ </script>
+{% end block %}
<!-- Style information and javascript -->
<link rel="stylesheet" type="text/css" href="{{ static_url("css/style.css") }}" />
- <link rel="stylesheet" type="text/css" href="{{ static_url("css/js-anythingslider.css") }}" />
+ <link rel="stylesheet" type="text/css" href="{{ static_url("fancybox/jquery.fancybox-1.3.4.css") }}" />
<script type="text/javascript" src="{{ static_url("js/jquery.js") }}"></script>
<script type="text/javascript" src="{{ static_url("js/jquery-ui.js") }}"></script>
- <script type="text/javascript" src="{{ static_url("js/jquery-anythingslider.js") }}"></script>
- <script type="text/javascript" src="{{ static_url("js/jquery-anythingslider-fx.js") }}"></script>
+ <script type="text/javascript" src="{{ static_url("fancybox/jquery.fancybox-1.3.4.pack.js") }}"></script>
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="{{ static_url("css/ie6.css") }}" />
<script src="{{ static_url("js/correctpng.js") }}" type="text/javascript"></script>
{% block title %}{{ _("Home") }}{% end block %}
{% block content %}
- <!--
- <img src="{{ static_url("images/Network-1.png") }}") }}" alt="IPFire Network" />
- <br class="clear" />
- -->
-
<h3>IPFire - {{ _("An open source firewall solution") }}</h3>
{% if lang == "de" %}
<p>
- <strong>IPFire</strong> ist eine Firewall-Distribution für den optimalen Einsatz
- in mittleren bis kleinen Unternehmensnetzwerken und Heimnetzwerken.
- </p>
- <p>
- Obwohl das System extrem schlank gehalten wurde, können
- Addons mit nur einem Klick installiert werden. Diese Eigenschaft unterscheidet
- IPFire von anderen Distributionen: IPFire ist einfach zu administrieren
- hat aber genug Leistung um allen Anforderungen gewachsen zu sein.
+ <strong>IPFire</strong> ist eine Server-Distribution mit primärem Einsatzzweck
+ als Firewall mit besonderer Sicherheit. Ebenso ist IPFire sehr flexibel
+ und skaliert hervorragend von kleinen bis mitteleren Unternehmensnetzwerken,
+ Heimnetzen, Behörden und Schulen.
</p>
{% else %}
<p>
- <strong>IPFire</strong> is a server distribution with intended to use as
- a firewall. It focuses on flexibility, and scales from small to
- middle sized business networks and home networks.
- </p>
- <p>
- Along with this hardened, minimalist come lots of addons that
- can be installed with a simple click. That's what makes IPFire different
- from other firewall distributions: it is easy to configure for any task,
- and easy to administer once it's set up.
+ <strong>IPFire</strong> is a server distribution which primary function
+ is a firewall bundled with strong security. It focuses on
+ flexibility as well and scales from small to middle sized business
+ networks, home networks, authorities and schools.
</p>
{% end %}
<br class="clear" />
- <h4>
- {{ _("See what makes IPFire so great:") }}
- </h4>
-
<table class="blocks">
<tr>
<td class="block block1">
<span>{{ _("Security") }}</span>
{% if lang == "de" %}
<p>
- Die oberste Priorität ist die Sicherheit des Systems.
- Zum Beispiel werden Sicherheits- updates regelmäßig und
+ Die oberste Priorität ist die Sicherheit des Sys- tems.
+ Sicherheitsupdates werden regelmäßig und
zügig verteilt.
</p>
{% else %}
<span>{{ _("Flexibility") }}</span>
{% if lang == "de" %}
<p>
- Heutzutage ist es auch wichtig flexibel auf verschiedenste
- Anforder- ungen einzugehen. Genau wie IPFire...
+ IPFire ist ein schlankes System (Image ca. 60 MB),
+ welches ganz leicht durch zusätzliche Funk- tionen erweitert
+ werden kann.
</p>
{% else %}
<p>
- Nowadays it is also important to act flexible and fit
- as best as possible into the environment. So does IPFire.
+ IPFire is a very small system (install image is about 60MB)
+ and can be easily customized with additional functions.
</p>
{% end %}
<p>
<td class="block block3">
<img src="{{ static_url("images/icons/community.png") }}" alt="{{ _("Community") }}" />
<br class="clear" />
- <span>{{ _("Community") }}</span>
+ <span>{{ _("Open Source") }}</span>
{% if lang == "de" %}
<p>
- Verantwortlich für den Erfolg von IPFire ist eine aktive
- Community, die das Projekt vorantreibt.
+ IPFire ist freie Software, welche von einer offenen
+ Community tagtäglich verbessert wird.
</p>
{% else %}
<p>
- The success of IPFire is based on the community that
- is working on the code and spreading IPFire to the world.
+ IPFire is free software and developed by an open community,
+ that makes IPFire better every single day.
</p>
{% end %}
<p>
</tr>
</table>
+ <br class="clear" />
+
+ {% if lang == "de" %}
+ <p>
+ Das sehr minimalistische, gehärtete System ist höchst anpassungsfähig und
+ schnell zu konfigurieren. Mit nur einem Klick können kostenlos zusätzliche
+ Funktionen nachinstalliert werden, was IPFire grundsätzlich von
+ seinen Konkurrenten in Sachen einfacher Wartung und Funktionsvielfalt
+ abgrenzt.
+ </p>
+ <p>
+ Dabei ist IPFire, da es auf dem Linux-Kernel basiert, äußerst
+ leistungsstark und sicher, um auch in großen Umgebungen betrieben werden
+ zu können.
+ </p>
+ {% else %}
+ <p>
+ IPFire is a minimal, hardened system which distinguishes itself by being
+ very customizable and the possibility to install additional features with
+ only a single click for free. It is very easy to install and maintain.
+ </p>
+ <p>
+ Based on the Linux kernel, IPFire has got a lot of performance and
+ is very secure that it can be used in large environments.
+ </p>
+ {% end %}
+
<p class="links">
{{ _("Quick links") }} •
<a href="/about">{{ _("About IPFire") }}</a>
<a href="http://wiki.ipfire.org/" target="_blank">{{ _("wiki") }}</a>
•
<a href="http://forum.ipfire.org/" target="_blank">{{ _("forum") }}</a>
- <!-- •
- <a href="/about">{{ _("Screenshots") }}</a> -->
</p>
<div class="line"></div>
-{% extends "../base-1.html" %}
+{% extends "../base-feature.html" %}
{% block title %}{{ _("About IPFire") }}{% end block %}
{% block content %}
- <div id="tabs">
- <ul>
- <li><a href="#concept">{{ _("Concept of the system") }}</a></li>
- <li><a href="#security">{{ _("Security") }}</a></li>
- <li><a href="#pakfire">{{ _("Package management") }}</a></li>
- <li><a href="#firewall">{{ _("Firewall") }}</a></li>
- <li><a href="#vpn">{{ _("VPN") }}</a></li>
- <li><a href="#hardware">{{ _("Hardware") }}</a></li>
- <li><a href="#virtualization">{{ _("Virtualization") }}</a></li>
- <li><a href="#itsfree">{{ _("It's free") }}</a></li>
- </ul>
- <div id="concept">
- {% if lang == "de" %}
- <p>
- <strong>IPFire</strong> ist auf der Grundidee einer hohen "Flexibilität" aufgebaut. Das ermöglicht
- aus einer einzigen Basis verschiedene Einsatzzwecke optimal zu unterstützen. Beginnend mit einem
- Firewall-System bestehend aus wenigen Megabytes ist es möglich IPFire auch als Dateiserver,
- Proxyserver, Wireless Access Point oder VPN-Gateway für Mitarbeiter, Filialen oder Kunden zu
- betreiben. Dies und mehr ist möglich durch einen eigens entwickelten Paketmanager, der nur
- installiert was gewollt ist und Sicherheitsupdates sehr einfach macht.
- </p>
- <p>
- Dies ist der beste Weg ein Netzwerk sicher zu gestalten, denn Sicherheit ist kein Programm,
- das einfach installiert werden kann und um welches man sich nicht mehr kümmern braucht.
- Hingegen kann Sicherheit von Unternehmen zu Unternehmen ganz anders aussehen und das
- erfordert Anpassungsfähigkeit, die IPFire mit sich bringt.
- </p>
- <p>
- <em>Diese Tabs zeigen was mit IPFire alles möglich ist. Jede Rubrik trägt ihren Teil zum
- Gesamtkonzept bei und macht IPFire ganz individuell zu dem was es ist.</em>
- </p>
- {% else %}
- <p>
- The foundation of <strong>IPFire</strong> is the high level of flexibility which lets us
- configure different versions of this operating system out of a single base. Beginning with a
- small firewall system of a few megabytes, it is possible to run IPFire as a file server or
- VPN gateway for staff, branches or customers. This modularity means that yor version of
- IPFire runs with exactly what you require and nothing more.
- All features are easily configured with the package manager, which also
- makes updates very easy.
- </p>
- <p>
- We believe that this is the best way to provide security to a network. There is no way to
- distribute a static appliance because security menas different things to different people,
- and changes over time. Security is more of a process paired with behaviour and restrictions.
- IPFire has been designed to be flexible enough to fit into any existing security architecture.
- </p>
- <p>
- <em>Please click through the tabs and take a look at the possibilities IPFire offers for
- your personal concept of network.</em>
- If you're still deciding what that concept is, don't worry. IPFire comes with intelligent
- defaults for settings whereever possible.
- </p>
- {% end %}
+ <h3>{{ _("About IPFire") }}</h3>
-<!-- XXX temporarily disabled
- <br class="clear" />
-
- <ul id="slider1">
- <li><img src="{{ static_url("images/screenshots/en/firewall/index-detail-1.png") }}" alt="" /></li>
- <li><img src="{{ static_url("images/screenshots/en/concept/traffic-graph-1.png") }}" alt="" /></li>
- <li><img src="{{ static_url("images/screenshots/en/firewall/edit-portfw-rule-1.png") }}" alt="" /></li>
- </ul>
--->
- </div>
- <div id="security">
- <img src="{{ static_url("images/icons/security.png") }}" class="floatTL" alt="{{ _("Security") }}" />
- {% if lang == "de" %}
- <p>
- Der Schwerpunkt, der in der Entwicklung von IPFire am meisten wiegt, ist Sicherheit. Aber da
- es nicht nur einen Weg gibt Sicherheit zu erlangen, ist es notwendig, dass jeder Administrator
- Kenntnis darüber hat, welche Konfiguration am Besten in seiner individuellen Umgebung ist.
- </p>
- <p>
- IPFire ist die Basis für Sicherheit im Netzwerk. Durch die Fähigkeit das Netzwerk zu separieren,
- kann jeder Teil nach seinen Bedürfnissen gesichert werden. In der
- Firewall-Sektion gibt es mehr dazu.
- </p>
- <p>
- Ein weiterer sehr wichtiger Punkt, auf den die Entwickler Wert legen, ist das zügige und
- zuverlässige Bereitstellen von Sicherheitsupdates. Da sich IPFire direkt mit dem Internet
- verbindet, ist das System primäres Ziel von Hackern und Bots.
- </p>
- {% else %}
- <p>
- The primary objective in the development of IPFire is - of course - security. But it doesn't
- mean there is only one way to achieve security. Rather, it is more important for every
- administrator to understand their environemnt and what security means <em>in that context</em>.
- </p>
- <p>
- IPFire is the base of security for a local network. It has the power to segment the network based
- on their required security level. This makes it easy to create custom policies for each segment.
- See the firewall tab for more information.
- </p>
- <p>
- Part of this focus on security involves the fast and reliable distribution of security updates
- of the system and its components. Updates are digitally signed and encrypted, and can be
- automatically installed by the Pakfire, the package manager. Since IPFire is directly
- connected to the Internet it is a primary target for hackers and bots. Pakfire helps
- administrators feel certain they are running the latest security updates and bug fixes.
- </p>
- {% end %}
- </div>
- <div id="pakfire">
- <img src="{{ static_url("images/icons/pakfire.png") }}" class="floatTL" alt="{{ _("Pakfire") }}" />
- {% if lang == "de" %}
- <p>
- Vom technischen Standpunkt aus ist IPFire ein schlankes, gehärtetes Firewall-System, welches
- einen Paketmanager mitbringt, der den Namen Pakfire trägt.
- Mit nur wenigen Klicks ist es möglich dieses System als eine Serverlösung auszubauen.
- </p>
- <p>
- Die interessantesten Addons:
- </p>
- <ul class="list">
- <!-- XXX ma ordentlich machen, ne? -->
- <!-- XXX vielleicht auf die howtos im wiki verlinken -->
- <li>Dateidienste wie z.B.: Samba und vsftpd</li>
- <li>Eine Auswahl an Konsolentools: tcpdump, nmap und traceroute.</li>
- <li>Asterisk</li>
- <li><em>und viele mehr...</em></li>
- </ul>
- {% else %}
- <p>
- From a technical point of view, IPFire is a minimalistic, hardened firewall system
- which comes with an integrated package manager called Pakfire. With a single click you
- can enhance the base system by providing network services.
- </p>
- <p>
- Some interesting addons:
- </p>
- <ul class="list">
- <!-- XXX make this right -->
- <li>File services such as Samba and vsftpd</li>
- <li>Communication Server Asterisk</li>
- <li>A collection of command line tools like tcpdump, nmap and traceroute.</li>
- <li><em>and many more...</em></li>
- </ul>
- {% end %}
-
- <p class="links">
- <a href="http://wiki.ipfire.org/{{ lang }}/configuration/ipfire/pakfire/start">{{ _("How to install a package?") }}</a>
- •
- <a href="http://wiki.ipfire.org/{{ lang }}/addons/start">{{ _("Full list of installable addons") }}</a>
+ <div class="seeleftbox">
+ {% if lang == "de" %}
+ <p>
+ Auf der rechten Seite können Sie durch alle Funktionen von IPFire
+ durchblättern.
</p>
- </div>
- <div id="firewall">
- <img src="{{ static_url("images/icons/firewall.png") }}" class="floatTL" alt="{{ _("Firewall") }}" />
- {% if lang == "de" %}
- <p>
- IPFire ist mit einer SPI-Firewall (stateful inspection) ausgestattet, die auf dem
- Linux <a href="http://www.netfilter.org/">netfilter</a> aufgebaut ist.
- </p>
- <p>
- Jede IPFire-Installation teilt das Netzwerk in kleinere, voneinander getrennte Teile,
- denen eine Gruppe von Computern zugeordnet wird - abhängig von ihrer Sicherheitseinstufung:
- </p>
- <ul class="list">
- <li style="color: green;">
- <strong>Grün (Green):</strong> In der grünen Zone befinden sich alle Client-PCs,
- die als sicher eingestuft sind. Das ist in der Regel das verkabelte LAN. Alle PCs
- können auf alle anderen Netze ohne Beschränkung zugreifen.
- </li>
- <li style="color: red;">
- <strong>Rot (Red):</strong> Das Internet hat, aufgrund seiner potentiellen Gefahr,
- die Farbe Rot bekommen. Es ist kein Zugriff von dort auf eines der anderen
- Netze möglich ohne, dass dies vorher explizit erlaubt wurde.
- </li>
- <li style="color: darkblue;">
- <strong>Blau (Blue):</strong> Das drahtlose Netzwerk ist auch eher als gefärlich
- einzustufen und wurde daher vom übrigen LAN getrennt. PCs in diesem Netz müssen
- explizit zugelassen werden, um auf das Internet zugreifen zu dürfen.
- </li>
- <li style="color: orange;">
- <strong>Orange:</strong> Server, die vom Internet aus erreichbar sein müssen,
- haben die Gefahr, dass sie übernommen werden können. Für diesen Fall sind sie
- im orangen Segment eingeschlossen und können keine anderen Systeme
- in den anderen Zonen beeinträchtigen. Die orangene Zone wird auch demilitarisierte
- Zone (DMZ) genannt.
- </li>
- </ul>
- <br class="clear" />
- <p>
- Somit gibt es für jedes System einen optimalen Platz im Netzwerk. Alle Netzwerksegmente
- außer Grün und Rot, die immer vorhanden sind, können einzeln hinzukonfiguriert werden.
- <br />
- Zusätzlich gibt es eine <strong>ausgehende Firewall</strong>, die Verkehr aus den lokalen
- Netzen heraus ins Internet filtert.
- </p>
- {% else %}
- <p>
- IPFire uses a firewall using Stateful Packet Inspection (SPI) which is built on top of
- <a href="http://www.netfilter.org/">netfilter</a>, the Linux packet filtering framework.
- </p>
- <p>
- With the installation of IPFire, the network gets separated into different segments which
- represent a group of computers which share a common security level:
- </p>
- <ul class="list">
- <li style="color: green;">
- <strong>Green</strong> represents a safe area. This is where all regular client computers
- reside. is usually comprised of a wired local network. Clients can access all other
- network segments without restriction.
- </li>
- <li style="color: red;">
- <strong>Red</strong>, a color commonly indicating danger, represents the Internet.
- No access from the Internet is permitted to pass the firewall unless specially configured
- by the administrator.
- </li>
- <li style="color: darkblue;">
- <strong>Blue</strong> represents the wireless part of the local network, since it has
- its own unique potential for abuse. The color blue was chosen as it is the color of the
- sky. Clients on this network segment must be explicitly allowed before they may access
- the network.
- </li>
- <li style="color: orange;">
- <strong>Orange</strong> is commonly referred to as the demilitarized zone (DMZ). Any
- servers which are publicly accessible are separated from the rest of the network to
- limit extent of a security breach.
- </li>
- </ul>
- <br class="clear" />
- <p>
- This scheme means there is a perfect place for each machine in the network. The various
- segments may be enabled separately depending on requirements. Additionally, the firewall
- can also control outbound Internet access from any segment. This gives the administrator
- ultimate control over how their network can be used.
- </p>
- {% end %}
-
- <p class="links">
- <a href="http://wiki.ipfire.org/en/configuration/firewall/outgoingfirewall">{{ _("Outgoing firewall configuration") }}</a>
- </p>
-
-<!-- XXX temporarily disabled
- <div class="line"></div>
-
- <ul id="slider2">
- <li><img src="{{ static_url("images/screenshots/en/firewall/index-detail-1.png") }}" alt="" /></li>
- <li><img src="{{ static_url("images/screenshots/en/firewall/edit-portfw-rule-1.png") }}" alt="" /></li>
- <li><img src="{{ static_url("images/screenshots/en/firewall/dmz-holes-1.png") }}" alt="" /></li>
- </ul>
--->
- </div>
- <div id="vpn">
- <img src="{{ static_url("images/icons/vpn.png") }}" class="floatTL" alt="{{ _("VPN") }}" />
- {% if lang == "de" %}
- <p>
- IPFire kann zu einem VPN-Gateway (virtal private network - virtuelles, privates Netzwerk)
- ausgebaut werden, welches Personen mit unterschiedlichem Standort untereinander verbindet.
- Dies können zum Beispiel Mitarbeiter, Freunde oder Personen sein mit denen man Daten sicher
- austauschen möchte, aber auch eine Filiale, Außenstelle, wichtige Kunden oder andere Unternehmen
- mit denen kommuniziert wird.
- </p>
- <p>
- Um sich über verschiedene Technologien verbinden zu können verfügt IPFire über folgende
- Implementierungen:
- </p>
- <ul class="list">
- <li>
- <strong>IPSec</strong>, das Netzwerke mit anderen Netzwerken transparent verbindet und
- gut geeignet ist für permanente Verbindungen.
- </li>
- <li>
- Für sogenannte <em>Roadwarrior-Clients</em> (z.B. Notebooks) gibt es <strong>OpenVPN</strong>
- um in verschiedenen Situationen ad hoc eine sichere Verbindung herzustellen.
- </li>
- </ul>
- <br class="clear" />
- <p>
- Mit dieser Software, lässt sich IPFire leicht mit Routern oder VPN-Gateways von
- <a href="http://www.cisco.com" target="_blank">Cisco</a>,
- <a href="http:///www.juniper.net" target="_blank">Juniper</a>,
- <a href="http://www.checkpoint.com" target="_blank">Checkpoint</a>,
- andere Linux-basierten Implementierungen verbinden und vielem mehr...
- </p>
- {% else %}
- <p>
- IPFire may be enhanced to include a virtual private network (VPN) gateway which connects
- remote people and places to the local network using an encrypted link. This could be staff,
- friends, or anyone you'd like to share data with in a secure way. Businesses use VPNs to
- connect branch offices, datacenters, corporate partners, and to provide traveling staff
- with a portal into the corporate network.
- </p>
- <p>
- IPFire uses both the IPSEC and OpenVPN protocols, affording the maximum in flexibility
- when configuring your VPN. These implementations allow IPFire connect to VPN endpoint
- devices by:
- <a href="http://www.cisco.com" target="_blank">Cisco</a>,
- <a href="http:///www.juniper.net" target="_blank">Juniper</a>,
- <a href="http://www.checkpoint.com" target="_blank">Checkpoint</a>,
- NetGear, or any Linux based implementation.
- </p>
- {% end %}
- <p class="links">
- <!-- XXX a link to the wiki goes here -->
- <a href="http://wiki.ipfire.org">{{ _("Learn more about configuring a VPN connection") }}</a>
+ {% else %}
+ <p>
+ See the navigation on the right and browse through the wonderful features
+ of IPFire.
</p>
- </div>
- <div id="hardware">
- <img src="{{ static_url("images/icons/hardware.png") }}" class="floatTL" alt="{{ _("Hardware") }}" />
- {% if lang == "de" %}
- <p>
- Basierend auf aktuellen Versionen des Linux Kernels der 2.6er Serie unterstützt IPFire
- neueste Hardware, wie 10-Gigabit-Netzwerkkarten und Wireless-Hardware, ohne zusätzlich
- nachzuinstallierende Treiber.
- </p>
- <p>
- Es wird mindestens eine i586er CPU benötigt (Intel Pentium I oder höher). Weiterhin
- empfehlen wir mindestens 128 MB RAM und 1GB Festplattenplatz.
- </p>
- <p>
- Für den Einsatz als Router sind mindestens zwei Netzwerkschnittstellen erforderlich.
- Alternativ kann der Internetzugang auch über ein UMTS-Modem erfolgen.
- </p>
- <p>
- Den Entwicklern ist es ein Anliegen, IPFire auf einer möglichst breiten Palette von
- Hardware lauffähig zu machen. Das schließt sowohl günstige Hardware, wie auch
- hochperformante Server ein.
- </p>
- {% else %}
- <p>
- Based on a recent version of the Linux kernel 2.6 series, IPFire supports the latest hardware
- like 10Gbit network cards and wireless hardware out of the box.
- </p>
- <p>
- Requirements are minimal: an Intel Pentium I compatible CPU (i586), 128 MB RAM,
- and 1GB disk space.
- </p>
- <p>
- For routing, at least 2 network interfaces are required.
- Alternatively, a 3G modem may be used.
- </p>
- <p>
- The IPFire Developers are concerned with the ability to run IPFire on systems running as many
- variations as possible. This is what helps IPFire run on cheap hardware as well as high
- performance servers.
- </p>
- {% end %}
- <p class="links">
- <a href="http://fireinfo.ipfire.org/" target="_blank">{{ _("Fireinfo") }}</a>
- •
- <a href="http://wiki.ipfire.org/{{ lang }}/hardware/start" target="_blank">{{ _("Hardware section on the wiki") }}</a>
- •
- <a href="http://wiki.ipfire.org/{{ lang }}/hardware/networking" target="_blank">{{ _("Hardware compatibility list") }} ({{ _("networking") }})</a>
- </p>
- </div>
- <div id="virtualization">
- <img src="{{ static_url("images/icons/virtualization.png") }}" class="floatTL" alt="{{ _("Virtualization") }}" />
- {% if lang == "de" %}
- <p>
- IPFire kann, als virtueller Gast, auf folgenden Lösungen betrieben werden:
- </p>
- <ul class="list">
- <li><a href="http://www.linux-kvm.org">KVM</a>/Qemu</li>
- <li>Xen (paravirtualisiert oder im vollvirtualisieren Modus)</li>
- <li>VMWare (Workstation, vSphere, ESXi, ...)</li>
- <li>Virtualbox</li>
- </ul>
- <br class="clear" />
- <p>
- Um eine hohe Leistung auf allen Systemen zu gewährleisten, werden
- zahlreiche Frontent-Treiber mitgeliefert.
- </p>
- {% else %}
- <p>
- IPFire can be run as a virtual guest on the following hypervisors:
- </p>
- <ul class="list">
- <li><a href="http://www.linux-kvm.org">KVM</a>/Qemu</li>
- <li>Xen (paravirtualized and fully virtualized mode)</li>
- <li>VMWare (Workstation, vSphere, ESXi, ...)</li>
- <li>Virtualbox</li>
- </ul>
- <br class="clear" />
- <p>
- It brings many frontend drivers for high performance to all the hypervisors.
- </p>
- {% end %}
- </div>
- <div id="itsfree">
- <img src="{{ static_url("images/icons/itsfree.png") }}" class="floatTL" alt="{{ _("It's free") }}" />
- {% if lang == "de" %}
- <p>
- Lizenziert unter der <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
- in Version 3 ist IPFire freie Software.
- </p>
- <p>
- Eine <a href="/donation">Spende</a> sichert den Fortbestand des Projekts,
- welches ohne diese Form der Unterstützung, nicht existieren könnte.
- </p>
- <p>
- Freie Software ermöglicht (unter den Bedingungen der GPLv3):
- </p>
- <ul class="list">
- <li>Kostenfreie Nutzung über einen unbegrenzten Zeitraum</li>
- <li>Einblick in den Quelltext</li>
- <li>Möglichkeiten zur Mitwirkung und Verbeserung</li>
- <li>Unabhängigkeit von einem Hersteller</li>
- </ul>
- {% else %}
- <p>
- IPFire is licensed under the terms of the <a href="http://www.gnu.org/licenses/gpl.html">GNU General
- Public License</a> in version 3, so it is free software.
- </p>
- <p>
- The success of the project depends upon <a href="/donation">donations</a>
- to the community.
- </p>
- <p>
- Free software allows (under the terms of the GPLv3):
- </p>
- <ul class="list">
- <li>Free use for an unlimited amount time</li>
- <li>Review of the full source code</li>
- <li>Opportunity to take part in development and make own improvements</li>
- <li>Independence from a specific vendor</li>
- </ul>
- {% end %}
- </div>
+ {% end %}
</div>
-{% end block %}
-{% block javascript %}
- <script type="text/javascript">
- $(function() {
- $("#slider1, #slider2").anythingSlider({
- delay: 7000,
- hashTags: false,
- easing: "swing",
- buildNavigation: false,
- resizeContents: false
- });
+ {% if lang == "de" %}
+ <p>
+ <strong>IPFire</strong> ist auf der Grundidee einer hohen "Flexibilität" aufgebaut. Das ermöglicht
+ aus einer einzigen Basis verschiedene Einsatzzwecke optimal zu unterstützen. Beginnend mit einem
+ Firewall-System bestehend aus wenigen Megabytes ist es möglich IPFire auch als Dateiserver,
+ Proxyserver, Wireless Access Point oder VPN-Gateway für Mitarbeiter, Filialen oder Kunden zu
+ betreiben. Dies und mehr ist möglich durch einen eigens entwickelten Paketmanager, der nur
+ installiert was gewollt ist und Sicherheitsupdates sehr einfach macht.
+ </p>
+ <p>
+ Dies ist der beste Weg ein Netzwerk sicher zu gestalten, denn Sicherheit ist kein Programm,
+ das einfach installiert werden kann und um welches man sich nicht mehr kümmern braucht.
+ Hingegen kann Sicherheit von Unternehmen zu Unternehmen ganz anders aussehen und das
+ erfordert Anpassungsfähigkeit, die IPFire mit sich bringt.
+ </p>
+ <p>
+ <em>Diese Tabs zeigen was mit IPFire alles möglich ist. Jede Rubrik trägt ihren Teil zum
+ Gesamtkonzept bei und macht IPFire ganz individuell zu dem was es ist.</em>
+ </p>
+ {% else %}
+ <p>
+ The foundation of <strong>IPFire</strong> is the high level of flexibility which lets us
+ configure different versions of this operating system out of a single base. Beginning with a
+ small firewall system of a few megabytes, it is possible to run IPFire as a file server or
+ VPN gateway for staff, branches or customers. This modularity means that yor version of
+ IPFire runs with exactly what you require and nothing more.
+ All features are easily configured with the package manager, which also
+ makes updates very easy.
+ </p>
+ <p>
+ We believe that this is the best way to provide security to a network. There is no way to
+ distribute a static appliance because security menas different things to different people,
+ and changes over time. Security is more of a process paired with behaviour and restrictions.
+ IPFire has been designed to be flexible enough to fit into any existing security architecture.
+ </p>
+ <p>
+ <em>Please click through the tabs and take a look at the possibilities IPFire offers for
+ your personal concept of network.</em>
+ If you're still deciding what that concept is, don't worry. IPFire comes with intelligent
+ defaults for settings whereever possible.
+ </p>
+ {% end %}
- $("#tabs").tabs();
- });
- </script>
+ <div class="line"></div>
+
+ <div class="screenshots">
+ <a rel="screens" href="{{ static_url("images/screenshots/en/concept/index-detail-1.png") }}"
+ title="{{ _("A quick overview over all connections.") }}"><img alt="{{ _("Image 1") }}"
+ src="{{ static_url("images/screenshots/en/concept/index-detail-1_thumb.png") }}" />
+ </a>
+ <a rel="screens" href="{{ static_url("images/screenshots/en/concept/traffic-graph-1.png") }}"
+ title="{{ _("IPFire comes with lots of monitoring like traffic graphs.") }}"><img
+ alt="{{ _("Image 2") }}" src="{{ static_url("images/screenshots/en/concept/traffic-graph-1_thumb.png") }}" />
+ </a>
+ </div>
{% end block %}
--- /dev/null
+{% extends "../../base-feature.html" %}
+
+{% block title %}{{ _("Firewall") }}{% end block %}
+
+{% block content %}
+ <h3>{{ _("Firewall") }}</h3>
+
+ <img src="{{ static_url("images/icons/firewall.png") }}" class="floatTL" alt="{{ _("Firewall") }}" />
+ {% if lang == "de" %}
+ <p>
+ IPFire ist mit einer SPI-Firewall (stateful inspection) ausgestattet, die auf dem
+ Linux <a href="http://www.netfilter.org/">netfilter</a> aufgebaut ist.
+ </p>
+ <p>
+ Jede IPFire-Installation teilt das Netzwerk in kleinere, voneinander getrennte Teile,
+ denen eine Gruppe von Computern zugeordnet wird - abhängig von ihrer Sicherheitseinstufung:
+ </p>
+ <ul class="list">
+ <li style="color: green;">
+ <strong>Grün (Green):</strong> In der grünen Zone befinden sich alle Client-PCs,
+ die als sicher eingestuft sind. Das ist in der Regel das verkabelte LAN. Alle PCs
+ können auf alle anderen Netze ohne Beschränkung zugreifen.
+ </li>
+ <li style="color: red;">
+ <strong>Rot (Red):</strong> Das Internet hat, aufgrund seiner potentiellen Gefahr,
+ die Farbe Rot bekommen. Es ist kein Zugriff von dort auf eines der anderen
+ Netze möglich ohne, dass dies vorher explizit erlaubt wurde.
+ </li>
+ <li style="color: darkblue;">
+ <strong>Blau (Blue):</strong> Das drahtlose Netzwerk ist auch eher als gefärlich
+ einzustufen und wurde daher vom übrigen LAN getrennt. PCs in diesem Netz müssen
+ explizit zugelassen werden, um auf das Internet zugreifen zu dürfen.
+ </li>
+ <li style="color: orange;">
+ <strong>Orange:</strong> Server, die vom Internet aus erreichbar sein müssen,
+ haben die Gefahr, dass sie übernommen werden können. Für diesen Fall sind sie
+ im orangen Segment eingeschlossen und können keine anderen Systeme
+ in den anderen Zonen beeinträchtigen. Die orangene Zone wird auch demilitarisierte
+ Zone (DMZ) genannt.
+ </li>
+ </ul>
+ <br class="clear" />
+ <p>
+ Somit gibt es für jedes System einen optimalen Platz im Netzwerk. Alle Netzwerksegmente
+ außer Grün und Rot, die immer vorhanden sind, können einzeln hinzukonfiguriert werden.
+ <br />
+ Zusätzlich gibt es eine <strong>ausgehende Firewall</strong>, die Verkehr aus den lokalen
+ Netzen heraus ins Internet filtert.
+ </p>
+ {% else %}
+ <p>
+ IPFire uses a firewall using Stateful Packet Inspection (SPI) which is built on top of
+ <a href="http://www.netfilter.org/">netfilter</a>, the Linux packet filtering framework.
+ </p>
+ <p>
+ With the installation of IPFire, the network gets separated into different segments which
+ represent a group of computers which share a common security level:
+ </p>
+ <ul class="list">
+ <li style="color: green;">
+ <strong>Green</strong> represents a safe area. This is where all regular client computers
+ reside. is usually comprised of a wired local network. Clients can access all other
+ network segments without restriction.
+ </li>
+ <li style="color: red;">
+ <strong>Red</strong>, a color commonly indicating danger, represents the Internet.
+ No access from the Internet is permitted to pass the firewall unless specially configured
+ by the administrator.
+ </li>
+ <li style="color: darkblue;">
+ <strong>Blue</strong> represents the wireless part of the local network, since it has
+ its own unique potential for abuse. The color blue was chosen as it is the color of the
+ sky. Clients on this network segment must be explicitly allowed before they may access
+ the network.
+ </li>
+ <li style="color: orange;">
+ <strong>Orange</strong> is commonly referred to as the demilitarized zone (DMZ). Any
+ servers which are publicly accessible are separated from the rest of the network to
+ limit extent of a security breach.
+ </li>
+ </ul>
+ <br class="clear" />
+ <p>
+ This scheme means there is a perfect place for each machine in the network. The various
+ segments may be enabled separately depending on requirements. Additionally, the firewall
+ can also control outbound Internet access from any segment. This gives the administrator
+ ultimate control over how their network can be used.
+ </p>
+ {% end %}
+
+ <p class="links">
+ <a href="http://wiki.ipfire.org/en/configuration/firewall/outgoingfirewall">{{ _("Outgoing firewall configuration") }}</a>
+ </p>
+
+ <div class="line"></div>
+
+ <div class="screenshots">
+ <a rel="screens" href="{{ static_url("images/screenshots/en/firewall/edit-portfw-rule-1.png") }}"
+ title="{{ _("Firewall rules can be easily edited.") }}"><img alt="{{ _("Image 1") }}"
+ src="{{ static_url("images/screenshots/en/firewall/edit-portfw-rule-1_thumb.png") }}" />
+ </a>
+ <a rel="screens" href="{{ static_url("images/screenshots/en/firewall/dmz-holes-1.png") }}"
+ title="{{ _("Firewall rules can be easily edited.") }}"><img alt="{{ _("Image 1") }}"
+ src="{{ static_url("images/screenshots/en/firewall/dmz-holes-1_thumb.png") }}" />
+ </a>
+ <a rel="screens" href="{{ static_url("images/screenshots/en/firewall/connections-1.png") }}"
+ title="{{ _("An overview over all connections.") }}"><img alt="{{ _("Image 1") }}"
+ src="{{ static_url("images/screenshots/en/firewall/connections-1_thumb.png") }}" />
+ </a>
+ </div>
+{% end block %}
--- /dev/null
+{% extends "../../base-feature.html" %}
+
+{% block title %}{{ _("Hardware") }}{% end block %}
+
+{% block content %}
+ <h3>{{ _("Hardware") }}</h3>
+
+ <img src="{{ static_url("images/icons/hardware.png") }}" class="floatTL" alt="{{ _("Hardware") }}" />
+ {% if lang == "de" %}
+ <p>
+ Basierend auf aktuellen Versionen des Linux Kernels der 2.6er Serie unterstützt IPFire
+ neueste Hardware, wie 10-Gigabit-Netzwerkkarten und Wireless-Hardware, ohne zusätzlich
+ nachzuinstallierende Treiber.
+ </p>
+ <p>
+ Es wird mindestens eine i586er CPU benötigt (Intel Pentium I oder höher). Weiterhin
+ empfehlen wir mindestens 128 MB RAM und 1GB Festplattenplatz.
+ </p>
+ <p>
+ Für den Einsatz als Router sind mindestens zwei Netzwerkschnittstellen erforderlich.
+ Alternativ kann der Internetzugang auch über ein UMTS-Modem erfolgen.
+ </p>
+ <p>
+ Den Entwicklern ist es ein Anliegen, IPFire auf einer möglichst breiten Palette von
+ Hardware lauffähig zu machen. Das schließt sowohl günstige Hardware, wie auch
+ hochperformante Server ein.
+ </p>
+ {% else %}
+ <p>
+ Based on a recent version of the Linux kernel 2.6 series, IPFire supports the latest hardware
+ like 10Gbit network cards and wireless hardware out of the box.
+ </p>
+ <p>
+ Requirements are minimal: an Intel Pentium I compatible CPU (i586), 128 MB RAM,
+ and 1GB disk space.
+ </p>
+ <p>
+ For routing, at least 2 network interfaces are required.
+ Alternatively, a 3G modem may be used.
+ </p>
+ <p>
+ The IPFire Developers are concerned with the ability to run IPFire on systems running as many
+ variations as possible. This is what helps IPFire run on cheap hardware as well as high
+ performance servers.
+ </p>
+ {% end %}
+ <p class="links">
+ <a href="http://fireinfo.ipfire.org/" target="_blank">{{ _("Fireinfo") }}</a>
+ •
+ <a href="http://wiki.ipfire.org/{{ lang }}/hardware/start" target="_blank">{{ _("Hardware section on the wiki") }}</a>
+ •
+ <a href="http://wiki.ipfire.org/{{ lang }}/hardware/networking" target="_blank">{{ _("Hardware compatibility list") }} ({{ _("networking") }})</a>
+ </p>
+
+ <div class="line"></div>
+
+ <div class="screenshots">
+ <a rel="screens" href="{{ static_url("images/screenshots/en/hardware/hwtemp-1.png") }}"
+ title="{{ _("All hardware data is monitored.") }}"><img alt="{{ _("Image 1") }}"
+ src="{{ static_url("images/screenshots/en/hardware/hwtemp-1_thumb.png") }}" />
+ </a>
+ </div>
+{% end block %}
--- /dev/null
+{% extends "../../base-feature.html" %}
+
+{% block title %}{{ _("IPFire is free software") }}{% end block %}
+
+{% block content %}
+ <h3>{{ _("IPFire is free software") }}</h3>
+
+ <img src="{{ static_url("images/icons/itsfree.png") }}" class="floatTL" alt="{{ _("It's free") }}" />
+ {% if lang == "de" %}
+ <p>
+ Lizenziert unter der <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
+ in Version 3 ist IPFire freie Software.
+ </p>
+ <p>
+ Eine <a href="/donation">Spende</a> sichert den Fortbestand des Projekts,
+ welches ohne diese Form der Unterstützung, nicht existieren könnte.
+ </p>
+ <p>
+ Freie Software ermöglicht (unter den Bedingungen der GPLv3):
+ </p>
+ <ul class="list">
+ <li>Kostenfreie Nutzung über einen unbegrenzten Zeitraum</li>
+ <li>Einblick in den Quelltext</li>
+ <li>Möglichkeiten zur Mitwirkung und Verbeserung</li>
+ <li>Unabhängigkeit von einem Hersteller</li>
+ </ul>
+ {% else %}
+ <p>
+ IPFire is licensed under the terms of the <a href="http://www.gnu.org/licenses/gpl.html">GNU General
+ Public License</a> in version 3, so it is free software.
+ </p>
+ <p>
+ The success of the project depends upon <a href="/donation">donations</a>
+ to the community.
+ </p>
+ <p>
+ Free software allows (under the terms of the GPLv3):
+ </p>
+ <ul class="list">
+ <li>Free use for an unlimited amount time</li>
+ <li>Review of the full source code</li>
+ <li>Opportunity to take part in development and make own improvements</li>
+ <li>Independence from a specific vendor</li>
+ </ul>
+ {% end %}
+{% end block %}
--- /dev/null
+{% extends "../../base-feature.html" %}
+
+{% block title %}{{ _("Pakfire") }}{% end block %}
+
+{% block content %}
+ <h3>{{ _("Pakfire - the IPFire package management") }}</h3>
+
+ <img src="{{ static_url("images/icons/pakfire.png") }}" class="floatTL" alt="{{ _("Pakfire") }}" />
+ {% if lang == "de" %}
+ <p>
+ Vom technischen Standpunkt aus ist IPFire ein schlankes, gehärtetes Firewall-System, welches
+ einen Paketmanager mitbringt, der den Namen Pakfire trägt.
+ Mit nur wenigen Klicks ist es möglich dieses System als eine Serverlösung auszubauen.
+ </p>
+ <p>
+ Die interessantesten Addons:
+ </p>
+ <ul class="list">
+ <li>Dateidienste wie z.B.: Samba und vsftpd</li>
+ <li>Eine Auswahl an Konsolentools: tcpdump, nmap und traceroute.</li>
+ <li>Asterisk</li>
+ <li><em>und viele mehr...</em></li>
+ </ul>
+ {% else %}
+ <p>
+ From a technical point of view, IPFire is a minimalistic, hardened firewall system
+ which comes with an integrated package manager called Pakfire. With a single click you
+ can enhance the base system by providing network services.
+ </p>
+ <p>
+ Some interesting addons:
+ </p>
+ <ul class="list">
+ <!-- XXX make this right -->
+ <li>File services such as Samba and vsftpd</li>
+ <li>Communication Server Asterisk</li>
+ <li>A collection of command line tools like tcpdump, nmap and traceroute.</li>
+ <li><em>and many more...</em></li>
+ </ul>
+ {% end %}
+
+ <p class="links">
+ <a href="http://wiki.ipfire.org/{{ lang }}/configuration/ipfire/pakfire/start">{{ _("How to install a package?") }}</a>
+ •
+ <a href="http://wiki.ipfire.org/{{ lang }}/addons/start">{{ _("Full list of installable addons") }}</a>
+ </p>
+
+ <div class="line"></div>
+
+ <div class="screenshots">
+ <a rel="screens" href="{{ static_url("images/screenshots/en/pakfire/pakfire-overview-1.png") }}"
+ title="{{ _("Additional packages can be installed on your option.") }}"><img alt="{{ _("Image 1") }}"
+ src="{{ static_url("images/screenshots/en/pakfire/pakfire-overview-1_thumb.png") }}" />
+ </a>
+ <a rel="screens" href="{{ static_url("images/screenshots/en/pakfire/addon-services-1.png") }}"
+ title="{{ _("Each service is monitored individually.") }}"><img alt="{{ _("Image 1") }}"
+ src="{{ static_url("images/screenshots/en/pakfire/addon-services-1_thumb.png") }}" />
+ </a>
+ </div>
+{% end block %}
--- /dev/null
+{% extends "../../base-feature.html" %}
+
+{% block title %}{{ _("Security") }}{% end block %}
+
+{% block content %}
+ <h3>{{ _("Security") }}</h3>
+
+ <img src="{{ static_url("images/icons/security.png") }}" class="floatTL" alt="{{ _("Security") }}" />
+ {% if lang == "de" %}
+ <p>
+ Der Schwerpunkt, der in der Entwicklung von IPFire am meisten wiegt, ist Sicherheit. Aber da
+ es nicht nur einen Weg gibt Sicherheit zu erlangen, ist es notwendig, dass jeder Administrator
+ Kenntnis darüber hat, welche Konfiguration am Besten in seiner individuellen Umgebung ist.
+ </p>
+ <p>
+ IPFire ist die Basis für Sicherheit im Netzwerk. Durch die Fähigkeit das Netzwerk zu separieren,
+ kann jeder Teil nach seinen Bedürfnissen gesichert werden. In der
+ Firewall-Sektion gibt es mehr dazu.
+ </p>
+ <p>
+ Ein weiterer sehr wichtiger Punkt, auf den die Entwickler Wert legen, ist das zügige und
+ zuverlässige Bereitstellen von Sicherheitsupdates. Da sich IPFire direkt mit dem Internet
+ verbindet, ist das System primäres Ziel von Hackern und Bots.
+ </p>
+ {% else %}
+ <p>
+ The primary objective in the development of IPFire is - of course - security. But it doesn't
+ mean there is only one way to achieve security. Rather, it is more important for every
+ administrator to understand their environemnt and what security means <em>in that context</em>.
+ </p>
+ <p>
+ IPFire is the base of security for a local network. It has the power to segment the network based
+ on their required security level. This makes it easy to create custom policies for each segment.
+ See the firewall tab for more information.
+ </p>
+ <p>
+ Part of this focus on security involves the fast and reliable distribution of security updates
+ of the system and its components. Updates are digitally signed and encrypted, and can be
+ automatically installed by the Pakfire, the package manager. Since IPFire is directly
+ connected to the Internet it is a primary target for hackers and bots. Pakfire helps
+ administrators feel certain they are running the latest security updates and bug fixes.
+ </p>
+ {% end %}
+{% end block %}
--- /dev/null
+{% extends "../../base-feature.html" %}
+
+{% block title %}{{ _("Virtualization") }}{% end block %}
+
+{% block content %}
+ <h3>{{ _("Virtualization") }}</h3>
+
+ <img src="{{ static_url("images/icons/virtualization.png") }}" class="floatTL" alt="{{ _("Virtualization") }}" />
+ {% if lang == "de" %}
+ <p>
+ IPFire kann, als virtueller Gast, auf folgenden Lösungen betrieben werden:
+ </p>
+ <ul class="list">
+ <li><a href="http://www.linux-kvm.org">KVM</a>/Qemu</li>
+ <li>Xen (paravirtualisiert oder im vollvirtualisieren Modus)</li>
+ <li>VMWare (Workstation, vSphere, ESXi, ...)</li>
+ <li>Virtualbox</li>
+ </ul>
+ <br class="clear" />
+ <p>
+ Um eine hohe Leistung auf allen Systemen zu gewährleisten, werden
+ zahlreiche Frontent-Treiber mitgeliefert.
+ </p>
+ {% else %}
+ <p>
+ IPFire can be run as a virtual guest on the following hypervisors:
+ </p>
+ <ul class="list">
+ <li><a href="http://www.linux-kvm.org">KVM</a>/Qemu</li>
+ <li>Xen (paravirtualized and fully virtualized mode)</li>
+ <li>VMWare (Workstation, vSphere, ESXi, ...)</li>
+ <li>Virtualbox</li>
+ </ul>
+ <br class="clear" />
+ <p>
+ It brings many frontend drivers for high performance to all the hypervisors.
+ </p>
+ {% end %}
+
+ <div class="line"></div>
+
+ <div class="screenshots">
+ <a rel="screens" href="{{ static_url("images/screenshots/en/virtualization/virt-manager-1.png") }}"
+ title="{{ _("IPFire runs perfectly in virtual environments.") }}"><img alt="{{ _("Image 1") }}"
+ src="{{ static_url("images/screenshots/en/virtualization/virt-manager-1_thumb.png") }}" />
+ </a>
+ </div>
+{% end block %}
--- /dev/null
+{% extends "../../base-feature.html" %}
+
+{% block title %}{{ _("VPN") }}{% end block %}
+
+{% block content %}
+ <h3>{{ _("VPN") }}</h3>
+
+ <img src="{{ static_url("images/icons/vpn.png") }}" class="floatTL" alt="{{ _("VPN") }}" />
+ {% if lang == "de" %}
+ <p>
+ IPFire kann zu einem VPN-Gateway (virtal private network - virtuelles, privates Netzwerk)
+ ausgebaut werden, welches Personen mit unterschiedlichem Standort untereinander verbindet.
+ Dies können zum Beispiel Mitarbeiter, Freunde oder Personen sein mit denen man Daten sicher
+ austauschen möchte, aber auch eine Filiale, Außenstelle, wichtige Kunden oder andere Unternehmen
+ mit denen kommuniziert wird.
+ </p>
+ <p>
+ Um sich über verschiedene Technologien verbinden zu können verfügt IPFire über folgende
+ Implementierungen:
+ </p>
+ <ul class="list">
+ <li>
+ <strong>IPSec</strong>, das Netzwerke mit anderen Netzwerken transparent verbindet und
+ gut geeignet ist für permanente Verbindungen.
+ </li>
+ <li>
+ Für sogenannte <em>Roadwarrior-Clients</em> (z.B. Notebooks) gibt es <strong>OpenVPN</strong>
+ um in verschiedenen Situationen ad hoc eine sichere Verbindung herzustellen.
+ </li>
+ </ul>
+ <br class="clear" />
+ <p>
+ Mit dieser Software, lässt sich IPFire leicht mit Routern oder VPN-Gateways von
+ <a href="http://www.cisco.com" target="_blank">Cisco</a>,
+ <a href="http:///www.juniper.net" target="_blank">Juniper</a>,
+ <a href="http://www.checkpoint.com" target="_blank">Checkpoint</a>,
+ andere Linux-basierten Implementierungen verbinden und vielem mehr...
+ </p>
+ {% else %}
+ <p>
+ IPFire may be enhanced to include a virtual private network (VPN) gateway which connects
+ remote people and places to the local network using an encrypted link. This could be staff,
+ friends, or anyone you'd like to share data with in a secure way. Businesses use VPNs to
+ connect branch offices, datacenters, corporate partners, and to provide traveling staff
+ with a portal into the corporate network.
+ </p>
+ <p>
+ IPFire uses both the IPSEC and OpenVPN protocols, affording the maximum in flexibility
+ when configuring your VPN. These implementations allow IPFire connect to VPN endpoint
+ devices by:
+ <a href="http://www.cisco.com" target="_blank">Cisco</a>,
+ <a href="http:///www.juniper.net" target="_blank">Juniper</a>,
+ <a href="http://www.checkpoint.com" target="_blank">Checkpoint</a>,
+ NetGear, or any Linux based implementation.
+ </p>
+ {% end %}
+ <p class="links">
+ <!-- XXX a link to the wiki goes here -->
+ <a href="http://wiki.ipfire.org">{{ _("Learn more about configuring a VPN connection") }}</a>
+ </p>
+{% end block %}
@property
def static_files(self):
- ret = []
- for filename in os.listdir(self.static_path):
- if filename.endswith(".html"):
- ret.append(filename)
- return ret
+ for dir, subdirs, files in os.walk(self.static_path):
+ dir = dir[len(self.static_path) + 1:]
+ for file in files:
+ if not file.endswith(".html"):
+ continue
+ yield os.path.join(dir, file)
def get(self, name=None):
name = "%s.html" % name
raise tornado.web.HTTPError(404)
self.render("static/%s" % name, lang=self.locale.code[:2])
-
-
def static_url(self, path, static=True):
ret = tornado.web.RequestHandler.static_url(self, path)
+ if self.settings.get("debug", False):
+ return ret
+
if static:
return "http://static.ipfire.org%s" % ret
projects / ipfire.org.git / commitdiff
