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