From 14604ae51be27e68e06a6d6d35aabee3374d42d5 Mon Sep 17 00:00:00 2001 From: Dominik Hebeler Date: Wed, 20 Feb 2019 12:28:32 +0100 Subject: [PATCH] changed the style of the mobile startpage --- resources/lang/de/index.php | 96 ++++++++++---------- resources/less/metager/general/general.less | 6 +- resources/less/metager/pages/start-page.less | 44 ++++++++- resources/views/index.blade.php | 13 ++- 4 files changed, 102 insertions(+), 57 deletions(-) diff --git a/resources/lang/de/index.php b/resources/lang/de/index.php index 649e7fa5..cf31ef3e 100644 --- a/resources/lang/de/index.php +++ b/resources/lang/de/index.php @@ -1,52 +1,52 @@ 'Web', - 'foki.bilder' => 'Bilder', - 'foki.nachrichten' => 'News/Politik', - 'foki.wissenschaft' => 'Wissenschaft', - 'foki.produkte' => 'Produkte', - 'foki.angepasst' => 'Angepasst', - 'foki.maps' => 'Maps.metager.de', - - 'design' => 'Persönliches Design auswählen', - - 'conveyor' => 'Einkaufen bei MetaGer-Fördershops', - 'partnertitle' => 'MetaGer unterstützen, ohne Mehrkosten für Sie', - 'mapstitle' => 'Der MetaGer Kartenservice', - - 'plugin' => 'MetaGer-Plugin hinzufügen', - 'plugin-title' => 'MetaGer zu Ihrem Browser hinzufügen', - - 'options.head' => 'Filter verwalten', - - 'focus-creator.head' => 'Suche anpassen', - 'focus-creator.description' => 'Suchen Sie sich aus unseren Suchmaschinen Ihre eigene Suche zusammen.', - 'focus-creator.name-placeholder' => 'Name der eigenen Suche', - 'focus-creator.save' => 'Eigene Suche durchführen', - '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.
Wir arbeiten nicht gewinnorientiert, wir sind ein gemeinnütziger Verein: Werden Sie Mitglied oder spenden Sie!', - 'slogan.2' => 'Mit MetaGer bewahren Sie einen neutralen Blick auf’s Web!', - - 'sponsors.head' => 'Sponsoren', - 'sponsors.woxikon' => 'SEO Agentur', - 'sponsors.gutscheine' => 'STERN.de: Günstige Kredite im Kreditvergleich', - 'sponsors.seo' => 'Weihnachtsfeier', - - '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', - - 'lang.tooltip' => 'Ergebnissprache wählen', - 'key.placeholder' => 'Mitglieder-Key eingeben', - 'key.tooltip' => 'Mitglieder-Key eingeben', - 'placeholder' => 'MetaGer: Sicher suchen & finden, Privatsphäre schützen', - - 'tooltips.add-focus' => 'Suche anpassen', - 'tooltips.edit-focus' => 'Aktuellen Fokus bearbeiten', - 'tooltips.settings' => 'Allgemeine Einstellungen', + 'foki.web' => 'Web', + 'foki.bilder' => 'Bilder', + 'foki.nachrichten' => 'News/Politik', + 'foki.wissenschaft' => 'Wissenschaft', + 'foki.produkte' => 'Produkte', + 'foki.angepasst' => 'Angepasst', + 'foki.maps' => 'Maps.metager.de', + + 'design' => 'Persönliches Design auswählen', + + 'conveyor' => 'Einkaufen bei MetaGer-Fördershops', + 'partnertitle' => 'MetaGer unterstützen, ohne Mehrkosten für Sie', + 'mapstitle' => 'Der MetaGer Kartenservice', + + 'plugin' => 'MetaGer-Plugin hinzufügen', + 'plugin-title' => 'MetaGer zu Ihrem Browser hinzufügen', + + 'options.head' => 'Filter verwalten', + + 'focus-creator.head' => 'Suche anpassen', + 'focus-creator.description' => 'Suchen Sie sich aus unseren Suchmaschinen Ihre eigene Suche zusammen.', + 'focus-creator.name-placeholder' => 'Name der eigenen Suche', + 'focus-creator.save' => 'Eigene Suche durchführen', + '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. Wir arbeiten nicht gewinnorientiert, wir sind ein gemeinnütziger Verein: Werden Sie Mitglied oder spenden Sie!', + 'slogan.2' => 'Mit MetaGer bewahren Sie einen neutralen Blick auf’s Web!', + + 'sponsors.head' => 'Sponsoren', + 'sponsors.woxikon' => 'SEO Agentur', + 'sponsors.gutscheine' => 'STERN.de: Günstige Kredite im Kreditvergleich', + 'sponsors.seo' => 'Weihnachtsfeier', + + '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', + + 'lang.tooltip' => 'Ergebnissprache wählen', + 'key.placeholder' => 'Mitglieder-Key eingeben', + 'key.tooltip' => 'Mitglieder-Key eingeben', + 'placeholder' => 'MetaGer: Sicher suchen & finden, Privatsphäre schützen', + + 'tooltips.add-focus' => 'Suche anpassen', + 'tooltips.edit-focus' => 'Aktuellen Fokus bearbeiten', + 'tooltips.settings' => 'Allgemeine Einstellungen', ]; diff --git a/resources/less/metager/general/general.less b/resources/less/metager/general/general.less index 35730b91..c523237f 100644 --- a/resources/less/metager/general/general.less +++ b/resources/less/metager/general/general.less @@ -176,6 +176,9 @@ i.fa { margin: 0px 0px 45px 0px; white-space: nowrap; text-align: center; + @media(max-width: @screen-mobile){ + margin-bottom: 25px; + } &>a { .logo; display: block; @@ -361,8 +364,7 @@ li.nodot { .disabled, :disabled, .disabled *, -:disabled *, - { +:disabled * { color: #aaa !important; cursor: not-allowed !important; } diff --git a/resources/less/metager/pages/start-page.less b/resources/less/metager/pages/start-page.less index a18047f3..87d6c70f 100644 --- a/resources/less/metager/pages/start-page.less +++ b/resources/less/metager/pages/start-page.less @@ -13,14 +13,44 @@ @media(min-width: @main-content-width) { width: @main-content-width; } + #plugin-btn-div { display: flex; justify-content: center; - margin-top: 5px; + margin-top: 16px; } #plugin-btn { color: @text-color; } + #scroll-helper { + .card-light; + position: absolute; + bottom: 0px; + right: 8px; + padding: 16px; + color: #777; + border: 0; + width: 30px; + height: 30px; + align-items: center; + justify-content: center; + display: none; + &:hover{ + color: red; + background-color: #ccc; + } + @media(max-width: @screen-mobile) { + display: flex; + } + } + +} + +.startpage #main-content { + @media(max-width: @screen-mobile){ + justify-content: start; + margin-top: 20vh; + } } #additional-content { @@ -29,12 +59,19 @@ display: flex; @media(max-width: @screen-mobile) { flex-direction: column; + position: absolute; + top: 100vh; } #about-us { max-width: 500px; margin-right: 50px; @media(max-width: @screen-mobile) { - margin: 0px 8px; + margin: 0px; + max-width: 100%; + .card-medium; + p { + text-align: justify; + } } h2 { font-size: 21px; @@ -45,7 +82,8 @@ } #sponsors { @media(max-width: @screen-mobile) { - margin: 20px 5px; + margin: 8px 0px; + .card-medium; } h2 { font-size: 21px; diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php index fb0cc2c9..42d2a910 100644 --- a/resources/views/index.blade.php +++ b/resources/views/index.blade.php @@ -8,17 +8,22 @@ @include('parts.searchbar', ['class' => 'startpage-searchbar'])
- {{ trans('index.plugin') }} + {{ trans('index.plugin') }}
+ + + @endsection @section('additional-content')
-

{!! trans('index.slogan.title') !!}

-

{!! trans('index.slogan.1') !!}

-

{!! trans('index.slogan.2') !!}

+
+

{!! trans('index.slogan.title') !!}

+

{!! trans('index.slogan.1') !!}

+

{!! trans('index.slogan.2') !!}

+

{{ trans('index.sponsors.head') }}

-- GitLab