Commit 566cf158 authored by Kim Höfer's avatar Kim Höfer
Browse files

add pictures and add matching text to about page

parent 596f3802
......@@ -4,38 +4,53 @@ return [
'head.1' => 'Über uns',
'timeline.1' => 'März 1996: Cebit Hannover',
'timeline.1.1' => 'Die Idee von MetaGer entsteht während der Computermesse CeBIT beim Mittagessen auf einer Papierservierte. Die Arbeit am ersten Prototypen beginnt noch am gleichen Abend.',
'timeline.1.1' => 'Die Idee von MetaGer entsteht während der Computermesse CeBIT beim Mittagessen auf einer Papierserviette. Die Arbeit am ersten Prototypen beginnt noch am gleichen Abend.',
'timeline.2' => 'Ende 1996: Inbetriebnahme von MetaGer',
'timeline.2.1' => 'MetaGer entsteht als Forschungsprojekt der Universität Hannover und des regionalen Rechenzentrums Niedersachsen.',
'timeline.3' => '1.10.2012: Wechsel der Trägerschaft zum SUMA-EV',
'timeline.3.1' => 'MetaGer wird in den gemeinnützigen Verein <i>SUMA-EV – Verein für freien Wissenszugang</i> überführt. Die Kooperation mit der Universität Hannover wird fortgeführt.',
'timeline.4' => 'August 2013: Einführung neuer Designs',
'timeline.4.1' => 'Als Teil umfangreicherer Modernisierungen wird eine neue vereinfachte Startseite angeboten.',
'timeline.5' => '29.08.2013 Start englischer Version',
'timeline.5.1' => 'miau macht die Katze',
'timeline.6' => 'Dezember 2013: Tor-Service',
'timeline.6.1' => '',
'timeline.7' => 'März 2014: Implementierung der Funktion Anonym öffnen',
'timeline.7.1' => '',
'timeline.8' => 'März 2016: Suchergebnisse unter 1,3 Sekunden',
'timeline.8.1' => '',
'timeline.9' => '16.08.2016: Veröffentlichung des Quellcodes',
'timeline.9.1' => '',
'timeline.10' => 'Dezember 2016: Inbetriebnahme MetaGer Maps',
'timeline.10.1' => '',
'timeline.11' => '2017: Relaunch englischer MetaGer-Version',
'timeline.11.1' => '',
'timeline.12' => 'September 2017: Überarbeitung der Quicktips und Überführung in Seitenleiste',
'timeline.12.1' => '',
'timeline.13' => '26.10.2020: Große Überarbeitung der Startseite',
'timeline.13.1' => '',
'timeline.14' => 'Über uns',
'timeline.14.1' => '',
'timeline.15' => 'Über uns',
'timeline.15.1' => '',
'timeline.3' => '1997-2006: MetaGer Startseite',
'timeline.3.1' => 'Gestaltung und Aussehen des Ur-MetaGer entsprechen den damals üblichen Gewohnheiten. MetaGer stellt damals ein innovativen neuen Dienst zur Verfügung.',
'timeline.4' => '1.10.2012: Wechsel der Trägerschaft zum SUMA-EV',
'timeline.4.1' => 'MetaGer wird in den gemeinnützigen Verein <i>SUMA-EV – Verein für freien Wissenszugang</i> überführt. Die Kooperation mit der Universität Hannover wird fortgeführt.',
'timeline.5' => '2006-2015: Einführung neuer Designs',
'timeline.5.1' => 'Die ursprüngliche Startseite von MetaGer macht in den folgenden Jahren viele kleine Veränderungen durch.',
'timeline.6' => '29.08.2013 Start englischer Version',
'timeline.6.1' => 'Erstmals wird auch die Oberfläche von MetaGer in englischer Sprache angeboten.',
'timeline.7' => 'Dezember 2013: Tor-Service',
'timeline.7.1' => 'MetaGer bietet als sicherheitsbezogenes Feature einen Zugang innerhalb des Anonymisierungsnetzwerkes Tor an.',
'timeline.8' => 'März 2014: Implementierung der Funktion „Anonym öffnen“',
'timeline.8.1' => 'Mit der neuen Funktion „Anonym öffnen“ wird ein Proxy-Dienst angeboten. Durch diesen bleiben MetaGer-Nutzer auch im Anschluss an die Suche geschützt. ',
'timeline.9' => '2015-2016: MetaGer Startseite',
'timeline.9.1' => 'Als Teil umfangreicherer Modernisierungen wird eine neue vereinfachte Startseite angeboten.',
'timeline.10' => 'März 2016: Suchergebnisse unter 1,3 Sekunden',
'timeline.10.1' =>'Durch umfangreiche Modernisierungen im Kern von MetaGer sinkt die durchschnittliche Antwortzeit der Suchmaschine auf unter 1,3 Sekunden. Im Laufe der nächsten Jahre sinkt diese weiter auf fast die Hälfte.',
'timeline.11' => '2016-2019: MetaGer Startseite',
'timeline.11.1' => 'Weitere kleine Anpassungen festigen nach und nach orange als MetaGer-Farbe. ',
'timeline.12' => '16.08.2016: Veröffentlichung des Quellcodes',
'timeline.12.1' => 'MetaGer wird als Open-Source unter der freien GNU AGPL-Lizenz veröffentlicht.',
'timeline.13' => 'Dezember 2016: Inbetriebnahme MetaGer Maps',
'timeline.13.1' => 'Maps.MetaGer.de startet als datenschutzfreundlicher Kartendienst. Die Karten basieren auf den Daten des OpenStreetMap-Projektes, verfügen aber über eigene Darstellung und Routenplaner.',
'timeline.14' => '2017: Relaunch englischer MetaGer-Version',
'timeline.14.1' => 'Durch umfangreiche Feinabstimmungen und eigene Ergebnisquellen wird die englische MetaGer-Version stark verbessert.',
'timeline.15' => 'September 2017: Überarbeitung der Quicktips und Überführung in Seitenleiste',
'timeline.15.1' => 'Die Quicktips, die Hinweise über normale Suchergebnisse hinaus anbieten, werden im Funktionsumfang erweitert und in ein eigenes Projekt ausgegliedert. Statt über den Ergebnissen befinden sich sich jetzt in einer Seitenleiste.',
'timeline.16' => '2019-2020: MetaGer Startseite',
'timeline.16.1' => 'Auf der neuen Startseite werden erstmals vier charakeristische Merkmale von MetaGer herausgearbeitet und beworben.',
'timeline.17' => '26.10.2020: Große Überarbeitung der Startseite und neue Funktion Dark Mode',
'timeline.17.1' => 'Im Rahmen einer umfangreichen Überarbeitung der Startseite werden die vier Alleinstellungsmerkmale von MetaGer wieder aufgegriffen und in einer erweiterten Darstellung präsentiert. Um die zentrale Funktion der Websuche nicht zu überladen, sind die Bescheibungen durch Scrollen zu erreichen. <br> Ein weiteres Feature der neuen Überarbeitung ist der seitenweite Dark Mode. Dadurch kann MetaGer auf allen Seiten in einem dunklen Design genutzt werden.',
];
\ No newline at end of file
......@@ -4,9 +4,9 @@
background-image: linear-gradient(90deg,transparent 50px,rgb(255,128,0) 50px,rgb(255,128,0) 60px,transparent 60px);
}
.timeline-container>*{
min-height: 80px;
min-height: 100px;
// border:2px solid lavender;
padding-left: 100px;
padding-left: 120px;
font-size: 1.2em;
background-image: radial-gradient(circle at 55px,rgb(255,128,0) 0px,rgb(255,128,0) 15px,transparent 15px)
......
......@@ -3,30 +3,37 @@
@section('title', $title )
@section('content')
<div>
<h1>{{ trans('about.head.1') }}</h1>
</div>
<div class="timeline-container">
<div>
<h2>{{ trans('about.timeline.1') }}</h2>
<p>{{ trans('about.timeline.1.1') }}</p>
</div>
<div>
<h2>{{ trans('about.timeline.2') }}</h2>
<p>{{ trans('about.timeline.2.1') }}</p>
</div>
<div>
<h2>{{ trans('about.timeline.3') }}</h2>
<p>{!! trans('about.timeline.3.1') !!}</p>
</div>
</div>
<div class="timeline-item-alternate">
<h2>{{ trans('about.timeline.4') }}</h2>
<p>{{ trans('about.timeline.4.1') }}</p>
<h2>{{ trans('about.timeline.3') }}</h2>
<p>{{ trans('about.timeline.3.1') }}</p>
<picture>
<img src="/img/startpage_2015.png" alt="MetaGer 2015" style="width:auto;">
<img src="/img/startpage_1997.png" alt="MetaGer 1997" style="width:auto;">
</picture>
</div>
<div>
<h2>{{ trans('about.timeline.4') }}</h2>
<p>{!! trans('about.timeline.4.1') !!}</p>
</div>
<div class="timeline-item-alternate">
<h2>{{ trans('about.timeline.5') }}</h2>
<p>{{ trans('about.timeline.5.1') }}</p>
<picture>
<img src="/img/startpage_2006.png" alt="MetaGer 2006" style="width:auto;">
</picture>
</div>
<div>
<h2>{{ trans('about.timeline.6') }}</h2>
......@@ -40,17 +47,24 @@
<h2>{{ trans('about.timeline.8') }}</h2>
<p>{{ trans('about.timeline.8.1') }}</p>
</div>
<div>
<div class="timeline-item-alternate">
<h2>{{ trans('about.timeline.9') }}</h2>
<p>{{ trans('about.timeline.9.1') }}</p>
<picture>
<img src="/img/startpage_2015.png" alt="MetaGer 2015" style="width:auto;">
</picture>
</div>
<div>
<h2>{{ trans('about.timeline.10') }}</h2>
<p>{{ trans('about.timeline.10.1') }}</p>
</div>
<div>
<div class="timeline-item-alternate">
<h2>{{ trans('about.timeline.11') }}</h2>
<p>{{ trans('about.timeline.11.1') }}</p>
<picture>
<img src="/img/startpage_2016.png" alt="MetaGer 2016" style="width:auto;">
</picture>
</div>
<div>
<h2>{{ trans('about.timeline.12') }}</h2>
......@@ -67,8 +81,23 @@
<div>
<h2>{{ trans('about.timeline.15') }}</h2>
<p>{{ trans('about.timeline.15.1') }}</p>
</div>
<div class="timeline-item-alternate">
<h2>{{ trans('about.timeline.16') }}</h2>
<p>{{ trans('about.timeline.16.1') }}</p>
<picture>
<img src="/img/startpage_2019.png" alt="MetaGer 2019" style="width:auto;">
</picture>
</div>
<div>
<h2>{{ trans('about.timeline.17') }}</h2>
<p>{!! trans('about.timeline.17.1') !!}</p>
<picture>
<img src="/img/startpage_2020.png" alt="MetaGer 2020" style="width:auto;">
</picture>
</div>
</div>
@endsection
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment