diff --git a/resources/assets/less/metager/result.less b/resources/assets/less/metager/result.less
index 128221ad7dc0e30913be68bb10fd04e974b34d47..b632f4696973d3ebda4019d846b26c4e3cf40132 100644
--- a/resources/assets/less/metager/result.less
+++ b/resources/assets/less/metager/result.less
@@ -5,202 +5,213 @@
@result-font-url: 14px;
@result-font-small: 12px;
.result {
- .card;
- margin: @resultpage-leftbox-min-dist-top-bottom 0px
- @resultpage-leftbox-min-dist-top-bottom 0px;
- padding: 15px;
- width: 100%;
- .result-header {
- .result-headline {
- display: flex;
- justify-content: space-between;
- .result-title {
- margin: 0px;
- & > * {
- font-size: @result-font-large;
+ .card;
+ margin: @resultpage-leftbox-min-dist-top-bottom 0px @resultpage-leftbox-min-dist-top-bottom 0px;
+ padding: 15px;
+ width: 100%;
+ .result-header {
+ display: flex;
+ flex-wrap: wrap;
+ .result-headline {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ .result-title {
+ margin: 0px;
+ &>* {
+ font-size: @result-font-large;
+ }
+ .overflow-ellipsis;
+ .result-price {
+ padding: 0px 10px;
+ color: white;
+ background-color: #666699;
+ border-radius: 3px;
+ }
+ a {
+ &,
+ &:active,
+ &:hover,
+ &:focus,
+ &:visited {
+ color: black;
+ text-decoration: none;
+ }
+ }
+ }
+ .result-hoster {
+ font-size: @result-font-small;
+ margin-left: 20px;
+ color: #808080;
+ white-space: nowrap;
+ }
}
- .overflow-ellipsis;
- .result-price {
- padding: 0px 10px;
- color: white;
- background-color: #666699;
- border-radius: 3px;
+ span.partnershop-info {
+ background-color: #0d9c0d;
+ color: white;
+ padding: 3px;
+ border-radius: 4px;
+ font-weight: bold;
+ font-size: 10px;
+ margin-right: 10px;
}
- a {
- &,
- &:active,
- &:hover,
- &:focus,
- &:visited {
- color: black;
- text-decoration: none;
- }
+ .result-link {
+ .overflow-ellipsis;
+ display: block;
+ font-size: @result-font-small;
+ width: fit-content;
+ max-width: 100%;
+ &,
+ &:active,
+ &:hover,
+ &:focus,
+ &:visited {
+ font-size: @result-font-url;
+ text-decoration: none;
+ }
+ span.advertisement-mark {
+ background-color: #0d9c0d;
+ color: white;
+ padding: 3px;
+ border-radius: 4px;
+ font-weight: bold;
+ font-size: 10px;
+ margin-right: 10px;
+ }
}
- }
- .result-hoster {
- font-size: @result-font-small;
- margin-left: 20px;
- color: #808080;
- white-space: nowrap;
- }
- }
- .result-link {
- .overflow-ellipsis;
- display: block;
- font-size: @result-font-small;
- width: fit-content;
- max-width: 100%;
- &,
- &:active,
- &:hover,
- &:focus,
- &:visited {
- font-size: @result-font-url;
- text-decoration: none;
- }
- span.advertisement-mark {
- background-color: #0d9c0d;
- color: white;
- padding: 3px;
- border-radius: 4px;
- font-weight: bold;
- font-size: 10px;
- margin-right: 10px;
- }
- }
- }
- .result-body {
- margin-top: 1px;
- width: 90%;
- display: flex;
- text-align: justify;
- .result-image {
- width: 180px;
- padding-right: 10px;
- margin-right: 10px;
- & img {
- display: block;
- max-width: 160px;
- max-height: 120px;
- width: auto;
- height: auto;
- }
- }
- .result-description {
- margin-bottom: 3px;
- word-break: break-word;
- color: @result-description-color;
- font-size: 13px;
- line-height: 1.3;
- clear: both;
- .date {
- font-weight: bold;
- }
- p {
- margin: 0;
- margin-bottom: 4px;
- }
- img {
- margin: 5px;
- margin-left: 0px;
- margin-right: 15px;
- height: auto;
- width: auto;
- max-width: 120px;
- max-height: 200px;
- border: solid 1px @result-description-img-border-color;
- }
- }
- }
- .result-footer {
- margin-top: 10px;
- display: flex;
- flex-wrap: wrap;
- & > *:not(:first-child) {
- margin-left: 20px;
- }
- .result-open,
- .result-open-newtab {
- &,
- &:active,
- &:hover,
- &:focus,
- &:visited {
- color: black;
- font-size: @result-font-small;
- text-decoration: none;
- }
}
- @media (max-width: 499px) {
- .result-open-newtab {
- display: none;
- }
- }
- .result-open-proxy {
- &,
- &:active,
- &:hover,
- &:focus,
- &:visited {
- color: black;
- font-size: @result-font-small;
- text-decoration: none;
- }
- white-space: nowrap;
- margin-left: 25px;
- img {
- margin-bottom: 0px;
- margin-right: 2px;
- }
- }
- .open-result-options {
- font-weight: normal;
- font-size: @result-font-small;
- flex-grow: 1;
- text-align: right;
- @media (max-width: 499px) {
- display: none;
- }
- }
- }
- &.ad .ad-label {
- &,
- & a,
- & a:active,
- & a:hover,
- & a:focus,
- & a:visited {
- font-size: @result-font-small;
- color: #808080;
+ .result-body {
+ margin-top: 1px;
+ width: 90%;
+ display: flex;
+ text-align: justify;
+ .result-image {
+ width: 180px;
+ padding-right: 10px;
+ margin-right: 10px;
+ & img {
+ display: block;
+ max-width: 160px;
+ max-height: 120px;
+ width: auto;
+ height: auto;
+ }
+ }
+ .result-description {
+ margin-bottom: 3px;
+ word-break: break-word;
+ color: @result-description-color;
+ font-size: 13px;
+ line-height: 1.3;
+ clear: both;
+ .date {
+ font-weight: bold;
+ }
+ p {
+ margin: 0;
+ margin-bottom: 4px;
+ }
+ img {
+ margin: 5px;
+ margin-left: 0px;
+ margin-right: 15px;
+ height: auto;
+ width: auto;
+ max-width: 120px;
+ max-height: 200px;
+ border: solid 1px @result-description-img-border-color;
+ }
+ }
}
- }
- & > .remover {
- cursor: pointer;
- text-align: right;
- color: #777;
- }
- & > .result-options {
- & > .options {
- width: 100%;
- text-align: right;
- overflow: hidden;
- max-height: 0px;
- transition: all 1s;
- -webkit-transition: all 1s;
- opacity: 0;
+ .result-footer {
+ margin-top: 10px;
+ display: flex;
+ flex-wrap: wrap;
+ &>*:not(:first-child) {
+ margin-left: 20px;
+ }
+ .result-open,
+ .result-open-newtab {
+ &,
+ &:active,
+ &:hover,
+ &:focus,
+ &:visited {
+ color: black;
+ font-size: @result-font-small;
+ text-decoration: none;
+ }
+ }
+ @media (max-width: 499px) {
+ .result-open-newtab {
+ display: none;
+ }
+ }
+ .result-open-proxy {
+ &,
+ &:active,
+ &:hover,
+ &:focus,
+ &:visited {
+ color: black;
+ font-size: @result-font-small;
+ text-decoration: none;
+ }
+ white-space: nowrap;
+ margin-left: 25px;
+ img {
+ margin-bottom: 0px;
+ margin-right: 2px;
+ }
+ }
+ .open-result-options {
+ font-weight: normal;
+ font-size: @result-font-small;
+ flex-grow: 1;
+ text-align: right;
+ @media (max-width: 499px) {
+ display: none;
+ }
+ }
}
- & > .result-toggle:checked + .options {
- max-height: 150px;
- overflow: initial;
- opacity: 1;
+ &.ad .ad-label {
+ &,
+ & a,
+ & a:active,
+ & a:hover,
+ & a:focus,
+ & a:visited {
+ font-size: @result-font-small;
+ color: #808080;
+ }
}
- li {
- font-size: 14px;
- text-transform: uppercase;
- margin: 10px 0;
+ &>.remover {
+ cursor: pointer;
+ text-align: right;
+ color: #777;
}
- li > a {
- color: black;
+ &>.result-options {
+ &>.options {
+ width: 100%;
+ text-align: right;
+ overflow: hidden;
+ max-height: 0px;
+ transition: all 1s;
+ -webkit-transition: all 1s;
+ opacity: 0;
+ }
+ &>.result-toggle:checked+.options {
+ max-height: 150px;
+ overflow: initial;
+ opacity: 1;
+ }
+ li {
+ font-size: 14px;
+ text-transform: uppercase;
+ margin: 10px 0;
+ }
+ li>a {
+ color: black;
+ }
}
- }
-}
+}
\ No newline at end of file
diff --git a/resources/lang/de/partnershops.php b/resources/lang/de/partnershops.php
index 3f6bab27774a642c11f4cad5ee5049ebb58b584a..744a424129b63490439987b546ba903a013ec32c 100644
--- a/resources/lang/de/partnershops.php
+++ b/resources/lang/de/partnershops.php
@@ -1,22 +1,8 @@
<?php
return [
- 'heading1' => 'MetaGer-Partnershop',
- 'absatz1' => 'Wenn in der MetaGer-Ergebnisliste Links erscheinen, bei denen das Wort
-"Partnershop" steht, dann sind das zunächst normale Ergebnisse einer
-MetaGer-Suche. Sie werden im Ranking nicht bevorzugt oder höher eingestuft,
-sondern wie alle anderen Suchergebnisse auch behandelt. Bei der Anzeige
-dieser Links werden - ebenso wie bei ALLEN MetaGer-Ergebnissen - auch keine
-Nutzerdaten weitergegeben.',
- 'absatz2' => 'Hinter diesem Link steht dann eine Firma, von der wir dann, wenn der Link
-angeklickt wird, einen geringen Betrag zur Finanzierung von MetaGer
-erhalten. Beim Ergebnis wird das zugehörige Firmenlogo angezeigt. Auch daran
-erkennen Sie immer unsere Partnershops. Beim Anlicken (und nur dann) eines solchen Ergebnisses werden
-auch die Nutzerdaten an die Klickadresse weitergegeben - wie bei allen Links
-aller Suchmaschinen. Wenn Sie dieses vermeiden wollen, dann können Sie bei
-MetaGer aber auf "anonym öffnen" klicken. Sie müssen also auch dabei Ihre
-Daten nicht weitergeben. Allerdings erhalten wir dann auch keinen Beitrag
-zur Finanzierung von MetaGer. Wir bitten Sie dann um eine Spende, damit wir
-MetaGer als unabhängige Alternative in einem gemeinnützigen Verein weiter
-entwickeln und betreiben können: <a href="/spende">https://metager.de/spende</a>',
+ 'heading' => 'MetaGer-Partnershop',
+ 'paragraph.1' => 'Wenn in der MetaGer-Ergebnisliste Links erscheinen, bei dennen das Wort "Partnershop" steht, dann sind das zunächst normale Ergebnisse einer MetaGer-Suche. Sie werden im Ranking nicht bevorzugt oder höher eingestuft, sondern wie alle anderen Suchergebnisse auch behandelt.',
+ 'paragraph.2' => 'Hinter diesem Link steht dann eine Firma, von der wir dann, wenn der Link angeklickt wird, einen geringen Betrag zur Finanzierung von MetaGer erhalten. Beim Ergebnis wird das zugehörige Firmenlogo angezeigt. Auch daran erkennen Sie immer unsere Partnershops. Beim Anklicken (und nur dann) eines solchen Ergebnisses werden auch Nutzerdaten an die Klickadresse weitergegeben. Zu diesen Nutzerdaten gehören auch die Suchbegriffe, die Sie auf MetaGer eingegeben haben, in Verbindung mit Ihrer IP-Adresse. Wenn Sie dies vermeiden wollen, dann können Sie bei MetaGer aber auf "anonym Ã¶ffnen" klicken. Sie müssen also auch dabei Ihre Daten nicht weitergeben. Allerdings erhalten wir dann auch keinen Beitrag zur Finanzierung von MetaGer. Wir bitten Sie dann um eine Spende, damit wir MetaGer als unabhängige Alternative in einem gemeinnützigen Verein weiter entwickeln und betreiben können: <a href="/spende">www.metager.de/spende</a>',
+ 'paragraph.3' => 'Mitglieder des SUMA_EV können unsere werbefreie Suche nutzen. <a href="/beitritt">Werden Sie Mitglied!</a>',
];
diff --git a/resources/lang/en/partnershops.php b/resources/lang/en/partnershops.php
index a45bd82a05d1b870945ae9fc5e87e6bcd1c39073..4ffa5342e399aa7e9dabab4ac5fce28e44c0786b 100644
--- a/resources/lang/en/partnershops.php
+++ b/resources/lang/en/partnershops.php
@@ -1,21 +1,5 @@
<?php
return [
- 'heading1' => 'MetaGer-Partnershop',
- 'absatz1' => 'If the MetaGer result list shows links which have the word "Partnershop" in
-that line, these are at first normal search results. They are not ranked
-higher or differently treated than all other search results of MetaGer. By
-showing these links we do not transfer any of your data to third parties -
-in the same way we do not transfer such data for ANY search.',
- 'absatz2' => 'Behind such links are companies which will pay us with a small amount of
-money if you click on that link. The result shows the company logo as well.
-By that you additionally recognize our partnershops (except links to Amazon via the Boost-Project). If you click on such
-link (and ONLY then) the user data will be given to the click address - in
-the same way as done by clicking the result links of all search engines. If
-you do not want that, then MetaGer optionally gives the possibility to click
-on "anonym öffnen" (open anonymously). So you do not have to give your user
-data to third parties. But in that case we do not receive a share to
-finance MetaGer. We appeal for a donation in that case, so that we are able
-to run and develope MetaGer as an independent alternative within a
-non-commercial NGO: <a href="/en/spende">https://metager.de/en/spende</a>',
+ 'heading' => 'MetaGer-Partnershop',
];
diff --git a/resources/views/layouts/result.blade.php b/resources/views/layouts/result.blade.php
index 5849b11648cbd586ac4be76a12b97027b32de642..530ae18b0c67077be9d72619a1a8315f71206b67 100644
--- a/resources/views/layouts/result.blade.php
+++ b/resources/views/layouts/result.blade.php
@@ -14,15 +14,12 @@
</h2>
<a class="result-hoster" href="{{ $result->gefVonLink }}" target="{{ $metager->getNewtab() }}" rel="noopener">{{ $result->gefVon }}</a>
</div>
+ @if( isset($result->partnershop) && $result->partnershop === TRUE )
+ <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/partnershops") }}" target="_blank" rel="noopener"><span class="partnershop-info">{!! trans('result.options.4') !!}</span></a>
+ @endif
<a class="result-link" href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" rel="noopener">
{{ $result->anzeigeLink }}
</a>
- @if( isset($result->partnershop) && $result->partnershop === TRUE )
- <span class="partnershop-info">
- <img src="/img/boosticon.png" height="13" alt="Partnershops">
- <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/partnershops") }}" target="_blank" rel="noopener">{!! trans('result.options.4') !!}</a>
- </span>
- @endif
</div>
<div class="result-body">
@if( isset($result->logo) )
diff --git a/resources/views/spende/partnershops.blade.php b/resources/views/spende/partnershops.blade.php
index 9bed3dfbd569a8c6e57b6f3e9e85ec44d8cee192..4d4342df44d90fcce59ee721b7bd781af06b87b8 100644
--- a/resources/views/spende/partnershops.blade.php
+++ b/resources/views/spende/partnershops.blade.php
@@ -5,7 +5,8 @@
@section('navbarFocus.datenschutz', 'class="active"')
@section('content')
- <h1>{{ trans('partnershops.heading1') }}</h1>
- <p>{{ trans('partnershops.absatz1') }}</p>
- <p>{!! trans('partnershops.absatz2') !!}</p>
+ <h1>{{ trans('partnershops.heading') }}</h1>
+ <p>{{ trans('partnershops.paragraph.1') }}</p>
+ <p>{!! trans('partnershops.paragraph.2') !!}</p>
+ <p>{!! trans('partnershops.paragraph.3') !!}</p>
@endsection