03845d277d770d0b9aa9f800460c6daf82abb810
[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, <get-var keywords>">
74 <meta name="Robots"  content="index,follow">
75
76 </head>
77
78 <body>
79
80 <table cellspacing=0 cellpadding=0 border=0 width=100%>
81
82 <tr>
83   <td width=90><a href="<root_prefix>"><img src="<root_prefix>Pics/infocon-90.png" align=center alt="[InfoCon]" border=0></a></td>
84   <td width=<page-horiz-space>></td>
85   <td width=100%>
86         <h1 align=center><font face=Helvetica>Information &amp; Consulting</font></h1>
87
88 # Anfang der Menü-Tabelle
89 <table bgcolor=#5dbbf9 cellspacing=0 cellpadding=0 border=0 width=100%>
90 <tr>
91 <td><img src="<root_prefix>Pics/corner-upperleft.png" align="left" border="0" hspace="0" vspace="0" alt="" width="16" height="16"></td>
92 <td rowspan=2 align=center>
93
94 <:
95     # @menu = ('Infos','Dienstleistungen','Shop');
96     @menu = ('Infos','Dienstleistungen');
97     %menu_dir = ('Infos'            => 'infos',
98                  'Dienstleistungen' => 'service',
99                  'Shop'             => 'shop',
100                  );
101     %menu_width = ('Infos'            => 50,
102                    'Dienstleistungen' => 120,
103                    'Shop'             => 50,
104                    );
105     $menu_default = 'hspace="4" vspace="7" height="18" align="middle" border="0"';
106
107     foreach $rubrik (@menu) {
108         $dir = $menu_dir{$rubrik};
109         if ("<get-var WML_SRC_DIRNAME>" =~ /src\/$dir/) {
110             if ("<get-var WML_SRC_BASENAME>" eq "index") {
111                 # No link
112                 printf '<img src="%sPics/menu-%s.press.png" width="%d" alt="[%s]" %s>',
113                     $root_prefix, $dir, $menu_width{$rubrik}, $rubrik, $menu_default;
114             } else {
115                 # We're in but link required
116                 printf '<a href="%s%s/"><img src="%sPics/menu-%s.press.png" width="%d" alt="[%s]" %s></a>',
117                     $root_prefix, $dir, $root_prefix, $dir, $menu_width{$rubrik}, $rubrik, $menu_default;
118             }
119         } else {
120             # Link required
121             printf '<a href="%s%s/"><img src="%sPics/menu-%s.png" width="%d" alt="[%s]" %s></a>',
122                 $root_prefix, $dir, $root_prefix, $dir, $menu_width{$rubrik}, $rubrik, $menu_default;
123         }
124     }
125 :>
126
127 </td>
128 <td><img src="<root_prefix>Pics/corner-upperright.png" align="right" border="0" hspace="0" vspace="0" alt="" width="16" height="16"></td>
129 </tr>
130
131 # Untere Zeile, nur die Ecken
132 <tr>
133 <td><img src="<root_prefix>Pics/corner-lowerleft.png" align="left" border="0" hspace="0" vspace="0" alt="" width="16" height="16"></td>
134 <td><img src="<root_prefix>Pics/corner-lowerright.png" align="right" border="0" hspace="0" vspace="0" alt="" width="16" height="16"></td>
135 </tr>
136 </table>
137 # Ende der Menü-Tabelle
138   </td>
139 </tr>
140
141 <tr>
142   <td width=90 valign=top bgcolor=#5dbbf9>
143     <img src="<root_prefix>Pics/corner-upperleft.png" align="left" border="0" hspace="0" vspace="0" alt="" width="16" height="16">
144     <img src="<root_prefix>Pics/corner-upperright.png" align="right" border="0" hspace="0" vspace="0" alt="" width="16" height="16">
145   <font size="-1" face="Helvetica"><get-var menu>
146
147 #include "submenu.inc"
148
149   </font>
150
151 </td>
152   <td width=<page-horiz-space>></td>
153   <td width=100% valign=top>
154   <table width=100% border=0 cellspacing=2 cellpadding=0><tr><td width=100% align=left valign=top>
155   <font face=Helvetica>
156
157 #  <td width=100% valign=top><font face=Helvetica>
158
159 <div class="date">
160 <script type="text/javascript">
161   var today = new Date;
162   var year = today.getYear();
163   var mon = ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'];
164
165   if (year < 200)
166     year += 1900;    
167
168   if (year > 2006 && year < 2100)
169     document.write(today.getDate()
170                    +". " + mon[today.getMonth()]
171                    +" " + year);
172 </script>
173 </div>
174
175 <div id=page>
176 <div id=border>
177 <h3 id=pagetitle><get-var title></h3>
178 <div id=content>
179
180   %body
181
182 </div>
183 </div>
184 </div>
185
186   </font>
187   </td></tr></table>
188   </td>
189 </tr>
190 <tr>
191   <td width=90 valign=bottom bgcolor=#5dbbf9>
192     <img src="<root_prefix>Pics/corner-lowerleft.png" align="left" border="0" hspace="0" vspace="0" alt="" width="17" height="16">
193     <img src="<root_prefix>Pics/corner-lowerright.png" align="right" border="0" hspace="0" vspace="0" alt="" width="16" height="16">
194   </td>
195   <td width=<page-horiz-space>></td>
196   <td width=100% valign=bottom align=right><page-footer></td>
197 </tr>
198 </table>
199 </body>
200 </html>
201
202 </define-tag>