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, 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="<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   <font size="-1" face="Helvetica"><get-var menu>
 147
 148 #include "submenu.inc"
 149
 150   </font>
 151
 152 </td>
 153   <td width=<page-horiz-space>></td>
 154   <td width=100% valign=top>
 155   <table width=100% border=0 cellspacing=2 cellpadding=0><tr><td width=100% align=left valign=top>
 156   <font face=Helvetica>
 157
 158 #  <td width=100% valign=top><font face=Helvetica>
 159
 160 <div class="date">
 161 <script type="text/javascript">
 162   var today = new Date;
 163   var year = today.getYear();
 164   var mon = ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'];
 165
 166   if (year < 200)
 167     year += 1900;
 168
 169   if (year > 2006 && year < 2100)
 170     document.write("<small>" + today.getDate()
 171                    +". " + mon[today.getMonth()]
 172                    +" " + year + "</small>");
 173 </script>
 174 </div>
 175
 176 <div id=page>
 177 <div id=border>
 178 <h3 id=pagetitle><get-var title></h3>
 179 <div id=content>
 180
 181   %body
 182
 183 </div>
 184 </div>
 185 </div>
 186
 187   </font>
 188   </td></tr></table>
 189   </td>
 190 </tr>
 191 <tr>
 192   <td width=90 valign=bottom bgcolor=#5dbbf9>
 193     <img src="<root_prefix>Pics/corner-lowerleft.png" align="left" border="0" hspace="0" vspace="0" alt="" width="17" height="16">
 194     <img src="<root_prefix>Pics/corner-lowerright.png" align="right" border="0" hspace="0" vspace="0" alt="" width="16" height="16">
 195   </td>
 196   <td width=<page-horiz-space>></td>
 197   <td width=100% valign=bottom align=right><page-footer></td>
 198 </tr>
 199 </table>
 200 </body>
 201 </html>
 202
 203 </define-tag>