diff --git a/resources/assets/less/metager/general.less b/resources/assets/less/metager/general.less
index 6c6349e16454eb9f27f56a8ab87d07a2f9d241c0..65fcc7b44c03078455bae189ac42e39e8d1bed14 100644
--- a/resources/assets/less/metager/general.less
+++ b/resources/assets/less/metager/general.less
@@ -36,7 +36,8 @@ body {
display: flex;
flex-direction: column;
justify-content: center;
- margin: 50px 0px;
+ align-items: center;
+ margin-top: 50px;
}
diff --git a/resources/assets/less/metager/start-page.less b/resources/assets/less/metager/start-page.less
index 8b4b980c0af6ae625cc8a6546d01397477e409f1..d985ff2af74533dd30889b4325e62a62e4fdc512 100644
--- a/resources/assets/less/metager/start-page.less
+++ b/resources/assets/less/metager/start-page.less
@@ -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%;
diff --git a/resources/lang/de/index.php b/resources/lang/de/index.php
index 16be1c03cbb38514aaf2304f7eed0260c6b634ee..1b73fadd774ad242481764f7c7ee88f5e980a30c 100644
--- a/resources/lang/de/index.php
+++ b/resources/lang/de/index.php
@@ -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.',
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 41c60d163d31e2cf53f64a1916b85306307b389e..433f93d82df98e831b026fbddcacf7709b8f3e68 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -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