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:",
......
......@@ -431,3 +431,9 @@ label a {
flex-direction: column;
align-items: center;
}
#impressum, #kontakt, #team, #about {
.card-heavy {
margin: 8px 0;
}
}
\ No newline at end of file
.donation-form-group {
#donation {
.donation-form-group {
text-align: left;
font-size: 12px;
}
}
.donation-form-group label {
.donation-form-group label {
font-weight: bold;
}
.section {
.card-light;
margin: 8px 0;
}
.col-left .section{
margin: 8px;
margin-left: 0;
@media(max-width: @screen-small){
margin-right: 0;
}
}
}
.hilfe,
.faq {
section {
.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;
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;
}
.kontext-list {
list-style: none;
}
.datum-list {
list-style: none;
}
samp {
hyphens: none;
font-size: 8pt;
}
}
\ 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,6 +3,7 @@
@section('title', $title )
@section('content')
<div id="about">
<h1 class="page-title">{{ trans('about.head.1') }}</h1>
<div class="card-heavy">
<h2>{{ trans('about.head.3') }}</h2>
......@@ -37,4 +38,5 @@
<li><p>{!! trans('spende.about.5') !!}</p></li>
</ul>
</div>
</div>
@endsection
......@@ -44,7 +44,9 @@
<h3>{!! trans('hilfe.result.title') !!}</h3>
<div>
<p>{!! trans('hilfe.result.info.1') !!}</p>
<img style = "margin: 10px 0px 10px 0px;" src = "/img/hilfe-php-resultpic-01.png">
<div class="image-container">
<img src="/img/hilfe-php-resultpic-01.png">
</div>
<ul class = "dotlist">
<li>{!! trans('hilfe.result.info.open') !!}</li>
<li>{!! trans('hilfe.result.info.newtab') !!}</li>
......@@ -52,7 +54,9 @@
<li>{!! trans('hilfe.result.info.more') !!}</li>
</ul>
<p>{!! trans('hilfe.result.info.2') !!}</p>
<img style = "margin: 10px 0px 10px 0px;" src = "/img/hilfe-php-resultpic-02.png">
<div class="image-container">
<img src="/img/hilfe-php-resultpic-02.png">
</div>
<ul class = "dotlist">
<li>{!! trans('hilfe.result.info.saveresult') !!}</li>
<li>{!! trans('hilfe.result.info.domainnewsearch') !!}</li>
......
......@@ -3,6 +3,7 @@
@section('title', $title )
@section('content')
<div id="impressum">
<h1 class="page-title">{!! trans('impressum.title') !!}</h1>
<div class="card-heavy">
<h2 class="wrap">{!! trans('impressum.headline.1') !!}</h2>
......@@ -19,4 +20,5 @@
<h2>{!! trans('impressum.info.9') !!}</h2>
<p>{!! trans('impressum.info.10') !!}</p>
</div>
</div>
@endsection
......@@ -3,6 +3,7 @@
@section('title', $title )
@section('content')
<div id="kontakt">
<h1 class="page-title">{!! trans('kontakt.headline.1') !!}</h1>
<div class="card-heavy">
<h2>{!! trans('kontakt.form.1') !!}</h2>
......@@ -46,4 +47,5 @@
<address>{!! trans('kontakt.letter.3') !!}</address>
</div>
<script src="{{ mix('js/lib.js') }}"></script>
</div>
@endsection
......@@ -6,7 +6,7 @@
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "datenschutz") }}">{{ trans('sidebar.nav3') }}</a>
</div>
<div>
<span class="hidden-xs">{{ trans('footer.sumaev.1') }} <a href="https://www.suma-ev.de/">{{ trans('footer.sumaev.2') }}</a></span>
<span class="hidden-xs">{{ trans('footer.sumaev.1') }} <a href="{{ trans('footer.sumaev.link') }}">{{ trans('footer.sumaev.2') }}</a></span>
</div>
</footer>
@endif
......@@ -5,7 +5,8 @@
@section('navbarFocus.donate', 'class="dropdown active"')
@section('content')
<div class="card-heavy">
<div id="donation">
<div class="section">
<h1>{!! trans('spende.headline.1') !!}</h1>
<h2>{!! trans('spende.headline.2') !!}</h2>
<p>{!! trans('spende.about.2') !!}</p>
......@@ -13,7 +14,7 @@
</div>
<div class="two-col">
<div class="col-left">
<div class="card-medium">
<div class="section">
<h3 id="lastschrift">{!! trans('spende.lastschrift.1') !!}</h3>
<p>{!! trans('spende.lastschrift.2') !!}</p>
<form id="donate" method="POST">
......@@ -48,11 +49,11 @@
</div>
</div>
<div class="col-right">
<div class="card-medium">
<div class="section">
<h3>{!! trans('spende.bankinfo.1') !!}</h3>
<p>{!! trans('spende.bankinfo.2') !!}</p>
</div>
<div class="card-medium">
<div class="section">
<h3>{!! trans('spende.paypal.title') !!}</h3>
<p>{!! trans('spende.paypal.subtitle') !!}</p>
<div class="center-wrapper">
......@@ -74,13 +75,14 @@
</form>
</div>
</div>
<div class="card-medium">
<div class="section">
<h3>{{ trans('spende.bitpay.title') }}</h3>
@include('spende.bitpay')
</div>
<div class="card-medium">
<div class="section">
<p>{!! trans('spende.lastschrift.10') !!}</p>
</div>
</div>
</div>
</div>
@endsection
......@@ -3,6 +3,7 @@
@section('title', $title )
@section('content')
<div id="team">
<h1 class="page-title">Team</h1>
<div class="card-heavy">
<ul class="dotlist">
......@@ -45,4 +46,5 @@
<p>{!! trans('team.contact.2') !!}</p>
<p>{!! trans('team.contact.3') !!}</p>
</div>
</div>
@endsection
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment