From d2d5f45181d4158c01f9d3e5dc9c09e0284d540e Mon Sep 17 00:00:00 2001 From: Dominik Hebeler Date: Wed, 5 Jun 2019 12:59:44 +0200 Subject: [PATCH] new startpage layout --- resources/lang/de/index.php | 17 ++++--- resources/lang/en/index.php | 17 ++++--- resources/lang/es/index.php | 11 +++-- resources/less/metager/pages/start-page.less | 50 +++++++++++++++++--- resources/views/index.blade.php | 22 +++++++++ resources/views/parts/footer.blade.php | 2 + 6 files changed, 91 insertions(+), 28 deletions(-) diff --git a/resources/lang/de/index.php b/resources/lang/de/index.php index 2c596385..d143ad16 100644 --- a/resources/lang/de/index.php +++ b/resources/lang/de/index.php @@ -27,15 +27,14 @@ return [ 'focus-creator.delete' => 'Eigene Suche löschen', 'focus-creator.focusname' => 'Suchname: ', - 'slogan.title' => 'Besser suchen, schneller finden', - 'slogan.1' => 'Datenschutz & Privatsphäre: Bei uns einfach und selbstverständlich.', - 'slogan.2' => 'Wir arbeiten nicht gewinnorientiert, wir sind ein gemeinnütziger Verein: Werden Sie Mitglied oder spenden Sie!', - 'slogan.3' => 'Mit MetaGer bewahren Sie einen neutralen Blick auf’s Web!', - - 'about.title' => 'Über uns', - 'about.1.1' => 'Datenschutz & Privatsphäre: Bei uns einfach & selbstverständlich.', - 'about.2.1' => 'Wir arbeiten nicht gewinnorientiert, wir sind ein gemeinnütziger Verein: Werden Sie Mitglied!', - 'about.3.1' => 'Überzeugen Sie sich von unseren Datenschutz- und Privatsphärefeatures', + 'about.1.1' => "Garantierte Privatsphäre", + 'about.1.2' => 'Mit uns behalten Sie die volle Kontrolle über Ihre Daten.', + 'about.2.1' => 'Gemeinnütziger Verein', + 'about.2.2' => 'Wir als SUMA-EV sind unabhängig, weil wir keine kommerziellen Interessen verfolgen!', + 'about.3.1' => 'Unterstützen & Spenden', + 'about.3.2' => 'Mit Ihrer Spende unterstützen Sie die Arbeit des SUMA-EV und den Betrieb von MetaGer.', + 'about.4.1' => 'Machen Sie mit!', + 'about.4.2' => 'Stärken Sie uns, indem Sie Mitglied werden.', 'lang.tooltip' => 'Ergebnissprache wählen', 'key.placeholder' => 'Mitglieder-Key eingeben', diff --git a/resources/lang/en/index.php b/resources/lang/en/index.php index 19b059e5..eeee73ff 100644 --- a/resources/lang/en/index.php +++ b/resources/lang/en/index.php @@ -27,15 +27,14 @@ return [ "focus-creator.delete" => "Delete search focus", "focus-creator.focusname" => "Focus:", - 'slogan.title' => 'MetaGer: Privacy protected Search and Find', - 'slogan.1' => 'We provide privacy & data protection and we are a non profit NGO.', - 'slogan.2' => 'Become a member oder donate! Our source code is open: gitlab.metager3.de', - 'slogan.3' => 'You keep a neutral view on the web by using MetaGer', - - "about.title" => "About Us", - "about.1.1" => "We provide privacy & data protection.", - "about.2.1" => 'We are a non profit NGO. Our source code is open:gitlab.metager3.de', - "about.3.1" => "Everyone might check our data protection & privacy features.", + 'about.1.1' => "Guaranteed Privacy", + 'about.1.2' => 'With us you have full control over your data.', + 'about.2.1' => 'Nonprofit organization', + 'about.2.2' => 'We as SUMA-EV are independent because we do not pursue commercial interests!', + 'about.3.1' => 'Support & Donate', + 'about.3.2' => 'With your donation you support the work of the SUMA-EV and the operation of MetaGer.', + 'about.4.1' => 'Join in!', + 'about.4.2' => 'Strengthen us by becoming a member.', 'lang.tooltip' => 'Language', 'key.placeholder' => 'Enter member key', diff --git a/resources/lang/es/index.php b/resources/lang/es/index.php index 31c7efdf..56214683 100644 --- a/resources/lang/es/index.php +++ b/resources/lang/es/index.php @@ -13,8 +13,13 @@ return [ "partnertitle" => "Apoyar MetaGer, sin costos para usted", "plugin" => "Añadir MetaGer-Plugin", "plugin-title" => "Añadir MetaGer a su navegador", - "about.title" => "Sobre nosotros", - "about.1.1" => "Privacidad & protección de datos son con nosotros simples & dado por sentado", - "about.2.1" => "No trabajamos orientado al lucro, somos una asociación sin fines de lucro", + 'about.1.1' => "Privacidad garantizada", + 'about.1.2' => 'Con nosotros usted tiene control total sobre sus datos.', + 'about.2.1' => 'Asociación sin ánimo de lucro', + 'about.2.2' => '¡Nosotros como SUMA-EV somos independientes porque no perseguimos intereses comerciales!', + 'about.3.1' => 'Apoyar y Donar', + 'about.3.2' => 'Con su donación usted apoya el trabajo de SUMA-EV y el funcionamiento de MetaGer.', + 'about.4.1' => '¡Únete!', + 'about.4.2' => 'Fortalécenos haciéndote miembro.', "placeholder" => "MetaGer: Buscar & encontrar seguro", ]; diff --git a/resources/less/metager/pages/start-page.less b/resources/less/metager/pages/start-page.less index 29f30c03..5669ba4e 100644 --- a/resources/less/metager/pages/start-page.less +++ b/resources/less/metager/pages/start-page.less @@ -5,7 +5,6 @@ flex-grow: 1; display: flex; flex-direction: column; - margin-top: 5vh; @media(max-width: @main-content-width) { width: 100%; } @@ -26,7 +25,7 @@ position: absolute; bottom: 0px; right: 8px; - padding: 16px; + padding: 11px; color: #777; border: 0; width: 30px; @@ -37,7 +36,7 @@ color: red; background-color: #ccc; } - @media(max-width: @screen-mobile) { + @media(max-width: 503px) { display: flex; } } @@ -46,8 +45,45 @@ .startpage #main-content { justify-content: center; - margin-top: -15%; - @media(max-width: @screen-mobile){ - margin-top: -25%; - } + margin-top: -25%; + #about-us { + font-size: 1.4em; + color: #777; + text-align: center; + display: grid; + grid-gap: 24px; + margin-top: 48px; + margin-bottom: 48px; + justify-content: center; + grid-template-columns: 240px; + position: absolute; + width: 100%; + top: 100vh; + left: 0; + @media(min-width: 504px){ + margin-top: 0; + grid-template-columns: 240px 240px; + grid-gap: 24px; + top: inherit; + bottom: 100px; + } + @media(min-width: 1000px){ + grid-template-columns: 240px 240px 240px 240px; + } + > a { + display: flex; + flex-direction: column; + cursor: pointer; + color: inherit; + > div.teaser { + @media(min-width: 504px){ + visibility: hidden; + } + font-size: .7em; + } + &:hover > div.teaser { + visibility: inherit; + } + } + } } \ No newline at end of file diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php index 9958f490..19c2ef0a 100644 --- a/resources/views/index.blade.php +++ b/resources/views/index.blade.php @@ -10,6 +10,28 @@
{{ trans('index.plugin') }}
+
+ + + @lang('index.about.1.1') +
@lang('index.about.1.2')
+
+ + + @lang('index.about.2.1') +
@lang('index.about.2.2')
+
+ + + @lang('index.about.3.1') +
@lang('index.about.3.2')
+
+ + + @lang('index.about.4.1') +
@lang('index.about.4.2')
+
+
diff --git a/resources/views/parts/footer.blade.php b/resources/views/parts/footer.blade.php index d38e39de..1634790b 100644 --- a/resources/views/parts/footer.blade.php +++ b/resources/views/parts/footer.blade.php @@ -5,8 +5,10 @@ {{ trans('sidebar.nav8') }} {{ trans('sidebar.nav3') }} + @if($type !== 'startpage')
+ @endif @endif -- GitLab