diff --git a/resources/assets/less/metager/general.less b/resources/assets/less/metager/general.less index 3e4da558c72f3ae6e484aa6c69bd7cf28bdc2fd0..5d52a4044c9a30c22d3c3561ea8dea47725776b4 100644 --- a/resources/assets/less/metager/general.less +++ b/resources/assets/less/metager/general.less @@ -4,7 +4,6 @@ font-family: Liberation Sans, sans-serif; } - /* Main Containers */ html, @@ -60,22 +59,21 @@ body { box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); } - /* General font sizing */ @default-font-size: 15px; h1 { - font-size: @default-font-size * 1.6; + font-size: (@default-font-size * 1.6); .first-last-child-margin-fix; } h2 { - font-size: @default-font-size * 1.4; + font-size: (@default-font-size * 1.4); .first-last-child-margin-fix; } h3 { - font-size: @default-font-size * 1.2; + font-size: (@default-font-size * 1.2); .first-last-child-margin-fix; } @@ -90,7 +88,7 @@ p { } .page-title { - font-size: @default-font-size * 3; + font-size: (@default-font-size * 3); text-align: center; } @@ -99,7 +97,6 @@ p { text-align: center; } - /* Logo */ .logo { @@ -135,7 +132,6 @@ p { } } - /* Links that look like text */ .mutelink { @@ -148,7 +144,6 @@ p { } } - /* Summary Elements */ summary { @@ -173,7 +168,6 @@ summary { } } - /* Tooltips * * Für alle Elemente mit einem "data-tooltip"-Attribut wird ein @@ -224,7 +218,6 @@ summary { } } - /* For Containers that are supposed to split their content up into two columns */ .two-col { @@ -238,7 +231,6 @@ summary { } } - /* Links */ // Internal, but design differs from other pages @@ -265,7 +257,6 @@ summary { } } - /* Little helpers */ .bold { @@ -274,7 +265,7 @@ summary { .noprint { @media print { - display: none!important; + display: none !important; } } @@ -294,6 +285,12 @@ summary { white-space: nowrap; } +/* Button */ + +button { + border: none; + background-color: transparent; +} /* Unsorted */ diff --git a/resources/assets/less/metager/result-page.less b/resources/assets/less/metager/result-page.less index 9f0b051357ff4c84355945ce91cc8f6ddeae8760..22d965405953a0e8111f8109ce8ddd6dbfd9c527 100644 --- a/resources/assets/less/metager/result-page.less +++ b/resources/assets/less/metager/result-page.less @@ -7,7 +7,7 @@ // @resultpage-background-color: #FAFAFA; // -@results-margin-left: @resultpage-leftbox-big-screen-margin-left; +@results-margin-left: 16px; // @result-page-body-background-color: @background-color; @result-page-a-hover-color: red; @@ -31,7 +31,6 @@ @resultpage-leftbox-max-width: @results-width-max; @resultpage-leftbox-min-dist-left-right: @padding-small-default; @resultpage-leftbox-min-dist-top-bottom: @padding-small-default; -@resultpage-leftbox-big-screen-margin-left: 50px; // @logo-size-breakpoint: (@results-width-min + @padding-small-default * 2); // @@ -351,6 +350,7 @@ a { #resultpage-container { margin: @padding-small-default; + margin-left: @results-margin-left; display: grid; grid-template-columns: @results-width-max @additions-width-max; grid-template-areas: "searchbar ." "foki ." "results additions"; @@ -362,9 +362,6 @@ a { background-color: @resultpage-background-color; #research-bar-container { grid-area: searchbar; - /**/ - width: (@results-width-max + @padding-small-default * 2); - max-width: (@results-width-max + @padding-small-default * 2); } #research-bar-placeholder { grid-area: searchbar; @@ -395,17 +392,12 @@ a { } @media (max-width: @resultpage-breakpoint-large) { @supports (display: grid) { - #research-bar-container { - width: ~"calc(60% - 1px)"; - } grid-template-columns:~"calc(60% - 8px)"~"calc(40% - 8px)"; grid-template-areas: "searchbar ." "foki ." "results additions"; } } @media (max-width: @resultpage-breakpoint-small) { - #research-bar-container { - width: 100%; - } + margin-left: @padding-small-default; grid-template-columns: 100%; grid-template-areas: "searchbar" "foki" "results"; #additions-container { @@ -415,12 +407,24 @@ a { } #research-bar-container { + margin-left: (@results-margin-left - @padding-small-default); position: fixed; z-index: 100; top: 0; left: 0; background-color: @resultpage-background-color; - padding: 8px 8px 0px 8px; + padding: @padding-small-default @padding-small-default 0px @padding-small-default; + width: (@results-width-max + 2 * @padding-small-default); + max-width: (@results-width-max + 2 * @padding-small-default); + @media (max-width: @resultpage-breakpoint-large) { + @supports (display: grid) { + width: ~"calc(60% - 6px)"; + } + } + @media (max-width: @resultpage-breakpoint-small) { + width: 100%; + margin-left: 0px; + } #research-bar { background-color: white; border: 1px solid #ccc; diff --git a/resources/lang/de/beitritt.php b/resources/lang/de/beitritt.php index 4ff2ac392205845bd11b77a96abbb1f020b409e4..6eb7c609278d211a44fdb81f512dad1ba5e5c129 100644 --- a/resources/lang/de/beitritt.php +++ b/resources/lang/de/beitritt.php @@ -2,6 +2,7 @@ return [ 'heading.1' => 'SUMA-EV Aufnahmeantrag', + 'heading.2' => 'Im folgenden erheben wir Daten, die erforderlich sind und Daten, die Sie uns freiwillig mitteilen können. Für die Verwaltung der Mitgliedschaft mindestens erforderliche Daten sind: Name, Vorname, (gegebenenfalls Firmenname), postalische Adresse (ladungsfähige Anschrift). Diese Daten, aber auch die nicht erforderlichen, vernichten wir zwei Jahre nach Beendigung der Mitgliedschaft. Sollten Sie sich entscheiden, uns eine Abbuchungserlaubnis für ihr Konto zu erteilen, legen wir mit Hilfe dieser Daten eine automatische Abbuchung bei unserer Bank an (GLS-Bank) und verwahren die Papierunterlage getrennt von Ihren anderen persönlichen Daten in einem sicheren Schrank. Wir behalten diese Daten, um eine Abbuchungserlaubnis nachweisen zu können. Wenn Sie einer Abbuchung widersprechen und damit eine Rückbuchung veranlassen, endet Ihre Mitgliedschaft mit sofortiger Wirkung.', 'beitritt.1' => 'Hiermit erkläre ich,', 'placeholder.1' => 'Name, Vorname', 'beitritt.2' => 'für die Firma:', diff --git a/resources/lang/de/kontakt.php b/resources/lang/de/kontakt.php index c37849087cef39576a71548e846c9d423659ccea..6e7d8665dfb2a24de95098a3f31463c2d998103c 100644 --- a/resources/lang/de/kontakt.php +++ b/resources/lang/de/kontakt.php @@ -2,23 +2,23 @@ return [ 'headline.1' => 'Kontakt', - 'form.1' => 'Sicheres Kontakformular', - 'form.2' => 'Über dieses Formular können Sie uns kontaktieren. -Alternativ können Sie uns natürlich auch per <a href="mailto:support@suma-ev.de">email</a> erreichen.', -'form.name' => "Name (Vorname Nachname)", - 'form.5' => 'Ihre e-mail-Adresse', - 'form.6' => 'Ihre Nachricht', - 'form.7' => 'Betreff', - 'form.8' => 'Senden', + 'form.1' => 'Sicheres Kontakformular', + 'form.2' => 'Über dieses Formular können Sie uns kontaktieren. +Alternativ können Sie uns natürlich auch per <a href="mailto:support@suma-ev.de">E-Mail</a> erreichen.', + 'form.name' => "Name (Vorname Nachname)", + 'form.5' => 'Ihre E-Mail-Adresse', + 'form.6' => 'Ihre Nachricht', + 'form.7' => 'Betreff', + 'form.8' => 'Senden', - 'mail.1' => 'Per Email', - 'mail.2' => 'Sie können uns auch direkt eine email an die folgende Adresse schicken: <a href="mailto:office@suma-ev.de">office@suma-ev.de</a>', - 'mail.3' => 'Falls Sie diese verschlüsseln wollen, finden Sie nachfolgend unseren öffentlichen OpenPGP-Schlüssel:', - 'letter.1' => 'Per Brief-Post', - 'letter.2' => 'Wir ziehen es vor, auf digitalem Wege kontaktiert zu werden. + 'mail.1' => 'Per E-Mail', + 'mail.2' => 'Sie können uns auch direkt eine E-Mail an die folgende Adresse schicken: <a href="mailto:office@suma-ev.de">office@suma-ev.de</a>', + 'mail.3' => 'Falls Sie diese verschlüsseln wollen, finden Sie nachfolgend unseren öffentlichen OpenPGP-Schlüssel:', + 'letter.1' => 'Per Brief-Post', + 'letter.2' => 'Wir ziehen es vor, auf digitalem Wege kontaktiert zu werden. Wenn Sie jedoch eine postalische Kontaktaufnahme als unbedingt nötig erachten, erreichen Sie uns unter der folgenden Adresse:', - 'letter.3' => 'SUMA-EV + 'letter.3' => 'SUMA-EV Röselerstr. 3 30159 Hannover Germany', diff --git a/resources/lang/de/team.php b/resources/lang/de/team.php index c2d1ec9abd47a3513553649b2958ac73991fcb90..e96c6afa69d06bd59ae0c39a32fa2fea6987e6c0 100644 --- a/resources/lang/de/team.php +++ b/resources/lang/de/team.php @@ -1,15 +1,15 @@ <?php return [ - 'role.1' => 'Geschäftsführender Vorstand/CEO', - 'role.2' => 'Büroleiter und Jugendschutzbeauftragter', - 'role.3' => 'Pressereferentin', - 'role.4' => 'Programmierer', - 'role.5' => 'Programmierer', - 'role.6' => 'Programmierer', - 'role.7' => 'Sekretariat', + 'role.1' => 'Geschäftsführender Vorstand/CEO', + 'role.2' => 'Büroleiter und Jugendschutzbeauftragter', + 'role.3' => 'Pressereferentin', + 'role.4' => 'Programmierer', + 'role.5' => 'Programmierer', + 'role.6' => 'Programmierer', + 'role.7' => 'Sekretariat', - 'contact.1' => 'Fragen/Probleme zu MetaGer etc. bitte immer an <a href="mailto:office@suma-ev.de">office@suma-ev.de</a> mailen, oder das <a href="/kontakt/">Kontaktformular mit Verschlüsselung</a> benutzten, oder am besten: ins <a href="http://forum.suma-ev.de/" target="_blank" rel="noopener">MetaGer-Forum</a> schreiben. Wir können bei der Vielzahl der Anfragen nicht immer zeitnah antworten - im <a href="http://forum.suma-ev.de/" target="_blank" rel="noopener">MetaGer-Forum</a> können Ihnen wahrscheinlich auch andere MetaGer-Nutzer weiterhelfen, und von den Fragen und Antworten profitieren ALLE.', - 'contact.2' => 'Und falls Sie jemals eine EMail mit "seltsamem" Inhalt bekommen sollten, auf der unsere Namen und/oder unsere EMail Adressen als Absender genannt sind, dann lesen Sie bitte hier weiter: <a href="https://metager.de/wsb/fakemail/">https://metager.de/wsb/fakemail/</a>', + 'contact.1' => 'Fragen/Probleme zu MetaGer etc. bitte immer an <a href="mailto:office@suma-ev.de">office@suma-ev.de</a> mailen, oder das <a href="/kontakt/">Kontaktformular mit Verschlüsselung</a> benutzten.', + 'contact.2' => 'Sollten Sie jemals eine E-Mail mit seltsamem Inhalt bekommen, auf der unsere Namen und/oder unsere E-Mail Adressen als Absender genannt sind, lesen Sie bitte hier weiter: <a href="https://metager.de/wsb/fakemail/">https://metager.de/wsb/fakemail/</a>', 'contact.3' => 'Nur in begründeten Ausnahmefällen, wenn Sie bestimmte Personen direkt erreichen wollen, sollten Sie an diese mailen. Denn Team-Mitglieder können Urlaub haben, krank sein usw.', ]; diff --git a/resources/lang/en/team.php b/resources/lang/en/team.php index ff2815e5a498d0f84fb13e7180ff543d9a24d629..2f1df0ed28cc42a4c361380329bb84b70fc6f3e3 100644 --- a/resources/lang/en/team.php +++ b/resources/lang/en/team.php @@ -1,14 +1,14 @@ <?php return [ - "role.1" => "chief executive, chairman", - "role.2" => "office supervisor und youth protection commissioner", - "role.3" => "press secretary", - "role.4" => "programmer", - "role.5" => "programmer", - "role.6" => "programmer", - "role.7" => "secretary", - "contact.1" => "Please mail your questions/problems about MetaGer etc. to <a href=\"mailto:office@suma-ev.de\">office@suma-ev.de</a> or use the <a href=\"/en/kontakt/\">contact form with encryption</a>, or preferably make a post in the <a href=\"http://forum.suma-ev.de/\" target=\"_blank\" rel=\"noopener\">MetaGer-forum</a>. Due to the amount of requests, we can not always answer promptly - in the <a href=\"http://forum.suma-ev.de/\" target=\"_blank\" rel=\"noopener\">MetaGer-forum</a> there are probably other users which can help you aswell, and the questions and answers benefit everyone.", - "contact.2" => "And: If getting any emails from us with strange contents please read more about this: <a href=\"https://metager.de/wsb/fakemail/\">https://metager.de/wsb/fakemail/</a>", - "contact.3" => "Only in reasoned exceptions, if you want to rech someone directly, you should mail them. Because team members might be on vacation, sick etc." -]; \ No newline at end of file + "role.1" => "chief executive, chairman", + "role.2" => "office supervisor und youth protection commissioner", + "role.3" => "press secretary", + "role.4" => "programmer", + "role.5" => "programmer", + "role.6" => "programmer", + "role.7" => "secretary", + "contact.1" => "Please mail your questions/problems about MetaGer etc. to <a href=\"mailto:office@suma-ev.de\">office@suma-ev.de</a> or use the <a href=\"/en/kontakt/\">contact form with encryption</a>.", + "contact.2" => "If u get any emails with strange contents from us please read more about this: <a href=\"https://metager.de/wsb/fakemail/\">https://metager.de/wsb/fakemail/</a>", + "contact.3" => "Only in reasoned exceptions, if you want to rech someone directly, you should mail them. Because team members might be on vacation, sick etc.", +]; diff --git a/resources/lang/es/team.php b/resources/lang/es/team.php index 5ebd061486160acbda322a10e376b830e410ab93..bccb1e1949c00084a5ea91d36b67f8a1e6e7c605 100644 --- a/resources/lang/es/team.php +++ b/resources/lang/es/team.php @@ -1,13 +1,13 @@ <?php return [ - "role.1" => "Director ejecutivo [CEO]", - "role.2" => "La oficina (moderar y protección de menores)", - "role.3" => "Revistar la prensa", - "role.4" => " Programador | programadora", - "role.5" => " Programador | programadora", - "role.6" => " Programador | programadora", - "role.7" => "La oficina", - "contact.1" => "Preguntas, propuestas....escribir un e-mail a <a href=\"mailto:office@suma-ev.de\">office@suma-ev.de</a> o usan <a href=\"/kontakt/\">formulario contacto cifrado</a> o, mejor usan el foro <a href=\"http://forum.suma-ev.de/\" target=\"_blank\" rel=\"noopener\">MetaGer-Foro</a>.", - "contact.3" => "Solo en caso de emergencia: escribir un e-mail a una persona determinada." -]; \ No newline at end of file + "role.1" => "Director ejecutivo [CEO]", + "role.2" => "La oficina (moderar y protección de menores)", + "role.3" => "Revistar la prensa", + "role.4" => " Programador | programadora", + "role.5" => " Programador | programadora", + "role.6" => " Programador | programadora", + "role.7" => "La oficina", + "contact.1" => "Preguntas, propuestas....escribir un e-mail a <a href=\"mailto:office@suma-ev.de\">office@suma-ev.de</a> o usan <a href=\"/kontakt/\">formulario contacto cifrado</a>.", + "contact.3" => "Solo en caso de emergencia: escribir un e-mail a una persona determinada.", +]; diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php index 6d570a02bf36a2d467cbafcb02f8edceea04cbda..f32a5b5a1de5c717b75186272cedd0b847eb4475 100644 --- a/resources/views/app.blade.php +++ b/resources/views/app.blade.php @@ -23,9 +23,7 @@ <li>{!! trans('app.maps.list.1') !!}</li> <li>{!! trans('app.maps.list.2') !!}</li> </ul> - </div> - <div class="card-heavy"> - <h2>{{ trans('app.head.4') }}</h2> + <h3>{{ trans('app.head.4') }}</h3> <p>{{ trans('app.installation.1') }}</p> <p>{{ trans('app.installation.2') }}</p> <ol> diff --git a/resources/views/datenschutz/datenschutz.blade.php b/resources/views/datenschutz/datenschutz.blade.php index de2e069f81bf5bd182ccfe9414f90621ef509dbc..e92ef808a7ea5b996df507e1dbf2fbb938abc6bd 100644 --- a/resources/views/datenschutz/datenschutz.blade.php +++ b/resources/views/datenschutz/datenschutz.blade.php @@ -25,8 +25,4 @@ <li>{!! trans('datenschutz.policy.19') !!}</li> </ul> </div> - <div class="card-heavy"> - <h1>{!! trans('datenschutz.twitter') !!}</h2> - <pre>@include('datenschutz/twitter-comments')</pre> - </div> @endsection \ No newline at end of file diff --git a/resources/views/kontakt/kontakt.blade.php b/resources/views/kontakt/kontakt.blade.php index 103f8e0f92c484af30aaef741e2ed028634f1964..890006cce5793799721a6142607cd77547facca7 100644 --- a/resources/views/kontakt/kontakt.blade.php +++ b/resources/views/kontakt/kontakt.blade.php @@ -3,8 +3,8 @@ @section('title', $title ) @section('content') + <h1 class="page-title">{!! trans('kontakt.headline.1') !!}</h1> <div class="card-heavy"> - <h1>{!! trans('kontakt.headline.1') !!}</h1> <h2>{!! trans('kontakt.form.1') !!}</h2> <p>{!! trans('kontakt.form.2') !!}</p> @if(isset($formerrors)) diff --git a/resources/views/spende/beitritt.blade.php b/resources/views/spende/beitritt.blade.php index b52f39cca2dd38931bd8d1d45b0eab760719a799..913ef067d6c943a92f4807f31b0c816ab55f9bb3 100644 --- a/resources/views/spende/beitritt.blade.php +++ b/resources/views/spende/beitritt.blade.php @@ -10,6 +10,7 @@ <form id="donation-form"> <div class="card-heavy"> <h1>{{ trans('beitritt.heading.1') }}</h1> + <h3>{{ trans('beitritt.heading.2') }}</h3> <div class="beitritt-inputs"> <div> <label for="name">{{ trans('beitritt.beitritt.1') }}</label> diff --git a/resources/views/team/team.blade.php b/resources/views/team/team.blade.php index 0c8894c2ae8c1acc545a17585ba23b556e6a04aa..1de72161715ba505079249386a609069fe8952de 100644 --- a/resources/views/team/team.blade.php +++ b/resources/views/team/team.blade.php @@ -3,8 +3,8 @@ @section('title', $title ) @section('content') + <h1 class="page-title">Team</h1> <div class="card-heavy"> - <h1>Team</h1> <ul class="dotlist"> <li> <p><a href="https://de.wikipedia.org/wiki/Wolfgang_Sander-Beuermann" target="_blank" rel="noopener">Sander-Beuermann, Wolfgang</a>, Dr.-Ing. - {!! trans('team.role.1') !!} - diff --git a/webpack.mix.js b/webpack.mix.js index 10864ec9ef2664a7ec9d6d4bb4f92e3cefc970ae..2f3bee78a9575f74464dd1e1a5475c53d4eb8046 100644 --- a/webpack.mix.js +++ b/webpack.mix.js @@ -12,6 +12,7 @@ let mix = require('laravel-mix'); */ mix + // css .less('resources/assets/less/default.less', 'public/css/themes/default.css', { strictMath: true }) @@ -30,8 +31,11 @@ mix .babel(['resources/assets/js/scriptResultPage.js', 'resources/assets/js/result-saver.js', 'resources/assets/js/translations.js'], 'public/js/scriptResultPage.js') .babel('resources/assets/js/searchbar.js', 'public/js/searchbar.js') .babel('resources/assets/js/focus-creator.js', 'public/js/focus-creator.js') + .babel('resources/assets/js/focus-creator.js', 'public/js/focus-creator.js') // utility .babel(['resources/assets/js/utility.js', 'resources/assets/js/translations.js'], 'public/js/utility.js') - .babel('resources/assets/js/scriptJoinPage.js', 'public/js/scriptJoinPage.js') + .babel('resources/assets/js/widgets.js', 'public/js/widgets.js') + // source maps .sourceMaps(false, 'inline-source-map') + // versioning .version();