Commit d2d5f451 authored by Dominik Hebeler's avatar Dominik Hebeler

new startpage layout

parent 2702a96b
...@@ -27,15 +27,14 @@ return [ ...@@ -27,15 +27,14 @@ return [
'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 suchen, schneller finden', 'about.1.1' => "Garantierte Privatsphäre",
'slogan.1' => 'Datenschutz & Privatsphäre: Bei uns einfach und selbstverständlich.', 'about.1.2' => 'Mit uns behalten Sie die volle Kontrolle über Ihre Daten.',
'slogan.2' => 'Wir arbeiten nicht gewinnorientiert, wir sind ein gemeinnütziger Verein: <a href="/beitritt">Werden Sie Mitglied</a> oder <a href="/spende">spenden Sie</a>!', 'about.2.1' => 'Gemeinnütziger Verein',
'slogan.3' => 'Mit MetaGer bewahren Sie einen neutralen Blick auf’s Web!', 'about.2.2' => 'Wir als SUMA-EV sind unabhängig, weil wir keine kommerziellen Interessen verfolgen!',
'about.3.1' => 'Unterstützen & Spenden',
'about.title' => 'Über uns', 'about.3.2' => 'Mit Ihrer Spende unterstützen Sie die Arbeit des SUMA-EV und den Betrieb von MetaGer.',
'about.1.1' => '<a href="/datenschutz">Datenschutz & Privatsphäre</a>: Bei uns einfach & selbstverständlich.', 'about.4.1' => 'Machen Sie mit!',
'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.4.2' => 'Stärken Sie uns, indem Sie Mitglied werden.',
'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',
......
...@@ -27,15 +27,14 @@ return [ ...@@ -27,15 +27,14 @@ return [
"focus-creator.delete" => "Delete search focus", "focus-creator.delete" => "Delete search focus",
"focus-creator.focusname" => "Focus:", "focus-creator.focusname" => "Focus:",
'slogan.title' => 'MetaGer: Privacy protected Search and Find', 'about.1.1' => "Guaranteed Privacy",
'slogan.1' => 'We provide privacy & data protection and we are a non profit NGO.', 'about.1.2' => 'With us you have full control over your data.',
'slogan.2' => '<a href="/beitritt">Become a member</a> oder <a href="/spende">donate</a>! Our source code is open: <a href="https://gitlab.metager3.de/open-source/MetaGer">gitlab.metager3.de</a>', 'about.2.1' => 'Nonprofit organization',
'slogan.3' => 'You keep a neutral view on the web by using MetaGer', 'about.2.2' => 'We as SUMA-EV are independent because we do not pursue commercial interests!',
'about.3.1' => 'Support & Donate',
"about.title" => "About Us", 'about.3.2' => 'With your donation you support the work of the SUMA-EV and the operation of MetaGer.',
"about.1.1" => "We provide <a href=\"/en/datenschutz\">privacy & data protection.</a>", 'about.4.1' => 'Join in!',
"about.2.1" => 'We are a <a href="/en/spende">non profit NGO</a>. Our source code is open:<a href="https://gitlab.metager3.de/open-source/MetaGer" target="_blank">gitlab.metager3.de</a>', 'about.4.2' => 'Strengthen us by becoming a member.',
"about.3.1" => "Everyone might check our data protection & privacy features.",
'lang.tooltip' => 'Language', 'lang.tooltip' => 'Language',
'key.placeholder' => 'Enter member key', 'key.placeholder' => 'Enter member key',
......
...@@ -13,8 +13,13 @@ return [ ...@@ -13,8 +13,13 @@ return [
"partnertitle" => "Apoyar MetaGer, sin costos para usted", "partnertitle" => "Apoyar MetaGer, sin costos para usted",
"plugin" => "Añadir MetaGer-Plugin", "plugin" => "Añadir MetaGer-Plugin",
"plugin-title" => "Añadir MetaGer a su navegador", "plugin-title" => "Añadir MetaGer a su navegador",
"about.title" => "Sobre nosotros", 'about.1.1' => "Privacidad garantizada",
"about.1.1" => "<a href=\"/es/datenschutz\">Privacidad & protección de datos</a> son con nosotros simples & dado por sentado", 'about.1.2' => 'Con nosotros usted tiene control total sobre sus datos.',
"about.2.1" => "No trabajamos orientado al lucro, somos una <a href=\"/es/spende\">asociación sin fines de lucro</a>", '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", "placeholder" => "MetaGer: Buscar & encontrar seguro",
]; ];
...@@ -5,7 +5,6 @@ ...@@ -5,7 +5,6 @@
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 5vh;
@media(max-width: @main-content-width) { @media(max-width: @main-content-width) {
width: 100%; width: 100%;
} }
...@@ -26,7 +25,7 @@ ...@@ -26,7 +25,7 @@
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
right: 8px; right: 8px;
padding: 16px; padding: 11px;
color: #777; color: #777;
border: 0; border: 0;
width: 30px; width: 30px;
...@@ -37,7 +36,7 @@ ...@@ -37,7 +36,7 @@
color: red; color: red;
background-color: #ccc; background-color: #ccc;
} }
@media(max-width: @screen-mobile) { @media(max-width: 503px) {
display: flex; display: flex;
} }
} }
...@@ -46,8 +45,45 @@ ...@@ -46,8 +45,45 @@
.startpage #main-content { .startpage #main-content {
justify-content: center; justify-content: center;
margin-top: -15%; margin-top: -25%;
@media(max-width: @screen-mobile){ #about-us {
margin-top: -25%; 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
...@@ -10,6 +10,28 @@ ...@@ -10,6 +10,28 @@
<div id="plugin-btn-div"> <div id="plugin-btn-div">
<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> <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>
<div id="about-us">
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "about") }}">
<i class="fas fa-user-secret"></i>
<span>@lang('index.about.1.1')</span>
<div class="teaser">@lang('index.about.1.2')</div>
</a>
<a href="https://suma-ev.de">
<i class="fas fa-heart"></i>
<span>@lang('index.about.2.1')</span>
<div class="teaser">@lang('index.about.2.2')</div>
</a>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "spenden") }}">
<i class="fas fa-money-bill-wave"></i>
<span>@lang('index.about.3.1')</span>
<div class="teaser">@lang('index.about.3.2')</div>
</a>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "beitritt") }}">
<i class="fas fa-user-friends"></i>
<span>@lang('index.about.4.1')</span>
<div class="teaser">@lang('index.about.4.2')</div>
</a>
</div>
<a id="scroll-helper" href="#about-us"> <a id="scroll-helper" href="#about-us">
<i class="fas fa-angle-double-down"></i> <i class="fas fa-angle-double-down"></i>
</a> </a>
......
...@@ -5,8 +5,10 @@ ...@@ -5,8 +5,10 @@
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">{{ trans('sidebar.nav8') }}</a> <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">{{ trans('sidebar.nav8') }}</a>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "datenschutz") }}">{{ trans('sidebar.nav3') }}</a> <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "datenschutz") }}">{{ trans('sidebar.nav3') }}</a>
</div> </div>
@if($type !== 'startpage')
<div> <div>
<span class="hidden-xs">{{ trans('footer.sumaev.1') }} <a href="{{ trans('footer.sumaev.link') }}">{{ trans('footer.sumaev.2') }}</a></span> <span class="hidden-xs">{{ trans('footer.sumaev.1') }} <a href="{{ trans('footer.sumaev.link') }}">{{ trans('footer.sumaev.2') }}</a></span>
</div> </div>
@endif
</footer> </footer>
@endif @endif
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