Code

improve html generation
[rrdtool-all.git] / website / inc / template.inc
1 # this seems to confuse just too many things out there ... 
2 # guess following the standard is not there yet
3 # <?xml version="1.0" encoding="iso-8859-15"?>
4 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
5 # this must be the very first line to make doc-type switching work on IE
6 #use wml::std::logo
7 #use wml::std::tags
8 #use wml::des::space
9 #use wml::des::imgdot
10 #use wml::std::grid
11 #use wml::fmt::url
12 #include <inc/langset.inc>
13 #include <inc/html.inc>
14 #include <inc/customtags.inc>
15 #use wml::des::navbar
16 #include <inc/navbar-def.inc>
17 #include <$(ROOT)/navbar.inc>
18 <html lang="<lang:star: * />" xmlns="http://www.w3.org/1999/xhtml">
19 <head>
20 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-15" />
21 <link* REL="icon" HREF="$(ROOT)/inc/favicon.ico" TYPE="image/ico" />
22 ..Title!>>RRDtool - Page without a Title<<..
23 <title*>RRDtool - {#Title#}</title*>
24 <protect>
25 <!--[if lt IE 7]><script src="$(ROOT)/inc/IE7/ie7-standard-p.js" type="text/javascript"></script><![endif]-->
26 </protect>
27 <style type="text/css">
28 <!--/* <![CDATA[ */
29 /* ie5 for mac thinks this comment does not end here because of the backslash \*/
30 @import url('$(ROOT)/inc/design.css');
31 ## @import url('$(ROOT)/inc/design_$(TYPE).css');
32 /* ]]> */-->
33 </style>
34 </head>
35 <body>
36 <table id="frame">
37 <tr>
38 <td valign="top" id="menucell">
39 <!-- ############################# -->
40 <!-- # MENU -->
41 <!-- ############################# -->
42 <div id="menu">
43 <h2 class="legacy">Menu</h2>
44 <navbar:render name=main menumode=inner nohints txtonly select=$(PAGE)/>
45 <br/>
46 <!-- SiteSearch Google -->
47 <form method="get" action="http://oss.oetiker.ch/rrdtool/search.en.html" target="_top">
48 <table border="0">
49 <tr><td nowrap="nowrap" valign="top" align="left" height="32">
50 <input type="hidden" name="domains" value="oss.oetiker.ch"></input>
51 <label for="sbi" style="display: none">Enter your search terms</label>
52 <input type="text" name="q" style="width: 180px" maxlength="255" value="" id="sbi"></input>
53 </td></tr>
54 <tr>
55 <td nowrap="nowrap">
56 <table>
57 <tr>
58 <td>
59 <input type="radio" name="sitesearch" value="" id="ss0"></input>
60 <label for="ss0" title="Search the Web"><font size="-1" color="#000000">Web</font></label></td>
61 <td>
62 <input type="radio" name="sitesearch" value="oss.oetiker.ch" checked id="ss1"></input>
63 <label for="ss1" title="Search oss.oetiker.ch"><font size="-1" color="#000000">oss.oetiker.ch</font></label></td>
64 </tr>
65 </table>
66 <label for="sbb" style="display: none">Submit search form</label>
67 <input type="submit" name="sa" value="Google Search" id="sbb"></input>
68 <input type="hidden" name="client" value="pub-8135238818549668"></input>
69 <input type="hidden" name="forid" value="1"></input>
70 <input type="hidden" name="channel" value="6449489261"></input>
71 <input type="hidden" name="ie" value="ISO-8859-1"></input>
72 <input type="hidden" name="oe" value="ISO-8859-1"></input>
73 <input type="hidden" name="safe" value="active"></input>
74 <input type="hidden" name="cof" value="GALT:#0066CC;GL:1;DIV:#999999;VLC:336633;AH:center;BGC:FFFFFF;LBGC:FF9900;ALC:0066CC;LC:0066CC;T:000000;GFNT:666666;GIMP:666666;FORID:11"></input>
75 <input type="hidden" name="hl" value="en"></input>
76 </td></tr></table>
77 </form>
78 <!-- SiteSearch Google -->
79 <br/>
80 <br/>
81 <p><b>Gold Sponsors</b></p>
82 <p><a href="http://www.loopfuse.net/webrecorder/kredirect?kid=3&cid=LF_00c56f70"><img title="GroundWork Open Source" border="0" alt="GroundWork Open Source Logo" src="$(ROOT)/logos/gw200x100.gif"/></a></p>
83 <p><a href="http://www.zenoss.com/rrdtool?utm_source=rrdtool&amp;utm_medium=logolink&amp;utm_campaign=inbound"><img border="0" title="Zenoss Open Source IT Monitoring" alt="Zenoss Open Source IT Monitoring" src="$(ROOT)/logos/zenoss.png"/></a></p>
84 <p><a href="$(ROOT)/sponsor.<lang:star: */>.html">Silver Sponsors ...</a></p>
85 <br/>
86 <br/>
87 <div>
88 <a href="http://tobi.oetiker.ch/wish/"><img border="0" alt="Make Tobi Happy" src="$(ROOT)/inc/happy-tobi.png"/></a>
89 </div>
90 <br/>
91 <br/>
92 <div>
93 <iframe width="120" height="50" name="bandwidth" frameborder="0" src="$(ROOT)/hoster.html"></iframe>
94 </div>
95 <br/>
96 <br/>
97 </div>
98 </td>
99 <!-- ############################# -->
100 <!-- # Logo and Body -->
101 <!-- ############################# -->
102 <td id="bodycell">
103 # all mirrors seem dead currently
104 <div id="mirrors">
105 <A HREF="http://oss.oetiker.ch/rrdtool/<where/>">Swiss Original</A>.&nbsp;Mirrors: 
106 <A HREF="http://rrdtool.mirror.graemef.net/<where/>">UK</a><!--Graeme Fowler <graeme@graemef.net>-->
107 ##<A HREF="http://rrdtool.planetmirror.com/<where/>">AU</A><!--jason andrade <jason@dstc.edu.au>-->
108 <A HREF="http://rrdtool.cs.pu.edu.tw/<where/>">TW</A><!--Hsun-Chang Chang <hsunchang@gmail.com>-->
109 <A HREF="http://ftp.heanet.ie/mirrors/oss.oetiker.ch/rrdtool/<where/>">IE</A><!-- <mirrors@heanet.ie>-->
110 <A HREF="http://rrdtool.codemonkey.se/<where/>">SE</A><!--Hans Engren <hans@cyclone.se>-->
111 <A HREF="http://rrdtool.basemirror.de/<where/>">DE</A><!--Baseportal Mirrors <mirrors@baseportal.de>-->
112 <A HREF="http://rrdtool.mirroraty.org/<where/>">US</A><!--Hossam Hossny <hossam@trexle.com>-->
113 <A HREF="http://rrdtool.paracoda.com/<where/>">CA</A><!--Hossam Hossny <admin@paracoda.com>-->
114 #<A HREF="http://rrdtool.PlaySystems.ro/<where/>">RO</a><!--dan.draghici@ulbsibiu.ro-->
115 </div>
116 <div id="logo">
117 <div class="legacy">
118 RRDtool
119 <hr/>
120 </div>
121 </div>
122 <!-- ############################# -->
123 <!-- # BODY -->
124 <!-- ############################# -->
125 <div id="body">
126 <!-- google_ad_section_start -->
127 {#Body#}
128 <!-- google_ad_section_end -->
129 </div>
130 </td>
131 </tr>
132 <tr>
133 <td id="leftcornercell"></td>
134 <td id="footcell">
135 <!-- ############################# -->
136 <!-- # FOOTER -->
137 <!-- ############################# -->
138 <perl>
139 if ( -s "$(WML_SRC_BASENAME).wml" > 4000 ){
140 print <<'GOOGLEAD';
141 <div style="clear:right">
142 <script type="text/javascript"><!--
143 google_ad_client = "pub-8135238818549668";
144 google_ad_width = 300;
145 google_ad_height = 250;
146 google_ad_format = "300x250_as";
147 google_ad_type = "text_image";
148 google_ad_channel ="6085696737";
149 google_color_border = "ffffff";
150 google_color_bg = "f0f8FF";
151 google_color_link = "191919";
152 google_color_url = "0066CC";
153 google_color_text = "000000";
154 //--></script>
155 <script type="text/javascript"
156   src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
157 </script>
158 </div>
159 GOOGLEAD
161 </perl>
162 <div id="address">
163 <small>
164 <perl>
165 <protect pass=2>
166 use POSIX qw(strftime LC_TIME setlocale); 
167 foreach my $l (qw($(LANGS))){
168         my $lang = lc($l) eq 'de' ? 'de_CH' : $l;
169         $lang =~ s/^en.*/sv/i;  
170         setlocale(LC_TIME,$lang);
171         my $year = strftime "%Y", localtime;
172         my $date = strftime "%x", localtime("$(WML_SRC_TIME)"); 
173         q{$(AUTHOR)} =~ m{(.+\S+)\s*(<.+>|http://.+)} || die q{No Match for $(AUTHOR)}."\n"; 
174         my $text=$1; my $url=$2; $url =~ s/<(\S+)(?:\@|_at_)(\S+)>/mailto:$1\@removethis.$2/;
175         my $LANG = uc("LANG_$l");
176         print <<LINE
177 [$LANG:$date | <A HREF="$url">$text</A> | <A HREF="http://it.oetiker.ch/monitoring/">OETIKER+PARTNER AG</a>:$LANG]
178 LINE
180 </protect>
181 </perl>
182 </small>
183 </div>
184 </td></tr>
185 </table>
186 <hr class="legacy"/>
187 <p class="legacy" style="border-width: 1px; border-color: red; padding: 5px;">
188 <en><b>NOTE:</b> The content of this website is accessible with any browser. The graphical
189 design though relies completely on CSS2 styles. If you see this text, this means
190 that your browser does not support CSS2. Consider upgrading to a standard conformant
191 browser like Mozilla <a href="http://www.getfirefox.com">Firefox</a> or
192 <a href="http://www.opera.com">Opera</a> but also Apple's <a href="http://www.apple.com/safari/">Safari</a>
193 or KDE's <a href="http://www.konqueror.org">Konqueror</a> for example.
194 It may also be that you are looking at a mirror page which did not copy <a href="$(ROOT)/inc/design.css">the CSS</a> for this page. Or if some pictu
195 res are missing, then the mirror may not have picked up the contents of the <a href="$(ROOT)/inc/">inc</a> directory.</en>
196 #<de><b>HINWEIS:</b> Diese Website funktioniert mit jedem Browser. Die graphische Präsentation jedoch
197 #basiert komplett auf CSS2. Beispiele für CSS2 konforme Browser sind zum Beispiel  <a href="http://www.getfirefox.com">Firefox</a>
198 #<a href="http://www.opera.com">Opera</a> oder auch <a href="http://www.apple.com/safari/">Safari</a> von Apple und
199 #<a href="http://www.konqueror.org">Konqueror</a> aus dem KDE Projekt.
200 #</de>
201 </p> 
202 <script type="text/javascript">
203 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
204 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
205 </script>
206 <script type="text/javascript">
207 var pageTracker = _gat._getTracker("UA-374525-1");
208 pageTracker._initData();
209 pageTracker._trackPageview();
210 </script>
211 </body>
212 </html>
214 # All the rest goes into Body
215 ..Body>>