Skip to content
Snippets Groups Projects
Commit 1e9c8f71 authored by Karl Hasselbring's avatar Karl Hasselbring
Browse files

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

parent 9221a8e1
No related branches found
No related tags found
1 merge request!1365Resolve "Filter Options for MetaGer"
......@@ -36,7 +36,8 @@ body {
display: flex;
flex-direction: column;
justify-content: center;
margin: 50px 0px;
align-items: center;
margin-top: 50px;
}
......
......@@ -2,91 +2,101 @@
@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 {
margin: 0px 0px 30px 0px;
}
.settings-modal-buttons {
padding: 5px;
button {
margin: 5px
#mglogo {
margin: 0px 0px 30px 0px;
}
}
.startpage-foki,
.foki {
display: flex;
flex-wrap: wrap;
justify-content: center;
input {
visibility: hidden;
&+.custom-focus-label {
border-radius: @foki-edge-rounding 0px 0px @foki-edge-rounding;
.settings-modal-buttons {
padding: 5px;
button {
margin: 5px
}
}
.startpage-foki,
.foki {
display: flex;
flex-wrap: wrap;
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 {
margin-left: 5px;
display: inline-block;
border-radius: 0px @foki-edge-rounding @foki-edge-rounding 0px;
label {
& span:not(.badge) {
background-color: transparent;
}
}
}
label {
& span:not(.badge) {
background-color: transparent;
.focus {
margin: 0px;
&~.focus {
margin-left: 10px;
}
&:hover {
.focus-label,
.focus-edit {
cursor: pointer;
background-color: @focus-hover-focus-edit-background-color;
}
}
}
}
.focus {
margin: 0px;
&~.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-label+.focus-edit {
background-color: @focus-radio-checked-focus-label-focus-edit-background-color;
}
}
}
.focus-radio:checked {
&+.focus-label,
&+.focus-label+.focus-edit {
background-color: @focus-radio-checked-focus-label-focus-edit-background-color;
.focus-label,
.focus-edit {
margin: 0px;
border-radius: 7px;
padding: 7px;
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 {
a {
font-size: 0.8em;
flex-grow: 2;
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 {
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">
<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>
</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 id="sponsors">
<h2>{{ trans('index.sponsors.head.2') }}</h2>
<ul class="startpage">
<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></div>
@endsection
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment