Commit 6463cc6d authored by Dominik Hebeler's avatar Dominik Hebeler

Fixed style of the static pages

parent a5195133
......@@ -3,4 +3,5 @@
return [
'sumaev.1' => 'Ein Projekt des',
'sumaev.2' => 'SUMA-EV',
'sumaev.link' => 'https://suma-ev.de',
];
......@@ -3,4 +3,5 @@
return [
"sumaev.1" => "MetaGer is developed and run by ",
"sumaev.2" => "SUMA-EV - Association for Free Access to Knowledge.",
'sumaev.link' => 'https://suma-ev.de/en/index.html',
];
......@@ -14,8 +14,8 @@ return [
"lastschrift.3.placeholder" => "Name",
"lastschrift.4" => "Your E-Mail adress:",
"lastschrift.5" => "Your phone number to verify your donation by callback:",
"lastschrift.6" => "Your IBAN or bank account number:",
"lastschrift.7" => "Your BIC or bank code:",
"lastschrift.6" => "Your IBAN:",
"lastschrift.7" => "Your BIC (only for non SEPA countries):",
"lastschrift.8.value" => "Here you can tell us, what amount you want to donate:",
"lastschrift.8.value.placeholder" => "Donation amount",
"lastschrift.8.message" => "Here you can informally add a message to your donation:",
......
......@@ -430,4 +430,10 @@ label a {
display: flex;
flex-direction: column;
align-items: center;
}
#impressum, #kontakt, #team, #about {
.card-heavy {
margin: 8px 0;
}
}
\ No newline at end of file
.donation-form-group {
text-align: left;
font-size: 12px;
}
#donation {
.donation-form-group {
text-align: left;
font-size: 12px;
}
.donation-form-group label {
font-weight: bold;
}
.section {
.card-light;
margin: 8px 0;
}
.donation-form-group label {
font-weight: bold;
}
\ No newline at end of file
.col-left .section{
margin: 8px;
margin-left: 0;
@media(max-width: @screen-small){
margin-right: 0;
}
}
}
.hilfe,
.faq {
section {
.card-heavy;
.card-light;
@media(max-width: @screen-medium){
.card-medium;
}
@media(max-width: @screen-small){
.card-heavy;
}
margin: 4px 0;
h3 {
border-bottom: 1px solid #aaa;
}
......@@ -11,6 +18,16 @@
border-radius: 5px;
padding: 10px;
}
div.image-container {
align-items: center;
justify-content: center;
img {
margin: 10px 0;
padding: 8px;
border: 1px solid #ccc;
border-radius: 3px;
}
}
}
.fake-result {
*:hover {
......
.privacy {
main {
font-size: 10pt;
hyphens: auto;
counter-reset: kontext 0 datum 0;
text-align: justify;
}
h1 {
font-size: 18pt;
}
.kontext>h1::before {
counter-increment: kontext;
content: "K" counter(kontext) " ";
font-weight: normal;
}
.datum>h1::before {
counter-increment: datum;
content: "D" counter(datum) " ";
font-weight: normal;
}
.kontext h1 {
font-size: 16pt;
margin-bottom: inherit;
}
.kontext h2 {
font-size: 14pt;
margin-bottom: inherit;
}
.datum h1 {
font-size: 12pt;
margin-bottom: inherit;
}
.datum h2 {
font-size: 11pt;
margin-bottom: inherit;
margin-top: 5pt;
}
.kontext-list {
list-style: none;
}
.datum-list {
list-style: none;
}
samp {
hyphens: none;
font-size: 8pt;
ol, ul {
list-style-type: none;
padding-left: 0;
}
.section {
margin: 8px 0;
.card-light;
@media(max-width: @screen-medium){
.card-medium;
}
@media(max-width: @screen-small){
.card-heavy;
}
.kontext {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 8px 0;
.datum-list {
margin-top: 8px;
> li {
padding: 8px 0;
}
}
}
}
}
\ No newline at end of file
......@@ -26,5 +26,5 @@ sans-serif;
@padding-small-default: 8px;
// Screen sizes
@screen-mobile: 760px;
@screen-small: 1000;
@screen-small: 1000px;
@screen-medium: 1200px;
\ No newline at end of file
......@@ -3,38 +3,40 @@
@section('title', $title )
@section('content')
<h1 class="page-title">{{ trans('about.head.1') }}</h1>
<div class="card-heavy">
<h2>{{ trans('about.head.3') }}</h2>
<p class="lead">{!! trans('about.3.0') !!}</p>
<ul class="dotlist">
<li>{!! trans('about.3.1') !!}</li>
<li>{!! trans('about.3.2') !!}</li>
<li>{!! trans('about.3.3') !!}</li>
<li>{!! trans('about.3.4') !!}</li>
<li>{!! trans('about.3.5') !!}</li>
<li>{!! trans('about.3.6') !!}</li>
<li>{!! trans('about.3.7') !!}</li>
</ul>
</div>
<div class="card-heavy">
<h2>{{ trans('about.head.2') }}</h2>
<ul class="dotlist">
<li>{!! trans('about.list.1') !!}</li>
<li>{!! trans('about.list.2') !!}</li>
<li>{!! trans('about.list.3') !!}</li>
<li>{!! trans('about.list.4') !!}</li>
<li>{!! trans('about.list.5') !!}</li>
<li>{!! trans('about.list.6') !!}</li>
<li>{!! trans('about.list.7') !!}</li>
</ul>
</div>
<div class="card-heavy">
<h2>{{ trans('about.head.4') }}</h2>
<ul class="dotlist">
<li><p>{!! trans('spende.about.3') !!}</p></li>
<li><p>{!! trans('spende.about.4') !!}</p></li>
<li><p>{!! trans('spende.about.5') !!}</p></li>
</ul>
<div id="about">
<h1 class="page-title">{{ trans('about.head.1') }}</h1>
<div class="card-heavy">
<h2>{{ trans('about.head.3') }}</h2>
<p class="lead">{!! trans('about.3.0') !!}</p>
<ul class="dotlist">
<li>{!! trans('about.3.1') !!}</li>
<li>{!! trans('about.3.2') !!}</li>
<li>{!! trans('about.3.3') !!}</li>
<li>{!! trans('about.3.4') !!}</li>
<li>{!! trans('about.3.5') !!}</li>
<li>{!! trans('about.3.6') !!}</li>
<li>{!! trans('about.3.7') !!}</li>
</ul>
</div>
<div class="card-heavy">
<h2>{{ trans('about.head.2') }}</h2>
<ul class="dotlist">
<li>{!! trans('about.list.1') !!}</li>
<li>{!! trans('about.list.2') !!}</li>
<li>{!! trans('about.list.3') !!}</li>
<li>{!! trans('about.list.4') !!}</li>
<li>{!! trans('about.list.5') !!}</li>
<li>{!! trans('about.list.6') !!}</li>
<li>{!! trans('about.list.7') !!}</li>
</ul>
</div>
<div class="card-heavy">
<h2>{{ trans('about.head.4') }}</h2>
<ul class="dotlist">
<li><p>{!! trans('spende.about.3') !!}</p></li>
<li><p>{!! trans('spende.about.4') !!}</p></li>
<li><p>{!! trans('spende.about.5') !!}</p></li>
</ul>
</div>
</div>
@endsection
<div class="card-heavy">
<div>
<h1>Data protection at MetaGer/SUMA-EV</h1>
For maximum transparency, we list the information we collect from you and how we use it. The protection of your data is important to us and it should be you, too.
<br /><strong>Please read this statement thoroughly; it is in your interest.</strong>
</div>
<div>
<h1>Person responsible and contact person</h1>
MetaGer and related services are operated by <a href="https://suma-ev.de/impressum.html">SUMA-EV</a>, which is also the author of this statement. By "we" in this statement usually SUMA-EV is meant.
<br />Our contact details can be found in our <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">site notice</a>. We can be reached by e-mail at <a href="mailto:office@suma-ev.de">office@suma-ev.de</a>.
</div>
<div>
<h1>Principles</h1>
As a non-profit organization, we have committed ourselves to free access to knowledge. Since we know that free research is not compatible with mass surveillance, we also take privacy very seriously. We always only process the data that is necessary for the operation of our services. Data protection is always the standard we aim for. We do not operate profiling – i.e. the automatic creation of user profiles.
</div>
<div>
<h1>Accumulating data by context</h1>
<ol>
<li class="kontext-list">
<article class="kontext">
<h1>Using the web search engine MetaGer</h1>
When using our web search engine MetaGer via their web form or through their OpenSearch interface, the following data is generated:
<ol class="datum-list">
<li>
<article class="datum">
<h1 id="ip-address">Internet protocol address</h1>
The Internet protocol address (hereafter referred to as IP) is necessary to use web services such as MetaGer. This IP, in combination with a date similar to a telephone number, uniquely identifies Internet access and its owner.
<br />In general, the first three (out of four) blocks of an IP are not personal. When rear blocks of the IP are truncated, the truncated address identifies the approximate geographic area around the Internet connection.
<h2>Examples (full IP address)</h2>
<samp>154.67.88.47</samp><br />
<samp>82.159.53.49</samp>
<h2>Examples (only the first two blocks)</h2>
<samp>154.67.0.0</samp><br />
<samp>82.159.0.0</samp>
<h2>What does MetaGer/SUMA-EV do with it?</h2>
<ol>
<li>To protect our service from congestion, we need to limit the number of search queries per Internet connection. For this purpose alone, we store the full IP address and a timestamp for a maximum of 96 hours. If a noticeable number of searches are performed by an IP, this IP is temporarily stored in a revocation list (maximum 96 hours after the last search). Then the IP is deleted.
</li>
<li>In addition to donations and membership fees, we must finance our operation through non-personalized advertising on the results page. To receive this advertising, we give the first two blocks of the IP in connection with parts of the so-called user agent to our advertising partners
</li>
</ol>
<h2>Which rights do I have as a user?</h2>
Since the full form of the Internet Protocol address is personal, you have the following rights in particular:
<a href="#ihrerechte">View rights</a>
</article>
</li>
<li>
<article class="datum">
<h1 id="search-request">Entered search query</h1>
Entered search terms are mandatory for a web search. As a rule, personal data cannot be obtained from them; partly because they have no fixed structure.
<h2>Beispiele</h2>
<samp>Water consumption when showering</samp><br />
<samp>Lyrics from the song There was a bird on a tree</samp><br />
<samp>Grakvaloth</samp><br />
<samp>WHO abbreviation</samp>
<h2>What does MetaGer/SUMA-EV do with it?</h2>
<ol>
<li>As an integral part of the Metasearch, the search query will be transmitted to our partners to get search results for display on the results page. The results, including the search term, are kept for display for a few hours.
</li>
</ol>
</article>
</li>
<li>
<article class="datum">
<h1 id="user-agent">User Agent Name</h1>
When a website is opened, your browser automatically sends an identifier, usually with data about the browser and operating system used. This browser identifier (the so-called user agent) can be used by web pages, for example, to recognize mobile devices and present them with a customized output.
<h2>Example</h2>
<samp>Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:59.0) Gecko/20100101 Firefox/59.0</samp>
<h2>What does MetaGer/SUMA-EV do with it?</h2>
<ol>
<li>In addition to donations and membership fees, we must finance our operation through non-personalized advertising on the results page. To receive this advertising, we give parts of the user agent in connection with the first two blocks of the so-called <a href="#ip-address">IP-Adresse</a> to our advertising partners.
</li>
</ol>
</article>
</li>
<li>
<article class="datum">
<h1>User preferences</h1>
In addition to form data and user agent, the browser often transmits additional data. These include language selection, search settings, accept header, do-not-track header and more.
<h2>Examples</h2>
<samp>interface=de sprachfilter=all fokus=web</samp><br />
<samp>interface=de sprachfilter=de fokus=nachrichten</samp><br />
<samp>interface=en sprachfilter=en fokus=web</samp>
<h2>What does MetaGer / SUMA-EV do with it?</h2>
<ol>
<li>We use this data (e.g., language settings) to answer the query.</li>
<li>We store some of these data non-personally for statistical purposes.</li>
</ol>
</article>
</li>
</ol>
</article>
<article class="kontext">
<h1 id="contact">Use of the contact form</h1>
When using the MetaGer contact form, we collect the following information that we store for reference purposes up to 2 months after your request has been completed:
<ol class="datum-list">
<li>
<article class="datum">
<h1>Contact data</h1>
This includes the name you provided (first and last name) and your e-mail address. We only use this data to answer you and under no circumstances pass it on to third parties.
<h2>Examples</h2>
<samp>Max Mustermann, mail@example.com</samp><br />
<samp>Erika Musterfrau, erika_m@domain.de</samp><br />
</article>
</li>
<li>
<article class="datum">
<h1>Message</h1>
The message entered here will be transmitted to us and used to process your request.
<h2>Examples</h2>
<samp>Feedback to MetaGer</samp><br />
<samp>MetaGer as a browser plug-in</samp><br/>
</article>
</li>
</ol>
</article>
<article class="kontext">
<h1 id="donation">Use of the donation form</h1>
The following data submitted in the donation form will be stored for processing for 2 months:
<ol class="datum-list">
<li>
<article class="datum">
<h1>Contact data</h1>
This includes the name you provided (first and last name) and your e-mail address. We use this data exclusively for any queries and under no circumstances pass them on to third parties.
<h2>Examples</h2>
<samp>Max Mustermann, mail@example.com</samp><br />
<samp>Erika Musterfrau, erika_m@domain.de</samp><br />
</article>
</li>
<li>
<article class="datum">
<h1>Payment data</h1>
The payment data will be used exclusively to process the donation and under no circumstances will be passed on to third parties.
</article>
</li>
<li>
<article class="datum">
<h1>Message (optional)</h1>
The message entered here will be transmitted to us and considered when processing your donation.
</article>
</li>
</ol>
</article>
<article class="kontext">
<h1>Simple Website useage</h1>
When visiting websites of the domain "suma-ev.de", the following data are collected and stored for up to one week:
<ul>
<li>Your IP-Address</li>
<li>Name and URL of the retrieved file</li>
<li>Date and time of access</li>
<li>The referrer you sent</li>
<li>The user agent you sent</li>
</ul>
We use the aforementioned data to ensure the functionality of the website and to protect ourselves from attacks. The legal basis for the processing is, therefore, a legitimate interest under Art. 6 para. 1 lit. f GDPR.
<br/>
On the other websites of our domains, we process the collected data only to answer inquiries and in the context of the other points of this privacy policy.
<br/>
On the start page of our service MetaGer we use the User-Agent you have assigned, to show you the appropriate plug-in installation guide to your browser.
<div>
<div class="section">
<h1>Data protection at MetaGer/SUMA-EV</h1>
For maximum transparency, we list the information we collect from you and how we use it. The protection of your
data is important to us and it should be you, too.
<br /><strong>Please read this statement thoroughly; it is in your interest.</strong>
</div>
<div class="section">
<h1>Person responsible and contact person</h1>
MetaGer and related services are operated by <a href="https://suma-ev.de/impressum.html">SUMA-EV</a>, which is
also the author of this statement. By "we" in this statement usually SUMA-EV is meant.
<br />Our contact details can be found in our <a
href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">site
notice</a>. We can be reached by e-mail at <a href="mailto:office@suma-ev.de">office@suma-ev.de</a>.
</div>
<div class="section">
<h1>Principles</h1>
As a non-profit organization, we have committed ourselves to free access to knowledge. Since we know that free
research is not compatible with mass surveillance, we also take privacy very seriously. We always only process
the data that is necessary for the operation of our services. Data protection is always the standard we aim for.
We do not operate profiling – i.e. the automatic creation of user profiles.
</div>
<div class="section">
<h1>Accumulating data by context</h1>
<ol>
<li class="kontext-list">
<article class="kontext">
<h2>Using the web search engine MetaGer</h2>
When using our web search engine MetaGer via their web form or through their OpenSearch interface,
the following data is generated:
<ol class="datum-list">
<li>
<article class="datum">
<h3 id="ip-address">Internet protocol address</h3>
The Internet protocol address (hereafter referred to as IP) is necessary to use web
services such as MetaGer. This IP, in combination with a date similar to a telephone
number, uniquely identifies Internet access and its owner.
<br />In general, the first three (out of four) blocks of an IP are not personal. When
rear blocks of the IP are truncated, the truncated address identifies the approximate
geographic area around the Internet connection.
<h4>Examples (full IP address)</h4>
<samp>154.67.88.47</samp><br />
<samp>82.159.53.49</samp>
<h4>Examples (only the first two blocks)</h4>
<samp>154.67.0.0</samp><br />
<samp>82.159.0.0</samp>
<h3>What does MetaGer/SUMA-EV do with it?</h3>
<ol>
<li>To protect our service from congestion, we need to limit the number of search
queries per Internet connection. For this purpose alone, we store the full IP
address and a timestamp for a maximum of 96 hours. If a noticeable number of
searches are performed by an IP, this IP is temporarily stored in a revocation
list (maximum 96 hours after the last search). Then the IP is deleted.
</li>
<li>In addition to donations and membership fees, we must finance our operation
through non-personalized advertising on the results page. To receive this
advertising, we give the first two blocks of the IP in connection with parts of
the so-called user agent to our advertising partners
</li>
</ol>
<h3>Which rights do I have as a user?</h3>
Since the full form of the Internet Protocol address is personal, you have the following
rights in particular:
<a href="#ihrerechte">View rights</a>
</article>
</li>
<li>
<article class="datum">
<h3 id="search-request">Entered search query</h3>
Entered search terms are mandatory for a web search. As a rule, personal data cannot be
obtained from them; partly because they have no fixed structure.
<h4>Beispiele</h4>
<samp>Water consumption when showering</samp><br />
<samp>Lyrics from the song There was a bird on a tree</samp><br />
<samp>Grakvaloth</samp><br />
<samp>WHO abbreviation</samp>
<h4>What does MetaGer/SUMA-EV do with it?</h4>
<ol>
<li>As an integral part of the Metasearch, the search query will be transmitted to
our partners to get search results for display on the results page. The results,
including the search term, are kept for display for a few hours.
</li>
</ol>
</article>
</li>
<li>
<article class="datum">
<h3 id="user-agent">User Agent Name</h3>
When a website is opened, your browser automatically sends an identifier, usually with
data about the browser and operating system used. This browser identifier (the so-called
user agent) can be used by web pages, for example, to recognize mobile devices and
present them with a customized output.
<h4>Example</h4>
<samp>Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:59.0) Gecko/20100101
Firefox/59.0</samp>
<h4>What does MetaGer/SUMA-EV do with it?</h4>
<ol>
<li>In addition to donations and membership fees, we must finance our operation
through non-personalized advertising on the results page. To receive this
advertising, we give parts of the user agent in connection with the first two
blocks of the so-called <a href="#ip-address">IP-Adresse</a> to our advertising
partners.
</li>
</ol>
</article>
</li>
<li>
<article class="datum">
<h3>User preferences</h3>
In addition to form data and user agent, the browser often transmits additional data.
These include language selection, search settings, accept header, do-not-track header
and more.
<h4>Examples</h4>
<samp>interface=de sprachfilter=all fokus=web</samp><br />
<samp>interface=de sprachfilter=de fokus=nachrichten</samp><br />
<samp>interface=en sprachfilter=en fokus=web</samp>
<h4>What does MetaGer / SUMA-EV do with it?</h4>
<ol>
<li>We use this data (e.g., language settings) to answer the query.</li>
<li>We store some of these data non-personally for statistical purposes.</li>
</ol>
</article>
</li>
</ol>
</article>
<article class="kontext">
<h2 id="contact">Use of the contact form</h2>
When using the MetaGer contact form, we collect the following information that we store for
reference purposes up to 2 months after your request has been completed:
<ol class="datum-list">
<li>
<article class="datum">
<h3>Contact data</h3>
This includes the name you provided (first and last name) and your e-mail address. We
only use this data to answer you and under no circumstances pass it on to third parties.
<h4>Examples</h4>
<samp>Max Mustermann, mail@example.com</samp><br />
<samp>Erika Musterfrau, erika_m@domain.de</samp><br />
</article>
</li>
<li>
<article class="datum">
<h3>Message</h3>
The message entered here will be transmitted to us and used to process your request.
<h4>Examples</h4>
<samp>Feedback to MetaGer</samp><br />
<samp>MetaGer as a browser plug-in</samp><br />
</article>
</li>
</ol>
</article>
<article class="kontext">
<h2 id="donation">Use of the donation form</h2>
The following data submitted in the donation form will be stored for processing for 2 months:
<ol class="datum-list">
<li>
<article class="datum">
<h3>Contact data</h3>
This includes the name you provided (first and last name) and your e-mail address. We
use this data exclusively for any queries and under no circumstances pass them on to
third parties.
<h4>Examples</h4>
<samp>Max Mustermann, mail@example.com</samp><br />
<samp>Erika Musterfrau, erika_m@domain.de</samp><br />
</article>
</li>
<li>
<article class="datum">
<h3>Payment data</h3>
The payment data will be used exclusively to process the donation and under no
circumstances will be passed on to third parties.
</article>
</li>
<li>
<article class="datum">
<h3>Message (optional)</h3>
The message entered here will be transmitted to us and considered when processing your
donation.
</article>
</li>
</ol>
</article>
<article class="kontext">
<h2>Simple Website useage</h2>
When visiting websites of the domain "suma-ev.de", the following data are collected and stored for
up to one week:
<ul>
<li>Your IP-Address</li>
<li>Name and URL of the retrieved file</li>
<li>Date and time of access</li>
<li>The referrer you sent</li>