Commit 14604ae5 authored by Dominik Hebeler's avatar Dominik Hebeler

changed the style of the mobile startpage

parent c1aad02b
<?php <?php
return [ return [
'foki.web' => 'Web', 'foki.web' => 'Web',
'foki.bilder' => 'Bilder', 'foki.bilder' => 'Bilder',
'foki.nachrichten' => 'News/Politik', 'foki.nachrichten' => 'News/Politik',
'foki.wissenschaft' => 'Wissenschaft', 'foki.wissenschaft' => 'Wissenschaft',
'foki.produkte' => 'Produkte', 'foki.produkte' => 'Produkte',
'foki.angepasst' => 'Angepasst', 'foki.angepasst' => 'Angepasst',
'foki.maps' => 'Maps.metager.de', 'foki.maps' => 'Maps.metager.de',
'design' => 'Persönliches Design auswählen', 'design' => 'Persönliches Design auswählen',
'conveyor' => 'Einkaufen bei MetaGer-Fördershops', 'conveyor' => 'Einkaufen bei MetaGer-Fördershops',
'partnertitle' => 'MetaGer unterstützen, ohne Mehrkosten für Sie', 'partnertitle' => 'MetaGer unterstützen, ohne Mehrkosten für Sie',
'mapstitle' => 'Der MetaGer Kartenservice', 'mapstitle' => 'Der MetaGer Kartenservice',
'plugin' => 'MetaGer-Plugin hinzufügen', 'plugin' => 'MetaGer-Plugin hinzufügen',
'plugin-title' => 'MetaGer zu Ihrem Browser hinzufügen', 'plugin-title' => 'MetaGer zu Ihrem Browser hinzufügen',
'options.head' => 'Filter verwalten', 'options.head' => 'Filter verwalten',
'focus-creator.head' => 'Suche anpassen', 'focus-creator.head' => 'Suche anpassen',
'focus-creator.description' => 'Suchen Sie sich aus unseren Suchmaschinen Ihre eigene Suche zusammen.', 'focus-creator.description' => 'Suchen Sie sich aus unseren Suchmaschinen Ihre eigene Suche zusammen.',
'focus-creator.name-placeholder' => 'Name der eigenen Suche', 'focus-creator.name-placeholder' => 'Name der eigenen Suche',
'focus-creator.save' => 'Eigene Suche durchführen', 'focus-creator.save' => 'Eigene Suche durchführen',
'focus-creator.delete' => 'Eigene Suche löschen', 'focus-creator.delete' => 'Eigene Suche löschen',
'focus-creator.focusname' => 'Suchname: ', 'focus-creator.focusname' => 'Suchname: ',
'slogan.title' => 'Besser&nbsp;suchen, schneller&nbsp;finden', 'slogan.title' => 'Besser&nbsp;suchen, schneller&nbsp;finden',
'slogan.1' => 'Datenschutz & Privatsphäre: Bei uns einfach und selbstverständlich.<br>Wir arbeiten nicht gewinnorientiert, wir sind ein gemeinnütziger Verein: <a href="/beitritt">Werden Sie Mitglied</a> oder <a href="/spende">spenden Sie</a>!', 'slogan.1' => 'Datenschutz & Privatsphäre: Bei uns einfach und selbstverständlich. Wir arbeiten nicht gewinnorientiert, wir sind ein gemeinnütziger Verein: <a href="/beitritt">Werden Sie Mitglied</a> oder <a href="/spende">spenden Sie</a>!',
'slogan.2' => 'Mit MetaGer bewahren Sie einen neutralen Blick auf’s Web!', 'slogan.2' => 'Mit MetaGer bewahren Sie einen neutralen Blick auf’s Web!',
'sponsors.head' => 'Sponsoren', 'sponsors.head' => 'Sponsoren',
'sponsors.woxikon' => 'SEO Agentur', 'sponsors.woxikon' => 'SEO Agentur',
'sponsors.gutscheine' => 'STERN.de: Günstige Kredite im Kreditvergleich', 'sponsors.gutscheine' => 'STERN.de: Günstige Kredite im Kreditvergleich',
'sponsors.seo' => 'Weihnachtsfeier', 'sponsors.seo' => 'Weihnachtsfeier',
'about.title' => 'Über uns', 'about.title' => 'Über uns',
'about.1.1' => '<a href="/datenschutz">Datenschutz & Privatsphäre</a>: Bei uns einfach & selbstverständlich.', 'about.1.1' => '<a href="/datenschutz">Datenschutz & Privatsphäre</a>: Bei uns einfach & selbstverständlich.',
'about.2.1' => 'Wir arbeiten nicht gewinnorientiert, wir sind ein <a href="/spende">gemeinnütziger Verein</a>: <a href="/beitritt">Werden Sie Mitglied!</a>', 'about.2.1' => 'Wir arbeiten nicht gewinnorientiert, wir sind ein <a href="/spende">gemeinnütziger Verein</a>: <a href="/beitritt">Werden Sie Mitglied!</a>',
'about.3.1' => 'Überzeugen Sie sich von unseren Datenschutz- und Privatsphärefeatures', 'about.3.1' => 'Überzeugen Sie sich von unseren Datenschutz- und Privatsphärefeatures',
'lang.tooltip' => 'Ergebnissprache wählen', 'lang.tooltip' => 'Ergebnissprache wählen',
'key.placeholder' => 'Mitglieder-Key eingeben', 'key.placeholder' => 'Mitglieder-Key eingeben',
'key.tooltip' => 'Mitglieder-Key eingeben', 'key.tooltip' => 'Mitglieder-Key eingeben',
'placeholder' => 'MetaGer: Sicher suchen & finden, Privatsphäre schützen', 'placeholder' => 'MetaGer: Sicher suchen & finden, Privatsphäre schützen',
'tooltips.add-focus' => 'Suche anpassen', 'tooltips.add-focus' => 'Suche anpassen',
'tooltips.edit-focus' => 'Aktuellen Fokus bearbeiten', 'tooltips.edit-focus' => 'Aktuellen Fokus bearbeiten',
'tooltips.settings' => 'Allgemeine Einstellungen', 'tooltips.settings' => 'Allgemeine Einstellungen',
]; ];
...@@ -176,6 +176,9 @@ i.fa { ...@@ -176,6 +176,9 @@ i.fa {
margin: 0px 0px 45px 0px; margin: 0px 0px 45px 0px;
white-space: nowrap; white-space: nowrap;
text-align: center; text-align: center;
@media(max-width: @screen-mobile){
margin-bottom: 25px;
}
&>a { &>a {
.logo; .logo;
display: block; display: block;
...@@ -361,8 +364,7 @@ li.nodot { ...@@ -361,8 +364,7 @@ li.nodot {
.disabled, .disabled,
:disabled, :disabled,
.disabled *, .disabled *,
:disabled *, :disabled * {
{
color: #aaa !important; color: #aaa !important;
cursor: not-allowed !important; cursor: not-allowed !important;
} }
......
...@@ -13,14 +13,44 @@ ...@@ -13,14 +13,44 @@
@media(min-width: @main-content-width) { @media(min-width: @main-content-width) {
width: @main-content-width; width: @main-content-width;
} }
#plugin-btn-div { #plugin-btn-div {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top: 5px; margin-top: 16px;
} }
#plugin-btn { #plugin-btn {
color: @text-color; 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 { #additional-content {
...@@ -29,12 +59,19 @@ ...@@ -29,12 +59,19 @@
display: flex; display: flex;
@media(max-width: @screen-mobile) { @media(max-width: @screen-mobile) {
flex-direction: column; flex-direction: column;
position: absolute;
top: 100vh;
} }
#about-us { #about-us {
max-width: 500px; max-width: 500px;
margin-right: 50px; margin-right: 50px;
@media(max-width: @screen-mobile) { @media(max-width: @screen-mobile) {
margin: 0px 8px; margin: 0px;
max-width: 100%;
.card-medium;
p {
text-align: justify;
}
} }
h2 { h2 {
font-size: 21px; font-size: 21px;
...@@ -45,7 +82,8 @@ ...@@ -45,7 +82,8 @@
} }
#sponsors { #sponsors {
@media(max-width: @screen-mobile) { @media(max-width: @screen-mobile) {
margin: 20px 5px; margin: 8px 0px;
.card-medium;
} }
h2 { h2 {
font-size: 21px; font-size: 21px;
......
...@@ -8,17 +8,22 @@ ...@@ -8,17 +8,22 @@
</h1> </h1>
@include('parts.searchbar', ['class' => 'startpage-searchbar']) @include('parts.searchbar', ['class' => 'startpage-searchbar'])
<div id="plugin-btn-div"> <div id="plugin-btn-div">
<a id="plugin-btn" class="btn btn-default" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/plugin") }}" title="{{ trans('index.plugin-title') }}"><i class="fa fa-plug" aria-hidden="true"></i> {{ trans('index.plugin') }}</a> <a id="plugin-btn" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/plugin") }}" title="{{ trans('index.plugin-title') }}"><i class="fa fa-plug" aria-hidden="true"></i> {{ trans('index.plugin') }}</a>
</div> </div>
<a id="scroll-helper" href="#about-us">
<i class="fas fa-angle-double-down"></i>
</a>
<script src="{{ mix('js/scriptStartPage.js') }}" defer></script> <script src="{{ mix('js/scriptStartPage.js') }}" defer></script>
<script src="{{ mix('js/searchbar.js') }}" defer></script> <script src="{{ mix('js/searchbar.js') }}" defer></script>
@endsection @endsection
@section('additional-content') @section('additional-content')
<div id="about-us"> <div id="about-us">
<h2>{!! trans('index.slogan.title') !!}</h2> <div>
<p>{!! trans('index.slogan.1') !!}</p> <h2>{!! trans('index.slogan.title') !!}</h2>
<p>{!! trans('index.slogan.2') !!}</p> <p>{!! trans('index.slogan.1') !!}</p>
<p>{!! trans('index.slogan.2') !!}</p>
</div>
</div> </div>
<div id="sponsors"> <div id="sponsors">
<h2>{{ trans('index.sponsors.head') }}</h2> <h2>{{ trans('index.sponsors.head') }}</h2>
......
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