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
Hide whitespace changes
Inline Side-by-side
resources/assets/less/metager/general.less
+ 2
− 1
View file @ 407d5a59
......@@ -36,7 +36,8 @@ body {
display: flex;
flex-direction: column;
justify-content: center;
margin: 50px 0px;
align-items: center;
margin-top: 50px;
}
......
resources/assets/less/metager/start-page.less
+ 72
− 62
View file @ 407d5a59
......@@ -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%;
......
resources/lang/de/index.php
+ 3
− 3
View file @ 407d5a59
......@@ -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.',
......
resources/views/index.blade.php
+ 18
− 24
View file @ 407d5a59
......@@ -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% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment