Move to modern menu system
[infodrom.org/infocon.infodrom.org] / Styles / infocon.style
1 # ========== Abstand berechnen ==========
2 # in ePerl: $root_prefix
3 # in WML: <get-var root_prefix>
4 <:
5   $root_prefix = "<get-var WML_SRC_DIRNAME>";
6   $root_prefix =~ s/^.*src\/?(.*)$/$1/;
7   @foo = split (/\//, $root_prefix);
8   $root_prefix = "../"x($#foo+1);
9 :>
10 <if <not <get-var root_prefix>>
11   <define-tag root_prefix><: print "$root_prefix"; :></define-tag>
12   "<: $root_prefix = \"<get-var root_prefix>\"; :>"
13 >
14
15
16 # ========== Page footer ==========
17 #
18 # Sollte eigentlich in <address></address> eingefaßt sein, kursiv sieht's aber nicht aus.
19 #
20 <define-tag page-footer>
21 <font face="Helvetica,Arial" size="-1">&copy; <a href="<root_prefix>impressum.html">InfoCon</a>
22 </font>
23 </define-tag>
24
25 <define-tag old-page-footer>
26 # &copy; = &#169;
27 <font face="Helvetica,Arial" size="-1">&copy; <a href="<root_prefix>impressum.html">InfoCon</a>, <:
28 @months =
29 #    ("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
30     ("Dummy", "Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");
31
32 #($date_sec,$date_min,$date_hour,$date_mday,$date_mon,$date_year,$date_wday,$date_isdst)
33 #    = localtime(); $date_year += 1900;
34 #printf "%d %s %d", $date_mday, $months[$date_mon], $date_year;
35
36 "<get-var WML_SRC_ISOTIME>" =~ /^(\d+)-(\d+)-(\d+)\s/;
37
38 printf "Letzte Änderung: %d. %s %d", $3, $months[$2], $1;
39 :></font>
40 </define-tag>
41
42
43 # ========== Page ==========
44 #
45 <define-tag page-horiz-space>10</define-tag>
46 <define-tag page endtag=required>
47 <set-var %attributes>
48
49 <if <not <get-var title>>
50     <set-var title="InfoCon - Information & Consulting">>
51
52 # Titel im linken Submenü
53 <if <not <get-var menu>>
54     <set-var menu="<div align=center>&nbsp;</div><br>">
55     <set-var menu="<div align=center><b>Infos</b></div><br>">
56 >
57
58 <html lang="de">
59 <head>
60 <title>InfoCon - <get-var title></title>
61 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
62 <link href="<root_prefix>infocon.css" rel="stylesheet" type="text/css">
63 <link rel="icon" href="<root_prefix>favicon.ico" type="image/x-icon">
64 <link rel="shortcut icon" href="<root_prefix>favicon.ico" type="image/x-icon">
65 <meta name="Language"  content="de">
66
67 <meta name="Keywords"  content="GNU/Linux, Linux, Freie Software, Free Software, Oldenburg, \
68    Dienstleistung, Support, Schulung, Service, Perl, Python, PHP, Web, JavaScript, \
69    Programmierung, Anpassung, Consulting, Customising, Norddeutschland, Weser-Ems, \
70    RRD, Datenbanken, SQL, kommerz, Kommerziell, Business, Joey, IT-Consulting, \
71    Entwicklung, Planung, Wartung, Administration, Niedersachsen, Firma, Company, \
72    commercial, Überwachung, Monitoring, Visualisierung, Statistik, Statistikauswertung, \
73    Datenauswertung, Open Source Oldenburg, Linux Oldenburg, professional Linux-Support Oldenburg,
74    Kompetenz, Internet-Dienstleistung, <get-var keywords>">
75 <meta name="Robots"  content="index,follow">
76
77 </head>
78
79 <body>
80
81 <table cellspacing=0 cellpadding=0 border=0 width=100%>
82
83 <tr>
84   <td width=90><a href="<:=length($root_prefix)?$root_prefix:'/':>"><img src="<root_prefix>Pics/infocon-90.png" align=center alt="[InfoCon]" border=0></a></td>
85   <td width=<page-horiz-space>></td>
86   <td width=100%>
87         <h1 align=center><font face=Helvetica>Information &amp; Consulting</font></h1>
88
89 # Anfang der Menü-Tabelle
90 <table bgcolor=#5dbbf9 cellspacing=0 cellpadding=0 border=0 width=100%>
91 <tr>
92 <td><img src="<root_prefix>Pics/corner-upperleft.png" align="left" border="0" hspace="0" vspace="0" alt="" width="16" height="16"></td>
93 <td rowspan=2 align=center>
94
95 <:
96     # @menu = ('Infos','Dienstleistungen','Shop');
97     @menu = ('Infos','Dienstleistungen');
98     %menu_dir = ('Infos'            => 'infos',
99                  'Dienstleistungen' => 'service',
100                  'Shop'             => 'shop',
101                  );
102     %menu_width = ('Infos'            => 50,
103                    'Dienstleistungen' => 120,
104                    'Shop'             => 50,
105                    );
106     $menu_default = 'hspace="4" vspace="7" height="18" align="middle" border="0"';
107
108     foreach $rubrik (@menu) {
109         $dir = $menu_dir{$rubrik};
110         if ("<get-var WML_SRC_DIRNAME>" =~ /src\/$dir/) {
111             if ("<get-var WML_SRC_BASENAME>" eq "index") {
112                 # No link
113                 printf '<img src="%sPics/menu-%s.press.png" width="%d" alt="[%s]" %s>',
114                     $root_prefix, $dir, $menu_width{$rubrik}, $rubrik, $menu_default;
115             } else {
116                 # We're in but link required
117                 printf '<a href="%s%s/"><img src="%sPics/menu-%s.press.png" width="%d" alt="[%s]" %s></a>',
118                     $root_prefix, $dir, $root_prefix, $dir, $menu_width{$rubrik}, $rubrik, $menu_default;
119             }
120         } else {
121             # Link required
122             printf '<a href="%s%s/"><img src="%sPics/menu-%s.png" width="%d" alt="[%s]" %s></a>',
123                 $root_prefix, $dir, $root_prefix, $dir, $menu_width{$rubrik}, $rubrik, $menu_default;
124         }
125     }
126 :>
127
128 </td>
129 <td><img src="<root_prefix>Pics/corner-upperright.png" align="right" border="0" hspace="0" vspace="0" alt="" width="16" height="16"></td>
130 </tr>
131
132 # Untere Zeile, nur die Ecken
133 <tr>
134 <td><img src="<root_prefix>Pics/corner-lowerleft.png" align="left" border="0" hspace="0" vspace="0" alt="" width="16" height="16"></td>
135 <td><img src="<root_prefix>Pics/corner-lowerright.png" align="right" border="0" hspace="0" vspace="0" alt="" width="16" height="16"></td>
136 </tr>
137 </table>
138 # Ende der Menü-Tabelle
139   </td>
140 </tr>
141
142 <tr>
143   <td width=90 valign=top bgcolor=#5dbbf9>
144     <img src="<root_prefix>Pics/corner-upperleft.png" align="left" border="0" hspace="0" vspace="0" alt="" width="16" height="16">
145     <img src="<root_prefix>Pics/corner-upperright.png" align="right" border="0" hspace="0" vspace="0" alt="" width="16" height="16">
146
147 &nbsp;
148 <div class=vmenu>
149 <ul>
150 #include "submenu.inc"
151 </ul>
152 </div>
153
154 </td>
155   <td width=<page-horiz-space>></td>
156   <td width=100% valign=top>
157   <table width=100% border=0 cellspacing=2 cellpadding=0><tr><td width=100% align=left valign=top>
158   <font face=Helvetica>
159
160 #  <td width=100% valign=top><font face=Helvetica>
161
162 <div class="date">
163 <script type="text/javascript">
164   var today = new Date;
165   var year = today.getYear();
166   var mon = ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'];
167
168   if (year < 200)
169     year += 1900;    
170
171   if (year > 2006 && year < 2100)
172     document.write("<small>" + today.getDate()
173                    +". " + mon[today.getMonth()]
174                    +" " + year + "</small>");
175 </script>
176 </div>
177
178 <div id=page>
179 <div id=border>
180 <h3 id=pagetitle><get-var title></h3>
181 <div id=content>
182
183   %body
184
185 </div>
186 </div>
187 </div>
188
189   </font>
190   </td></tr></table>
191   </td>
192 </tr>
193 <tr>
194   <td width=90 valign=bottom bgcolor=#5dbbf9>
195     <img src="<root_prefix>Pics/corner-lowerleft.png" align="left" border="0" hspace="0" vspace="0" alt="" width="17" height="16">
196     <img src="<root_prefix>Pics/corner-lowerright.png" align="right" border="0" hspace="0" vspace="0" alt="" width="16" height="16">
197   </td>
198   <td width=<page-horiz-space>></td>
199   <td width=100% valign=bottom align=right><page-footer></td>
200 </tr>
201 </table>
202 </body>
203 </html>
204
205 </define-tag>
206
207 <define-tag menu-item>
208 <preserve base text href current>
209 <set-var %attributes>
210
211 <if <not <get-var href>>
212   <set-var href="<get-var base>.html">>
213
214 <ifeq <get-var WML_SRC_BASENAME> "<get-var base>" "<set-var current="id=\"current\"">">
215
216 <li><a <get-var current> href="<get-var href>"><get-var text></a></li>
217
218 <restore base text href current>
219 </define-tag>