Commit 4a010d22 authored by Dominik Hebeler's avatar Dominik Hebeler

changed new startpage layout

parent 48d69228
...@@ -34,7 +34,7 @@ return [ ...@@ -34,7 +34,7 @@ return [
'about.3.1' => 'Unterstützen & Spenden', '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.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.1' => 'Machen Sie mit!',
'about.4.2' => 'Stärken Sie uns, indem Sie Mitglied werden.', 'about.4.2' => 'Stärken Sie uns, indem Sie Mitglied im Trägerverin werden.',
'lang.tooltip' => 'Ergebnissprache wählen', 'lang.tooltip' => 'Ergebnissprache wählen',
'key.placeholder' => 'Mitglieder-Key eingeben', 'key.placeholder' => 'Mitglieder-Key eingeben',
......
...@@ -45,30 +45,24 @@ ...@@ -45,30 +45,24 @@
.startpage #main-content { .startpage #main-content {
justify-content: center; justify-content: center;
margin-top: -25%;
#about-us { #about-us {
font-size: 1.4em; font-size: 1.4em;
color: #777; color: #777;
text-align: center; text-align: center;
display: grid; display: grid;
grid-gap: 24px; grid-gap: 24px;
margin-top: 48px; margin-top: 60px;
margin-bottom: 48px;
justify-content: center; justify-content: center;
grid-template-columns: 240px; grid-template-columns: 240px;
position: absolute;
width: 100%; width: 100%;
top: 100vh; top: 100vh;
left: 0; position: absolute;
@media(min-width: 504px){ @media(min-width: 504px){
margin-top: 0; grid-template-columns: 240px 240px ;
grid-template-columns: 240px 240px;
grid-gap: 24px; grid-gap: 24px;
top: inherit; top: inherit;
bottom: 100px; bottom: 100px;
} position: inherit;
@media(min-width: 1000px){
grid-template-columns: 240px 240px 240px 240px;
} }
> a { > a {
display: flex; display: flex;
...@@ -76,9 +70,6 @@ ...@@ -76,9 +70,6 @@
cursor: pointer; cursor: pointer;
color: inherit; color: inherit;
> div.teaser { > div.teaser {
@media(min-width: 504px){
visibility: hidden;
}
font-size: .7em; font-size: .7em;
} }
&:hover > div.teaser { &:hover > div.teaser {
......
...@@ -16,12 +16,16 @@ ...@@ -16,12 +16,16 @@
<span>@lang('index.about.1.1')</span> <span>@lang('index.about.1.1')</span>
<div class="teaser">@lang('index.about.1.2')</div> <div class="teaser">@lang('index.about.1.2')</div>
</a> </a>
<a href="https://suma-ev.de"> @if(LaravelLocalization::getCurrentLocale() === "de")
<a href="https://suma-ev.de" target="_blank">
@else
<a href="https://suma-ev.de/en/index.html" target="_blank">
@endif
<i class="fas fa-heart"></i> <i class="fas fa-heart"></i>
<span>@lang('index.about.2.1')</span> <span>@lang('index.about.2.1')</span>
<div class="teaser">@lang('index.about.2.2')</div> <div class="teaser">@lang('index.about.2.2')</div>
</a> </a>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "spenden") }}"> <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "spende") }}">
<i class="fas fa-money-bill-wave"></i> <i class="fas fa-money-bill-wave"></i>
<span>@lang('index.about.3.1')</span> <span>@lang('index.about.3.1')</span>
<div class="teaser">@lang('index.about.3.2')</div> <div class="teaser">@lang('index.about.3.2')</div>
......
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