git.infodrom.org Git - infodrom.org/infocon.infodrom.org/blob - 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>