Commit 6a2a2cd5 authored by Phil Höfer's avatar Phil Höfer
Browse files

Merge branch '1134-renew-the-about-us-page' into 'development'

Resolve "Renew the about us page"

Closes #1134

See merge request !1880
parents 5563d229 c033be3b
......@@ -2,34 +2,63 @@
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?',
'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.',
];
'head.2' => 'Chronik',
'head.3' => 'Wofür wir stehen',
'text.1'=>'<h3> <img id="about-lock" src="/img/lock.svg"> Garantierte Privatsphäre</h3>Uns sind Datenschutz und Privatsphäre wichtig. Daher tracken und speichern wir keine Nutzerprofile. Außerdem bieten wir Dienste zum Schutz Ihrer Privatsphäre an, zum Beispiel unseren anonymisierenden Proxy („Anonym öffnen“-Funktion). <h3><img id= "about-heart" src="/img/heart.svg"> Gemeinnütziger Verein</h3> MetaGer ist ein Projekt des gemeinnützigen Vereins <a href="https://suma-ev.de">SUMA-EV, Verein für freien Wissenszugang</a>. Der SUMA-EV setzt sich vor allem für die Förderung von Medienkompetenz ein. <h3> <img id= "about-rainbow" src="/img/rainbow.svg"> Vielfältig und Frei </h3> MetaGer bringt vielfältige Ergebnisse, da es eine Metasuchmaschine ist. Was das genau bedeutet, haben wir in unserer <a href=":transparenz">Transparenzerklärung</a> erklärt. Durch die Veröffentlichung unseres Quellcodes zeigen wir, dass uns freier Wissenszugang wichtig ist. Unser Quellcode ist frei und Open Source.<h3> <img id="about-leaf" src="/img/leaf.svg"> 100% Ökostrom </h3> Nachhaltigkeit und Ressourcenverbrauch ist auch für uns ein großes Thema. Daher achten wir auf den Energieverbrauch unserer Dienste und verwenden nur Strom aus erneuerbaren Energiequellen.',
'timeline.1' => 'März 1996: Cebit Hannover',
'timeline.1.1' => 'Die Idee zu 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' => '1997-2006: MetaGer Startseite',
'timeline.3.1' => 'So sieht MetaGer aus, als es erstmals ans Netz geht. Mit MetaGer wird somit ein innovativer neuer Dienst zur Verfügung gestellt.',
'timeline.4' => '01.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 der englischen 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 in 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',
'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 diese 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: Aktuelle Startseite und 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 Beschreibungen 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.',
'timeline.18' => 'Heute',
'timeline.18.1' => 'Auch heute entwickelt sich MetaGer stetig weiter.'
];
<?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.",
];
'head.1' => 'About Us',
'head.2' => 'Timeline',
'head.3' => 'What We Stand For',
'text.1'=>'<h3> <img id="about-lock" src="/img/lock.svg"> Guaranteed Privacy </h3> Data protection and privacy are important to us. That\'s why we don\'t track or store personal data and offer several services to protect your privacy, for example our anonymizing proxy ("Open Anonymously" feature).<h3><img id= "about-heart" src="/img/heart.svg"> Non-Profit Association</h3> MetaGer is a project of the non-profit association SUMA-EV, Association for Free Access to Knowledge. SUMA-EV is primarily committed to promoting media literacy. <h3> <img id= "about-rainbow" src="/img/rainbow.svg"> Diverse and Free</h3> MetaGer produces diverse results because it is a metasearch engine. We have explained exactly what this means in our <a href=":transparenz">transparency statement</a>. By publishing our source code, we show that free access to knowledge is important to us. Our source code is free and open source.<h3> <img id="about-leaf" src="/img/leaf.svg"> 100% Renewable Energy </h3>Sustainability and resource consumption is also a big issue for us. Therefore we pay attention to the energy consumption of our services and only use electricity from renewable energy sources.',
'timeline.1' => 'March 1996: Cebit Hanover',
'timeline.1.1' => 'The idea of MetaGer arises during the CeBIT computer fair over lunch on a paper napkin. Work on the first prototype begins that same evening. ',
'timeline.2' => 'End of 1996: Launch of MetaGer',
'timeline.2.1' => 'MetaGer is developed as a research project by the University of Hanover and the regional data center in Lower Saxony. ',
'timeline.3' => '1997-2006: MetaGer Startpage',
'timeline.3.1' => 'This is what MetaGer looks like as it first goes online. MetaGer provides an innovative new service at that time.',
'timeline.4' => '01.10.2012: Change of Sponsorship to SUMA-EV ',
'timeline.4.1' => 'MetaGer is transferred to the non-profit association SUMA-EV - Association for Free Access to Knowledge. The cooperation with the University of Hannover is continued.',
'timeline.5' => '2006-2015: Introduction of New Designs',
'timeline.5.1' => '
The original MetaGer home page goes through many small changes in the following years.',
'timeline.6' => '29.08.2013 English Version Launched',
'timeline.6.1' => 'For the first time, the interface of MetaGer is also offered in English.',
'timeline.7' => 'December 2013: Tor-Service',
'timeline.7.1' => 'MetaGer offers access within the Tor anonymization network as a security feature.',
'timeline.8' => 'March 2014: Implementation of the "Open Anonymously" Function',
'timeline.8.1' => 'The new "Open anonymously" function provides a proxy service. Through this MetaGer users remain protected even after the search.',
'timeline.9' => '2015-2016: MetaGer Startpage',
'timeline.9.1' => 'As part of more extensive modernizations, a new simplified home page is introduced.',
'timeline.10' => 'March 2016: Search Results under 1.3 Seconds',
'timeline.10.1' =>'Optimizations at MetaGer\'s core reduce the average response time of the search engine to less than 1.3 seconds. Over the next few years, this drops further to almost half.',
'timeline.11' => '2016-2019: MetaGer Startpage',
'timeline.11.1' => 'Other small adjustments gradually solidify orange as the MetaGer color. ',
'timeline.12' => '16.08.2016: Publication of the Source Code',
'timeline.12.1' => 'MetaGer is released as Open Source under the free GNU AGPL license.',
'timeline.13' => 'December 2016: Launch of MetaGer Maps',
'timeline.13.1' => 'Maps.MetaGer.de is launched as a privacy-friendly map service. The maps are based on data from the OpenStreetMap project, but have their own display and route planner.',
'timeline.14' => '2017: Relaunch of English MetaGer Version',
'timeline.14.1' => 'The english MetaGer version is greatly improved by extensive fine-tuning and own result sources.',
'timeline.15' => 'September 2017: Revision of the Quicktips',
'timeline.15.1' => 'The Quicktips, which offer hints beyond normal search results, are expanded in functionality and spun off into a separate project. Instead of being located above the results, they are now in a sidebar.',
'timeline.16' => '2019-2020: MetaGer Startpage',
'timeline.16.1' => 'On the new home page, four characteristic features of MetaGer are highlighted and promoted for the first time.',
'timeline.17' => '26.10.2020: Current Startpage and Dark Mode',
'timeline.17.1' => 'As part of an extensive redesign of the start page, MetaGer\'s four unique selling points have been revisited and presented in an expanded form. In order to avoid overloading the central function of the web search, the descriptions can be reached by scrolling. <br> Another feature of the new revision is the page-wide dark mode. This allows MetaGer to be in a dark design on all pages.',
'timeline.18' => 'Today',
'timeline.18.1' => 'Even today, MetaGer is constantly evolving.'
];
<?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
......@@ -105,6 +105,10 @@ h3 {
.first-last-child-margin-fix;
}
.static-page-header{
text-align: center;
}
p {
font-size: 1em;
.first-last-child-margin-fix;
......@@ -281,7 +285,8 @@ summary {
display: none;
}
}
&.delayed:after {
&.delayed:after { text-align: center;
transition-delay: 0.5s;
}
&.delayed-soft:after {
......
.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: 100px;
// border:2px solid lavender;
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)
}
.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: 5em;
}
.timeline-container img {
border: 4px solid #888;
max-width: 80%;
width: 30em;
border-radius: 15px;
}
#about-leaf {
height: 30px;
margin-right: 5px;
}
#about-rainbow {
height: 15px;
vertical-align: middle;
margin-bottom: 7px;
}
#about-lock {
height: 22px;
vertical-align: top;
margin-top: 1px;
margin-right: 3px;
}
#about-heart {
height: 20px;
vertical-align: top;
margin-top: 3px;
margin-right: 3px;
}
\ No newline at end of file
......@@ -12,3 +12,4 @@
@import "./search-engine.less";
@import "./zitatsuche.less";
@import "./asso.less";
@import "./about.less";
......@@ -3,40 +3,116 @@
@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="static-page-header">
<h1>{{ trans('about.head.1') }}</h1>
</div>
<div class="card-heavy">
<h1>{{ trans('about.head.3') }}</h1>
<p>{!! trans('about.text.1', ["transparenz" => LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "transparency")]) !!}</p>
</div>
<div class="card-heavy">
<h1>{{ trans('about.head.2') }}</h1>
<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 class="timeline-item-alternate">
<h2>{{ trans('about.timeline.3') }}</h2>
<p>{{ trans('about.timeline.3.1') }}</p>
<picture>
<source media="(max-width:465px)" srcset="/img/startpage_1997.avif" type="image/avif">
<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>
<source media="(max-width:465px)" srcset="/img/startpage_2006.avif" type="image/avif">
<img src="/img/startpage_2006.png" alt="MetaGer 2006" style="width:auto;">
</picture>
</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 class="timeline-item-alternate">
<h2>{{ trans('about.timeline.9') }}</h2>
<p>{{ trans('about.timeline.9.1') }}</p>
<picture>
<source media="(max-width:465px)" srcset="/img/startpage_2015.avif" type="image/avif">
<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 class="timeline-item-alternate">
<h2>{{ trans('about.timeline.11') }}</h2>
<p>{{ trans('about.timeline.11.1') }}</p>
<picture>
<source media="(max-width:465px)" srcset="/img/startpage_2016.avif" type="image/avif">
<img src="/img/startpage_2016.png" alt="MetaGer 2016" style="width:auto;">
</picture>
</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 class="timeline-item-alternate">
<h2>{{ trans('about.timeline.16') }}</h2>
<p>{{ trans('about.timeline.16.1') }}</p>
<picture>
<source media="(max-width:465px)" srcset="/img/startpage_2019.avif" type="image/avif">
<img src="/img/startpage_2019.png" alt="MetaGer 2019">
</picture>
</div>
<div class="timeline-item-alternate">
<h2>{{ trans('about.timeline.17') }}</h2>
<p>{!! trans('about.timeline.17.1') !!}</p>
<picture>
<source media="(max-width:465px)" srcset="/img/startpage_2020.avif" type="image/avif">
<img src="/img/startpage_2020.png" alt="MetaGer 2020">
</picture>
</div>
<div>
<h2>{{ trans('about.timeline.18') }}</h2>
<p>{{ trans('about.timeline.18.1') }}</p>
</div>
</div>
</div>
@endsection
......@@ -9,7 +9,7 @@
<div class="card-heavy">
<h2>{{ trans('search-engine.head.2') }}</h2>
<p>{!! trans('search-engine.text.1',["transparenz" => "https://metager.de/transparency"]) !!}</p>
<p>{!! trans('search-engine.text.1',["transparenz" => LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "transparency")]) !!}</p>
</div>
<div class="enginecontainer">
<div class="card-heavy" >
......
Supports Markdown
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