Commit 1e9c8f71 authored by Karl Hasselbring's avatar Karl Hasselbring

Sponsoren eingefügt und Größenverhältnisse der Startseite angepasst

parent 9221a8e1
...@@ -36,7 +36,8 @@ body { ...@@ -36,7 +36,8 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
margin: 50px 0px; align-items: center;
margin-top: 50px;
} }
......
...@@ -2,91 +2,101 @@ ...@@ -2,91 +2,101 @@
@search-bar-width: 1000px; @search-bar-width: 1000px;
.mg-panel { .mg-panel {
margin-bottom: 25%; flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
@media(max-width: @search-bar-width) { @media(max-width: @search-bar-width) {
width: 100%; width: 100%;
} }
@media(min-width: @search-bar-width) { @media(min-width: @search-bar-width) {
width: @search-bar-width; width: @search-bar-width;
} }
} #mglogo {
margin: 0px 0px 30px 0px;
#mglogo {
margin: 0px 0px 30px 0px;
}
.settings-modal-buttons {
padding: 5px;
button {
margin: 5px
} }
} .settings-modal-buttons {
padding: 5px;
.startpage-foki, button {
.foki { margin: 5px
display: flex; }
flex-wrap: wrap; }
justify-content: center; .startpage-foki,
input { .foki {
visibility: hidden; display: flex;
&+.custom-focus-label { flex-wrap: wrap;
border-radius: @foki-edge-rounding 0px 0px @foki-edge-rounding; justify-content: center;
input {
visibility: hidden;
&+.custom-focus-label {
border-radius: @foki-edge-rounding 0px 0px @foki-edge-rounding;
}
&+.custom-focus-label+.custom-focus-edit {
margin-left: 5px;
display: inline-block;
border-radius: 0px @foki-edge-rounding @foki-edge-rounding 0px;
}
} }
&+.custom-focus-label+.custom-focus-edit { label {
margin-left: 5px; & span:not(.badge) {
display: inline-block; background-color: transparent;
border-radius: 0px @foki-edge-rounding @foki-edge-rounding 0px; }
} }
} }
label { .focus {
& span:not(.badge) { margin: 0px;
background-color: transparent; &~.focus {
margin-left: 10px;
}
&:hover {
.focus-label,
.focus-edit {
cursor: pointer;
background-color: @focus-hover-focus-edit-background-color;
}
} }
} }
} .focus-radio:checked {
&+.focus-label,
.focus { &+.focus-label+.focus-edit {
margin: 0px; background-color: @focus-radio-checked-focus-label-focus-edit-background-color;
&~.focus {
margin-left: 10px;
}
&:hover {
.focus-label,
.focus-edit {
cursor: pointer;
background-color: @focus-hover-focus-edit-background-color;
} }
} }
} .focus-label,
.focus-edit {
.focus-radio:checked { margin: 0px;
&+.focus-label, border-radius: 7px;
&+.focus-label+.focus-edit { padding: 7px;
background-color: @focus-radio-checked-focus-label-focus-edit-background-color; font-weight: normal;
} }
} }
.focus-label,
.focus-edit {
margin: 0px;
border-radius: 7px;
padding: 7px;
font-weight: normal;
}
#about-us a:visited {
color: @link-color;
}
#sponsors { #sponsors {
a { flex-grow: 2;
font-size: 0.8em; margin-top: 50px;
text-align: center;
ul {
padding: 0px;
text-align: right;
li.sponsor {
display: flex;
justify-content: space-between;
a {
margin-left: 10px;
color: inherit;
font-size: 16px;
}
}
} }
h2 { h2 {
font-size: 1.5em; font-size: 20px;
} }
} }
#about-us a:visited {
color: @link-color;
}
#more-information { #more-information {
box-shadow: none; box-shadow: none;
margin-top: 5%; margin-top: 5%;
......
...@@ -27,9 +27,9 @@ return [ ...@@ -27,9 +27,9 @@ return [
'sponsors.head.1' => 'Weitere Informationen', 'sponsors.head.1' => 'Weitere Informationen',
'sponsors.head.2' => 'Sponsoren', 'sponsors.head.2' => 'Sponsoren',
'sponsors.woxikon' => '<a href="http://www.tagesgeld.jetzt" class="mutelink" target="_blank" rel="noopener">Tagesgeld jetzt!</a>', 'sponsors.woxikon' => 'Tagesgeld jetzt!',
'sponsors.gutscheine' => '<a href="http://www.gutschein-magazin.de/" class="mutelink" target="_blank" rel="noopener">Aktuelle Gutscheine auf Gutschein-Magazin.de</a>', 'sponsors.gutscheine' => 'Aktuelle Gutscheine auf Gutschein-Magazin.de',
'sponsors.seo' => '<a href="https://www.semtrix.de/suchmaschinenoptimierung/" class="mutelink" target="_blank" rel="noopener">Suchmaschinenoptimierung </a>', 'sponsors.seo' => 'Suchmaschinenoptimierung',
'about.title' => 'Über uns', 'about.title' => 'Über uns',
'about.1.1' => '<a href="/datenschutz">Datenschutz & Privatsphäre</a> sind bei uns einfach & selbstverständlich.', 'about.1.1' => '<a href="/datenschutz">Datenschutz & Privatsphäre</a> sind bei uns einfach & selbstverständlich.',
......
...@@ -5,34 +5,28 @@ ...@@ -5,34 +5,28 @@
@section('content') @section('content')
@include('modals.create-focus-modal') @include('modals.create-focus-modal')
@include('modals.plugin-modal') @include('modals.plugin-modal')
<h1 id="mglogo"><a class="hidden-xs" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a></h1> <h1 id="mglogo">
<a class="hidden-xs" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a>
</h1>
@include('parts.searchbar', ['class' => 'startpage-searchbar']) @include('parts.searchbar', ['class' => 'startpage-searchbar'])
<script type="text/javascript" src="{{ elixir('js/scriptStartPage.js') }}"></script> <script type="text/javascript" src="{{ elixir('js/scriptStartPage.js') }}"></script>
<script type="text/javascript" src="{{ elixir('js/searchbar.js') }}"></script> <script type="text/javascript" src="{{ elixir('js/searchbar.js') }}"></script>
@endsection @endsection
@section('optionalContent') @section('optionalContent')
<section id="more-information" class="hidden-xs hidden"> <div id="sponsors">
<h1 class="hidden">{{ trans('index.sponsors.head.1') }}</h1> <h2>{{ trans('index.sponsors.head.2') }}</h2>
<div class="row"> <ul class="startpage">
<div id="sponsors" class="col-sm-6"> <li class="sponsor">
<h2>{{ trans('index.sponsors.head.2') }}</h2> <p>@lang('index.sponsors.woxikon')</p><a href="http://www.tagesgeld.jetzt" target="_blank" rel="noopener"><i class="fa fa-external-link"></i></a>
<ul class="startpage"> </li>
<li>{!! trans('index.sponsors.woxikon') !!}</li> <li class="sponsor">
<li>{!! trans('index.sponsors.seo') !!}</li> <p>@lang('index.sponsors.seo')</p><a href="http://www.gutschein-magazin.de/" target="_blank" rel="noopener"><i class="fa fa-external-link"></i></a>
<li>{!! trans('index.sponsors.gutscheine') !!}</li> </li>
</ul> <li class="sponsor">
</div> <p>@lang('index.sponsors.gutscheine')</p><a href="https://www.semtrix.de/suchmaschinenoptimierung/" target="_blank" rel="noopener"><i class="fa fa-external-link"></i></a>
<div id="about-us" class="col-sm-6"> </li>
<h2> </ul>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "about") }}">{{ trans('index.about.title') }}</a> </div>
</h2> <div></div>
<ul class="startpage">
<li>{!! trans('index.about.1.1') !!}</li>
<li>{!! trans('index.about.2.1') !!}</li>
<li>@lang('index.about.3.1')</li>
</ul>
</div>
</div>
</section>
@endsection @endsection
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