Commit d2d5f451 authored by Dominik Hebeler's avatar Dominik Hebeler

new startpage layout

parent 2702a96b
......@@ -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: <a href="/beitritt">Werden Sie Mitglied</a> oder <a href="/spende">spenden Sie</a>!',
'slogan.3' => 'Mit MetaGer bewahren Sie einen neutralen Blick auf’s Web!',
'about.title' => 'Über uns',
'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.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',
......
......@@ -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' => '<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>',
'slogan.3' => 'You keep a neutral view on the web by using MetaGer',
"about.title" => "About Us",
"about.1.1" => "We provide <a href=\"/en/datenschutz\">privacy & data protection.</a>",
"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.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',
......
......@@ -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" => "<a href=\"/es/datenschutz\">Privacidad & protección de datos</a> son con nosotros simples & dado por sentado",
"about.2.1" => "No trabajamos orientado al lucro, somos una <a href=\"/es/spende\">asociación sin fines de lucro</a>",
'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",
];
......@@ -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
......@@ -10,6 +10,28 @@
<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>
</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">
<i class="fas fa-angle-double-down"></i>
</a>
......
......@@ -5,8 +5,10 @@
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">{{ trans('sidebar.nav8') }}</a>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "datenschutz") }}">{{ trans('sidebar.nav3') }}</a>
</div>
@if($type !== 'startpage')
<div>
<span class="hidden-xs">{{ trans('footer.sumaev.1') }} <a href="{{ trans('footer.sumaev.link') }}">{{ trans('footer.sumaev.2') }}</a></span>
</div>
@endif
</footer>
@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