Changeset 580 in t29-www


Ignore:
Timestamp:
Jun 17, 2014, 6:35:22 PM (5 years ago)
Author:
sven
Message:

Bigfooter aktiviert.

Dieser Footer lag seit zwei Jahren "in der Schublade" und sollte
von Anfang an Bestandteil des neuen Websitedesigns werden. Ticket #30
widmet sich seit 16 Monaten der Diskussion zum Footer.

Der Footer löst mehrere Probleme gleichzeitig:

  • Es wird erzählt, dass es sich um ein echtes Museum handelt. Dies wird durch eine (vorläufige) Drahtzeichnung des Gebäudes unterstrichen.
  • Die Creative-Commons-Bildverlinkung wird das erste mal erwähnt (das Impressum muss hier noch angepasst werden). Dieses einfache Lizenzmodell soll die Benutzung der Bilder einfacher machen.
  • Eine Sitemap (bilingual) wurde integriert, die auch Links zu den anderen technikum29-Websites enthält.
Files:
3 added
8 edited

Legend:

Unmodified
Added
Removed
  • de/navigation.xml

    r543 r580  
    5353        <li><a seiten_id="wir-suchen" href="/de/wir-suchen.php">Gesucht</a></li>
    5454        <li><a seiten_id="impressum" href="/de/impressum.php">Kontakt</a></li>
     55        <!-- Sitemap derzeit nicht anzeigen -->
     56        <li><a seiten_id="sitemap" class="hidden-in-nav" href="/de/sitemap.php">Sitemap</a></li>
    5557</ul>
    5658</nav><!-- class=horizontal -->
  • de/sitemap.php

    r569 r580  
    55
    66        if(!require("../lib/technikum29.php")) return; // keine verschachtelten Aufrufe
     7        require("../lib/sitemap.php");
    78?>
    89    <h2>Sitemap</h2>
     
    1415   
    1516    <?php
    16       // nicht dass das eh schon drin waere
    17       require_once("../lib/menu.php");
    18       $conf = $tmpl->conf; // Template-Konfiguration (Sprache, usw)
    19 
    20       $menu = new t29Menu($conf);
    21       $menu->hide_geraete_seiten = false;
    22 
    23       ?>
    24      
    25       <ul class="sitemap u0a">
    26         <li><a href="/">Hauptseite: technikum29.de</a>
    27                 <ul class="u0b">
    28                         <li><b>Über das Museum</b>
    29                         <?php
    30                                 $menu->print_menu(t29Menu::horizontal_menu);
    31                         ?></li>
    32                        
    33                         <li><b>Führung durch das Museum</b>
    34                         <?php
    35                                 $menu->print_menu(t29Menu::sidebar_menu);
    36                         ?></li>
    37                 </ul>
    38         </li>
    39         <li><a href="http://labs.technikum29.de">Entwicklung: labs.technikum29.de</a>
    40                 <ul class="u0b">
    41                         <li><a href="http://labs.technikum29.de/wiki/DevelopmentProjects">Entwicklungs- und Programmierprojekte</a>
    42                                 <ul class="u1">
    43                                         <li><a href="http://labs.technikum29.de/wiki/DevelopmentProjects/PaperTapeProject">Lochstreifen-Projekte</a>
    44                                         <li><a href="http://labs.technikum29.de/wiki/DevelopmentProjects/PunchCardProject">Lochkarten-Projekte</a>
    45                                         <li><a href="http://labs.technikum29.de/wiki/DevelopmentProjects/BullAnalexProject">Bull-Anelex-Projekt</a>
    46                                         <li><a href="http://labs.technikum29.de/wiki/DevelopmentProjects/Univac9400Show">Univac9400-Show</a>
    47                                         <li><a href="http://labs.technikum29.de/wiki/DevelopmentProjects/Papers">Papers und Veröffentlichungen</a>
    48                                        
    49                                 </ul>
    50                         <li><a href="http://labs.technikum29.de/wiki/Website">Website-Verwaltung</a>
    51                                 <ul class="u1">
    52                                         <li><a href="http://labs.technikum29.de/wiki/Website/Geschichte">historische Entwicklung</a>
    53                                         <li><a href="http://old.technikum29.de/">historischer Einblick</a>
    54                                 </ul>
    55                         <li><a href="http://lists.technikum29.de/">technikum29-Mailinglisten</a>
    56                 </ul>
    57         </li>
    58       </ul>
     17        print_sitemap();
     18    ?>
  • en/navigation.xml

    r481 r580  
    3636        <li><a seiten_id="wir-suchen" href="/en/wanted.php">Wanted</a></li>
    3737        <li><a seiten_id="impressum" href="/en/contact.php">Contact</a></li>
     38        <!-- Don't show sitemap here -->
     39        <li><a seiten_id="sitemap" class="hidden-in-nav" href="/en/sitemap.php">Sitemap</a></li>
    3840</ul>
    3941</nav><!-- class=horizontal -->
  • lib/messages.php

    r546 r580  
    137137                'footer-legacy-text'     => array('&copy; 2003-2014 technikum29. Alle Bilder und Fotografien sind kopierrechtlich geschützt, siehe <a href="/de/impressum.php" class="go">Impressum</a>',
    138138                                                  '&copy; 2003-2014 technikum29. You must not use contents and photographies without the permission of the owner. <a href="/en/contact.php" class="go">Legal Information</a>.'),
     139                'footer-sitemap-text'    => 'Sitemap',
     140                'footer-sitemap-link'    => array('/de/sitemap.php', '/en/sitemap.php'),
     141                'footer-haus-text'       => array('Das technikum29 ist ein <u>interaktives Museum</u> im <u>Rhein-Main-Gebiet</u> (Kelkheim/Taunus). Unsere <u>Öffnungszeiten</u> erfahren Sie auf der <u>Startseite</u>',
     142                                                'The technikum29 is a <u>living computer museum</u> located in <u>Germany, near Frankfurt</u>. We regularly offer <u>guided tours</u>.'),
     143                'footer-haus-link'       => array('/de/', '/en/'),
     144                'footer-image-copyright-text' => array('Viele Bilder können unter einer <u>CreativeCommons-Lizenz</u> verwendet werden. <u>Erkundigen Sie sich</u>.',
     145                                                'Except where other noted, pictures on this site are licensed under a <u>Creative Commons License</u>.'),
    139146               
    140147                'nav-hierarchy-current'  => array('Aktuelle Seite', 'Current page'),
  • lib/template.php

    r567 r580  
    484484                ?><div class="bigfooter">
    485485                    <ul class="clearfix">
    486                         <li class="logo"><a href="<?php print $href($_('footer-legal-file')); ?>" class="clearfix"><!-- FIXME: clearfix should be semantically performed -->
     486                        <li class="haus"><a class="block" href="<?php print $href($_('footer-haus-link')); ?>">
     487                                <img src="/shared/img-v6/logo-haus.footer.png" alt="Museum Haus" title="The Museum building">
     488                                <span class="p"><?php $p('footer-haus-text'); ?></span>
     489                        </a></li>
     490                        <li class="copy"><a class="block" href="<?php print $href($_('footer-legal-file')); ?>#image-copyright" class="clearfix">
     491                                <i>CC</i>
     492                                <span class="p"><?php $p('footer-image-copyright-text'); ?></span>
     493                        </a></li>
     494                        <li class="logo"><span class="block clearfix"><!-- FIXME: clearfix should be semantically performed -->
    487495                                <i title="technikum29 Logo">Logo</i>
    488496                                <span class="p"><?php $p('footer-copyright-tag'); ?>
    489                                 <br><u><?php $p('footer-legal-link'); ?></u>
     497                                <br><a class="u" href="<?php print $href($_('footer-legal-file')); ?>"><?php $p('footer-legal-link'); ?></a>
     498                                <br><a class="u" href="<?php print $href($_('footer-sitemap-link')); ?>"><?php $p('footer-sitemap-text'); ?></a>
    490499                                </span>
    491                         </a></li>
    492                         <li class="copy"><a href="<?php print $href($_('footer-legal-file')); ?>#image-copyright" class="clearfix">
    493                                 <i>CC</i>
    494                                 <span class="p">Viele Bilder können unter einer <u>CreativeCommons-Lizenz</u>
    495                                 verwendet werden. <u>Erkundigen Sie sich</u>.</span>
    496                         </a></li>
     500                        </span></li>
     501
    497502                    </ul>
    498503                </div><?php
  • shared/css-v6/modules/11-header.css

    r349 r580  
    7474}
    7575
     76nav.horizontal a.hidden-in-nav {
     77        /* Items which shall not be visible in the header navigation display */
     78        display: none;
     79}
     80
    7681/* Aufklappnavigation der Horizontalen Navi */
    7782nav.horizontal .u2 { display: none; }
  • shared/css-v6/modules/13-footer.css

    r567 r580  
    279279footer.in-sheet div.bigfooter {
    280280        padding-left: 30px;
    281         padding-top: 20px; /* sheet: 40px padding */
     281        padding-top: 15px; /* sheet: 40px padding */
    282282}
    283283
     
    301301}
    302302
    303 footer div.bigfooter a {
     303footer div.bigfooter .block,
     304footer div.bigfooter .block:link,
     305footer div.bigfooter .block:visited {
    304306        display: block;
    305307        padding: 10px;
     
    307309        /* optionaler Effekt: Beim Hovern nicht ueber "ganze Breite" gehen */
    308310        display: inline-block;
    309 }
    310 
    311 footer div.bigfooter a:link, footer div.bigfooter a:visited {
     311
    312312        text-decoration: none;
    313313        color: inherit;
    314314}
    315315
    316 footer.attached div.bigfooter a:hover {
     316footer.attached div.bigfooter .block:hover {
    317317        background-color: rgba(255,255,255,.1);
    318318        /* ganz subtiler Schatten */
     
    320320}
    321321
    322 footer.in-sheet div.bigfooter a:hover {
     322footer.in-sheet div.bigfooter .block,
     323footer.in-sheet div.bigfooter .block:link,
     324footer.in-sheet div.bigfooter .block:visited {
     325        opacity: .6;
     326}
     327
     328footer.in-sheet div.bigfooter .block:hover {
     329        opacity: .9;
    323330        background-color: white;
    324331}
    325332
    326 footer.attached div.bigfooter a:link u, footer.attached div.bigfooter a:visited u {
     333footer.attached div.bigfooter a u,
     334footer.attached div.bigfooter a.u:link,
     335footer.attached div.bigfooter a.u:visited,
     336footer.attached div.bigfooter a.block:link u,
     337footer.attached div.bigfooter a.block:visited u {
    327338        color: #BAF1FF;
    328339}
    329340
    330 footer.in-sheet div.bigfooter a:link u, footer.in-sheet div.bigfooter a:visited u {
     341footer.in-sheet div.bigfooter a u,
     342footer.in-sheet div.bigfooter a.u:link,
     343footer.in-sheet div.bigfooter a.u:visited,
     344footer.in-sheet div.bigfooter a.block:link u,
     345footer.in-sheet div.bigfooter a.block:visited u {
    331346        color: #205B6B;
    332347}
    333348
    334 footer.attached div.bigfooter a:hover u, footer.attached div.bigfooter a:focus u {
     349footer.attached div.bigfooter a.u:hover,
     350footer.attached div.bigfooter a.u:hover,
     351footer.attached div.bigfooter a.block:hover u,
     352footer.attached div.bigfooter a.block:focus u {
    335353        color: #3DD8FF;
    336354}
    337355
    338 footer.in-sheet div.bigfooter a:hover u, footer.in-sheet div.bigfooter a:focus u {
     356footer.in-sheet div.bigfooter a.u:hover,
     357footer.in-sheet div.bigfooter a.u:focus,
     358footer.in-sheet div.bigfooter a.block:hover u,
     359footer.in-sheet div.bigfooter a.block:focus u {
    339360        color: #882224;
    340361}
     
    343364        display: block;
    344365        float: left;
    345         text-indent: -999px;
     366        text-indent: -9999px;
     367}
     368
     369footer div.bigfooter img {
     370        /* Nur uebergangsweise fuer das "Haus", der Faulheit wegen */
     371        float: left;
    346372}
    347373
     
    353379}
    354380
     381footer div.bigfooter li {
     382        width: 240px;
     383        margin-bottom: 10px; /* Fuer den In-Sheet-Abstand nach unten */
     384}
     385
     386footer div.bigfooter li.haus {
     387        width: 510px;
     388}
     389
     390footer div.bigfooter li.haus span.p {
     391        margin-left: 225px;
     392}
     393
     394footer.in-sheet div.bigfooter li.haus img {
     395        opacity: .3;
     396}
     397
    355398
    356399footer div.bigfooter li.logo i {
     
    368411
    369412footer div.bigfooter li.copy {
    370         width: 510px;
     413        width: 370px;
    371414}
    372415
     
    380423        margin-top: 5px;
    381424}
    382 
    383425
    384426/* Creative Commons icon with pure CSS, on dark background */
  • shared/css-v6/pagestyles/sitemap.css

    r569 r580  
    1616        display: none;
    1717}
     18
     19ul.sitemap span.hidden {
     20        /* in news genutzt */
     21        display: inline !important;
     22        visibility: visible;
     23}
     24
     25body.lang-de ul.sitemap .en,
     26body.lang-en ul.sitemap .de {
     27        display: none;
     28}
Note: See TracChangeset for help on using the changeset viewer.
© 2008 - 2013 technikum29 • Sven Köppel • Some rights reserved
Powered by Trac
Expect where otherwise noted, content on this site is licensed under a Creative Commons 3.0 License