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

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;
 }
 
 

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%;

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.',

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