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

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

parent 3a3160ed
No related branches found
No related tags found
4 merge requests!1262WIP: Resolve "Spendenseite Texte anpassen",!1207WIP: Resolve "Rechtschreibfehler",!1198Meta ger redesign,!1131Meta ger redesign
......@@ -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