source: t29-www/de/index.php @ 1430

Last change on this file since 1430 was 1430, checked in by heribert, 10 months ago

Autoplay-Slider (testweise, kurz, letzte Version mit Schiebe-Slider)

  • Property svn:keywords set to Id
File size: 6.6 KB
Line 
1<?php
2        $seiten_id = 'startseite';
3        $version = '$Id: index.php 1430 2018-01-09 22:05:56Z heribert $';
4        $titel = 'technikum29 Computer-Museum, historische Computerwelten: Lebendige Zeitreise';
5       
6        require "../lib/technikum29.php";
7?>
8
9<header class="teaser seitenstart">
10<!-- Autoplay: 5000ms Pause zwischen jedem Bild. -->
11<div class="slider-carousel" data-flickity='{ "autoPlay": 5000, "wrapAround": true, "cellAlign": "left", "contain": true }'>
12        <!-- Erstes Bild (Noscript: Default) -->
13        <div class="slide">
14                <h2>
15                Vergangenheit verstehen <br>
16                <span class="subtext">Zukunft gestalten</span>
17                </h2>
18                <img class="no-copyright" src="/shared/photos/start/startseite.jpg" width="940" height="289">
19        </div>
20
21
22        <div class="slide js">
23                <h2>
24                Der Beginn der EDV<br>
25                </h2>
26                <img class="no-copyright" src="/shared/photos/rechnertechnik/header-start-2.jpg" width="940" height="290">
27        </div>
28
29         
30        <div class="slide js">
31                <h2>
32                Die Zeit der Lochkarten<br>
33                </h2>
34                <img class="no-copyright" src="/shared/photos/rechnertechnik/header-start-3.jpg" width="940" height="290">
35        </div>
36       
37 
38</div>
39</header>
40
41
42    <div class="cols clear-after startseiten-boxen">
43       <div class="leftcol">
44             <a href="/de/termine.php" class="smooth-scroll div left mobile clear-after termine oben">
45                   <img src="/shared/img-v6/date.png" class="kalender">
46                   <span class="h2">Termine <br> Führungen <br> Events</span>
47                 </a>
48           
49         <div class="besonderes">
50           <h2>Was ist das Besondere&nbsp;?</h2>
51           <ul>
52                <li>Vorab: Es geht hier nicht um kleine Personal-Computer (PC´s) sondern um wirklich historische Computerwelten ...... und: Fast alles funktioniert!</li>
53                <li>Es gibt viele Museen, die sich mit Computer- und Kommunikationstechnik befassen, dabei auch gigantisch große (z.B. Nixdorf-Computermuseum in Paderborn). Fast all diese Museen begnügen sich jedoch mit der bloßen Darstellung der Objekte, eventuell manchmal immerhin noch gut gestylt. Wir gestalten das ganz anders und heben uns durch eine wichtige Eigenschaft deutlich ab: Unsere Exponate sind funktionsfähig und demonstrieren die Ära ihrer Glanzzeiten sehr beeindruckend. Das ist ziemlich einmalig und gibt einen völlig anderen Einblick in diese wichtige Geschichte der EDV und Computer.</li>
54              <li>Computer und Kommunikation beherrschen unsere Gegenwart und Zukunft in einem extremen Maß. Wie ist es dazu gekommen? Wie hat sich die Entwicklung vollzogen? Darüber gibt die lebendige Präsentation anhand von ausgesucht interessanten Exponaten Auskunft.</li>
55           </ul>
56          </div>
57
58        <div class="wen"><br>
59            <h2>Für wen&nbsp;?</h2>
60            <ul>
61               
62                <li>Eigentlich für alle neugierigen Menschen, es sei denn, Sie haben eine Aversion gegen Technik.  Es ist die Entwicklung der Computer, die unser Leben maßgebend bestimmt.  <br>
63                                </li>
64                <li>Für interessierte Schülergruppen (<a class="go" href="lehrerinfo.php">Infos für Lehrer</a>), denn Kinder (ab ca. 10J.) und Jugendliche haben einen positiven Zugang zu dieser "History", da sie voll in der Welt der Computer integriert sind.</li>
65                                <li>Auch für Studenten, Firmengruppen und die besondere Geburtstagsüberraschung ist dieser Event bestens geeignet.</li>
66            </ul>
67        </div>
68               
69                        <div class="wo"><br>
70            <h2>Wo&nbsp;?</h2>
71            <ul>
72                <li>Westlich von Frankfurt/Main (ca. 15&nbsp;Minuten), <a class="go" href="impressum.php">siehe Impressum</a>.</li>
73            </ul>
74        </div>
75           
76       
77      </div><!--leftcol-->
78
79      <div class="rightcol">
80         
81         
82          <div class="erwartung">
83            <h2>Was wird geboten ?</h2>
84            <ul>
85                <li>Alle Führungen werden so gestaltet, dass sie auch für "Laien" unterhaltend und informativ sind. Eine Führung dauert in der Regel ca. 90 spannende Minuten und umfasst vorwiegend funktionsfähige, großformatige Technik.<br>
86                                Der Besuch des technikum29 ohne Führung macht keinen Sinn, deshalb sind Einzelbesuche nur in Ausnahmefällen möglich.
87                        </li>
88            </ul>
89          </div>
90          <br>
91         
92           <div class="foto">
93                <img src="/shared/photos/start/museum.jpg" alt="Photo des Museums" width="338" height="228" />
94                <p>Das Museumsgebäude</p>
95        </div>
96         
97       
98       
99        <div class="wann">
100            <h2>Wann&nbsp;?</h2>
101            <ul>
102                       
103                <li> Gruppenanmeldungen (Führungen):<br><br>
104                                Minimum 8 Personen<br>
105                                Ideal 12-16 Personen<br>
106                                Maximum ca. 20 Personen<br><br>
107                                <a href="/de/termine.php"><b>Termine</b></a> an beliebigen Tagen und Zeiten nach Absprache.
108                                <br>Einzelpersonen und Kleingruppen können ihr Interesse per E-Mail kundtun. Wenn genügend zusammen kommen wird ein Termin angeboten und ausgeschrieben (meistens Sonntags um 14 Uhr). <br>
109                                Eine lebendige Führung kostet eine Fl. Rotwein der unteren Preisklasse pro Person. Gruppenführungen können auch zu einem Pauschalpreis gebucht werden. Für Schüler und Studenten ist der Eintritt frei.<br>
110                               
111                                        </li>
112            </ul>
113        </div>
114               
115               
116               
117                <div class="flyer left mobile">
118                        <a href="/shared/flyer/november2016.pdf" target="_blank"><img src="/shared/photos/start/flyer.jpg" width="120" height="210" alt="Photografie des Flyers" /></a>
119                        <h2>Flyer-Download</h2>
120                        <p>Betrachten Sie unseren <a href="/shared/flyer/november2016.pdf" target="_blank">aktuellen Flyer</a> als PDF</p>
121                </div>
122               
123</div><!--cools-->
124
125<div class="clear">&nbsp;</div> 
126
127<!-- Beginn Link zu Terminspezialseite -->
128<a href="/de/termine.php" class="termine div left oben" style="width: auto;">
129   <img src="/shared/img-v6/date.png" class="kalender">
130   <span class="h2">Termine, Führungen und Events</span>
131   <span style="display: block; clear: left"></span>
132 </a>
133<!-- Ende Link zu Terminspezialseite -->
134
135
136
137<!-- Das ist die alte Terminbox, die bei wenig Aufkommen wieder verwendet werden kann -->
138<!--
139<div id="termine" class="termine">
140        <h2>Termine</h2>
141
142        <div class="box termin clear-after">
143        <div class="left">
144        <p class="date"><em>2016</em> 4. Mai</p></div>
145        <h4>Computer-History (Führung)</h4>
146        <p>Das hier ist die Beschreibung des Termins, an dem man erfährt, wie zu
147        Uhrzeiten Dinosaurier durch die damals noch verbundenen Kontinente liefen.
148        Da gab es den Sägelzahntieger und das Mammut, aber keinen Menschen. Und überhaupt
149        war damals an Computer noch gar nicht zu denken. Dinosaurier waren sehr schlecht
150        in Mathe, weil ihr Gehirn so klein war.
151        <p>Termin: Mittwoch, der <b>4. Mai</b> um 12:30 Uhr
152        </div>
153</div>
154-->
155
Note: See TracBrowser for help on using the repository browser.
© 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