Commit 596f3802 authored by Kim Höfer's avatar Kim Höfer
Browse files

first draft of the new about us page

parent 46edc88f
......@@ -2,34 +2,40 @@
return [
'head.1' => 'Über uns',
'head.3' => 'Was MetaGer auszeichnet',
'3.0' => 'Verwirklichung von freiem Wissenszugang und digitaler Demokratie, durch:',
'3.1' => 'Wissenszugang ohne Überwachung und ohne Bevormundung durch Staaten oder Konzerne',
'3.2' => 'verzicht auf Speicherung von Nutzerdaten und höchste Anforderungen an Datenschutz und Privatsphäre',
'3.3' => 'anonymen Zugang, AUCH zu den SuchERGEBNISSEN',
'3.4' => 'Realisierung auf mehreren Wegen: durch anonymen Proxy und TOR-hidden-Zugang',
'3.5' => 'Open-Source-Software und damit nachprüfbar (nur Open-Source-Software ist wirklich vertrauenswürdig)',
'3.6' => 'Integration in die Informationssuche und für die Routenplanung und geographische Suche (<a href="https://maps.metager.de" target="_blank">maps.metager.de</a>), OHNE Speicherung des Standortverlaufes der Nutzer',
'3.7' => 'eine transparente Organisationsstrukur (gemeinnütziger Träger-Verein <a href="https://suma-ev.de" target="_blank">SUMA-EV</a>), in der JEDE/R Mitglied werden kann',
'head.2' => 'Welche Vorteile bietet die Nutzung von MetaGer?',
'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.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' => '',
'list.1' => 'Datenschutz und Privatsphäre sind bei uns einfach und selbstverständlich: Fertig eingebaut und automatisch bei jeder Suche angewandt. <a href="/datenschutz/">Mehr dazu…</a>',
'list.2' => 'Wir arbeiten nicht gewinnorientiert, wir sind ein <a href="/spende/">gemeinnütziger Verein</a>: Wir haben nicht das Ziel, uns durch Ihre Klicks und schon gar nicht durch Ihre Daten zu bereichern.',
'list.3' => '<a href="https://de.wikipedia.org/wiki/MetaGer" target="_blank" rel="noopener">MetaGer</a> ist primär eine <a href="https://de.wikipedia.org/wiki/Metasuchmaschine" target="_blank" rel="noopener"><em>Meta</em>-Suchmaschine:</a> Wir fragen bis zu 50 Suchmaschinen ab. Damit können wir echte Vielfalt in den Ergebnissen liefern.',
'list.4' => 'Wir bevorzugen in unseren Suchergebnissen nicht das, <a href="https://de.wikipedia.org/wiki/Filterblase" target="_blank" rel="noopener">was viel angeklickt wird</a>: Auch dadurch erhalten Sie nicht nur den Mainstream, sondern Vielfältigkeit.',
'list.5' => 'MetaGer ist seit mehr als 20 Jahren am Netz, entstanden in der Uni-Hannover am <a href="http://noack-grasdorf.de" target="_blank" rel="noopener">RRZN</a>: Unsere Erfahrung ist Ihr Vorteil - wir wissen was wir tun.',
'list.6' => 'Unsere Server werden ausschließlich mit nachhaltig produzierter Energie (Wasserkraft) betrieben.',
'list.7' => 'Aber auch wir sind nicht fehlerfrei: Wenn Ihnen bei uns Merkwürdiges begegnet: Bitte <a href="/kontakt/" target="_blank" rel="noopener">kontaktieren Sie uns</a>! Wir nehmen Ihre Hinweise ernst: <em>Sie</em> sind uns das Wichtigste.',
'head.4' => 'Wie kann ich MetaGer bzw. den SUMA-EV unterstützen?',
'about.1' => 'Über uns',
'about.2' => 'Die deutsche Suchmaschine MetaGer wird betrieben und stetig weiterentwickelt vom SUMA-EV - Verein für freien Wissenszugang. Wir sind ein gemeinnützig anerkannter Verein, eines unserer Ziele ist die Entwicklung und der Betrieb von Suchmaschinen. Wir erhalten keine öffentlichen Fördergelder und sind daher auf Ihre Spenden angewiesen. Wir haben unsere Werbung stark reduziert, denn wir vertrauen auf IHRE Unterstützung.
Helfen Sie mit, dass freie Suchmaschinen im Internet frei bleiben und stetig weiterentwickelt werden!
Das können Sie mit einer Spende auf dieser Seite tun. Oder, wenn Sie freie Suchmaschinen auch langfristig sichern wollen:
<a href="https://metager.de/beitritt" target="_blank" rel="noopener">Werden Sie Mitglied im Trägerverein von MetaGer, dem SUMA-EV.</a>',
'about.3' => 'Für Spenden können Sie unser <a href="/spende" rel="noopener" target="_blank">Spendenformular</a> nutzen. Oder werden Sie Mitglied (<a href="/beitritt" target="_blank" rel="noopener">zum Aufnahmeantrag</a>); Sie haben dann die Möglichkeit, auf den Seiten des SUMA-EV gegebenfalls Ihr Logo mit einem kurzen Text unterzubringen. Wie das aussieht, sehen Sie hier: <a href="https://suma-ev.de/suma-links/index.html#sponsors" target="_blank" rel="noopener">Sponsorenseite</a> und auch auf dieser Seite: <a href="https://suma-ev.de/mitglieder/liste-unserer-mitglieder/" target="_blank" rel="noopener">SUMA-EV Mitglieder</a>. Oder <a href="/spende" target="_blank" rel="noopener">werden Sie SUMA-EV Förderer!</a>',
'about.4' => 'JEDE Form Ihrer Unterstützung hilft mit, dass freie Suchmaschinen und freier Wissenszugang im Internet eine Chance haben. Zum freien Wissenszugang gehört es auch, dass Ihre Daten weder überwacht, noch Ihre Internet-Adressen und Verbindungsdaten gespeichert werden. Bei uns wird Ihre Internet-Adresse bereits während der Suche anonymisiert, sie wird nicht gespeichert und nicht an Dritte weitergegeben. Freie Internet-Suche ohne Überwachung: <a href="/" target="_blank" rel="noopener">MetaGer.de!</a>',
'about.5' => 'Eine weitere Möglichkeit, MetaGer zu fördern, besteht darin, dass Sie Ihren nächsten Online-Einkauf bei MetaGer-Fördershops machen. Damit wir auf diesem Weg unterstützt werden können, haben wir uns in das Netzwerk zur Förderung gemeinnützig anerkannter Organisationen eingebracht, das Projekt <a href="https://www.wecanhelp.de/430159004" target="_blank" rel="noopener">www.wecanhelp.de</a> Unter dem Dach dieses Projektes sind ca. 400 Online-Shops (von 1und1 bis Zooplus) vereint, die sich bereit erklärt haben, von allen Verkäufen etwa 6% an das Projekt zu spenden. Statt wie bisher direkt zum Online-Shop zu surfen, gehen Sie zunächst auf <a href="/" target="_blank" rel="noopener">MetaGer.de!</a> und klicken dort oben in der Navigationsleiste auf "Fördern", dann auf <a href="https://www.wecanhelp.de/430159004" target="_blank" rel="noopener">"Einkaufen bei MetaGer Fördershops"</a>. Dieser Klick führt Sie in die Shop-Auswahl des Boost-Projektes. Dort suchen Sie sich Ihren Shop aus und machen wie gewohnt Ihren Einkauf. Oder klicken Sie für Einkäufe aus dem Bereich Schreibwaren, Büro- und Geschenkartikel beispielsweise direkt auf <a href="https://www.gladizon.com/" target="_blank" rel="noopener">www.gladizon.com</a>. Das ist alles. Wenn genug Menschen dies tun, dann brauchen wir keine Werbung mehr. Nur zwei Mausklicks für Sie - für alle eine Chance für den freien Wissenszugang in der digitalen Welt.',
];
];
\ No newline at end of file
<?php
return [
"head.1" => "About us",
"head.3" => "MetaGer - Characteristic qualities",
"3.0" => "Implementation of free access to knowledge and digital democracy with:",
"3.1" => "access to knowledge without control and dictation by states or trusts.",
"3.2" => "no storage of private data, highest demand of privacy.",
"3.3" => "and anonymous access also to the search results, therefore.",
"3.4" => "realized through: anonymous proxy and the Hidden-Tor-Branch, ",
"3.5" => "as an Open-Source-Software which allows examining and checks.",
"3.6" => "these features are realized not only for search and find of informations but also for route-planning and geographical search (<a href=\"https://maps.metager.de\" target=\"_blank\">maps.metager.de</a>), WITHOUT tracking any locations.",
"3.7" => "embedded in a transparent organization (Nonprofit organization <a href=\"https://suma-ev.de/en/index.html\" target=\"_blank\">SUMA-EV</a>), everyone can be part of it. Become a member: <a href=\"/en/beitritt\" target=\"_blank\">of the SUMA-EV</a> ",
"head.2" => "What are the advantages of using MetaGer?",
"list.1" => "Privacy is quite natural for us: Completely built in and automatically applied to every search. <a href=\"/en/datenschutz/\">More about privacy...</a>",
"list.2" => "We do not work profit-oriented, we are a <a href=\"/en/spende/\">charitable association</a>: Our goal is not to enrich ourselves with your clicks or even your data.",
"list.3" => "<a href=\"https://en.wikipedia.org/wiki/MetaGer\" target=\"_blank\" rel=\"noopener\">MetaGer</a> is primarily a <a href=\"https://en.wikipedia.org/wiki/Metasearch_engine\" target=\"_blank\" rel=\"noopener\">meta search engine</a>: We query up to 50 search engines. Thus we can offer real variety in results.",
"list.4" => "For our results, we do not prefer results <a href=\"https://en.wikipedia.org/wiki/Filter_bubble\" target=\"_blank\" rel=\"noopener\">that are clicked more often</a>: This also gives you variety, instead of mainstream.",
"list.5" => "MetaGer is online since about 20 years: Our experience is your advantage - we know what we do.",
"list.6" => "We only use green electricity for our servers.",
"list.7" => "But we are not perfect as well: If you encounter something weird: Please <a href=\"/en/kontakt/\" target=\"_blank\" rel=\"noopener\">contact us</a>! We take your hints seriously: <em>You</em> are most important for us.",
"head.4" => "How to support the SUMA-EV and MetaGer:",
"about.1" => "About us",
'about.2' => 'The german search engine MetaGer is developed and is being operated by the SUMA-EV (German NGO). We don´t get governmental support money, therefore we depend on your contributions. We minimized advertising on our pages because we trust in your will to support us and the idea to keep free search engines alive. Please contribute here or -quite better- become a member: <a href="https://metager.org/beitritt" target="_blank" rel="noopener">I will become a member of the SUMA-EV.</a>',
"about.3" => 'You can use our <a href="/en/spende" rel="noopener" target="_blank">donation form</a> for single donations. If you donate more than 100,-EUR or become a member of <a href="https://suma-ev.de/en/index.html" target="_blank" rel="noopener">SUMA-EV</a> , you or your company can obtain one or more sponsoring links on our <a href="http://suma-ev.de/suma-links/index.html#sponsors" target="_blank" rel="noopener">members and sponsors pages</a> linked to your homepage (if available). If you want that, please tell us within your donation message. <a href="/en/spende" target="_blank" rel="noopener">Or become a SUMA-EV sponsor!</a>',
"about.4" => "Any type of support helps open search engines and open knowledge access to have a chance on the Internet. Open Knowledge access also includes that neither your information is monitored, nor your Internet adresses and connection data is collected. We anonymise your Internet adress during search, it is not stored and not passed on. Open Internet search without surveillance: <a href=\"/en/\" target=\"_blank\" rel=\"noopener\">MetaGer.de!</a>",
"about.5" => "Another possibility to help MetaGer is to make your next online purchase via a MetaGer support shop. We became part of the <a href=\"https://www.wecanhelp.de/430159004\" target=\"_blank\" rel=\"noopener\">www.wecanhelp.de</a> to be able to be supported this way. The project unites around 700 online shops (from Amazon to Zooplus), that all declared to donate around 6% of every sale. Instead of directly browsing the online shop, use this link next time: <a href=\"/en/\" target=\"_blank\" rel=\"noopener\">MetaGer.de!</a> and click below the search term box on <a href=\"https://www.wecanhelp.de/430159004\" target=\"_blank\" rel=\"noopener\">\"Purchase at affiliate shop\" - click here!</a> This click brings you to the boost project shop selection. There you choose your shop and keep on shopping as usual. That is all. If enough people do this, we do not need ads anymore. Just two clicks for you - a chance for open knowledge access for the digital world.",
];
<?php
return [
"head.1" => "Sobre nosotros",
"head.2" => "¿Cuales ventajas ofrece el uso MetaGer?",
"list.1" => "Protección de datos y privacidad son natural en nuestro buscador. Implementados y listo para el uso en cada búsqueda. <a href=\"/datenschutz/\">Más info...</a>",
"list.2" => "Somos una <a href=\"/spende/\"> asociación sin fines de lucro:</a> No tenemos la meta de enriquecernos con sus clicks o con sus datos.",
"list.3" => " <a href=\"https://de.wikipedia.org/wiki/MetaGer\" target=\"_blank\" rel=\"noopener\">MetaGer</a> en primer plano es un <a href=\"https://de.wikipedia.org/wiki/Metasuchmaschine\" target=\"_blank\" rel=\"noopener\">META-buscador:</a> Consultamos hasta 50 buscadores, podemos ofrecer diversidad en los resultados de búsquedas.",
"list.4" => "No preferimos en nuestros resultados <a href=\"https://de.wikipedia.org/wiki/Filterblase\" target=\"_blank\" rel=\"noopener\"> lo mas clickeado:</a> wird:Nuestros resultados no tienen mainstream, sino diversidad.",
"list.5" => "<a href=\"http://blog.suma-ev.de/node/207\" target=\"_blank\" rel=\"noopener\">MetaGer esta desde hace 20 años en el internet:</a> Nuestra experiencia es su ventaja - nosotros sabemos que estamos haciendo.",
"list.6" => "Llevamos nuestros servidores con electricidad verde.",
"list.7" => "Pero tampoco estamos sin errores: Si encuentra algo raro: ¡Por favor <a href=\"/kontakt/\" target=\"_blank\" rel=\"noopener\">contáctenos!</a>. Tomamos serios todos sus observaciones: Ustedes son lo más importante para nosotros.",
];
\ No newline at end of file
.timeline-container {
display: flex;
flex-direction: column;
background-image: linear-gradient(90deg,transparent 50px,rgb(255,128,0) 50px,rgb(255,128,0) 60px,transparent 60px);
}
.timeline-container>*{
min-height: 80px;
// border:2px solid lavender;
padding-left: 100px;
font-size: 1.2em;
background-image: radial-gradient(circle at 55px,rgb(255,128,0) 0px,rgb(255,128,0) 15px,transparent 15px)
}
.timeline-container>.timeline-item-alternate {
background-image: radial-gradient(circle at 55px,white 0px,white 12px,rgb(255,128,0) 12px,rgb(255,128,0) 18px,transparent 18px)
}
.timeline-container > *:not(:last-child) {
margin-bottom: 2em;
}
......@@ -12,3 +12,4 @@
@import "./search-engine.less";
@import "./zitatsuche.less";
@import "./asso.less";
@import "./about.less";
......@@ -3,40 +3,72 @@
@section('title', $title )
@section('content')
<div id="about">
<h1 class="page-title">{{ trans('about.head.1') }}</h1>
<div class="card-heavy">
<h2>{{ trans('about.head.3') }}</h2>
<p class="lead">{!! trans('about.3.0') !!}</p>
<ul class="dotlist">
<li>{!! trans('about.3.1') !!}</li>
<li>{!! trans('about.3.2') !!}</li>
<li>{!! trans('about.3.3') !!}</li>
<li>{!! trans('about.3.4') !!}</li>
<li>{!! trans('about.3.5') !!}</li>
<li>{!! trans('about.3.6') !!}</li>
<li>{!! trans('about.3.7') !!}</li>
</ul>
</div>
<div class="card-heavy">
<h2>{{ trans('about.head.2') }}</h2>
<ul class="dotlist">
<li>{!! trans('about.list.1') !!}</li>
<li>{!! trans('about.list.2') !!}</li>
<li>{!! trans('about.list.3') !!}</li>
<li>{!! trans('about.list.4') !!}</li>
<li>{!! trans('about.list.5') !!}</li>
<li>{!! trans('about.list.6') !!}</li>
<li>{!! trans('about.list.7') !!}</li>
</ul>
</div>
<div class="card-heavy">
<h2>{{ trans('about.head.4') }}</h2>
<ul class="dotlist">
<li><p>{!! trans('about.about.3') !!}</p></li>
<li><p>{!! trans('about.about.4') !!}</p></li>
<li><p>{!! trans('about.about.5') !!}</p></li>
</ul>
</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 class="timeline-item-alternate">
<h2>{{ trans('about.timeline.4') }}</h2>
<p>{{ trans('about.timeline.4.1') }}</p>
<picture>
<img src="/img/startpage_2015.png" alt="MetaGer 2015" style="width:auto;">
</picture>
</div>
<div>
<h2>{{ trans('about.timeline.5') }}</h2>
<p>{{ trans('about.timeline.5.1') }}</p>
</div>
<div>
<h2>{{ trans('about.timeline.6') }}</h2>
<p>{{ trans('about.timeline.6.1') }}</p>
</div>
<div>
<h2>{{ trans('about.timeline.7') }}</h2>
<p>{{ trans('about.timeline.7.1') }}</p>
</div>
<div>
<h2>{{ trans('about.timeline.8') }}</h2>
<p>{{ trans('about.timeline.8.1') }}</p>
</div>
<div>
<h2>{{ trans('about.timeline.9') }}</h2>
<p>{{ trans('about.timeline.9.1') }}</p>
</div>
<div>
<h2>{{ trans('about.timeline.10') }}</h2>
<p>{{ trans('about.timeline.10.1') }}</p>
</div>
<div>
<h2>{{ trans('about.timeline.11') }}</h2>
<p>{{ trans('about.timeline.11.1') }}</p>
</div>
<div>
<h2>{{ trans('about.timeline.12') }}</h2>
<p>{{ trans('about.timeline.12.1') }}</p>
</div>
<div>
<h2>{{ trans('about.timeline.13') }}</h2>
<p>{{ trans('about.timeline.13.1') }}</p>
</div>
<div>
<h2>{{ trans('about.timeline.14') }}</h2>
<p>{{ trans('about.timeline.14.1') }}</p>
</div>
<div>
<h2>{{ trans('about.timeline.15') }}</h2>
<p>{{ trans('about.timeline.15.1') }}</p>
</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