").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cd=a.document.documentElement;function dd(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dd(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cd;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cd})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dd(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=Lb(k.pixelPosition,function(a,c){return c?(c=Jb(a,b),Hb.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ed=a.jQuery,fd=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fd),b&&a.jQuery===m&&(a.jQuery=ed),m},typeof b===K&&(a.jQuery=a.$=m),m});
\ No newline at end of file
diff --git a/ungleich_page/static/ungleich_page/js/lib/skrollr.menu.min.js b/ungleich_page/static/ungleich_page/js/lib/skrollr.menu.min.js
new file mode 100644
index 00000000..b125a7b9
--- /dev/null
+++ b/ungleich_page/static/ungleich_page/js/lib/skrollr.menu.min.js
@@ -0,0 +1,2 @@
+/*! skrollr-menu 1.0.3 (2015-06-19) | Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr-menu | Free to use under terms of MIT license */
+(function(t,e){"use strict";var n=500,a="sqrt",o=1,r="data-menu-top",i="data-menu-offset",u="data-menu-duration",c="data-menu-ignore",l=e.skrollr,s=e.history,f=!!s.pushState,h=function(e){return e!==t&&e?"A"===e.tagName.toUpperCase()?e:h(e.parentNode):!1},p=function(t){if(1===t.which||0===t.button){var e=h(t.target);e&&m(e)&&t.preventDefault()}},m=function(n,a){var o;if(y){if(n.hostname!==e.location.hostname)return!1;if(n.pathname!==t.location.pathname)return!1;o=n.hash}else o=n.getAttribute("href");if(!/^#/.test(o))return!1;if(!a&&null!==n.getAttribute(c))return!1;var l,h;if(h=T?T(n):n.getAttribute(r),null!==h)l=/p$/.test(h)?h.slice(0,-1)/100*t.documentElement.clientHeight:+h*k;else{var p=t.getElementById(o.substr(1));if(!p)return!1;l=v.relativeToAbsolute(p,"top","top");var m=p.getAttribute(i);null!==m&&(l+=+m)}f&&N&&!a&&s.pushState({top:l},"",o);var d=parseInt(n.getAttribute(u),10),q=A(v.getScrollTop(),l);return isNaN(d)||(q=d),E&&E(o,l),S&&!a?v.animateTo(l,{duration:q,easing:b}):g(function(){v.setScrollTop(l)}),!0},d=function(){if(e.location.hash&&t.querySelector){var n=t.querySelector('a[href="'+e.location.hash+'"]');n||(n=t.createElement("a"),n.href=e.location.hash),m(n,!0)}},g=function(t){e.setTimeout(t,1)};l.menu={},l.menu.init=function(r,i){v=r,i=i||{},b=i.easing||a,S=i.animate!==!1,A=i.duration||n,T=i.handleLink,k=i.scale||o,y=i.complexLinks===!0,E=i.change,N=i.updateUrl!==!1,"number"==typeof A&&(A=function(t){return function(){return t}}(A)),l.addEvent(t,"click",p),f&&l.addEvent(e,"popstate",function(t){var e=t.state||{},n=e.top||0;g(function(){v.setScrollTop(n)})},!1),d()},l.menu.click=function(t){m(t)};var v,b,A,S,T,k,y,E,N;g(function(){e.location.hash&&e.scrollTo(0,0)})})(document,window);
\ No newline at end of file
diff --git a/ungleich_page/static/ungleich_page/js/lib/skrollr.min.js b/ungleich_page/static/ungleich_page/js/lib/skrollr.min.js
new file mode 100644
index 00000000..d8699152
--- /dev/null
+++ b/ungleich_page/static/ungleich_page/js/lib/skrollr.min.js
@@ -0,0 +1,2 @@
+/*! skrollr 0.6.30 (2015-08-12) | Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr | Free to use under terms of MIT license */
+!function(a,b,c){"use strict";function d(c){if(e=b.documentElement,f=b.body,T(),ha=this,c=c||{},ma=c.constants||{},c.easing)for(var d in c.easing)W[d]=c.easing[d];ta=c.edgeStrategy||"set",ka={beforerender:c.beforerender,render:c.render,keyframe:c.keyframe},la=c.forceHeight!==!1,la&&(Ka=c.scale||1),na=c.mobileDeceleration||y,pa=c.smoothScrolling!==!1,qa=c.smoothScrollingDuration||A,ra={targetTop:ha.getScrollTop()},Sa=(c.mobileCheck||function(){return/Android|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent||navigator.vendor||a.opera)})(),Sa?(ja=b.getElementById(c.skrollrBody||z),ja&&ga(),X(),Ea(e,[s,v],[t])):Ea(e,[s,u],[t]),ha.refresh(),wa(a,"resize orientationchange",function(){var a=e.clientWidth,b=e.clientHeight;(b!==Pa||a!==Oa)&&(Pa=b,Oa=a,Qa=!0)});var g=U();return function h(){$(),va=g(h)}(),ha}var e,f,g={get:function(){return ha},init:function(a){return ha||new d(a)},VERSION:"0.6.30"},h=Object.prototype.hasOwnProperty,i=a.Math,j=a.getComputedStyle,k="touchstart",l="touchmove",m="touchcancel",n="touchend",o="skrollable",p=o+"-before",q=o+"-between",r=o+"-after",s="skrollr",t="no-"+s,u=s+"-desktop",v=s+"-mobile",w="linear",x=1e3,y=.004,z="skrollr-body",A=200,B="start",C="end",D="center",E="bottom",F="___skrollable_id",G=/^(?:input|textarea|button|select)$/i,H=/^\s+|\s+$/g,I=/^data(?:-(_\w+))?(?:-?(-?\d*\.?\d+p?))?(?:-?(start|end|top|center|bottom))?(?:-?(top|center|bottom))?$/,J=/\s*(@?[\w\-\[\]]+)\s*:\s*(.+?)\s*(?:;|$)/gi,K=/^(@?[a-z\-]+)\[(\w+)\]$/,L=/-([a-z0-9_])/g,M=function(a,b){return b.toUpperCase()},N=/[\-+]?[\d]*\.?[\d]+/g,O=/\{\?\}/g,P=/rgba?\(\s*-?\d+\s*,\s*-?\d+\s*,\s*-?\d+/g,Q=/[a-z\-]+-gradient/g,R="",S="",T=function(){var a=/^(?:O|Moz|webkit|ms)|(?:-(?:o|moz|webkit|ms)-)/;if(j){var b=j(f,null);for(var c in b)if(R=c.match(a)||+c==c&&b[c].match(a))break;if(!R)return void(R=S="");R=R[0],"-"===R.slice(0,1)?(S=R,R={"-webkit-":"webkit","-moz-":"Moz","-ms-":"ms","-o-":"O"}[R]):S="-"+R.toLowerCase()+"-"}},U=function(){var b=a.requestAnimationFrame||a[R.toLowerCase()+"RequestAnimationFrame"],c=Ha();return(Sa||!b)&&(b=function(b){var d=Ha()-c,e=i.max(0,1e3/60-d);return a.setTimeout(function(){c=Ha(),b()},e)}),b},V=function(){var b=a.cancelAnimationFrame||a[R.toLowerCase()+"CancelAnimationFrame"];return(Sa||!b)&&(b=function(b){return a.clearTimeout(b)}),b},W={begin:function(){return 0},end:function(){return 1},linear:function(a){return a},quadratic:function(a){return a*a},cubic:function(a){return a*a*a},swing:function(a){return-i.cos(a*i.PI)/2+.5},sqrt:function(a){return i.sqrt(a)},outCubic:function(a){return i.pow(a-1,3)+1},bounce:function(a){var b;if(.5083>=a)b=3;else if(.8489>=a)b=9;else if(.96208>=a)b=27;else{if(!(.99981>=a))return 1;b=91}return 1-i.abs(3*i.cos(a*b*1.028)/b)}};d.prototype.refresh=function(a){var d,e,f=!1;for(a===c?(f=!0,ia=[],Ra=0,a=b.getElementsByTagName("*")):a.length===c&&(a=[a]),d=0,e=a.length;e>d;d++){var g=a[d],h=g,i=[],j=pa,k=ta,l=!1;if(f&&F in g&&delete g[F],g.attributes){for(var m=0,n=g.attributes.length;n>m;m++){var p=g.attributes[m];if("data-anchor-target"!==p.name)if("data-smooth-scrolling"!==p.name)if("data-edge-strategy"!==p.name)if("data-emit-events"!==p.name){var q=p.name.match(I);if(null!==q){var r={props:p.value,element:g,eventType:p.name.replace(L,M)};i.push(r);var s=q[1];s&&(r.constant=s.substr(1));var t=q[2];/p$/.test(t)?(r.isPercentage=!0,r.offset=(0|t.slice(0,-1))/100):r.offset=0|t;var u=q[3],v=q[4]||u;u&&u!==B&&u!==C?(r.mode="relative",r.anchors=[u,v]):(r.mode="absolute",u===C?r.isEnd=!0:r.isPercentage||(r.offset=r.offset*Ka))}}else l=!0;else k=p.value;else j="off"!==p.value;else if(h=b.querySelector(p.value),null===h)throw'Unable to find anchor target "'+p.value+'"'}if(i.length){var w,x,y;!f&&F in g?(y=g[F],w=ia[y].styleAttr,x=ia[y].classAttr):(y=g[F]=Ra++,w=g.style.cssText,x=Da(g)),ia[y]={element:g,styleAttr:w,classAttr:x,anchorTarget:h,keyFrames:i,smoothScrolling:j,edgeStrategy:k,emitEvents:l,lastFrameIndex:-1},Ea(g,[o],[])}}}for(Aa(),d=0,e=a.length;e>d;d++){var z=ia[a[d][F]];z!==c&&(_(z),ba(z))}return ha},d.prototype.relativeToAbsolute=function(a,b,c){var d=e.clientHeight,f=a.getBoundingClientRect(),g=f.top,h=f.bottom-f.top;return b===E?g-=d:b===D&&(g-=d/2),c===E?g+=h:c===D&&(g+=h/2),g+=ha.getScrollTop(),g+.5|0},d.prototype.animateTo=function(a,b){b=b||{};var d=Ha(),e=ha.getScrollTop(),f=b.duration===c?x:b.duration;return oa={startTop:e,topDiff:a-e,targetTop:a,duration:f,startTime:d,endTime:d+f,easing:W[b.easing||w],done:b.done},oa.topDiff||(oa.done&&oa.done.call(ha,!1),oa=c),ha},d.prototype.stopAnimateTo=function(){oa&&oa.done&&oa.done.call(ha,!0),oa=c},d.prototype.isAnimatingTo=function(){return!!oa},d.prototype.isMobile=function(){return Sa},d.prototype.setScrollTop=function(b,c){return sa=c===!0,Sa?Ta=i.min(i.max(b,0),Ja):a.scrollTo(0,b),ha},d.prototype.getScrollTop=function(){return Sa?Ta:a.pageYOffset||e.scrollTop||f.scrollTop||0},d.prototype.getMaxScrollTop=function(){return Ja},d.prototype.on=function(a,b){return ka[a]=b,ha},d.prototype.off=function(a){return delete ka[a],ha},d.prototype.destroy=function(){var a=V();a(va),ya(),Ea(e,[t],[s,u,v]);for(var b=0,d=ia.length;d>b;b++)fa(ia[b].element);e.style.overflow=f.style.overflow="",e.style.height=f.style.height="",ja&&g.setStyle(ja,"transform","none"),ha=c,ja=c,ka=c,la=c,Ja=0,Ka=1,ma=c,na=c,La="down",Ma=-1,Oa=0,Pa=0,Qa=!1,oa=c,pa=c,qa=c,ra=c,sa=c,Ra=0,ta=c,Sa=!1,Ta=0,ua=c};var X=function(){var d,g,h,j,o,p,q,r,s,t,u,v;wa(e,[k,l,m,n].join(" "),function(a){var e=a.changedTouches[0];for(j=a.target;3===j.nodeType;)j=j.parentNode;switch(o=e.clientY,p=e.clientX,t=a.timeStamp,G.test(j.tagName)||a.preventDefault(),a.type){case k:d&&d.blur(),ha.stopAnimateTo(),d=j,g=q=o,h=p,s=t;break;case l:G.test(j.tagName)&&b.activeElement!==j&&a.preventDefault(),r=o-q,v=t-u,ha.setScrollTop(Ta-r,!0),q=o,u=t;break;default:case m:case n:var f=g-o,w=h-p,x=w*w+f*f;if(49>x){if(!G.test(d.tagName)){d.focus();var y=b.createEvent("MouseEvents");y.initMouseEvent("click",!0,!0,a.view,1,e.screenX,e.screenY,e.clientX,e.clientY,a.ctrlKey,a.altKey,a.shiftKey,a.metaKey,0,null),d.dispatchEvent(y)}return}d=c;var z=r/v;z=i.max(i.min(z,3),-3);var A=i.abs(z/na),B=z*A+.5*na*A*A,C=ha.getScrollTop()-B,D=0;C>Ja?(D=(Ja-C)/B,C=Ja):0>C&&(D=-C/B,C=0),A*=1-D,ha.animateTo(C+.5|0,{easing:"outCubic",duration:A})}}),a.scrollTo(0,0),e.style.overflow=f.style.overflow="hidden"},Y=function(){var a,b,c,d,f,g,h,j,k,l,m,n=e.clientHeight,o=Ba();for(j=0,k=ia.length;k>j;j++)for(a=ia[j],b=a.element,c=a.anchorTarget,d=a.keyFrames,f=0,g=d.length;g>f;f++)h=d[f],l=h.offset,m=o[h.constant]||0,h.frame=l,h.isPercentage&&(l*=n,h.frame=l),"relative"===h.mode&&(fa(b),h.frame=ha.relativeToAbsolute(c,h.anchors[0],h.anchors[1])-l,fa(b,!0)),h.frame+=m,la&&!h.isEnd&&h.frame>Ja&&(Ja=h.frame);for(Ja=i.max(Ja,Ca()),j=0,k=ia.length;k>j;j++){for(a=ia[j],d=a.keyFrames,f=0,g=d.length;g>f;f++)h=d[f],m=o[h.constant]||0,h.isEnd&&(h.frame=Ja-h.offset+m);a.keyFrames.sort(Ia)}},Z=function(a,b){for(var c=0,d=ia.length;d>c;c++){var e,f,i=ia[c],j=i.element,k=i.smoothScrolling?a:b,l=i.keyFrames,m=l.length,n=l[0],s=l[l.length-1],t=k
s.frame,v=t?n:s,w=i.emitEvents,x=i.lastFrameIndex;if(t||u){if(t&&-1===i.edge||u&&1===i.edge)continue;switch(t?(Ea(j,[p],[r,q]),w&&x>-1&&(za(j,n.eventType,La),i.lastFrameIndex=-1)):(Ea(j,[r],[p,q]),w&&m>x&&(za(j,s.eventType,La),i.lastFrameIndex=m)),i.edge=t?-1:1,i.edgeStrategy){case"reset":fa(j);continue;case"ease":k=v.frame;break;default:case"set":var y=v.props;for(e in y)h.call(y,e)&&(f=ea(y[e].value),0===e.indexOf("@")?j.setAttribute(e.substr(1),f):g.setStyle(j,e,f));continue}}else 0!==i.edge&&(Ea(j,[o,q],[p,r]),i.edge=0);for(var z=0;m-1>z;z++)if(k>=l[z].frame&&k<=l[z+1].frame){var A=l[z],B=l[z+1];for(e in A.props)if(h.call(A.props,e)){var C=(k-A.frame)/(B.frame-A.frame);C=A.props[e].easing(C),f=da(A.props[e].value,B.props[e].value,C),f=ea(f),0===e.indexOf("@")?j.setAttribute(e.substr(1),f):g.setStyle(j,e,f)}w&&x!==z&&("down"===La?za(j,A.eventType,La):za(j,B.eventType,La),i.lastFrameIndex=z);break}}},$=function(){Qa&&(Qa=!1,Aa());var a,b,d=ha.getScrollTop(),e=Ha();if(oa)e>=oa.endTime?(d=oa.targetTop,a=oa.done,oa=c):(b=oa.easing((e-oa.startTime)/oa.duration),d=oa.startTop+b*oa.topDiff|0),ha.setScrollTop(d,!0);else if(!sa){var f=ra.targetTop-d;f&&(ra={startTop:Ma,topDiff:d-Ma,targetTop:d,startTime:Na,endTime:Na+qa}),e<=ra.endTime&&(b=W.sqrt((e-ra.startTime)/qa),d=ra.startTop+b*ra.topDiff|0)}if(sa||Ma!==d){La=d>Ma?"down":Ma>d?"up":La,sa=!1;var h={curTop:d,lastTop:Ma,maxTop:Ja,direction:La},i=ka.beforerender&&ka.beforerender.call(ha,h);i!==!1&&(Z(d,ha.getScrollTop()),Sa&&ja&&g.setStyle(ja,"transform","translate(0, "+-Ta+"px) "+ua),Ma=d,ka.render&&ka.render.call(ha,h)),a&&a.call(ha,!1)}Na=e},_=function(a){for(var b=0,c=a.keyFrames.length;c>b;b++){for(var d,e,f,g,h=a.keyFrames[b],i={};null!==(g=J.exec(h.props));)f=g[1],e=g[2],d=f.match(K),null!==d?(f=d[1],d=d[2]):d=w,e=e.indexOf("!")?aa(e):[e.slice(1)],i[f]={value:e,easing:W[d]};h.props=i}},aa=function(a){var b=[];return P.lastIndex=0,a=a.replace(P,function(a){return a.replace(N,function(a){return a/255*100+"%"})}),S&&(Q.lastIndex=0,a=a.replace(Q,function(a){return S+a})),a=a.replace(N,function(a){return b.push(+a),"{?}"}),b.unshift(a),b},ba=function(a){var b,c,d={};for(b=0,c=a.keyFrames.length;c>b;b++)ca(a.keyFrames[b],d);for(d={},b=a.keyFrames.length-1;b>=0;b--)ca(a.keyFrames[b],d)},ca=function(a,b){var c;for(c in b)h.call(a.props,c)||(a.props[c]=b[c]);for(c in a.props)b[c]=a.props[c]},da=function(a,b,c){var d,e=a.length;if(e!==b.length)throw"Can't interpolate between \""+a[0]+'" and "'+b[0]+'"';var f=[a[0]];for(d=1;e>d;d++)f[d]=a[d]+(b[d]-a[d])*c;return f},ea=function(a){var b=1;return O.lastIndex=0,a[0].replace(O,function(){return a[b++]})},fa=function(a,b){a=[].concat(a);for(var c,d,e=0,f=a.length;f>e;e++)d=a[e],c=ia[d[F]],c&&(b?(d.style.cssText=c.dirtyStyleAttr,Ea(d,c.dirtyClassAttr)):(c.dirtyStyleAttr=d.style.cssText,c.dirtyClassAttr=Da(d),d.style.cssText=c.styleAttr,Ea(d,c.classAttr)))},ga=function(){ua="translateZ(0)",g.setStyle(ja,"transform",ua);var a=j(ja),b=a.getPropertyValue("transform"),c=a.getPropertyValue(S+"transform"),d=b&&"none"!==b||c&&"none"!==c;d||(ua="")};g.setStyle=function(a,b,c){var d=a.style;if(b=b.replace(L,M).replace("-",""),"zIndex"===b)isNaN(c)?d[b]=c:d[b]=""+(0|c);else if("float"===b)d.styleFloat=d.cssFloat=c;else try{R&&(d[R+b.slice(0,1).toUpperCase()+b.slice(1)]=c),d[b]=c}catch(e){}};var ha,ia,ja,ka,la,ma,na,oa,pa,qa,ra,sa,ta,ua,va,wa=g.addEvent=function(b,c,d){var e=function(b){return b=b||a.event,b.target||(b.target=b.srcElement),b.preventDefault||(b.preventDefault=function(){b.returnValue=!1,b.defaultPrevented=!0}),d.call(this,b)};c=c.split(" ");for(var f,g=0,h=c.length;h>g;g++)f=c[g],b.addEventListener?b.addEventListener(f,d,!1):b.attachEvent("on"+f,e),Ua.push({element:b,name:f,listener:d})},xa=g.removeEvent=function(a,b,c){b=b.split(" ");for(var d=0,e=b.length;e>d;d++)a.removeEventListener?a.removeEventListener(b[d],c,!1):a.detachEvent("on"+b[d],c)},ya=function(){for(var a,b=0,c=Ua.length;c>b;b++)a=Ua[b],xa(a.element,a.name,a.listener);Ua=[]},za=function(a,b,c){ka.keyframe&&ka.keyframe.call(ha,a,b,c)},Aa=function(){var a=ha.getScrollTop();Ja=0,la&&!Sa&&(f.style.height=""),Y(),la&&!Sa&&(f.style.height=Ja+e.clientHeight+"px"),Sa?ha.setScrollTop(i.min(ha.getScrollTop(),Ja)):ha.setScrollTop(a,!0),sa=!0},Ba=function(){var a,b,c=e.clientHeight,d={};for(a in ma)b=ma[a],"function"==typeof b?b=b.call(ha):/p$/.test(b)&&(b=b.slice(0,-1)/100*c),d[a]=b;return d},Ca=function(){var a,b=0;return ja&&(b=i.max(ja.offsetHeight,ja.scrollHeight)),a=i.max(b,f.scrollHeight,f.offsetHeight,e.scrollHeight,e.offsetHeight,e.clientHeight),a-e.clientHeight},Da=function(b){var c="className";return a.SVGElement&&b instanceof a.SVGElement&&(b=b[c],c="baseVal"),b[c]},Ea=function(b,d,e){var f="className";if(a.SVGElement&&b instanceof a.SVGElement&&(b=b[f],f="baseVal"),e===c)return void(b[f]=d);for(var g=b[f],h=0,i=e.length;i>h;h++)g=Ga(g).replace(Ga(e[h])," ");g=Fa(g);for(var j=0,k=d.length;k>j;j++)-1===Ga(g).indexOf(Ga(d[j]))&&(g+=" "+d[j]);b[f]=Fa(g)},Fa=function(a){return a.replace(H,"")},Ga=function(a){return" "+a+" "},Ha=Date.now||function(){return+new Date},Ia=function(a,b){return a.frame-b.frame},Ja=0,Ka=1,La="down",Ma=-1,Na=Ha(),Oa=0,Pa=0,Qa=!1,Ra=0,Sa=!1,Ta=0,Ua=[];"function"==typeof define&&define.amd?define([],function(){return g}):"undefined"!=typeof module&&module.exports?module.exports=g:a.skrollr=g}(window,document);
\ No newline at end of file
diff --git a/ungleich_page/static/ungleich_page/js/lib/wow.min.js b/ungleich_page/static/ungleich_page/js/lib/wow.min.js
new file mode 100644
index 00000000..25609b8a
--- /dev/null
+++ b/ungleich_page/static/ungleich_page/js/lib/wow.min.js
@@ -0,0 +1,2 @@
+/*! WOW - v1.1.2 - 2015-08-19
+* Copyright (c) 2015 Matthieu Aussaguel; Licensed MIT */(function(){var a,b,c,d,e,f=function(a,b){return function(){return a.apply(b,arguments)}},g=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};b=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in b)d=b[c],null==a[c]&&(a[c]=d);return a},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a.prototype.createEvent=function(a,b,c,d){var e;return null==b&&(b=!1),null==c&&(c=!1),null==d&&(d=null),null!=document.createEvent?(e=document.createEvent("CustomEvent"),e.initCustomEvent(a,b,c,d)):null!=document.createEventObject?(e=document.createEventObject(),e.eventType=a):e.eventName=a,e},a.prototype.emitEvent=function(a,b){return null!=a.dispatchEvent?a.dispatchEvent(b):b in(null!=a)?a[b]():"on"+b in(null!=a)?a["on"+b]():void 0},a.prototype.addEvent=function(a,b,c){return null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c},a.prototype.removeEvent=function(a,b,c){return null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]},a.prototype.innerHeight=function(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight},a}(),c=this.WeakMap||this.MozWeakMap||(c=function(){function a(){this.keys=[],this.values=[]}return a.prototype.get=function(a){var b,c,d,e,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)return this.values[b]},a.prototype.set=function(a,b){var c,d,e,f,g;for(g=this.keys,c=e=0,f=g.length;f>e;c=++e)if(d=g[c],d===a)return void(this.values[c]=b);return this.keys.push(a),this.values.push(b)},a}()),a=this.MutationObserver||this.WebkitMutationObserver||this.MozMutationObserver||(a=function(){function a(){"undefined"!=typeof console&&null!==console&&console.warn("MutationObserver is not supported by your browser."),"undefined"!=typeof console&&null!==console&&console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content.")}return a.notSupported=!0,a.prototype.observe=function(){},a}()),d=this.getComputedStyle||function(a){return this.getPropertyValue=function(b){var c;return"float"===b&&(b="styleFloat"),e.test(b)&&b.replace(e,function(a,b){return b.toUpperCase()}),(null!=(c=a.currentStyle)?c[b]:void 0)||null},this},e=/(\-([a-z]){1})/g,this.WOW=function(){function e(a){null==a&&(a={}),this.scrollCallback=f(this.scrollCallback,this),this.scrollHandler=f(this.scrollHandler,this),this.resetAnimation=f(this.resetAnimation,this),this.start=f(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults),null!=a.scrollContainer&&(this.config.scrollContainer=document.querySelector(a.scrollContainer)),this.animationNameCache=new c,this.wowEvent=this.util().createEvent(this.config.boxClass)}return e.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0,callback:null,scrollContainer:null},e.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():this.util().addEvent(document,"DOMContentLoaded",this.start),this.finished=[]},e.prototype.start=function(){var b,c,d,e;if(this.stopped=!1,this.boxes=function(){var a,c,d,e;for(d=this.element.querySelectorAll("."+this.config.boxClass),e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.all=function(){var a,c,d,e;for(d=this.boxes,e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.boxes.length)if(this.disabled())this.resetStyle();else for(e=this.boxes,c=0,d=e.length;d>c;c++)b=e[c],this.applyStyle(b,!0);return this.disabled()||(this.util().addEvent(this.config.scrollContainer||window,"scroll",this.scrollHandler),this.util().addEvent(window,"resize",this.scrollHandler),this.interval=setInterval(this.scrollCallback,50)),this.config.live?new a(function(a){return function(b){var c,d,e,f,g;for(g=[],c=0,d=b.length;d>c;c++)f=b[c],g.push(function(){var a,b,c,d;for(c=f.addedNodes||[],d=[],a=0,b=c.length;b>a;a++)e=c[a],d.push(this.doSync(e));return d}.call(a));return g}}(this)).observe(document.body,{childList:!0,subtree:!0}):void 0},e.prototype.stop=function(){return this.stopped=!0,this.util().removeEvent(this.config.scrollContainer||window,"scroll",this.scrollHandler),this.util().removeEvent(window,"resize",this.scrollHandler),null!=this.interval?clearInterval(this.interval):void 0},e.prototype.sync=function(){return a.notSupported?this.doSync(this.element):void 0},e.prototype.doSync=function(a){var b,c,d,e,f;if(null==a&&(a=this.element),1===a.nodeType){for(a=a.parentNode||a,e=a.querySelectorAll("."+this.config.boxClass),f=[],c=0,d=e.length;d>c;c++)b=e[c],g.call(this.all,b)<0?(this.boxes.push(b),this.all.push(b),this.stopped||this.disabled()?this.resetStyle():this.applyStyle(b,!0),f.push(this.scrolled=!0)):f.push(void 0);return f}},e.prototype.show=function(a){return this.applyStyle(a),a.className=a.className+" "+this.config.animateClass,null!=this.config.callback&&this.config.callback(a),this.util().emitEvent(a,this.wowEvent),this.util().addEvent(a,"animationend",this.resetAnimation),this.util().addEvent(a,"oanimationend",this.resetAnimation),this.util().addEvent(a,"webkitAnimationEnd",this.resetAnimation),this.util().addEvent(a,"MSAnimationEnd",this.resetAnimation),a},e.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),this.animate(function(f){return function(){return f.customStyle(a,b,d,c,e)}}(this))},e.prototype.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),e.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.style.visibility="visible");return e},e.prototype.resetAnimation=function(a){var b;return a.type.toLowerCase().indexOf("animationend")>=0?(b=a.target||a.srcElement,b.className=b.className.replace(this.config.animateClass,"").trim()):void 0},e.prototype.customStyle=function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a},e.prototype.vendors=["moz","webkit"],e.prototype.vendorSet=function(a,b){var c,d,e,f;d=[];for(c in b)e=b[c],a[""+c]=e,d.push(function(){var b,d,g,h;for(g=this.vendors,h=[],b=0,d=g.length;d>b;b++)f=g[b],h.push(a[""+f+c.charAt(0).toUpperCase()+c.substr(1)]=e);return h}.call(this));return d},e.prototype.vendorCSS=function(a,b){var c,e,f,g,h,i;for(h=d(a),g=h.getPropertyCSSValue(b),f=this.vendors,c=0,e=f.length;e>c;c++)i=f[c],g=g||h.getPropertyCSSValue("-"+i+"-"+b);return g},e.prototype.animationName=function(a){var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=d(a).getPropertyValue("animation-name")}return"none"===b?"":b},e.prototype.cacheAnimationName=function(a){return this.animationNameCache.set(a,this.animationName(a))},e.prototype.cachedAnimationName=function(a){return this.animationNameCache.get(a)},e.prototype.scrollHandler=function(){return this.scrolled=!0},e.prototype.scrollCallback=function(){var a;return!this.scrolled||(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),this.boxes.length||this.config.live)?void 0:this.stop()},e.prototype.offsetTop=function(a){for(var b;void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},e.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=this.config.scrollContainer&&this.config.scrollContainer.scrollTop||window.pageYOffset,e=f+Math.min(this.element.clientHeight,this.util().innerHeight())-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},e.prototype.util=function(){return null!=this._util?this._util:this._util=new b},e.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},e}()}).call(this);
\ No newline at end of file
diff --git a/ungleich_page/static/ungleich_page/js/ungleich.js b/ungleich_page/static/ungleich_page/js/ungleich.js
new file mode 100644
index 00000000..e5e4ed34
--- /dev/null
+++ b/ungleich_page/static/ungleich_page/js/ungleich.js
@@ -0,0 +1,17 @@
+/* globals $, WOW */
+
+$(function(){
+ new WOW().init();
+ $('.img-toggle').one('mouseover', toggleImage);
+});
+
+function toggleImage(e) {
+ var $this = $(this),
+ toggle_img = $this.attr('data-replaced'),
+ current_img = $this.attr('src');
+ $this.fadeOut(600, function() {
+ $this.attr('src', toggle_img);
+ $this.attr('data-replaced', current_img);
+ $this.fadeIn(900);
+ });
+};
diff --git a/ungleich_page/static/ungleich_page/less/agency.less b/ungleich_page/static/ungleich_page/less/agency.less
new file mode 100755
index 00000000..f4610fae
--- /dev/null
+++ b/ungleich_page/static/ungleich_page/less/agency.less
@@ -0,0 +1,724 @@
+@import "variables.less";
+@import "mixins.less";
+
+// Global Components
+
+body {
+ overflow-x: hidden;
+ .body-font;
+}
+
+.text-muted {
+ color: @gray;
+}
+
+.text-primary {
+ color: @brand-primary;
+}
+
+p {
+ font-size: 14px;
+ line-height: 1.75;
+}
+
+p.large {
+ font-size: 16px;
+}
+
+a,
+a:hover,
+a:focus,
+a:active,
+a.active {
+ outline: none;
+}
+
+a {
+ color: @brand-primary;
+}
+
+a:hover,
+a:focus,
+a:active,
+a.active {
+ color: darken(@brand-primary, 10%);
+}
+
+h1, h2, h3, h4, h5, h6 {
+ .heading-font;
+ font-weight: 700;
+}
+
+.img-centered {
+ margin: 0 auto;
+}
+
+.bg-light-gray {
+ background-color: @gray-lighter;
+}
+
+.bg-darkest-gray {
+ background-color: @gray-darkest;
+}
+
+// Restyled Primary Buttons
+
+.btn-primary {
+ .button-variant(white; @brand-primary; @brand-primary);
+ .heading-font;
+ font-weight: 700;
+}
+
+.btn-xl {
+ .button-variant(white; @brand-primary; @brand-primary);
+ .heading-font;
+ font-weight: 700;
+ border-radius: 3px;
+ font-size: 18px;
+ padding: 20px 40px;
+}
+
+// Custom Navigation Bar
+
+.navbar-default {
+ background-color: @gray-darkest;
+ border-color: transparent;
+ .navbar-brand {
+ color: @brand-primary;
+ .script-font;
+ &:hover,
+ &:focus,
+ &:active,
+ &.active {
+ color: darken(@brand-primary, 10%);
+ }
+ }
+ .navbar-collapse {
+ border-color: fade(white, 2%);
+ }
+ .navbar-toggle {
+ background-color: @brand-primary;
+ border-color: @brand-primary;
+ .icon-bar {
+ background-color: white;
+ }
+ &:hover,
+ &:focus {
+ background-color: @brand-primary;
+ }
+ }
+ .nav {
+ li {
+ a {
+ .heading-font;
+ font-weight: 400;
+ letter-spacing: 1px;
+ color: white;
+ &:hover,
+ &:focus {
+ color: @brand-primary;
+ outline: none;
+ }
+ }
+ }
+ }
+ .navbar-nav>.active>a {
+ border-radius: 0;
+ color: white;
+ background-color: @brand-primary;
+ }
+ .navbar-nav>.active>a:hover,
+ .navbar-nav>.active>a:focus {
+ color: white;
+ background-color: darken(@brand-primary, 10%);
+ }
+}
+
+@media(min-width:768px) {
+ .navbar-default {
+ background-color: transparent;
+ padding: 25px 0;
+ -webkit-transition: padding 0.3s;
+ -moz-transition: padding 0.3s;
+ transition: padding 0.3s;
+ border: none;
+ .navbar-brand {
+ font-size: 2em;
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ transition: all 0.3s;
+ }
+ .navbar-nav>.active>a {
+ border-radius: 3px;
+ }
+ }
+ .navbar-default.navbar-shrink {
+ background-color: @gray-darkest;
+ padding: 10px 0;
+ .navbar-brand {
+ font-size: 1.5em;
+ }
+ }
+}
+
+header {
+ background-image: url('../img/header-bg.jpg');
+ background-repeat: none;
+ background-attachment: scroll;
+ background-position: center center;
+ .background-cover;
+ text-align: center;
+ color: white;
+ .intro-text {
+ padding-top: 100px;
+ padding-bottom: 50px;
+ .intro-lead-in {
+ .serif-font;
+ font-style: italic;
+ font-size: 22px;
+ line-height: 22px;
+ margin-bottom: 25px;
+ }
+ .intro-heading {
+ .heading-font;
+ font-weight: 700;
+ font-size: 50px;
+ line-height: 50px;
+ margin-bottom: 25px;
+ }
+ }
+}
+
+@media(min-width:768px) {
+ header {
+ .intro-text {
+ padding-top: 300px;
+ padding-bottom: 200px;
+ .intro-lead-in {
+ .serif-font;
+ font-style: italic;
+ font-size: 40px;
+ line-height: 40px;
+ margin-bottom: 25px;
+ }
+ .intro-heading {
+ .heading-font;
+ font-weight: 700;
+ font-size: 75px;
+ line-height: 75px;
+ margin-bottom: 50px;
+ }
+ }
+ }
+}
+
+// Global Section Styles
+
+section {
+ padding: 100px 0;
+ h2.section-heading {
+ font-size: 40px;
+ margin-top: 0;
+ margin-bottom: 15px;
+ }
+ h3.section-subheading {
+ font-size: 16px;
+ .serif-font;
+ text-transform: none;
+ font-style: italic;
+ font-weight: 400;
+ margin-bottom: 75px;
+ }
+}
+
+@media(min-width:768px) {
+ section {
+ padding: 150px 0;
+ }
+}
+
+// Services Section
+
+.service-heading {
+ margin: 15px 0;
+ text-transform: none;
+}
+
+// Portfolio Section
+
+#portfolio {
+ .portfolio-item {
+ margin: 0 0 15px;
+ right: 0;
+ .portfolio-link {
+ display: block;
+ position: relative;
+ max-width: 400px;
+ margin: 0 auto;
+ .portfolio-hover {
+ background: fade(@brand-primary, 90%);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ transition: all ease 0.5s;
+ -webkit-transition: all ease 0.5s;
+ -moz-transition: all ease 0.5s;
+ &:hover {
+ opacity: 1;
+ }
+ .portfolio-hover-content {
+ position: absolute;
+ width: 100%;
+ height: 20px;
+ font-size: 20px;
+ text-align: center;
+ top: 50%;
+ margin-top: -12px;
+ color: white;
+ i {
+ margin-top: -12px;
+ }
+ h3,
+ h4 {
+ margin: 0;
+ }
+ }
+ }
+ }
+ .portfolio-caption {
+ max-width: 400px;
+ margin: 0 auto;
+ background-color: white;
+ text-align: center;
+ padding: 25px;
+ h4 {
+ text-transform: none;
+ margin: 0;
+ }
+ p {
+ .serif-font;
+ font-style: italic;
+ font-size: 16px;
+ margin: 0;
+ }
+ }
+ }
+ * {
+ z-index: 2;
+ }
+}
+
+@media(min-width:767px) {
+ #portfolio {
+ .portfolio-item {
+ margin: 0 0 30px;
+ }
+ }
+}
+
+// Timeline
+
+.timeline {
+ list-style: none;
+ padding: 0;
+ position: relative;
+ &:before {
+ top: 0;
+ bottom: 0;
+ position: absolute;
+ content: "";
+ width: 2px;
+ background-color: #f1f1f1;
+ left: 40px;
+ margin-left: -1.5px;
+ }
+ > li {
+ margin-bottom: 50px;
+ position: relative;
+ min-height: 50px;
+ &:before,
+ &:after {
+ content: " ";
+ display: table;
+ }
+ &:after {
+ clear: both;
+ }
+ .timeline-panel {
+ width: 100%;
+ float: right;
+ padding: 0 20px 0 100px;
+ position: relative;
+ text-align: left;
+ &:before {
+ border-left-width: 0;
+ border-right-width: 15px;
+ left: -15px;
+ right: auto;
+ }
+ &:after {
+ border-left-width: 0;
+ border-right-width: 14px;
+ left: -14px;
+ right: auto;
+ }
+ }
+ .timeline-image {
+ left: 0;
+ margin-left: 0;
+ width: 80px;
+ height: 80px;
+ position: absolute;
+ z-index: 100;
+ background-color: @brand-primary;
+ color: white;
+ border-radius: 100%;
+ border: 7px solid #f1f1f1;
+ text-align: center;
+ h4 {
+ font-size: 10px;
+ margin-top: 12px;
+ line-height: 14px;
+ }
+ }
+ &.timeline-inverted > .timeline-panel {
+ float: right;
+ text-align: left;
+ padding: 0 20px 0 100px;
+ &:before {
+ border-left-width: 0;
+ border-right-width: 15px;
+ left: -15px;
+ right: auto;
+ }
+ &:after {
+ border-left-width: 0;
+ border-right-width: 14px;
+ left: -14px;
+ right: auto;
+ }
+ }
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ .timeline-heading {
+ h4 {
+ margin-top: 0;
+ color: inherit;
+ &.subheading {
+ text-transform: none;
+ }
+ }
+ }
+ .timeline-body {
+ > p,
+ > ul {
+ margin-bottom: 0;
+ }
+ }
+}
+
+@media(min-width:768px) {
+ .timeline {
+ &:before {
+ left: 50%;
+ }
+ > li {
+ margin-bottom: 100px;
+ min-height: 100px;
+ .timeline-panel {
+ width: 41%;
+ float: left;
+ padding: 0 20px 20px 30px;
+ text-align: right;
+ }
+ .timeline-image {
+ width: 100px;
+ height: 100px;
+ left: 50%;
+ margin-left: -50px;
+ h4 {
+ font-size: 13px;
+ margin-top: 16px;
+ line-height: 18px;
+ }
+ }
+ &.timeline-inverted > .timeline-panel {
+ float: right;
+ text-align: left;
+ padding: 0 30px 20px 20px;
+ }
+ }
+ }
+}
+
+@media(min-width:992px) {
+ .timeline {
+ > li {
+ min-height: 150px;
+ .timeline-panel {
+ padding: 0 20px 20px;
+ }
+ .timeline-image {
+ width: 150px;
+ height: 150px;
+ margin-left: -75px;
+ h4 {
+ font-size: 18px;
+ margin-top: 30px;
+ line-height: 26px;
+ }
+ }
+ &.timeline-inverted > .timeline-panel {
+ padding: 0 20px 20px;
+ }
+ }
+ }
+}
+
+@media(min-width:1200px) {
+ .timeline {
+ > li {
+ min-height: 170px;
+ .timeline-panel {
+ padding: 0 20px 20px 100px;
+ }
+ .timeline-image {
+ width: 170px;
+ height: 170px;
+ margin-left: -85px;
+ h4 {
+ margin-top: 40px;
+ }
+ }
+ &.timeline-inverted > .timeline-panel {
+ padding: 0 100px 20px 20px;
+ }
+ }
+ }
+}
+
+// Team Section
+
+.team-member {
+ text-align: center;
+ margin-bottom: 50px;
+ img {
+ margin: 0 auto;
+ border: 7px solid white;
+ }
+ h4 {
+ margin-top: 25px;
+ margin-bottom: 0;
+ text-transform: none;
+ }
+ p {
+ margin-top: 0;
+ }
+}
+
+// Clients Aside
+
+aside.clients {
+ img {
+ margin: 50px auto;
+ }
+}
+
+// Contact Section
+
+section#contact {
+ background-color: @gray-darkest;
+ background-image: url('../img/map-image.png');
+ background-position: center;
+ background-repeat: no-repeat;
+ .section-heading {
+ color: white;
+ }
+ .form-group {
+ margin-bottom: 25px;
+ input,
+ textarea {
+ padding: 20px;
+ }
+ input.form-control {
+ height: auto;
+ }
+ textarea.form-control {
+ height: 236px;
+ }
+ }
+ .form-control:focus {
+ border-color: @brand-primary;
+ box-shadow: none;
+ }
+ ::-webkit-input-placeholder {
+ .heading-font;
+ font-weight: 700;
+ color: @placeholder-text;
+ }
+ :-moz-placeholder { /* Firefox 18- */
+ .heading-font;
+ font-weight: 700;
+ color: @placeholder-text;
+ }
+ ::-moz-placeholder { /* Firefox 19+ */
+ .heading-font;
+ font-weight: 700;
+ color: @placeholder-text;
+ }
+ :-ms-input-placeholder {
+ .heading-font;
+ font-weight: 700;
+ color: @placeholder-text;
+ }
+ .text-danger {
+ color: @brand-danger;
+ }
+}
+
+// Footer
+
+footer {
+ padding: 25px 0;
+ text-align: center;
+ span.copyright {
+ line-height: 40px;
+ .heading-font;
+ text-transform: none;
+ }
+ ul.quicklinks {
+ margin-bottom: 0;
+ line-height: 40px;
+ .heading-font;
+ text-transform: none;
+ }
+}
+
+// Social Buttons
+
+ul.social-buttons {
+ margin-bottom: 0;
+ li {
+ a {
+ display: block;
+ background-color: @gray-darkest;
+ height: 40px;
+ width: 40px;
+ border-radius: 100%;
+ font-size: 20px;
+ line-height: 40px;
+ color: white;
+ outline: none;
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ transition: all 0.3s;
+ &:hover,
+ &:focus,
+ &:active {
+ background-color: @brand-primary;
+ }
+ }
+ }
+}
+
+.btn:focus,
+.btn:active,
+.btn.active,
+.btn:active:focus {
+ outline: none;
+}
+
+.portfolio-modal {
+ .modal-content {
+ border-radius: 0;
+ background-clip: border-box;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+ min-height: 100%;
+ padding: 100px 0;
+ text-align: center;
+ h2 {
+ margin-bottom: 15px;
+ font-size: 3em;
+ }
+ p {
+ margin-bottom: 30px;
+ }
+ p.item-intro {
+ margin: 20px 0 30px;
+ .serif-font;
+ font-style: italic;
+ font-size: 16px;
+ }
+ ul.list-inline {
+ margin-bottom: 30px;
+ margin-top: 0;
+ }
+ img {
+ margin-bottom: 30px;
+ }
+ }
+ .close-modal {
+ position: absolute;
+ width:75px;
+ height:75px;
+ background-color:transparent;
+ top: 25px;
+ right: 25px;
+ cursor: pointer;
+ &:hover {
+ opacity: 0.3;
+ }
+ .lr {
+ height:75px;
+ width:1px;
+ margin-left:35px;
+ background-color:@gray-darkest;
+ transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ /* IE 9 */
+ -webkit-transform: rotate(45deg);
+ /* Safari and Chrome */
+ z-index:1051;
+ .rl {
+ height:75px;
+ width:1px;
+ background-color:@gray-darkest;
+ transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ /* IE 9 */
+ -webkit-transform: rotate(90deg);
+ /* Safari and Chrome */
+ z-index:1052;
+ }
+ }
+ }
+}
+
+// Highlight Color Customization
+
+::-moz-selection {
+ text-shadow: none;
+ background: @brand-primary;
+}
+
+::selection {
+ text-shadow: none;
+ background: @brand-primary;
+}
+
+img::selection {
+ background: transparent;
+}
+
+img::-moz-selection {
+ background: transparent;
+}
+
+body {
+ webkit-tap-highlight-color: @brand-primary;
+}
\ No newline at end of file
diff --git a/ungleich_page/static/ungleich_page/less/mixins.less b/ungleich_page/static/ungleich_page/less/mixins.less
new file mode 100755
index 00000000..8a28d48c
--- /dev/null
+++ b/ungleich_page/static/ungleich_page/less/mixins.less
@@ -0,0 +1,67 @@
+// Bootstrap Button Variant
+
+.button-variant(@color; @background; @border) {
+ color: @color;
+ background-color: @background;
+ border-color: @border;
+
+ &:hover,
+ &:focus,
+ &:active,
+ &.active,
+ .open .dropdown-toggle& {
+ color: @color;
+ background-color: darken(@background, 10%);
+ border-color: darken(@border, 12%);
+ }
+ &:active,
+ &.active,
+ .open .dropdown-toggle& {
+ background-image: none;
+ }
+ &.disabled,
+ &[disabled],
+ fieldset[disabled] & {
+ &,
+ &:hover,
+ &:focus,
+ &:active,
+ &.active {
+ background-color: @background;
+ border-color: @border;
+ }
+ }
+
+ .badge {
+ color: @background;
+ background-color: @color;
+ }
+}
+
+// Background Features
+
+.background-cover() {
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+}
+
+// Font Selections
+
+.serif-font() {
+ font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.script-font() {
+ font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
+}
+
+.body-font() {
+ font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.heading-font() {
+ font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+}
diff --git a/ungleich_page/static/ungleich_page/less/variables.less b/ungleich_page/static/ungleich_page/less/variables.less
new file mode 100755
index 00000000..cff8406d
--- /dev/null
+++ b/ungleich_page/static/ungleich_page/less/variables.less
@@ -0,0 +1,8 @@
+// Variables
+
+@brand-primary: #fed136;
+@brand-danger: #e74c3c;
+@gray-darkest: #222;
+@gray: #777;
+@gray-lighter: #f7f7f7;
+@placeholder-text: #bbbbbb;
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/_footer.html b/ungleich_page/templates/ungleich_page/_footer.html
new file mode 100644
index 00000000..f03fc2b7
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/_footer.html
@@ -0,0 +1,40 @@
+{% load cms_tags %}
+
+
+
diff --git a/ungleich_page/templates/ungleich_page/_header_base.html b/ungleich_page/templates/ungleich_page/_header_base.html
new file mode 100644
index 00000000..cc80e74b
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/_header_base.html
@@ -0,0 +1,17 @@
+{% load cms_tags staticfiles %}
+
+
+
diff --git a/ungleich_page/templates/ungleich_page/_menu.html b/ungleich_page/templates/ungleich_page/_menu.html
new file mode 100644
index 00000000..05acc787
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/_menu.html
@@ -0,0 +1,36 @@
+{% load menu_tags staticfiles cms_tags %}
+
+
diff --git a/ungleich_page/templates/ungleich_page/base_ungleich.html b/ungleich_page/templates/ungleich_page/base_ungleich.html
new file mode 100644
index 00000000..49ceefe9
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/base_ungleich.html
@@ -0,0 +1,78 @@
+{% load cms_tags menu_tags sekizai_tags staticfiles bootstrap3 %}
+
+
+
+
+ {% block title %}
+ {% page_attribute "page_title" %}
+ {% endblock %}
+
+ {% addtoblock "external-css" %}
+ {% bootstrap_css %}
+
+
+
+
+
+
+
+
+ {% endaddtoblock %}
+
+ {% addtoblock "css" %}
+
+ {% endaddtoblock %}
+ {% block meta %}
+
+
+ {% include 'meta.html' %}
+ {% endblock %}
+ {% render_block "external-css" %}
+ {% render_block "css" postprocessor "compressor.contrib.sekizai.compress" %}
+
+
+ {% cms_toolbar %}
+ {% show_menu 0 0 0 1 "cms/ungleichch/_menu.html" %}
+
+
+ {% block base_header %}
+ {% include "ungleich_page/_header_base.html" %}
+ {% endblock %}
+
+
+
+ {% block base_content %}
+ {% placeholder "default" %}
+ {% endblock %}
+
+
+
+
+ {% include "cms/ungleichch/_footer.html" %}
+ {% addtoblock "external-js" %}
+ {% bootstrap_javascript %}
+ {% endaddtoblock %}
+ {% addtoblock "js" %}
+
+
+
+
+ {% endaddtoblock %}
+ {% render_block "js" postprocessor "compressor.contrib.sekizai.compress" %}
+ {% render_block "external-js" %}
+
+
diff --git a/ungleich_page/templates/ungleich_page/contact.html b/ungleich_page/templates/ungleich_page/contact.html
new file mode 100644
index 00000000..8deb38dc
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/contact.html
@@ -0,0 +1,38 @@
+{% extends "ungleich_page/base_ungleich.html" %}
+
+{% block base_content %}
+
+
+{% block content %}
+{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/includes/_about.html b/ungleich_page/templates/ungleich_page/includes/_about.html
new file mode 100644
index 00000000..ebcbbdcb
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/includes/_about.html
@@ -0,0 +1,82 @@
+{% load static %}
+{% load i18n %}
+
+
+
+
+
+
{% trans "ABOUT" %}
+ {% trans "The timeline of ungleich" %}
+
+
+
+
+
+ -
+
+
+
+
+
+
2000
+
+
+
{% trans "The first incarnation of ungleich" %}
+
{% trans "in Germany" %}
+
+
+ -
+
+
+
+
+
+
2013
+
+
+
{% trans "ungleich founded" %}
+
{% trans "in Switzerland" %}
+
+
+
+ -
+
+
+
+
+
+
2014
+
+
+
{% trans "ungleich present at various conferences" %}:
Linuxtag, UCMS, Linux Erfa, ETH Zurich
+
+
+
+
+ -
+
+
+
+
+
+
2015
+
+
+
{% trans "ungleich introduces HA-Hosting" %}
+
{% trans "and introduces affordable 24X7 support." %}
+
{% trans "ungleich launches" %}
+ {% trans "Digital Glarus project" %}
+
+
+
+ -
+
+
{% trans "and" %}
{% trans "the story continues!" %}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/includes/_contact_us.html b/ungleich_page/templates/ungleich_page/includes/_contact_us.html
new file mode 100644
index 00000000..7d206cad
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/includes/_contact_us.html
@@ -0,0 +1,63 @@
+{% load static %}
+{% load i18n %}
+
+
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/includes/_footer.html b/ungleich_page/templates/ungleich_page/includes/_footer.html
new file mode 100644
index 00000000..1b0eb595
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/includes/_footer.html
@@ -0,0 +1,28 @@
+{% load static %}
+{% load i18n %}
+
+
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/includes/_header.html b/ungleich_page/templates/ungleich_page/includes/_header.html
new file mode 100644
index 00000000..a86f2f24
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/includes/_header.html
@@ -0,0 +1,17 @@
+{% load static %}
+{% load i18n %}
+
+
+
+
+
+
+
+
+ {% trans "We Design, Configure & Maintain
Your Linux Infrastructure " %}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/includes/_portfolio.html b/ungleich_page/templates/ungleich_page/includes/_portfolio.html
new file mode 100644
index 00000000..409bd546
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/includes/_portfolio.html
@@ -0,0 +1,39 @@
+{% load static %}
+{% load i18n %}
+
+
+
+
+
+
{% trans "Hosting Products " %}
+ {% trans "Hosting Products " %}
+
+
+
+
+
+
+
{% trans "HA Hosting" %}
+
+
{% trans "We offer high availablity hosting (HA) in Germany and in Switzerland. Our infrastructure is powered by Free and Open Source Software like OpenNebula, Qemu and GlusterFS." %}
+
+
+
+
+
+
{% trans "Rails Hosting" %}
+
+
{% trans "Ready to go live with your Ruby on Rails application? We offer you ready-to-deploy virtual machines or configure your existing infrastructure for Ruby on Rails." %}
+
+
+
+
+
+
{% trans " Configuration as a Service" %}
+
+
{% trans "You are in need for a configuration?
With ungleich you have found an experienced team that configure your systems to provide service like DNS, E-Mail, Databases or Webservers." %}
+
+
+
+
+
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/includes/_services.html b/ungleich_page/templates/ungleich_page/includes/_services.html
new file mode 100644
index 00000000..928a0132
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/includes/_services.html
@@ -0,0 +1,47 @@
+{% load static %}
+{% load i18n %}
+
+
+
+
+
+
{% trans "our services" %}
+
{% trans "We support our clients in all areas of Unix infrastructure.
+ Our top notch configuration management is refreshingly simple and reliable." %}
+
+
+
+
+
+
+
+
{% trans "Hosting" %}
+
+
{% trans "Ruby on Rails. Java hosting, Django hosting, we make it everything run smooth and safe." %}
+
+
+
+
+
+
+
+
{% trans "Configuration as a Service" %}
+
+
{% trans "Ruby on Rails, Django, Java, Webserver, Mailserver, any infrastructure that needs to configured, we provide comprehensive solutions. Amazon, rackspace or bare metal servers, we configure for you." %}
+
+
+
+
+
+
+
+
{% trans "Linux System Engineering" %}
+
+
+
{% trans "Let your developers develop! We take care of your system administration. Gentoo, Archlinux, Debian, Ubuntu, and many more." %}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/includes/_softwares.html b/ungleich_page/templates/ungleich_page/includes/_softwares.html
new file mode 100644
index 00000000..b5ece4d8
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/includes/_softwares.html
@@ -0,0 +1,117 @@
+{% load static %}
+
+
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/includes/_team.html b/ungleich_page/templates/ungleich_page/includes/_team.html
new file mode 100644
index 00000000..a9a32c74
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/includes/_team.html
@@ -0,0 +1,97 @@
+{% load static %}
+{% load i18n %}
+
+
+
+
+
+
{% trans "Why ungleich?*" %}
+ {% trans "What our customers say" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% blocktrans %}
+ "ungleich helped us getting started with our internal
+ infrastructure, hosted on physical servers in a
+ co-location data centre in Zurich. From planning the
+ network layout and virtualisation setup,
+ inviting offers and securing a great deal from a
+ hardware vendor, all the way to the installation of
+ basic services like DNS, VPN and firewalls using the
+ configuration management software cdist, we could
+ count on the support of ungleich. At the end, we got
+ a high availability infrastructure setup enabling our
+ engineers to work more efficiently and comfortable
+ than before."
+ {% endblocktrans %}
+
+
+ - Luciano Franceschina, CTO at Teralytics
+
+
+
+
+
+ {% blocktrans %}
+ "Thanks to ungleich team, who has designed and
+ configured our company's Linux infrastructure, our
+ systems are very easy to maintain. Their innovative
+ configuration management system cdist helped us
+ significantly not only in cost but also in time
+ saving, which is crucial for IT companies like ours."
+ {% endblocktrans %}
+
+
+ - Beat Seeliger , CTO at Panter AG
+
+
+
+
+
+ {% blocktrans %}
+ "ungleich provided an excellent service in designing
+ our system architecture and created secure and stable
+ appliance. For us it is important to have an enduring
+ stability in our system, and ungleich's configuration
+ management system cdist is easy to adapt for our
+ system administrators. We had a successful
+ collaboration with ungleich in the time of very
+ high workload, and their project leading was
+ high-skilled and very reliable. I would definitely
+ recommend them to any companies with high demand in
+ solid infrastructures."
+ {% endblocktrans %}
+
+
+ {% blocktrans %}
+ - Sebastian Plattner,
+ Teamleader Development Cyber Security Products at RUAG
+ {% endblocktrans %}
+
+
+
+
+
+
+
+
+
+
{% blocktrans %}*ungleich means not equal to (≠) U+2260.{% endblocktrans %}
+
+
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/index.html b/ungleich_page/templates/ungleich_page/index.html
new file mode 100644
index 00000000..f8b86001
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/index.html
@@ -0,0 +1,3 @@
+{% extends "base_glarus.html" %}
+{% block base_content %}
+{% endblock %}
diff --git a/ungleich_page/templates/ungleich_page/landing.html b/ungleich_page/templates/ungleich_page/landing.html
new file mode 100644
index 00000000..79ec4338
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/landing.html
@@ -0,0 +1,171 @@
+{% load static %}
+{% load bootstrap3 %}
+
+
+
+
+
+
+
+
+
+
+ ungleich GmbH
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% include "ungleich_page/includes/_header.html" %}
+
+
+
+ {% include "ungleich_page/includes/_services.html" %}
+
+
+ {% include "ungleich_page/includes/_portfolio.html" %}
+
+
+
+ {% include "ungleich_page/includes/_about.html" %}
+
+
+ {% include "ungleich_page/includes/_team.html" %}
+
+
+ {% include "ungleich_page/includes/_softwares.html" %}
+
+
+ {% include "ungleich_page/includes/_contact_us.html" %}
+
+
+ {% include "ungleich_page/includes/_footer.html" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+