From 8c2f778b48f2acc212bebe3c64130aea73f5f66b Mon Sep 17 00:00:00 2001
From: Karl Hasselbring <karl@suma-ev.de>
Date: Mon, 1 Oct 2018 11:15:43 +0200
Subject: [PATCH] =?UTF-8?q?Partnershops=20haben=20jetzt=20ein=20Label=20gl?=
=?UTF-8?q?eich=20dem=20Label=20f=C3=BCr=20Werbeergebnisse.=20Die=20Partne?=
=?UTF-8?q?rshop-Seite=20hat=20einen=20neuen=20Text.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
resources/assets/less/metager/result.less | 391 +++++++++---------
resources/lang/de/partnershops.php | 22 +-
resources/lang/en/partnershops.php | 18 +-
resources/views/layouts/result.blade.php | 9 +-
resources/views/spende/partnershops.blade.php | 7 +-
5 files changed, 213 insertions(+), 234 deletions(-)
diff --git a/resources/assets/less/metager/result.less b/resources/assets/less/metager/result.less
index 128221ad7..b632f4696 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 3f6bab277..744a42412 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 a45bd82a0..4ffa5342e 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 5849b1164..530ae18b0 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 9bed3dfbd..4d4342df4 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
--
GitLab