From ca51a585709245e80f7725b6723232e42953ad01 Mon Sep 17 00:00:00 2001
From: oetiker <oetiker@a5681a0c-68f1-0310-ab6d-d61299d08faa>
Date: Mon, 9 May 2005 17:42:35 +0000
Subject: [PATCH] oops this was copied from the smokeping web ... bad bad bad
 ... now we are standalone ...

git-svn-id: svn://svn.oetiker.ch/rrdtool/branches/1.2@527 a5681a0c-68f1-0310-ab6d-d61299d08faa
---
 website/download.wml               |   4 +-
 website/inc/customtags.inc         | 118 ++++++++++
 website/inc/design.css             | 251 ++++++++++++++++++++
 website/inc/event.js               | 149 ++++++++++++
 website/inc/fixed.js               | 354 +++++++++++++++++++++++++++++
 website/inc/html.inc               |  21 ++
 website/inc/langset.inc            |  34 +++
 website/inc/minmax.js              | 144 ++++++++++++
 website/inc/navbar-def.inc         |  76 +++++++
 website/inc/position.js            | 118 ++++++++++
 website/inc/rrdtool-design.xar     | Bin 0 -> 5666 bytes
 website/inc/rrdtool-logo-dark.png  | Bin 0 -> 3908 bytes
 website/inc/rrdtool-logo-light.png | Bin 0 -> 3908 bytes
 website/inc/rrdtool-logo.png       | Bin 0 -> 1395 bytes
 website/inc/rrdtool-logo.xar       | Bin 0 -> 4315 bytes
 website/inc/rrdtool-theme.png      | Bin 0 -> 3776 bytes
 website/inc/template.inc           | 122 ++++++++++
 website/rrdworld/cacti.xml         |   9 +-
 18 files changed, 1392 insertions(+), 8 deletions(-)
 create mode 100644 website/inc/customtags.inc
 create mode 100644 website/inc/design.css
 create mode 100644 website/inc/event.js
 create mode 100644 website/inc/fixed.js
 create mode 100644 website/inc/html.inc
 create mode 100644 website/inc/langset.inc
 create mode 100644 website/inc/minmax.js
 create mode 100644 website/inc/navbar-def.inc
 create mode 100644 website/inc/position.js
 create mode 100644 website/inc/rrdtool-design.xar
 create mode 100644 website/inc/rrdtool-logo-dark.png
 create mode 100644 website/inc/rrdtool-logo-light.png
 create mode 100644 website/inc/rrdtool-logo.png
 create mode 100644 website/inc/rrdtool-logo.xar
 create mode 100644 website/inc/rrdtool-theme.png
 create mode 100644 website/inc/template.inc

diff --git a/website/download.wml b/website/download.wml
index 3667a2a4..5ce37a9e 100644
--- a/website/download.wml
+++ b/website/download.wml
@@ -12,6 +12,8 @@ You can download RRD tool from several places:
  <LI><A HREF="http://people.ee.ethz.ch/~oetiker/webtools/rrdtool/pub/beta/?M=D">Development SnapShots</A></LI>
 </UL>
 
+<p>You might want to read the <a href="doc/rrdbuild.en.html">build instructions</a> for inspiration on where to go after downloading the source.</p>
+
 <H2>Mirror Sites</H2>
 
 <UL>
@@ -67,7 +69,7 @@ and libtool installed for this to work.</p>
 
 <p>If you fix a bug, I would love to see the output of '<b>svn diff</b>'.</p>
 
-<p>To get the latest chenges from the current 1.2 branche use this:</p>
+<p>To get the latest chenges from the current 1.2 branch use this:</p>
 <pre>
 svn checkout svn://svn.ee.ethz.ch/rrdtool/branches/1.2/program
 mv program rrdtool-1.2
diff --git a/website/inc/customtags.inc b/website/inc/customtags.inc
new file mode 100644
index 00000000..54ad7c10
--- /dev/null
+++ b/website/inc/customtags.inc
@@ -0,0 +1,118 @@
+<define-tag where>\
+<perl>
+my $path=$WML_SRC_DIRNAME."/".$WML_SRC_BASENAME;
+$path =~ s|.+?website/||s;
+print "$path.en.html";
+</perl>\
+</define-tag>
+
+#
+# an rrdworld entry
+#
+#<rrdworld type="extension|application"
+#       icon="rumble.png" > <!-- Size 100x66 -->
+#
+#       <name> RRRRumble </name>
+#     <author> Peter Example </author>
+#<description> Makes rrdtool rumble when new data is added </description>
+#   <homepage> http://somesite.blabla.plac </homepage> 
+#       <year> 2005 </year><month> 4 </month>
+#    <license> GPL </license>
+#
+#   <!-- Optional -->   
+#
+#   <livesite> http://somesite.blabla.plac </livesite> 
+#      <email> max@example.com </email>
+#
+#</rrdworld>
+
+#<gallery image="graph.png" >
+#
+#      <title> Virus Graph </title>
+#     <author> Max Beispiel </author> 
+#<description> The five most common critters of the week. </description>
+#       <year> 2005 </year><month> 4 </month>
+#      
+#   <!-- Optional -->   
+#
+#   <livesite> http://somesite.blabla.plac </livesite> 
+#      <email> max@example.com </email>
+#
+#</gallery>
+
+
+
+<define-tag name        endtag=required ><set-var-x name=rwv_name><h3>%body</h3></set-var-x></define-tag>
+<define-tag title       endtag=required ><set-var-x name=rwv_title><h2>%body</h2></set-var-x></define-tag>
+<define-tag author      endtag=required ><set-var-x name=rwv_author>%body</set-var-x></define-tag>
+<define-tag description endtag=required ><set-var-x name=rwv_description>%body</set-var-x></define-tag>
+<define-tag homepage    endtag=required ><set-var-x name=rwv_homepage> ... <a href="<subst-in-string %body " " "" />">[home]</a></set-var-x></define-tag>
+<define-tag year        endtag=required ><set-var-x name=rwv_year> %body </set-var-x></define-tag>
+<define-tag month       endtag=required ><set-var-x name=rwv_month> /%body </set-var-x></define-tag>
+<define-tag license     endtag=required ><set-var-x name=rwv_license>License: %body</set-var-x></define-tag>
+<define-tag livesite    endtag=required ><set-var-x name=rwv_livesite> <a href="<subst-in-string "%body" " " "" />">[demo]</a></set-var-x></define-tag>
+<define-tag email       endtag=required ><set-var-x name=rwv_email>&lt;<subst-in-string <subst-in-string "%body" " " "" /> @ "@<span class="legacy">XYZ-</span>" />&gt;</set-var-x></define-tag>
+
+<define-tag rrdworld endtag=required>
+<preserve icon type rwv_name rwv_author rwv_description rwv_homepage rwv_year rwv_month rwv_license rwv_livesite rwv_email/>
+<set-var %attributes />
+%body
+<subst-in-var rwv_year " " ""/>
+<subst-in-var rwv_month " " ""/>
+<div class="rrdworld">
+<if <get-var icon/> <img align="right" src="<subst-in-string <get-var icon/> " " "" />"/> />
+<get-var rwv_name/>
+<div class="who"><get-var rwv_author/> <get-var rwv_email/> | Date: <get-var rwv_year/><get-var rwv_month/> | <get-var rwv_license/></div>
+<div class="desc">
+<get-var rwv_description/>
+<get-var rwv_homepage/><get-var rwv_livesite/>
+</div>
+</div>
+<restore icon type rwv_name rwv_author rwv_description rwv_homepage rwv_year rwv_month rwv_license rwv_livesite rwv_email/>
+</define-tag>
+
+<define-tag gallery endtag=required>
+<preserve image rwv_title rwv_author rwv_description rwv_year rwv_month rwv_livesite rwv_email/>
+<set-var %attributes />
+%body
+<subst-in-var rwv_year " " ""/>
+<subst-in-var rwv_month " " ""/>
+<div class="gallery">
+<get-var rwv_title/>
+<div class="image"><img src="<subst-in-string <get-var image/> " " "" />"/></div>
+<div class="caption"><get-var rwv_description/> -- <get-var rwv_author/> <get-var rwv_email/>, <get-var rwv_year/><get-var rwv_month/> <get-var rwv_livesite/></div>
+</div>
+<restore image rwv_title rwv_author rwv_description rwv_year rwv_month rwv_livesite rwv_email/>
+</define-tag>
+
+
+<define-tag lastchange>
+<perl>
+use POSIX qw(strftime); 
+use POSIX qw(locale_h); 
+  setlocale(LC_TIME,"de");
+  my $x_de = strftime "%e. %B %Y", localtime("$(WML_SRC_TIME)"); 
+  setlocale(LC_TIME,"en_US");
+  my $x_en = strftime "%B %e, %Y", localtime("$(WML_SRC_TIME)"); 
+  $x_de=~ s/\s/&nbsp;/g; 
+  $x_en=~ s/\s/&nbsp;/g; 
+</perl>
+<en>
+<perl>  
+  print $x_en;
+</perl>
+</en>
+<de>
+<perl>
+  print $x_de;
+</perl>
+</de>
+</define-tag>
+
+<define-tag picture endtag=required>
+<div class="pic"><img  src="%body" align=left/></div>
+</define-tag>
+
+
+
+# vi: ft=wml
diff --git a/website/inc/design.css b/website/inc/design.css
new file mode 100644
index 00000000..344995ca
--- /dev/null
+++ b/website/inc/design.css
@@ -0,0 +1,251 @@
+body {
+  background-color: white;
+  color: black;
+  margin: 30px;
+  padding: 0px;
+  font-family: sans-serif;
+  line-height: 1.5em;
+}
+/* hide old stuff */
+.legacy {
+  display: none
+}
+
+/**************************
+ * layout              
+ **************************/
+table#frame  {
+        width: 100%;
+        border-collapse: collapse;
+        background-color: #1a1a1a;
+}
+
+table#frame td {
+        vertical-align: top;
+        margin: 0px;
+        padding: 0px;
+}
+
+
+/**************************
+ * body              
+ **************************/
+div#body {
+  color: white;
+  margin: 40px;
+  margin-top: 80px;
+}
+
+div#body h1 { 
+  color: #717fe5;
+  margin-top: 0px;
+  margin-bottom: 0.5em;
+  padding-bottom: 0.1em;
+  line-height: 1em;
+  font-size: 220%;
+  border-bottom-style: solid;
+  border-bottom-width: 4px;
+  border-bottom-color: #404040;
+}
+
+div#body h2 { 
+  color: white;
+  margin-top: 0.6em;
+  margin-bottom: 0.1em;
+}
+
+
+div#body a {
+  color: #4a71e4;
+}
+
+div#body a[name] {
+  color: white;
+}
+
+div#body a:hover {
+  color: #7b9dff;
+}
+
+div#body h2 a,
+div#body h3 a,
+div#body h4 a,
+div#body h5 a {
+  color: white;
+}
+
+div#body dl dd {
+  margin-left: 1.5em;
+}
+
+div#body dl dt {
+  padding-top: 1em;
+  font-weight: bold;
+}
+
+div#body dl dt a {
+  text-decoration: none;
+}
+
+div#body dl p {
+  margin-bottom: 0.2em;
+  margin-top: 0.2em;
+}
+ 
+div#body pre {
+  border-style: solid;
+  border-color: #bfbfbf;
+  border-width: 1px;  
+  background-color: #606060;
+  padding: 1em;
+}
+
+div#body pre a{
+  color: white;
+}
+
+/**************************
+ * footer
+ **************************/
+table#frame td#footcell {
+}
+
+div#address  {
+  float: right;
+  margin: 30px;
+}
+
+div#address small {
+  color: #b0b0b0;
+  font-size: 90%;
+}
+
+div#address a {
+  color: #b0b0b0;
+  text-decoration: none;
+}
+
+/**************************
+ * logo
+ **************************/
+
+div#logo {
+  position: absolute;
+  height: 62px;
+  width: 187px;
+  right: 80px;
+  top: 60px;
+  background-image: url("rrdtool-theme.png");
+}
+
+/**************************
+ * rrdworld
+ **************************/
+
+div.rrdworld h3 {
+  background: #202050;
+  margin-top: 0.1em;
+  margin-bottom: 0.3em;
+  padding: 3px;  
+}
+
+div.rrdworld {
+  border-style: solid;
+  border-color: #bfbfbf;
+  border-width: 1px;  
+  background-color: #404040;
+  padding: 1em;
+  margin-top: 0.5em;
+  margin-bottom: 1em;
+}
+
+
+/**************************
+ * mirrors
+ **************************/
+
+div#mirrors {
+  padding: 3px;
+  padding-left: 40px;
+  font-size: 10px;
+}
+
+div#mirrors,
+div#mirrors a {
+  color: #606060;
+}
+
+
+/**************************
+ * menu              
+ **************************/
+table#frame td#leftcornercell,
+table#frame td#menucell {
+  width: 10%;
+  background-color: #606060;
+}
+
+div#menu {
+  font-weight: normal;
+  color: white;
+  margin-top: 20px;
+  margin-left: 20px;
+  margin-right: 20px;
+  font-size: 14px;
+  width: 120px;
+  line-height: 1em;
+}
+
+div#menu li {
+  margin-top: 0.7em;
+  margin-bottom: 0.7em;
+}
+
+div#menu li li {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+div#menu a {
+  color: black;
+  text-decoration: none;
+}
+
+div#menu ul ul a {
+  color: black;
+  text-decoration: none;
+}
+
+div#menu ul {
+  list-style: none;
+  margin-left: 0px;
+  padding-left: 0px;
+}
+
+div#menu ul ul { 
+  padding-left: 10px;
+  font-size: 12px;
+}
+
+div#menu ul a,
+div#menu ul div.selected {
+  padding-left: 0px;
+}
+
+div#menu ul ul ul li {
+  padding-left: 1em;
+}
+
+div#menu a:hover {
+  color: #a6a4f5;
+}
+
+div#menu a:active {
+  color: #7b7aba;
+}
+
+div#menu li div.selected {
+  color: white;
+  font-weight: bold;
+}
+
diff --git a/website/inc/event.js b/website/inc/event.js
new file mode 100644
index 00000000..cc99e465
--- /dev/null
+++ b/website/inc/event.js
@@ -0,0 +1,149 @@
+// event.js: cross-browser Listener-style event handling
+// version 0.9, 18-Apr-2001
+// written by Andrew Clover <and@doxdesk.com>, use freely
+
+event_list= new Array();
+
+event_level= 0;
+if (document.implementation)
+  if (document.implementation.hasFeature('Events', '2.0'))
+    event_level= 2;
+
+function event_addListener(esource, etype, elistener) {
+  var i;
+  var alreadyTriggering= false;
+  for (i= 0; i<event_list.length; i++) {
+    if (event_list[i][0]==esource && event_list[i][1]==etype) {
+      if (event_list[i][2]==elistener) return;
+      alreadyTriggering= true;
+  } }
+  event_list[event_list.length]= new Array(esource, etype, elistener);
+  if (!alreadyTriggering) {
+    if (event_level==2) {
+      if (esource==window && !(esource.addEventListener))
+        esource= document; // Opera 7.2
+      esource.addEventListener(etype, event_trigger_DOM2, false);
+    } else {
+      eval(event_trigger_DOM0(etype));
+      esource['on'+etype]= event_trigger;
+      if (esource.captureEvents)
+        esource.captureEvents('Event.'+etype.toUpperCase());
+  } }
+}
+
+function event_removeListener(esource, etype, elistener) {
+  var i; var e;
+  var j= 0;
+  var removedListener= false;
+  var keepTrigger= false;
+  for (i= 0; i<event_list.length; i++) {
+    if (event_list[i][0]==esource && event_list[i][1]==etype) {
+      if (event_list[i][2]==elistener) {
+        removedListener= true;
+        continue;
+      }
+      else keepTrigger= true;
+    }
+    if (i!=j) event_list[j]= event_list[i];
+    j++;
+  }
+  event_list.length= j;
+  if (removedListener && !keepTrigger) {
+    if (event_level==2)
+      esource.removeEventListener(etype, elistener, true);
+    else
+      esource['on'+etype]= window.clientInformation ? null : window.undefined;
+  }
+}
+
+function event_trigger_DOM2(e) {
+  if (event_dispatch(e.target, e.type)==false)
+    e.preventDefault();
+}
+
+function event_trigger_DOM0(t) {
+  return 'function event_trigger() {return event_dispatch(this, \''+t+'\');}';
+}
+
+function event_dispatch(esource, etype) {
+  var i; var r;
+  var elisteners= new Array();
+  var result= window.undefined;
+  for (i= 0; i<event_list.length; i++)
+    if (event_list[i][0]==esource && event_list[i][1]==etype)
+      elisteners[elisteners.length]= event_list[i][2];
+  for (i= 0; i<elisteners.length; i++) {
+    r= elisteners[i](esource, etype);
+    if (r+''!='undefined') result= r;
+  }
+  return result;
+}
+
+// convenience prevent-default-action listener
+function event_prevent(esource, etype) { return false; }
+
+// page finished loading detector for binding
+var event_loaded= false;
+function event_load(esource, etype) {
+  event_loaded= true;
+  event_removeListener(window, 'load', event_load);
+}
+event_addListener(window, 'load', event_load);
+
+// binding helper
+var event_BINDDELAY= 750;
+var event_binds= new Array();
+
+function event_addBinding(btag, blistener) {
+  event_binds[event_binds.length]= new Array(btag, 0, blistener);
+  if (event_intervalling)
+    event_bind();
+  else {
+    event_intervalling= true;
+    window.setTimeout(event_interval, 0);
+  }
+}
+
+var event_intervalling= false;
+function event_interval() {
+  event_bind();
+  if (!event_loaded)
+    window.setTimeout(event_interval, event_BINDDELAY);
+}
+
+function event_bind() {
+  var i, j, els, blistener;
+  for (i= event_binds.length; i-->0;) {
+    els= event_getElementsByTag(event_binds[i][0]);
+    blistener= event_binds[i][2];
+    for (j= event_binds[i][1]; j<els.length; j++)
+      blistener(els[j]);
+    event_binds[i][1]= event_getElementsByTag(event_binds[i][0]).length;
+  }
+}
+
+// get elements by tag name with backup for pre-DOM browsers
+var event_NIL= new Array();
+function event_getElementsByTag(tag) {
+  if (document.getElementsByTagName) {
+    var arr= document.getElementsByTagName(tag);
+    // IE5.0/Win doesn't support '*' for all tags
+    if (tag!='*' || arr.length>0) return arr;
+  }
+  if (document.all) {
+    if (tag=='*') return event_array(document.all);
+    else return event_array(document.all.tags(tag));
+  }
+  tag= tag.toLowerCase();
+  if (tag=='a') return event_array(document.links);
+  if (tag=='img') return event_array(document.images);
+  if (tag=='form') return event_array(document.forms);
+  if (document.layers && tag=='div') return event_array(document.layers);
+  return event_NIL;
+}
+function event_array(coll) {
+  var arr= new Array(coll.length);
+  for (var i= arr.length; i-->0;)
+    arr[i]= coll[i];
+  return arr;
+}
\ No newline at end of file
diff --git a/website/inc/fixed.js b/website/inc/fixed.js
new file mode 100644
index 00000000..5382876e
--- /dev/null
+++ b/website/inc/fixed.js
@@ -0,0 +1,354 @@
+// fixed.js: fix fixed positioning and fixed backgrounds in IE/Win
+// version 1.8, 08-Aug-2003
+// written by Andrew Clover <and@doxdesk.com>, use freely
+
+/*@cc_on
+@if (@_win32 && @_jscript_version>4)
+
+var fixed_positions= new Array();
+var fixed_backgrounds= new Array();
+var fixed_viewport;
+
+// Initialisation. Called when the <body> tag arrives. Set up viewport so the
+// rest of the script knows we're going, and add a measurer div, used to detect
+// font size changes and measure image sizes for backgrounds later   
+
+function fixed_init() {
+  fixed_viewport= (document.compatMode=='CSS1Compat') ?
+    document.documentElement : document.body;
+  var el= document.createElement('div');
+  el.setAttribute('id', 'fixed-measure');
+  el.style.position= 'absolute';
+  el.style.top= '0'; el.style.left= '0';
+  el.style.overflow= 'hidden'; el.style.visibility= 'hidden';
+  el.style.fontSize= 'xx-large'; el.style.height= '5em';
+  el.style.setExpression('width', 'fixed_measureFont()');
+  document.body.insertBefore(el, document.body.firstChild);
+}
+
+// Binding. Called every time an element is added to the document, check it
+// for fixed features, if found add to our lists and set initial props   
+
+function fixed_bind(el) {
+  var needLayout= false;
+  var tag= el.tagName.toLowerCase();
+  var st= el.style;
+  var cst= el.currentStyle;
+  var anc;
+
+  // find fixed-position elements
+  if (cst.position=='fixed') {
+    needLayout= true;
+    fixed_positions[fixed_positions.length]= el;
+    // store original positioning as we'll overwrite it
+    st.position= 'absolute';
+    st.fixedPLeft=   cst.left;
+    st.fixedPTop=    cst.top;
+    st.fixedPRight=  cst.right;
+    st.fixedPBottom= cst.bottom;
+    st.fixedPWidth=  fixed_parseLength(cst.width);
+    st.fixedPHeight= fixed_parseLength(cst.height);
+    // find element that will act as containing box, for convenience later
+    st.fixedCB= null;
+    for (anc= el; (anc= anc.parentElement).parentElement;) {
+      if (anc.currentStyle.position!='static') {
+        st.fixedCB= anc;
+        break;
+    } }
+    // detect nested fixed positioning (only ancestor need move)
+    st.fixedNest= false;
+    for (anc= el; anc= anc.parentElement;) {
+      if (anc.style.fixedNest!=null)
+        st.fixedNest= true;
+        break;
+    }
+  }
+
+  // find fixed-background elements (not body/html which IE already gets right)
+  if (cst.backgroundAttachment=='fixed' && tag!='body' && tag!='html') {
+    needLayout= true;
+    fixed_backgrounds[fixed_backgrounds.length]= el;
+    // get background offset, converting from keyword if necessary
+    st.fixedBLeft= fixed_parseLength(cst.backgroundPositionX);
+    st.fixedBTop=  fixed_parseLength(cst.backgroundPositionY);
+    // if it's a non-zero %age, need to know size of image for layout
+    if (st.fixedBLeft[1]=='%' || st.fixedBTop[1]=='%') {
+      st.fixedBWidth= 0; st.fixedBHeight= 0;
+      fixed_measureBack(el);
+    }
+  }
+  if (needLayout) fixed_layout();
+}
+
+// Layout. On every window or font size change, recalculate positioning   
+
+// Request re-layout at next free moment
+var fixed_delaying= false;
+function fixed_delayout() {
+  if (fixed_delaying) return;
+  fixed_delaying= true;
+  window.setTimeout(fixed_layout, 0);
+}
+
+var fixed_ARBITRARY= 200;
+
+function fixed_layout() {
+  fixed_delaying= false;
+  if (!fixed_viewport) return;
+  var i, el, st, j, pr, tmp, A= 'auto';
+  var cb, cbLeft, cbTop, cbRight, cbBottom, oLeft, oTop, oRight, oBottom;
+  var vpWidth=fixed_viewport.clientWidth, vpHeight=fixed_viewport.clientHeight;
+
+  // calculate initial position for fixed-position elements [black magic]
+  for (i= fixed_positions.length; i-->0;) {
+    el= fixed_positions[i]; st= el.style;
+    // find positioning of containing block
+    cb= st.fixedCB; if (!cb) cb= fixed_viewport;
+    cbLeft= fixed_pageLeft(cb); cbTop= fixed_pageTop(cb);
+    if (cb!=fixed_viewport) { cbLeft+= cb.clientLeft; cbTop+= cb.clientTop; }
+    cbRight= fixed_viewport.clientWidth-cbLeft-cb.clientWidth;
+    cbBottom= fixed_viewport.clientHeight-cbTop-cb.clientHeight;
+    // if size is in %, must recalculate relative to viewport
+    if (st.fixedPWidth[1]=='%')
+      st.width= Math.round(vpWidth*st.fixedPWidth[0]/100)+'px';
+    if (st.fixedPHeight[1]=='%')
+      st.height= Math.round(vpHeight*st.fixedPHeight[0]/100)+'px';
+    // find out offset values at max size, to account for margins
+    st.left= A; st.right= '0'; st.top= A; st.bottom= '0';
+    oRight= el.offsetLeft+el.offsetWidth; oBottom= el.offsetTop+el.offsetHeight;
+    st.left= '0'; st.right= A; st.top= '0'; st.bottom= A;
+    oLeft= el.offsetLeft; oTop= el.offsetTop;
+    // use this to convert all edges to pixels
+    st.left= A; st.right= st.fixedPRight;
+    st.top= A; st.bottom= st.fixedPBottom;
+    oRight-= el.offsetLeft+el.offsetWidth;
+    oBottom-= el.offsetTop+el.offsetHeight;
+    st.left= st.fixedPLeft; st.top= st.fixedPTop;
+    oLeft= el.offsetLeft-oLeft; oTop= el.offsetTop-oTop;
+    // edge positioning fix
+    if (st.fixedPWidth[1]==A && st.fixedPLeft!=A && st.fixedPRight!=A) {
+      tmp= el.offsetLeft; st.left= A; st.width= fixed_ARBITRARY+'px';
+      tmp= fixed_ARBITRARY+el.offsetLeft-tmp+cbLeft+cbRight;
+      st.left= st.fixedPLeft; st.width= ((tmp<1)?1:tmp)+'px';
+    }
+    if (st.fixedPHeight[1]==A && st.fixedPTop!=A && st.fixedPBottom!=A) {
+      tmp= el.offsetTop; st.top= A; st.height= fixed_ARBITRARY+'px';
+      tmp= fixed_ARBITRARY+el.offsetTop-tmp+cbTop+cbBottom;
+      st.top= st.fixedPTop; st.height= ((tmp<1)?1:tmp)+'px';
+    }
+    // move all non-auto edges relative to the viewport
+    st.fixedCLeft= (st.fixedPLeft=='auto') ? oLeft : oLeft-cbLeft;
+    st.fixedCTop= (st.fixedPTop=='auto') ? oTop : oTop-cbTop;
+    st.fixedCRight= (st.fixedPRight=='auto') ? oRight : oRight-cbRight;
+    st.fixedCBottom= (st.fixedPBottom=='auto') ? oBottom : oBottom-cbBottom;
+    // remove left-positioning of right-positioned elements
+    if (st.fixedPLeft=='auto' && st.fixedPRight!='auto') st.fixedCLeft= 'auto';
+    if (st.fixedPTop=='auto' && st.fixedPBottom!='auto') st.fixedCTop= 'auto';
+  }
+
+
+  // calculate initial positioning of fixed backgrounds
+  for (i= fixed_backgrounds.length; i-->0;) {
+    el= fixed_backgrounds[i]; st= el.style;
+    tmp= st.fixedBImage;
+    if (tmp) {
+      if (tmp.readyState!='uninitialized') {
+        st.fixedBWidth= tmp.offsetWidth;
+        st.fixedBHeight= tmp.offsetHeight;
+        st.fixedBImage= window.undefined;
+      }
+    }
+    st.fixedBX= fixed_length(el, st.fixedBLeft, vpWidth-st.fixedBWidth);
+    st.fixedBY= fixed_length(el, st.fixedBTop, vpHeight-st.fixedBHeight);
+  }
+
+  // now call scroll() to set the positions from the values just calculated
+  fixed_scroll();
+}
+
+// Scrolling. Offset fixed elements relative to viewport scrollness
+
+var fixed_lastX, fixed_lastY;
+var fixed_PATCHDELAY= 300;
+var fixed_patching= false;
+
+// callback function after a scroll, because incorrect scroll position is
+// often reported first go!
+function fixed_patch() {
+  fixed_patching= false;
+  var scrollX= fixed_viewport.scrollLeft, scrollY= fixed_viewport.scrollTop;
+  if (scrollX!=fixed_lastX && scrollY!=fixed_lastY) fixed_scroll();
+}
+
+function fixed_scroll() {
+  if (!fixed_viewport) return;
+  var i, el, st, viewportX, viewportY;
+  var scrollX= fixed_viewport.scrollLeft, scrollY= fixed_viewport.scrollTop;
+  fixed_lastX= scrollX; fixed_lastY= scrollY;
+
+  // move non-nested fixed-position elements
+  for (i= fixed_positions.length; i-->0;) {
+    st= fixed_positions[i].style;
+    viewportX= (st.fixedNest) ? 0 : scrollX;
+    viewportY= (st.fixedNest) ? 0 : scrollY;
+    if (st.fixedCLeft!='auto') st.left= (st.fixedCLeft+viewportX)+'px';
+    if (st.fixedCTop!='auto') st.top= (st.fixedCTop+viewportY)+'px';
+    viewportX= (st.fixedCB==null || st.fixedCB==fixed_viewport) ? 0 : viewportX;
+    viewportY= (st.fixedCB==null || st.fixedCB==fixed_viewport) ? 0 : viewportY;
+    st.right= (st.fixedCRight-viewportX+1)+'px'; st.right= (st.fixedCRight-viewportX)+'px';
+    st.bottom= (st.fixedCBottom-viewportY+1)+'px'; st.bottom= (st.fixedCBottom-viewportY)+'px';
+  }
+
+  // align fixed backgrounds to viewport
+  for (i= fixed_backgrounds.length; i-->0;) {
+    el= fixed_backgrounds[i]; st= el.style;
+    viewportX= scrollX;
+    viewportY= scrollY;
+    while (el.offsetParent) {
+      viewportX-= el.offsetLeft+el.clientLeft;
+      viewportY-= el.offsetTop +el.clientTop;
+      el= el.offsetParent;
+    }
+    st.backgroundPositionX= (st.fixedBX+viewportX)+'px';
+    st.backgroundPositionY= (st.fixedBY+viewportY)+'px';
+  }
+
+  // call back again in a tic
+  if (!fixed_patching) {
+    fixed_patching= true;
+    window.setTimeout(fixed_patch, fixed_PATCHDELAY);
+  }
+}
+
+// Measurement. Load bg-image into an invisible element on the page, when
+// loaded write the width/height to an element's style for layout use; detect
+// when font size changes
+
+function fixed_measureBack(el) {
+  var measure= document.getElementById('fixed-measure');
+  var img= document.createElement('img');
+  img.setAttribute('src', fixed_parseURL(el.currentStyle.backgroundImage));
+  measure.appendChild(img);
+  el.style.fixedBImage= img;
+  if (img.readyState=='uninitialized')
+    img.attachEvent('onreadystatechange', fixed_measureBackImage_ready);
+}
+
+function fixed_measureBackImage_ready() {
+  var img= event.srcElement;
+  if (img && img.readyState!='uninitialized') {
+    img.detachEvent('onreadystatechange', fixed_measureBackImage_ready);
+    fixed_layout();
+  }
+}
+
+var fixed_fontsize= 0;
+function fixed_measureFont() {
+  var fs= document.getElementById('fixed-measure').offsetHeight;
+  if (fixed_fontsize!=fs && fixed_fontsize!=0)
+    fixed_delayout();
+  fixed_fontsize= fs;
+  return '5em';
+}
+
+// Utility. General-purpose functions
+
+// parse url() to get value inside
+
+function fixed_parseURL(v) {
+  v= v.substring(4, v.length-1);
+  if (v.charAt(0)=='"' && v.charAt(v.length-1)=='"' ||
+      v.charAt(0)=="'" && v.charAt(v.length-1)=="'")
+    return v.substring(1, v.length-1);
+  else return v;
+}
+
+// parse length or auto or background-position keyword into number and unit
+
+var fixed_numberChars= '+-0123456789.';
+var fixed_ZERO= new Array(0, 'px');
+var fixed_50PC= new Array(50, '%');
+var fixed_100PC= new Array(100, '%');
+var fixed_AUTO= new Array(0, 'auto');
+
+function fixed_parseLength(v) {
+  var num, i;
+  if (v=='left'  || v=='top')    return fixed_ZERO;
+  if (v=='right' || v=='bottom') return fixed_100PC;
+  if (v=='center') return fixed_50PC;
+  if (v=='auto')   return fixed_AUTO;
+  i= 0;
+  while (i<v.length && fixed_numberChars.indexOf(v.charAt(i))!=-1)
+    i++;
+  num= parseFloat(v.substring(0, i));
+  if (num==0) return fixed_ZERO;
+  else return new Array(num, v.substring(i));
+}
+
+// convert parsed (number, unit) into a number of pixels
+
+function fixed_length(el, l, full) {
+  var tmp, x;
+  if (l[1]=='px') return l[0];
+  if (l[1]=='%')  return Math.round(full*l[0]/100);
+  // other units - measure by setting position; this is rather inefficient
+  // but then these units are used for background-position so seldom...
+  tmp= el.currentStyle.left;
+  el.style.left= '0';
+  x= el.offsetLeft;
+  el.style.left= l[0]+l[1];
+  x= el.offsetLeft-x;
+  el.style.left= tmp;
+  return x;
+}
+
+// convert stupid IE offsetLeft/Top to page-relative values
+
+function fixed_pageLeft(el) {
+  var v= 0;
+  while (el.offsetParent) {
+    v+= el.offsetLeft;
+    el= el.offsetParent;
+  }
+  return v;
+}
+function fixed_pageTop(el) {
+  var v= 0;
+  while (el.offsetParent) {
+    v+= el.offsetTop;
+    el= el.offsetParent;
+  }
+  return v;
+}
+
+// Scanning. Check document every so often until it has finished loading. Do
+// nothing until <body> arrives, then call main init. Pass any new elements
+// found on each scan to be bound   
+
+var fixed_SCANDELAY= 500;
+
+function fixed_scan() {
+  if (!document.body) return;
+  if (!fixed_viewport) fixed_init();
+  var el;
+  for (var i= 0; i<document.all.length; i++) {
+    el= document.all[i];
+    if (!el.fixed_bound) {
+      el.fixed_bound= true;
+      fixed_bind(el);
+  } }
+}
+
+var fixed_scanner;
+function fixed_stop() {
+  window.clearInterval(fixed_scanner);
+  fixed_scan();
+}
+
+fixed_scan();
+fixed_scanner= window.setInterval(fixed_scan, fixed_SCANDELAY);
+window.attachEvent('onload', fixed_stop);
+window.attachEvent('onresize', fixed_delayout);
+window.attachEvent('onscroll', fixed_scroll);
+
+@end @*/
diff --git a/website/inc/html.inc b/website/inc/html.inc
new file mode 100644
index 00000000..0adb9133
--- /dev/null
+++ b/website/inc/html.inc
@@ -0,0 +1,21 @@
+<define-tag h1 whitespace=delete endtag=required>
+<preserve subtitle />
+<set-var %attributes />
+<h1*>%body</h1*>
+{#H1_FLAT#:<: $x = <<kjhasdflkjhasdf;
+%body
+kjhasdflkjhasdf
+$x =~ s/\\n/ /g; print $x; :>:#H1_FLAT#}
+<if <get-var title_is_set /> ""
+   {#Title#:{#H1_FLAT#}:#Title#}
+/>
+<restore subtitle />
+</define-tag>
+
+<define-tag title whitespace=delete endtag=required>
+<set-var title_is_set=1/>
+{#!Title#:<: $_ = <<kjhasdflkjhasdf;
+%body
+kjhasdflkjhasdf
+s/\\n/ /g; print :>:#Title#}
+</define-tag>
diff --git a/website/inc/langset.inc b/website/inc/langset.inc
new file mode 100644
index 00000000..bd566d6b
--- /dev/null
+++ b/website/inc/langset.inc
@@ -0,0 +1,34 @@
+#
+#
+# all definitions in the include rely on the existence of $LANG 
+#
+#
+###############################################################################
+# define base languages of the document
+###############################################################################
+#use wml::std::lang
+<set-var lntmp=<downcase "$(LANGS)" /> />
+<while <match <get-var lntmp /> "[a-z][a-z]" />>
+  <set-var lan=<match <get-var lntmp /> "[a-z][a-z]" action=extract /> />
+  <set-var lntmp=<match <get-var lntmp /> "[a-z][a-z]" action=delete /> />
+  <lang:new id=<get-var lan /> short />
+</while>
+
+###############################################################################
+## creates .var file for automatic language selection 
+###############################################################################
+[LANG_VAR:
+URI: $(WML_SRC_BASENAME)
+<set-var lntmp=<downcase "$(LANGS)" /> />
+<while <match <get-var lntmp /> "[a-z][a-z]" /> >
+  <set-var lan=<match <get-var lntmp /> "[a-z][a-z]" action=extract /> />
+  <set-var lntmp=<match <get-var lntmp /> "[a-z][a-z]" action=delete /> />
+<protect></protect>
+URI: $(WML_SRC_BASENAME).<get-var lan />.html
+Content-type: text/html
+Content-language: <get-var lan />
+</while>
+<protect></protect>
+URI: $(WML_SRC_BASENAME).en.html
+Content-type: text/html
+:LANG_VAR]
diff --git a/website/inc/minmax.js b/website/inc/minmax.js
new file mode 100644
index 00000000..7ebf1f56
--- /dev/null
+++ b/website/inc/minmax.js
@@ -0,0 +1,144 @@
+// minmax.js: make IE5+/Win support CSS min/max-width/height
+// version 1.0, 08-Aug-2003
+// written by Andrew Clover <and@doxdesk.com>, use freely
+
+/*@cc_on
+@if (@_win32 && @_jscript_version>4)
+
+var minmax_elements;
+
+minmax_props= new Array(
+  new Array('min-width', 'minWidth'),
+  new Array('max-width', 'maxWidth'),
+  new Array('min-height','minHeight'),
+  new Array('max-height','maxHeight')
+);
+
+// Binding. Called on all new elements. If <body>, initialise; check all
+// elements for minmax properties
+
+function minmax_bind(el) {
+  var i, em, ms;
+  var st= el.style, cs= el.currentStyle;
+
+  if (minmax_elements==window.undefined) {
+    // initialise when body element has turned up, but only on IE
+    if (!document.body || !document.body.currentStyle) return;
+    minmax_elements= new Array();
+    window.attachEvent('onresize', minmax_delayout);
+    // make font size listener
+    em= document.createElement('div');
+    em.setAttribute('id', 'minmax_em');
+    em.style.position= 'absolute'; em.style.visibility= 'hidden';
+    em.style.fontSize= 'xx-large'; em.style.height= '5em';
+    em.style.top='-5em'; em.style.left= '0';
+    if (em.style.setExpression) {
+      em.style.setExpression('width', 'minmax_checkFont()');
+      document.body.insertBefore(em, document.body.firstChild);
+    }
+  }
+
+  // transform hyphenated properties the browser has not caught to camelCase
+  for (i= minmax_props.length; i-->0;)
+    if (cs[minmax_props[i][0]])
+      st[minmax_props[i][1]]= cs[minmax_props[i][0]];
+  // add element with properties to list, store optimal size values
+  for (i= minmax_props.length; i-->0;) {
+    ms= cs[minmax_props[i][1]];
+    if (ms && ms!='auto' && ms!='none' && ms!='0' && ms!='') {
+      st.minmaxWidth= cs.width; st.minmaxHeight= cs.height;
+      minmax_elements[minmax_elements.length]= el;
+      // will need a layout later
+      minmax_delayout();
+      break;
+  } }
+}
+
+// check for font size changes
+
+var minmax_fontsize= 0;
+function minmax_checkFont() {
+  var fs= document.getElementById('minmax_em').offsetHeight;
+  if (minmax_fontsize!=fs && minmax_fontsize!=0)
+    minmax_delayout();
+  minmax_fontsize= fs;
+  return '5em';
+}
+
+// Layout. Called after window and font size-change. Go through elements we
+// picked out earlier and set their size to the minimum, maximum and optimum,
+// choosing whichever is appropriate
+
+// Request re-layout at next available moment
+var minmax_delaying= false;
+function minmax_delayout() {
+  if (minmax_delaying) return;
+  minmax_delaying= true;
+  window.setTimeout(minmax_layout, 0);
+}
+
+function minmax_stopdelaying() {
+  minmax_delaying= false;
+}
+
+function minmax_layout() {
+  window.setTimeout(minmax_stopdelaying, 100);
+  var i, el, st, cs, optimal, inrange;
+  for (i= minmax_elements.length; i-->0;) {
+    el= minmax_elements[i]; st= el.style; cs= el.currentStyle;
+
+    // horizontal size bounding
+    st.width= st.minmaxWidth; optimal= el.offsetWidth;
+    inrange= true;
+    if (inrange && cs.minWidth && cs.minWidth!='0' && cs.minWidth!='auto' && cs.minWidth!='') {
+      st.width= cs.minWidth;
+      inrange= (el.offsetWidth<optimal);
+    }
+    if (inrange && cs.maxWidth && cs.maxWidth!='none' && cs.maxWidth!='auto' && cs.maxWidth!='') {
+      st.width= cs.maxWidth;
+      inrange= (el.offsetWidth>optimal);
+    }
+    if (inrange) st.width= st.minmaxWidth;
+
+    // vertical size bounding
+    st.height= st.minmaxHeight; optimal= el.offsetHeight;
+    inrange= true;
+    if (inrange && cs.minHeight && cs.minHeight!='0' && cs.minHeight!='auto' && cs.minHeight!='') {
+      st.height= cs.minHeight;
+      inrange= (el.offsetHeight<optimal);
+    }
+    if (inrange && cs.maxHeight && cs.maxHeight!='none' && cs.maxHeight!='auto' && cs.maxHeight!='') {
+      st.height= cs.maxHeight;
+      inrange= (el.offsetHeight>optimal);
+    }
+    if (inrange) st.height= st.minmaxHeight;
+  }
+}
+
+// Scanning. Check document every so often until it has finished loading. Do
+// nothing until <body> arrives, then call main init. Pass any new elements
+// found on each scan to be bound   
+
+var minmax_SCANDELAY= 500;
+
+function minmax_scan() {
+  var el;
+  for (var i= 0; i<document.all.length; i++) {
+    el= document.all[i];
+    if (!el.minmax_bound) {
+      el.minmax_bound= true;
+      minmax_bind(el);
+  } }
+}
+
+var minmax_scanner;
+function minmax_stop() {
+  window.clearInterval(minmax_scanner);
+  minmax_scan();
+}
+
+minmax_scan();
+minmax_scanner= window.setInterval(minmax_scan, minmax_SCANDELAY);
+window.attachEvent('onload', minmax_stop);
+
+@end @*/
diff --git a/website/inc/navbar-def.inc b/website/inc/navbar-def.inc
new file mode 100644
index 00000000..17a3ff8f
--- /dev/null
+++ b/website/inc/navbar-def.inc
@@ -0,0 +1,76 @@
+#
+# <ul>
+#   <li>
+#       <div><a href="../../index.de.html">Willkommen</a></div>
+#   </li>
+#   <li>
+#       <div><a href="../../events/index.de.html">Veranstaltungen</a></div>
+#   </li>
+#   <li>
+#       <div><a href="../../collegium/history.de.html">Das Collegium</a></div>
+#   </li>
+#   <li>
+#       <div class="selected_head"><a href="../../who/employee/index.de.html">Who is who</a></div>
+#       <ul>
+#         <li>
+#             <div><a href="../../who/employee/index.de.html">Mitarbeiter</a></div>
+#         </li>
+#         <li>
+#             <div class="selected">Fellows</div>
+#             <ul>
+#                <li>
+#                    <div><a href="../../who/fellows/dalferth.de.html">Dalferth</a></div>
+#                </li>
+#                <li>
+#                    <div><a href="../../who/fellows/fehr.de.html">Fehr</a></div>
+#                </li>
+#             </ul>
+#          </li>
+#       </ul>
+#   </li>
+# </ul>
+<define-tag nav:bar endtag=required>
+   <set-var __nav:level=%0 />
+   <navbar:define name="%1" urlbase="$(ROOT)/%2">
+   <navbar:header>
+      <ul*>
+   </navbar:header>
+   <navbar:footer>
+      </ul*>
+   </navbar:footer>
+   <navbar:prolog>
+     <li*><div*></navbar:prolog>
+   <navbar:epilog></div*></li*>
+   </navbar:epilog>
+   <navbar:prolog type="S"><li*><div* class="selected"></navbar:prolog>
+   <navbar:epilog type="S"></div></li*>
+   </navbar:epilog>
+   <navbar:filter>
+	   <protect pass=2>
+           my ($mcode, $CFG, $select) = @_;
+	   # have the top selected too
+           $mcode =~ s|<div>(.+?)</a><ul>|<div class="selected_head">$1</a></div><ul>|g;
+           $mcode =~ s|<div class="selected">([^<]+?)<ul>|<div class="selected">$1</div><ul>|g;
+           $mcode =~ s|</a><ul>|</a></div><ul>|g;
+           $mcode =~ s|</ul>\s*</div>\s*</li>|</ul></li>|g;
+           return $mcode;
+	   </protect>
+   </navbar:filter>
+   %body
+   </navbar:define>
+</define-tag>
+
+<define-tag nav:but>
+   <if <match "%2" "http://|html$|\?" />
+   <navbar:button id="%0" 
+                    url="%2" 
+                    txt="%1"
+   		    menu="%3"
+     />
+     <navbar:button id="%0" 
+	            url="%2.<lang:star: * />.html"
+		    txt="%1 "
+		    menu="%3"
+     />
+     />
+</define-tag>
diff --git a/website/inc/position.js b/website/inc/position.js
new file mode 100644
index 00000000..7e95b678
--- /dev/null
+++ b/website/inc/position.js
@@ -0,0 +1,118 @@
+// position.js: make edge-positioning work on IE/Win
+// version 0.5, 15-Jul-2003
+// written by Andrew Clover <and@doxdesk.com>, use freely
+
+/*@cc_on
+@if (@_win32 && @_jscript_version>4)
+
+var position_h= new Array();
+var position_v= new Array();
+var position_viewport;
+var position_width= 0;
+var position_height= 0;
+var position_fontsize= 0;
+var position_ARBITRARY= 200;
+
+// Binding. Called on each new element; if the it's <body>, initialise script.
+// Check all new elements to see if they need our help, make lists of them
+
+function position_bind(el) {
+  if (!position_viewport) {
+    if (!document.body) return;
+    // initialisation
+    position_viewport= (document.compatMode=='CSS1Compat') ?
+      document.documentElement : document.body;
+    window.attachEvent('onresize', position_delayout);
+    var em= document.createElement('div');
+    em.setAttribute('id', 'position_em');
+    em.style.position= 'absolute'; em.style.visibility= 'hidden';
+    em.style.fontSize= 'xx-large'; em.style.height= '5em';
+    em.style.top='-5em'; em.style.left= '0';
+    em.style.setExpression('width', 'position_checkFont()');
+    document.body.appendChild(em);
+  }
+
+  // check for absolute edge-positioned elements (ignore ones from fixed.js!)
+  var st= el.style; var cs= el.currentStyle;
+  if (cs.position=='absolute' && !st.fixedPWidth) {
+    if (cs.left!='auto' && cs.right!='auto') {
+      position_h[position_h.length]= el;
+      st.position_width= position_ARBITRARY;
+      st.width= st.position_width+'px';
+      position_delayout();
+    }
+    if (cs.top!='auto' && cs.bottom!='auto') {
+      position_v[position_v.length]= el;
+      st.position_height= position_ARBITRARY;
+      st.height= st.position_height+'px';
+      position_delayout();
+  } }
+}
+
+function position_checkFont() { position_delayout(); return '1em'; }
+
+// Layout. For each edge-positioned axis, measure difference between min-edge
+// and max-edge positioning, set size to the difference
+
+// Request re-layout at next available moment
+var position_delaying= false;
+function position_delayout() {
+  if (position_delaying) return;
+  position_delaying= true;
+  window.setTimeout(position_layout, 0);
+}
+
+function position_layout() {
+  position_delaying= false;
+  var i, el, st, pos, tmp;
+  var fs= document.all['position_em'].offsetWidth;
+  var newfs= (position_fontsize!=fs && position_fontsize!=0);
+  position_fontsize= fs;
+
+  // horizontal axis
+  if (position_viewport.clientWidth!=position_width || newfs) {
+    position_width= position_viewport.clientWidth;
+    for (i= position_h.length; i-->0;) {
+      el= position_h[i]; st= el.style; cs= el.currentStyle;
+      pos= el.offsetLeft; tmp= cs.left; st.left= 'auto';
+      st.position_width+= el.offsetLeft-pos; st.left= tmp;
+      if (st.position_width<1) st.position_width= 1;
+      st.width= st.position_width+'px';
+  } }
+  // vertical axis
+  if (position_viewport.clientHeight!=position_height || newfs) {
+    position_height= position_viewport.clientHeight;
+    for (i= position_v.length; i-->0;) {
+      el= position_v[i]; st= el.style; cs= el.currentStyle;
+      pos= el.offsetTop; tmp= cs.top; st.top= 'auto';
+      st.position_height+= el.offsetTop-pos; st.top= tmp;
+      if (st.position_height<1) st.position_height= 1;
+      st.height= st.position_height+'px';
+  } }
+}
+
+// Scanning. Check document every so often until it has finished loading. Do
+// nothing until <body> arrives, then call main init. Pass any new elements
+// found on each scan to be bound   
+
+var position_SCANDELAY= 500;
+
+var position_nscanned= 0;
+function position_scan() {
+  var nall= document.all.length;
+  for (var i= position_nscanned; i<nall; i++)
+    position_bind(document.all[i]);
+  position_nscanned= nall;
+}
+
+var position_scanner;
+function position_stop() {
+  window.clearInterval(position_scanner);
+  position_scan();
+}
+
+position_scan();
+position_scanner= window.setInterval(position_scan, position_SCANDELAY);
+window.attachEvent('onload', position_stop);
+
+@end @*/
diff --git a/website/inc/rrdtool-design.xar b/website/inc/rrdtool-design.xar
new file mode 100644
index 0000000000000000000000000000000000000000..7f03a7c34278e7d04562e22194cd6529b2e76f70
GIT binary patch
literal 5666
zcmb7Iby(C*yZ*6D=Mo|<v2-m`OS3f6QY+oLlt|Z7($b*PjUe69urw0VqNFIVh=9@|
zhxeTK`_6UFKj%8nbv^UkGjq@L*FE#h3=;7eQBp!e2m%0r>&_LC+Su}U@gGB4Kec8?
z0>T0?045*|e<;e#g+ST+a|1GWgh_k=P*qofi(3Z(Pk=K3prxg~y}cC{7WVP+VPR!G
zIyxE}8q(0vn4Fw6cB@%fSXf<My|}nQp-|<eCoL^4fq{V{B8qBH;!R9UBsC)t2n07b
zw}F9yjg3uw>==)bl7UlMX=y1p_rs8&mYSLxgiatW>{(vUH%*H)xT3B6<2Y6}UIV*~
zoSYm935i$P8$CTeEKmWMQrOPUjuJA<K;MU7MBNPaDl03?)FeDADoWQj*9cXep4+CR
zk7nZ(medH+w#t-Hb`lhnre|Q1*Ye5A_#`NS%&+KiN9Db38kSZ=@$<uzl9EIfTvW{q
zq9Xb<HJtNHTNM;cN{Ws+_~jF`nnmSIWu*1+m|eV|mTB0%b#~0O@q9_a<7H!=;N+8&
zS6uf58S+q4KRtDsfst84&8Mm!^Vof$s9-<sb)C4fmmaFy;aM&!u$W6Wq^oc0c{HXV
zZ!hI#t%^}}Rb8i}LwYY}#@;SvWMY9sIuK!)A|zww>{n#vo~`5D>K#@nsuo^d+Zq;E
z4&{~zj;&5fo*NpSD}CFaUHC34xnA3`+1IB^R#xB0D4?#Xr?Gu(d1cMqHG^MV|ADBl
znq?`<KbM-{+tT7WpQs)>v?DfV_<3prOgSPUeo|G{T35%NRoq|AqS!aQ$k=B_McESR
z`yo8O;$QOkzakC}ARzF6k?w@|xAOjfMnnV%Tmf@)KyUB=UWjb~0RU=%m*6fj=nZpa
zA%JCYhXGszoV)hFFxcQuyZ>Np1EPOpumRz}F^&Q5zw!U%-{t>zp8w|K8SveW1Ap%Y
z0RI*M<1?t$7xqWuQ}URN))x)NfOwG*SZeW591RY#iwg~)lbIFc8Ppp~$I`j<tFWIi
z%M&KSY{zp6=C;Rk;NIU2R?^C+3&i{g86O?nO&6%y;_{C-|235*n9i!zF#l#Dg^t4M
z{gI+8h=~IVZN~x;$B}TVqOEA<tLCeW>l_xWpokc3bsOj*t96tGo0vPzY${s}E&zqn
zToh&1td@Fe35=x_J&xhc;Ai<@H}<$pPL@v@HU?FkdTYWC%mfaqAQ$N6ffcI(l@}`(
z?wEF#vLn^X<nT2rJ%Wr#^-KdLNCWnBFb9Iq*=r+Q{ywWFpv3&N3`~M2agui1PVOKI
zVUh-pZ-S`%aM`v;av(qG`(`&p*s@V23OKY%OesgvU~~8q7C9-rVhCyn-2zxy4f=;E
z*7LH^xDqHp1q4;|io~^H*UhqER%__Tg`)c-NyO^=22FZfqAf!Q4Q<pRfPW!~T!&%v
z6L}Wbw>~OE>`ibu0aLL;v{&l!AQ^Kwg2GdHy!3&(8$)9pSlb_hAtyE4%mur_tp_N1
zG!ZHsh?g7v_gQE9zGz|NAChBXBRv5%YQPhn2OQHr#tHrP7c$dmjjI0vw$e;Ld5Q8y
zBmub+zz#4bX1&o$vyr6J23gJYVGEl9{WvA0Ff1%#t2?EEiElmo0g^t+erysmG<K1Y
zN_3@)v6y-WPG$T@`P%ztx`PEI^YZAb`&L$aSa_PA0Iq1M=Wbme;T}H#GGG=^3nQ)C
zSN-<u30C3h*r=Q8`mpQ0%ul$y2i?*grh+}!vSkN#r>DH0YR4ey!+x&MZGr>D$p)}u
zEb+v;0bC7~&=ABlxIyD!pxSGY#+deKWbL{1_9#^RqJET{4fQaTt4;c#mv(~haGY~B
zSol5P-sHhV|IiO%J@}yXF-H1ZaC4Wu9LMno$$N|<^G9O)i*p9+b|<D!vL}x^k$!m}
z7E|JCek~E@$as%1RqtoaYj<}0j#y9Zdwx(^eNXktc<;7bd`<sKOJu`~NS12dj9!3h
zMQy<izGct*Q*iYK(Nw!<nrf2o(5vld9Xgp;HxfyCK|KNQ%j!ffHH-F00=D0{lK30+
z3{x5I`L;!2wcOVYl0WFdo9;X$!MI!>jdIpq|C$s(xc)u!U>Z=GH}<$WS$3?uIsN2!
zaC5d1Blze1OSZ?Ki`|Ma8Ssy`gFjb4s|9;ciMXt8Z_d9Z-zwl9AKcyoKh_Dcg?bOU
z(S%f^iuhb9k<`r_*i?r~4?NN6hg=FEEqUP9jyaOG6oIP<DB+bb<KKTd6Q#GSh}GW)
z@JK6AvFL)SO?030sR7TamK6vT&<LDEK_X5yMf}^tKCmnVMESBEga1f3iehvF+YGsR
zW)h3T7iC38;ndH@+7PXxTZrS{r$h>?L`2ibQ?S!0;A?vl$mSMebH+x{Jv!_c6+^_Y
z>Gu&rW_s}skFanz*g%kakle4?7za#09W?@9lGp|xZWYCV(T!r^Lql9?FyO=GZX99&
z)Es}0;x!Hyz9x_XhAc2$#6;kETHy+x_kmODBghH?oCj!jLU_HpwtHPD?nWQp@i~CQ
zynz*D)_(&$8IGda05i1jfK4s{Cx!Iv8C02ISO?lY@ORF}k8)7C<1p}=61}QfA-Oa*
z<@@e;-eIESxfx6i8-E}_qRUa{h_*p3pcVq+LxYHrg;>-t0YVODfJn&(L`mFNfD_e6
z^yrX)FoT)OT6ciPcP38m2O38K7RknSs2e-3Q|#!Eg)?Op4UIyOsTZQ}`C7#Yby?v_
zalKKW!wYAG7gMT3BJM>M#xU;66Zq{a5kEQvJ%SctNf|!CeymF#r<=(m*wCj@$pciX
z+zWxg<-zh2RrLZIMuix|+OA8(-wTDH-W<Sehex{IsL&7PR&B9D3jw75RfVwrKF05i
z;_jTszKcKaE=N>%_&>|X-xCaXoxkhHOGyB59=g3{y2F1HZSVYZ4v{XEDjoWk5!XgU
zDSd)SH-L*QRryPq8X8AQ9s&tCXXcO=$Hxb4nI;Ow2?d(*RN%g+P4mw{c*pr?l?_9@
zB_@!i0?EP_0+|mpF=pnq-+40Cb_B*gudNHug-!Ey@=jAZdYnwP3E%jg9pCz$t;;k8
z05AgEP^!My#OMIa<j6d8CK%K77)|dhd`#Hl(TL<9vk}YPb1-9A<@TQB&$**+WGZbT
zZn`gV%az-(Ki;r-q(}6b><Q2=qAejfw6PS@Hz=-t+pvPltz$d0LZr7;r<#OkG-O?A
zb`G#M4@fr^QHja3i$pw_9Hv}Gc9l2Q8rZ6Zn^5t_&}pFw0s{iZ((Vr!BpMo8(qeDb
z_sR41r&@V<)bU+7N9gJ4;r6THMfkJ<Z^7?o8!g9l>AzU}MFKl@SiuQPjf;o47kqJ+
zQZrKnQtH=Sn-XLMHoa{PPGdLOPoD*6WqVpk{hV{zN;rCwRA*bfMBIY4Fp5lQtjZs(
zgQdT=k{t%jZ3LX28Vo2;Lg|t_baAV7J$7b@C6+~eM)^dxDnQc<+ZEJqRn*BwiF~k$
z#WwN@UVHq2S4Svri)zG>(qrwo!ST50b=Q;cGcN?4N3;{u5FNf8o~Qh1InB&@BX<h^
zwKnPv9n()6(U!l2*<3-kHCP=NH~JBwEOe^rtB1(0L9lyMM>Tc1dG&znPwAq2VTp4D
zjaAB|#V(0-8N4`@?Gc)XhuA_e{w06$s-dceC}-r7qnL%+S-j?uN5`r3kB+8$U&@V}
zg}bCmZG*{3iinem>M6?V=~j!VtB!VKjQ1LN$hPaAUT219@<&rMe8<f;dcCp9@d~P*
zX6$tDJ@)KLKu}u;i>ur4>T$~ATEV#ntX4s0>BTqq5nI{NulnhX^KGr*B*u?BSa>=~
z1WDcLtRll7JPpsCt19W_e+vwl7%<ljT@s7=g!#OER`?=YYiglk%`~Fqca&uLw%)#`
zQCTo=7H!mQ)qFML4W3jG8~gsXS_FIY;6{c>*6<7ZH-Gj(MS+x|W+!-JRKKUXZ00zN
zg_|0>D?J5Kmxq-5;%$Z0G;5!}YOV`^(5#oU*bO@TEJ(wd;>>%SEIPqh<GNHkmL^yE
zVlmuTaPae#?}n4tXX#q~qom1F!DYAtv1-Mo?3C7?YT^)OU)dB`U(<71r0DnNsh5<;
z_GQV#U?Cm;V-mm3EguHF^Gzm7rN!jh!LgILo<_a^*UR9xwk6$f9RkMz5Zv82TOorZ
zyKjbF@?8ijL*5lsR2AT<d{oSni|U#jN7*R97o(R<w|^PX0OPUv?zi`8W3I;R>6h;L
zhQ-)Z;pe=`C(A(;%`Go+#ew7&dS9_5(u%f2ZtAX@VeYJ*kdwg7(;UAkCN%xj#}e@*
zhoWe?m)_}4sqde%i8ifNZ>r{vFOUB5p7urA{lc=(QHUUWI_UUFY&Fa+ul2zIIZRq|
zkGKxhNh@w-_=HKK!ci{vGiiv_t|K2)yO-Oqr;&-gkx15~+PQ#soo9K2VbX+_NFpm6
zj{@K4*|%ggQ&r<DfoI<=ACuasd^~w4b=__M%mLbMJGSuNK=TjA^Kuc%AkLuW{mEDV
zz&9qc+9NI83tG|EAmkAey2$84{R#TL<JC8QrU67q^AV#A$5?ayqR4wtNwNRAi$U9v
z>Nr(T0T=bEVnMu$gQ|7u<WqS0xp+p%;1?c}-<lgjRuhX9qkZ~(s~pYAkFM)IS|{4c
z-!LSz`{(7o88)@k8GMxM!0<wA><5HdkW<DjL@~tH+g;Jy=f=ezWKXsas~w?v?p0p@
zc94W%yH1I}1;+kRj!;-h%3g=-_hI>pgKu3Z$$=Yt*V7$Buhq3dQcW6W+ZBCG#dI#)
zpZ(Nza=b}%9kaGgag1pziX|WJ#p;DZ@p-ws3wYVvvwK-tF*iKi&GD=h;r>a&BkxL5
zp*OpwD$wlI{8H~jWlsv0t6!F0C%c=+N%TB58KN^=(2`?ne4Mo>@Py|mL9j=ytLt(J
z<L>T`$rJRWT$-PU6ohog_<#H97&kaLsO-b~I_}`zp1{`bv1)8g<!3T87vn^pl5$fE
zjIQXF08i~wnL~FM#^QT?QrJCyY2MdxA)(av_V$<l>pdZu{QP`O=$~TCkc*vc4AI29
z*mUXxXz1<DSzKplG`kX~F{QXD!Gqg4&U|L3VuxPFZ^7lX)^1fRq-v3lFb+D=%I9U&
zMqai3>U|$)Q*jgaELaxLRz}Z3TOU3=E_&l!gkkx56-P-e1}TvAiEpp1ec?YgXd{yR
zt~d64G?fkGj8jbZbEQf3)AWZj%v^;Ir?!?Bd;UXFG+aR71swK_)a!KIF;>v5UEa*X
zLi_ClUIFuWO46=VtXqsyzK{aBuzWZtXN>>tpBv2Dnrv~temUfUly4$js5%v1cP+8?
z<%^w7SXkIr!hJ!Cn5Za7OmsAPTXQqS(b18z_wsu+rb4HHL!gRWrnW*gvCMHgpM5wJ
z){vasUKikOlk4H?%4T5`5(j5tL1Y*PWx%<(V&O6}dCN;n+2{Lh>l{;cf#K)pN86Yf
zQbtyR%AZhKuPtmZb#;OU`&pB%or!Epx!;NP>DSl6TLXpzMt9#8aZ7KXC`u3c(H(t#
zpA&cASXSq4!FH?r=SODd{3@_+)wBlG{i843p%~fp3JTMj;v2<*A$$fpo=cSHvh-F2
zXm+F^NPF2dI9U29T}M{^$G-3@xTHzq>6{|QRdX)Fk#bM<b2RU64OMJnB2=3<IOF`2
z#OB!he9n*3{QOC9_t1M@E<H|dSHc+h_I+3+oICFH>Bg6_bPPiH8^zTn9_6$aKO1R+
ziTs_|A8k$UbjBsbW8l<z?TO0_O(}3z)(HQDwQkJb5)qkboq~U*jtqO(Ds7X}O}e)@
z#ACfD&wn<Ob-Jrddh6I`_K%L-jYz|qB_TeQt+{db?iCiIc<N0;G|7k{<n&br|8->_
ztq?|{Y~bMacTR`X3yoHCzh}=N9;+NvBhVV=7qO<AxhLq#+uV$p*qe%k26u<j`t(EO
zrl~__Yy+1~?copa2~x-dS-!93Gx$Pl!xagw-+xeT$Aua~GMT@Ye|4DUpci+CTIe3r
zcugq|5WSW#owTIYh>p>>wA5k9xn^#Vkc{+qcfs*e`0BEi(WQmS%Jso09tXFQcn%fU
zevbKzNa(hO)|Ozrx$xH3=z}58^s_x{ev78F>_?swH9dwU<){JSCZSt3>Ds|{d;fAe
zedDbI7xo3Uw@J-?lCV|h*$d0<x~}<@`l{tEyn)+y`W=%uf<5M3$DV_I$Mpg7t_e8`
zL}1gQ<>=YP@DQsyiKY+GpT2%hsy|8A#MMJMbL40?^m;vZ`AF6sudy(pUrViSy!{;0
zJ}udJR0@T`X-ymHR+|=Ilo2pBLjPJ9FtwwYzS{TrfbmG<q#4yZ#9fg?H(%mefP2-M
zUV;ZW=yI0DO67xAF2+}VTx_V_s5K`K_MDdd6}QaZ=hkr9iN!vYYHBIw3hUBC`nT!p
z8AjD8qhz>PCnu+sohJ@Ejs7CtJGTD_1Bd#lb}Eq29^be2Mv_r(2AxGm3u!A)ro?~F
z@_FZwn7KTZQ~8UpwK4JB^xJpe%F)pduHWW-n#a^trvvoyuNxx8c)$xTGu_40jhplz
zqobprqkiCIT&y~zZW>knQq;zttjETCrQ+84S(eRy)5$e6^H!`<ynZ|-)nd7>pna=z
zCD87r{5{J(12fACgXO~I$k$0*`5#e@zn}<`)gQ0*3Uam7Dg$ZHaVKVL&3(%j3(=SF
z=1m@Fu`b5jwCUTQ(P5~qm3c4YxV7vMLJgT8H{}zFUhQKHm*|H$_3S%|w}!t=M)C7q
zFdB@dlcwjeP|}wwyqelW92XmL1algmXhqiBrZRE-BC1+rk5nV)aGWzPYjm7YTDCMr
zX+|CJQBzyAx~4oXE2%U3iZtXxkSl0(<W!x$B4Tl1nRNeNKQf=bwU9Pza!@oL>Nbi=
z)lFoL3fZx!axWla*+!012d%8EG-7<Q=6joCeZ+{o&93j4S5-aA;sA#!H+^QN*;A-*
zX)(+ycZx8vEQD+;)OUBAXO)9)SG6+{u#eGJetvCy7oe~!*eWy4j#3JVso0_$xX@D9
zq!k%3x%8Gsd=+XxNFS7P=8?$Tyl%YxNPp_fLRmdOQ4jYO5bIpKs=v@FnQSP(ZK-+q
zJX!rh|K62%rg~?@i(aUP`}jnHCny@}M^eH#$UwBEuEYO;l!KH4Pn`52o?ol3<ADy7
uKcki3u1>4#zTApH@Bu-^j+fQD_oZC{13$lnfps@3OT_M8F#j0%pZFg*j_i~G

literal 0
HcmV?d00001

diff --git a/website/inc/rrdtool-logo-dark.png b/website/inc/rrdtool-logo-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9b930d1f40f114df5fe9b8364d823a2be19022f
GIT binary patch
literal 3908
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
S6YXFC0000<MNUMnLSTY#Z;rbF

literal 0
HcmV?d00001

diff --git a/website/inc/rrdtool-logo-light.png b/website/inc/rrdtool-logo-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..26a3c64a03fa99e4f795493468448dbc68faf2df
GIT binary patch
literal 3908
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
SmoO**0000<MNUMnLSTY7!LG>w

literal 0
HcmV?d00001

diff --git a/website/inc/rrdtool-logo.png b/website/inc/rrdtool-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..adf2b0e4b06b1d9f002718872381d18091bb575d
GIT binary patch
literal 1395
zcmV-(1&sQMP)<h;3K|Lk000e1NJLTq004LZ001lm0{{R4D^gLG0000mP)t-s%*@OH
z8fVwn*N>H?0000;S&O;4y``wGA~<+$d7XWIeGd;0Ha0d-PfulKWhEsg#}=9X00009
za7bBm000i-000i-0aZtd@Bjb==}AOERCt`VR$WLVR}?<8iIe|$FCl+#)`!K%5$rDL
z76uFo8Z|?a;@gPQ-Bqdy6jN*q38ia%OCH*;Z-EV4sCGNh&;_gAK%s)&Wd~Y(h(!Vo
z`?3{$*eBN|J!dk}Bo<Q&Jtk-Fx!?KDx#!$F*FbMwdf+X8h)Vzr2aHSooI&5Z{hpo0
zQgHn>xaW6<PN1h~fjoc==d5%(%ow1gg|NUm4q}=06ieaUawQ@SM+y7I3Yv`19%z+5
z#uXvVI1lkS$1r`2DT2fA>rW^lhIYIE_1zLc#jWX)R}(tgy{!W6B5;h2DrguCggNF*
z2-z^s;UC&u<vt<Hf{GxZ8wj(^$AvTtC+fC+F12>Y{yFqJ0^ql&F2(oCC&k}14`}07
zYxT7RUhrC<L%c#*b&~Y33?tMp6j$X^J#EsH=G+eowgYmUryvn*s)XQx$eH2;&T`o6
zcNKrkmW~13UpHaSc^26`mJ6d#e^BHp&eDO|kjYj;p!jkea$yU>U0lNcFzST?3&{4_
zkxi?>@-d!-TgnW$!^)RXNl-v-fvpqLB)S)slVI(I{QdEKclV$UJ0HV?lI+!FSwFH`
zT^}H9>CTsTAHDH<%YVUlw_yKRza>Sb`~#0?q0ljR@0D^j_gY67+ZiAgBo)WDo`e0q
zI?T^i_%e*m!zSB#ma_!!!oE5(5{SyZ3ph?HOFr0ll_KFY)*hTWc#Iq!<cgbT!pu~x
zs}2MA@t6`egBysU%rvcV+K&p)1ou;hpujE7!PzW_I;WoIeOiaoSXw4!&%{YdnapPZ
zc8;Gc*sx6>t#xi{2Uy03WLrfYhbbD<ybG+TZ3MqsDZ0;ApK8x_7ze0*^YF*Ps;g*S
zkcVV~^|39hYqeC8HTR|m<kS2+r#D`@tV>G=8o{MqjD_$CSVb91&Sd`dCc+C#8s*lv
z+>f4a-mc`!8a(?1%8%9k@|M@@nX_z{jg>nii*%<IOJo%B7IMaob^oq)EUf2hhyRuQ
z#Wcy6Xw^qw;plCA&fFl6yBizoWu9$%`aOe8Hw#Kgr2}9{oK7i87Ed~vm&C%kuR)%k
zHeMrzMroQyawctr=}cDfXrYB<3A*Sd%TZS31&k#GXp-|aFcv~kGdYvtbdxIPC{QOO
z!(S)kD5TJQ0;lN0YbJB!oo>{OBZKUq`?=q2K~_YIz7#XqOx~zB2gx&N#Z0oD;uvH~
zM(@^Lx^1bhmYNfE;}|v1o@W-*R7xYWL|JW=+1{2}#T9a6tEifbt?~m^Y1ACPPc>tx
z8T87wc3UwUCJ`@Sl5q)CINEo}^nuxy*hRPhorsNdcDv<x{%0Ywv*`qhUpJkiBemV#
ziFe6r3wgc*Nj&PSyO10ztpMOBIfSqEp=E?zlA9I0g_0^Q*mdxbmW?0Vr`sm^F!{tg
z>Kz%73du3|_E4!HRnhll6pryHfO_bhs_es=GrBbFdc3Gt#i_wDx7J;%lV40ib)|L|
z@2>r98*`W3C(E@xfDiTMpGE-|YkSU7`1Q}{s3%;y3&~^Rq~*yQ)y!Ntnsi1YdjpZF
zn+ACx5{-j9`p5VwKp_%c7!`NEtvRQ*emEz4BIEi+w_OMD>`Zl+3}dG;K$*Z_ZuMr3
zHg#?wZ`*F(D(tzfF}5}NiT}7wwC&eA{HwlN{s!2de^qaH#Y+GH002ovPDHLkV1j3M
BoRt6o

literal 0
HcmV?d00001

diff --git a/website/inc/rrdtool-logo.xar b/website/inc/rrdtool-logo.xar
new file mode 100644
index 0000000000000000000000000000000000000000..544e5f29ad6b8107849ad689770a29c6ab39d49f
GIT binary patch
literal 4315
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

literal 0
HcmV?d00001

diff --git a/website/inc/rrdtool-theme.png b/website/inc/rrdtool-theme.png
new file mode 100644
index 0000000000000000000000000000000000000000..e862e9e1cca8894de4a162d244609af8e2e7a9b9
GIT binary patch
literal 3776
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

literal 0
HcmV?d00001

diff --git a/website/inc/template.inc b/website/inc/template.inc
new file mode 100644
index 00000000..a23ba85c
--- /dev/null
+++ b/website/inc/template.inc
@@ -0,0 +1,122 @@
+<?xml version="1.0" encoding="iso-8859-15"?>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+# this must be the very first line to make doc-type switching work on IE
+#use wml::std::logo
+#use wml::std::tags
+#use wml::des::space
+#use wml::des::imgdot
+#use wml::std::grid
+#use wml::fmt::url
+#include <inc/langset.inc>
+#include <inc/html.inc>
+#include <inc/customtags.inc>
+#use wml::des::navbar
+#include <inc/navbar-def.inc>
+#include <$(ROOT)/navbar.inc>
+<html lang="<lang:star: * />" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15" />
+<link* REL="icon" HREF="$(ROOT)/favicon.png" TYPE="image/png" />
+..Title!>>RRDtool - Page without a Title<<..
+<title*>RRDtool - {#Title#}</title*>
+<!-- Andrew Clover is THE MAN. He made internet explorer more or less
+     more css2 compliant!  http://www.doxdesk.com/software/ -->
+<script type="text/javascript" src="$(ROOT)/inc/position.js"></script> <!-- left and right -->
+<script type="text/javascript" src="$(ROOT)/inc/fixed.js"></script>    <!-- fixed positioning -->
+<style type="text/css">
+<!--/* <![CDATA[ */
+/* ie5 for mac thinks this comment does not end here because of the backslash \*/
+@import url('$(ROOT)/inc/design.css');
+## @import url('$(ROOT)/inc/design_$(TYPE).css');
+/* ]]> */-->
+</style>
+</head>
+<body>
+<table id="frame">
+<tr>
+<td valign="top" id="menucell">
+<!-- ############################# -->
+<!-- # MENU -->
+<!-- ############################# -->
+<div id="menu">
+<h2 class="legacy">Menu</h2>
+<navbar:render name=main menumode=inner nohints txtonly select=$(PAGE)/>
+</div>
+</td>
+<!-- ############################# -->
+<!-- # Logo and Body -->
+<!-- ############################# -->
+<td id="bodycell">
+# all mirrors seem dead currently
+#<div id="mirrors">
+#<A HREF="http://people.ee.ethz.ch/~oetiker/webtools/rrdtool/<where/>">Swiss Original</A>.&nbsp;Mirrors: 
+#<A HREF="http://rrdtool.planetmirror.com/<where/>">AU</A>,<!--jason andrade <jason@dstc.edu.au>-->
+#<A HREF="http://rrdtool.cs.pu.edu.tw/<where/>">TW</A>,<!--Hsun-Chang Chang <hsunchang@gmail.com>-->
+#<A HREF="http://ftp.heanet.ie/mirrors/people.ee.ethz.ch/%257Eoetiker/webtools/rrdtool/<where/>">IE</A>,<!--Colm MacCárthaigh <colm.maccarthaigh@heanet.ie>-->
+#<A HREF="http://rrdtool.cyclone.se/<where/>">SE</A>,<!--Hans Engren <hans@cyclone.se>-->
+#<A HREF="http://rrdtool.trexle.com/<where/>">US</A>,<!--Hossam Hossny <hossam@trexle.com>-->
+#</div>
+<div id="logo">
+<div class="legacy">
+RRDtool
+<hr/>
+</div>
+</div>
+<!-- ############################# -->
+<!-- # BODY -->
+<!-- ############################# -->
+<div id="body">
+{#Body#}
+</div>
+</td>
+</tr>
+<tr>
+<td id="leftcornercell"></td>
+<td id="footcell">
+<!-- ############################# -->
+<!-- # FOOTER -->
+<!-- ############################# -->
+<div id="address">
+<small>
+<perl>
+<protect pass=2>
+use POSIX qw(strftime LC_TIME setlocale); 
+foreach my $l (qw($(LANGS))){
+	my $lang = lc($l) eq 'de' ? 'de_CH' : $l;
+	$lang =~ s/^en.*/sv/i;	
+	setlocale(LC_TIME,$lang);
+	my $year = strftime "%Y", localtime;
+	my $date = strftime "%x", localtime("$(WML_SRC_TIME)"); 
+	q{$(AUTHOR)} =~ m{(.+\S+)\s*(<.+>|http://.+)} || die q{No Match for $(AUTHOR)}."\n"; 
+	my $text=$1; my $url=$2; $url =~ s/<(\S+)(?:\@|_at_)(\S+)>/mailto:$1\@removethis.$2/;
+	my $LANG = uc("LANG_$l");
+	print <<LINE
+[$LANG:$date | <A HREF="$url">$text</A>:$LANG]
+LINE
+}
+</protect>
+</perl>
+</small>
+</div>
+</td></tr>
+</table>
+<hr class="legacy"/>
+<p class="legacy" style="border-width: 1px; border-color: red; padding: 5px;">
+<en><b>NOTE:</b> The content of this website is accessible with any browser. The graphical
+design though relies completely on CSS2 styles. If you see this text, this means
+that your browser does not support CSS2. Consider upgrading to a standard conformant
+browser like Mozilla <a href="http://www.getfirefox.com">Firefox</a> or
+<a href="http://www.opera.com">Opera</a> but also Apple's <a href="http://www.apple.com/safari/">Safari</a>
+or KDE's <a href="http://www.konqueror.org">Konqueror</a> for example.</en>
+#<de><b>HINWEIS:</b> Diese Website funktioniert mit jedem Browser. Die graphische Präsentation jedoch
+#basiert komplett auf CSS2. Beispiele für CSS2 konforme Browser sind zum Beispiel  <a href="http://www.getfirefox.com">Firefox</a>
+#<a href="http://www.opera.com">Opera</a> oder auch <a href="http://www.apple.com/safari/">Safari</a> von Apple und
+#<a href="http://www.konqueror.org">Konqueror</a> aus dem KDE Projekt.
+#</de>
+</p> 
+</body>
+</html>
+
+# All the rest goes into Body
+..Body>>
+
diff --git a/website/rrdworld/cacti.xml b/website/rrdworld/cacti.xml
index 99bd7b59..92988fcf 100644
--- a/website/rrdworld/cacti.xml
+++ b/website/rrdworld/cacti.xml
@@ -1,15 +1,10 @@
 <rrdworld type="application">
 <name>Cacti</name>
 <author>Ian Berry</author>
-
-<description>Cacti is a complete network graphing solution designed to harness the power of RRDTool's data storage and graphing functionality. Cacti provides a fast poller, advanced graph templating, multiple data acquisition methods, and user management features out of the box. All of this is wrapped in an intuitive, easy to use interface that makes sense for LAN-sized installations up to complex networks with hundreds of devices.
-Cacti's goal is to remain true to RRDTool's feature set, allowing users to create virtually any possible RRDTool graph through Cacti's interface. Most of RRDTool's functionality including graphs, data sources, RRA's, and CDEF's are fully supported. Coupled with Cacti's templating features, all of this advanced functionality can be supported with minimal overhead to the user. Creating graphs for a device is as simple as creating the device, selecting a device template, and selecting which graphs to create for that particular device type.
-In addition to creating graphs, Cacti provides numerous features to aid in displaying graphs. Some of these features include multiple display modes, a real time timespan selector, and the ability to organize graphs on a tree. The user management functionality allows for users who should only have access to view certain graphs. This is beneficial for hosting/ISP orientated users that wish to give customers access to their graphs.
-</description>
-
+<description>Cacti is a complete network graphing solution designed to harness the power of RRDTool's data storage and graphing functionality. Cacti provides a fast poller, advanced graph templating, multiple data acquisition methods, and user management features out of the box. All of this is wrapped in an intuitive, easy to use interface that makes sense for LAN-sized installations up to complex networks with hundreds of devices.</description>
 <homepage>http://www.cacti.net</homepage> 
 <year>2005</year><month>4</month>
 <license>GPL</license>
 <livesite>http://www.bigspring.k12.pa.us/cacti/graph_view.php</livesite> 
 <email>iberry@raxnet.net</email>
-</rrdworld>
+</rrdworld>
\ No newline at end of file
-- 
2.30.2