Neuigkeiten/News/Blog-Editing und Bugfixes

app/Console/Commands/GenerateRegisterToken.php

@@ -0,0 +1,35 @@
+<?php
+
+namespace App\Console\Commands;
+
+use App\Models\RegisterToken;
+use Illuminate\Console\Attributes\Description;
+use Illuminate\Console\Attributes\Signature;
+use Illuminate\Console\Command;
+use Nette\Utils\Random;
+
+#[Signature('app:generate-register-token')]
+#[Description('Generate a register token for the internal authentication platform.')]
+class GenerateRegisterToken extends Command
+{
+    /**
+     * Execute the console command.
+     */
+    public function handle()
+    {
+        $newToken = Random::generate(12, "0-9A-Z");
+
+        try {
+            $rt = new RegisterToken;
+            $rt->token = $newToken;
+            $rt->save();
+        } catch (\ErrorException $e) {
+            $this->error($e->getMessage());
+            return 1;
+        }
+
+        $this->info("Register token generated: \n" . $newToken);
+
+        return 0;
+    }
+}

app/Http/Controllers/BlogController.php

@@ -0,0 +1,75 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Blog;
+use Illuminate\Database\QueryException;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\App;
+use Illuminate\Support\Facades\Auth;
+
+class BlogController extends Controller
+{
+
+    public function addBlog(Request $request){
+        if(Auth::check()){
+            try {
+                $blog = new Blog();
+                $blog->published_by = Auth::user()->id;
+                $blog->language = $request->input('language');
+                $blog->title = $request->input('title');
+                $blog->body = $request->input('body');
+                $blog->published = "1";
+                $blog->created_at = now();
+                $blog->updated_at = now();
+                $blog->save();
+                return ['messageStatus' => 'success', 'errorMessage' => ''];
+            } catch (\Illuminate\Database\QueryException $e) {
+                return ['messageStatus' => 'danger', 'errorMessage' => $e->getMessage()];
+            }
+        }
+        abort(404);
+    }
+
+    public function editBlog(Request $request){
+        if(Auth::check()){
+            try {
+                $blog = Blog::find($request->input('id'));
+                $blog->title = $request->input('title');
+                $blog->body = $request->input('body');
+                $blog->language = $request->input('language');
+                $blog->published = $request->input('published');
+                $blog->published_by = Auth::user()->id;
+                $blog->save();
+                return ['messageStatus' => 'success', 'errorMessage' => ''];
+            } catch (\Illuminate\Database\QueryException $e) {
+                return ['messageStatus' => 'failure', 'errorMessage' => $e->getMessage()];
+            }
+        }
+        abort(404);
+    }
+
+    public function deleteBlog(Request $request){
+        if(Auth::check()){
+            try {
+                $blog = Blog::find($request->input('id'));
+                if ($blog) {
+                    $blog->delete();
+                }
+                return ['messageStatus' => 'success', 'errorMessage' => ''];
+            } catch(\Exception $e){
+                return ['messageStatus' => 'failure', 'errorMessage' => $e->getMessage()];
+            }
+        }
+        abort(404);
+    }
+
+
+    public static function blogPaginated(){
+        return Blog::where('language', App::getLocale())->where('published', 1)->orderBy('id', 'desc')->paginate(5);
+    }
+
+    public static function blogPaginatedEdit(){
+        return Blog::orderBy('id', 'desc')->paginate(5);
+    }
+}

app/Http/Controllers/TickerController.php

@@ -9,17 +9,51 @@ use Illuminate\Support\Facades\Auth;
 
 class TickerController extends Controller
 {
-    public function showEditTicker(){
+    public function deleteTicker(Request $request){
-
+        if(Auth::check()){
+            $toDelete = $request->input('delete')[0];
+            try{
+                foreach($toDelete as $item){
+                    $ticker = TickerMessages::find($item);
+                    $ticker->delete();
+                }
+                return ["messageStatus" => "success", "errorMessage" => ""];
+            } catch(\Exception $e){
+                return ["messageStatus" => "failure", "errorMessage" => $e->getMessage()];
             }
 
+        }
+        abort(404);
+    }
+
+    public function addTicker(Request $request){
+        if(Auth::check()){
+            $toAdd = $request->input('insert');
+            $lang = $request->input('lang');
+
+            try {
+                $ticker = new TickerMessages();
+                $ticker->message = $toAdd;
+                $ticker->language = $lang;
+                $ticker->save();
+                return ["messageStatus" => "success", "errorMessage" => ""];
+            } catch(\Exception $e){
+                return ["messageStatus" => "failure", "errorMessage" => $e->getMessage()];
+            }
+        }
+        abort(404);
+    }
 
     public static function getTicker(){
         $t = "";
         foreach(TickerMessages::getMessages(App::getLocale())->get() as $message){
-            $t .= " -- " . $message->message;
+            $t .= " -- $message->message";
         }
+
+        if(!empty($t)){
             $t .= " -- ";
+        }
+
         return $t;
     }
 }

app/Http/Controllers/WebsiteController.php

@@ -42,13 +42,17 @@ class WebsiteController extends Controller
     }
 
     public function news(Request $request){
-        return view('content.news');
+        return view('content.news', ['blogs' => BlogController::blogPaginated(App::getLocale(), true)]);
     }
 
     public function services(Request $request){
         return view('content.services');
     }
 
+    public function apply(Request $request){
+        return view('application.apply');
+    }
+
 
     // c3gov-Stuffs
 
@@ -70,6 +74,11 @@ class WebsiteController extends Controller
     }
 
     public function editNews(){
-
+        if(Auth::check()){
+            return response()
+                ->view('blog.edit', ['blogs' => BlogController::blogPaginatedEdit()])
+                ->header('Cache-Control', 'no-store, no-cache, must-revalidate, post-check=0, pre-check=0');
+        }
+        abort(404);
     }
 }

app/Models/Blog.php

@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Blog extends Model
+{
+    //
+    protected $table = 'blogs';
+
+    public function byUser(): \Illuminate\Database\Eloquent\Relations\BelongsTo
+    {
+        return $this->belongsTo('App\Models\User', 'published_by', 'id');
+    }
+}

database/migrations/2026_03_24_220010_create_blogs_table.php

@@ -0,0 +1,33 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('blogs', function (Blueprint $table) {
+            $table->id();
+            $table->unsignedBigInteger('published_by');
+            $table->foreign('published_by')->references('id')->on('users');
+            $table->string('language');
+            $table->string('title');
+            $table->text('body');
+            $table->boolean('published')->default(false);
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('blogs');
+    }
+};

lang/de/app.php

@@ -16,5 +16,15 @@ return [
         'news' => 'Neuigkeiten',
         'contact' => 'Kontakt',
         'imprint' => 'Impressum',
+        'apply' => 'Jetzt beantragen',
+    ],
+    'about' => [
+        'subtitle' => 'Unbeschwertes Einreisen in die stationären sowie temporären CCC Bezirksregionen',
+        'text1' => 'Das C3Gov bietet Ihnen die Ausstellung unserer zertifizierten Reisedokumente an, mit denen Sie unbeschwert in die stationär sowie temporär bestehenden Bezirksregionen des CCC einreisen und Ihren Aufenthalt verifizieren lassen können.',
+        'text2' => 'Unser Team setzt bei dem Ausstellen auf hochqualitative Stempel und neuste Technik. Ob Hacker*innen-Reisepass oder Junghackerpass - unser stets motiviertes Team hilft Ihnen gerne weiter.',
+        'text3' => 'Jetzt neu',
+        'text4' => 'Um unsere Internetpräsenz zu erweitern, können Sie uns jetzt auch im Fediversum besuchen.',
+        'text5' => 'Klicken Sie dafür auf diesen Verweis:',
+        'insertvideo' => '*Hier Werbefilm einfügen*'
     ]
 ];

lang/en/app.php

@@ -13,8 +13,18 @@ return [
     'nav' => [
         'about' => 'About us',
         'services' => 'Services',
-        'imprint' => 'Imprint',
-        'contact' => 'Contact',
         'news' => 'News',
+        'contact' => 'Contact',
+        'imprint' => 'Imprint',
+        'apply' => 'Apply now',
+    ],
+    'about' => [
+        'subtitle' => 'Hassle-Free Entry into CCC’s Permanent and Temporary District Regions',
+        'text1' => 'C3Gov offers you the issuance of our certified travel documents, which allow you to enter the CCC’s permanent and temporary district regions hassle-free and have your stay verified.',
+        'text2' => 'Our team uses high-quality stamps and the latest technology when issuing these documents.',
+        'text3' => 'NEW!!!',
+        'text4' => 'To expand our online presence, you can now also visit us on the Fediverse.',
+        'text5' => 'To do so, click on this link:',
+        'insertvideo' => '*Insert promotional video here*'
     ]
 ];

public/css/blog/edit.css

@@ -0,0 +1,23 @@
+.blogEdit {
+    padding: 0.5em;
+    border: 1px solid black;
+}
+
+.blogEdit button {
+    padding: 0.7em;
+    font-size: 1em;
+    background-color: #ccc;
+}
+
+.blogEdit input[type=text] {
+    font-size: 1em;
+}
+
+.blogEdit textarea {
+    font-size: 1.2em;
+}
+
+.blogEdit select {
+    font-size: 1em;
+    padding: 0.5em;
+}

public/css/bootstrap/bootstrap-reboot.css

@@ -1,601 +0,0 @@
-/*!
- * Bootstrap Reboot v5.3.8 (https://getbootstrap.com/)
- * Copyright 2011-2025 The Bootstrap Authors
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- */
-:root,
-[data-bs-theme=light] {
-  --bs-blue: #0d6efd;
-  --bs-indigo: #6610f2;
-  --bs-purple: #6f42c1;
-  --bs-pink: #d63384;
-  --bs-red: #dc3545;
-  --bs-orange: #fd7e14;
-  --bs-yellow: #ffc107;
-  --bs-green: #198754;
-  --bs-teal: #20c997;
-  --bs-cyan: #0dcaf0;
-  --bs-black: #000;
-  --bs-white: #fff;
-  --bs-gray: #6c757d;
-  --bs-gray-dark: #343a40;
-  --bs-gray-100: #f8f9fa;
-  --bs-gray-200: #e9ecef;
-  --bs-gray-300: #dee2e6;
-  --bs-gray-400: #ced4da;
-  --bs-gray-500: #adb5bd;
-  --bs-gray-600: #6c757d;
-  --bs-gray-700: #495057;
-  --bs-gray-800: #343a40;
-  --bs-gray-900: #212529;
-  --bs-primary: #0d6efd;
-  --bs-secondary: #6c757d;
-  --bs-success: #198754;
-  --bs-info: #0dcaf0;
-  --bs-warning: #ffc107;
-  --bs-danger: #dc3545;
-  --bs-light: #f8f9fa;
-  --bs-dark: #212529;
-  --bs-primary-rgb: 13, 110, 253;
-  --bs-secondary-rgb: 108, 117, 125;
-  --bs-success-rgb: 25, 135, 84;
-  --bs-info-rgb: 13, 202, 240;
-  --bs-warning-rgb: 255, 193, 7;
-  --bs-danger-rgb: 220, 53, 69;
-  --bs-light-rgb: 248, 249, 250;
-  --bs-dark-rgb: 33, 37, 41;
-  --bs-primary-text-emphasis: #052c65;
-  --bs-secondary-text-emphasis: #2b2f32;
-  --bs-success-text-emphasis: #0a3622;
-  --bs-info-text-emphasis: #055160;
-  --bs-warning-text-emphasis: #664d03;
-  --bs-danger-text-emphasis: #58151c;
-  --bs-light-text-emphasis: #495057;
-  --bs-dark-text-emphasis: #495057;
-  --bs-primary-bg-subtle: #cfe2ff;
-  --bs-secondary-bg-subtle: #e2e3e5;
-  --bs-success-bg-subtle: #d1e7dd;
-  --bs-info-bg-subtle: #cff4fc;
-  --bs-warning-bg-subtle: #fff3cd;
-  --bs-danger-bg-subtle: #f8d7da;
-  --bs-light-bg-subtle: #fcfcfd;
-  --bs-dark-bg-subtle: #ced4da;
-  --bs-primary-border-subtle: #9ec5fe;
-  --bs-secondary-border-subtle: #c4c8cb;
-  --bs-success-border-subtle: #a3cfbb;
-  --bs-info-border-subtle: #9eeaf9;
-  --bs-warning-border-subtle: #ffe69c;
-  --bs-danger-border-subtle: #f1aeb5;
-  --bs-light-border-subtle: #e9ecef;
-  --bs-dark-border-subtle: #adb5bd;
-  --bs-white-rgb: 255, 255, 255;
-  --bs-black-rgb: 0, 0, 0;
-  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
-  --bs-body-font-family: var(--bs-font-sans-serif);
-  --bs-body-font-size: 1rem;
-  --bs-body-font-weight: 400;
-  --bs-body-line-height: 1.5;
-  --bs-body-color: #212529;
-  --bs-body-color-rgb: 33, 37, 41;
-  --bs-body-bg: #fff;
-  --bs-body-bg-rgb: 255, 255, 255;
-  --bs-emphasis-color: #000;
-  --bs-emphasis-color-rgb: 0, 0, 0;
-  --bs-secondary-color: rgba(33, 37, 41, 0.75);
-  --bs-secondary-color-rgb: 33, 37, 41;
-  --bs-secondary-bg: #e9ecef;
-  --bs-secondary-bg-rgb: 233, 236, 239;
-  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
-  --bs-tertiary-color-rgb: 33, 37, 41;
-  --bs-tertiary-bg: #f8f9fa;
-  --bs-tertiary-bg-rgb: 248, 249, 250;
-  --bs-heading-color: inherit;
-  --bs-link-color: #0d6efd;
-  --bs-link-color-rgb: 13, 110, 253;
-  --bs-link-decoration: underline;
-  --bs-link-hover-color: #0a58ca;
-  --bs-link-hover-color-rgb: 10, 88, 202;
-  --bs-code-color: #d63384;
-  --bs-highlight-color: #212529;
-  --bs-highlight-bg: #fff3cd;
-  --bs-border-width: 1px;
-  --bs-border-style: solid;
-  --bs-border-color: #dee2e6;
-  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
-  --bs-border-radius: 0.375rem;
-  --bs-border-radius-sm: 0.25rem;
-  --bs-border-radius-lg: 0.5rem;
-  --bs-border-radius-xl: 1rem;
-  --bs-border-radius-xxl: 2rem;
-  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
-  --bs-border-radius-pill: 50rem;
-  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
-  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
-  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
-  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
-  --bs-focus-ring-width: 0.25rem;
-  --bs-focus-ring-opacity: 0.25;
-  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
-  --bs-form-valid-color: #198754;
-  --bs-form-valid-border-color: #198754;
-  --bs-form-invalid-color: #dc3545;
-  --bs-form-invalid-border-color: #dc3545;
-}
-
-[data-bs-theme=dark] {
-  color-scheme: dark;
-  --bs-body-color: #dee2e6;
-  --bs-body-color-rgb: 222, 226, 230;
-  --bs-body-bg: #212529;
-  --bs-body-bg-rgb: 33, 37, 41;
-  --bs-emphasis-color: #fff;
-  --bs-emphasis-color-rgb: 255, 255, 255;
-  --bs-secondary-color: rgba(222, 226, 230, 0.75);
-  --bs-secondary-color-rgb: 222, 226, 230;
-  --bs-secondary-bg: #343a40;
-  --bs-secondary-bg-rgb: 52, 58, 64;
-  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
-  --bs-tertiary-color-rgb: 222, 226, 230;
-  --bs-tertiary-bg: #2b3035;
-  --bs-tertiary-bg-rgb: 43, 48, 53;
-  --bs-primary-text-emphasis: #6ea8fe;
-  --bs-secondary-text-emphasis: #a7acb1;
-  --bs-success-text-emphasis: #75b798;
-  --bs-info-text-emphasis: #6edff6;
-  --bs-warning-text-emphasis: #ffda6a;
-  --bs-danger-text-emphasis: #ea868f;
-  --bs-light-text-emphasis: #f8f9fa;
-  --bs-dark-text-emphasis: #dee2e6;
-  --bs-primary-bg-subtle: #031633;
-  --bs-secondary-bg-subtle: #161719;
-  --bs-success-bg-subtle: #051b11;
-  --bs-info-bg-subtle: #032830;
-  --bs-warning-bg-subtle: #332701;
-  --bs-danger-bg-subtle: #2c0b0e;
-  --bs-light-bg-subtle: #343a40;
-  --bs-dark-bg-subtle: #1a1d20;
-  --bs-primary-border-subtle: #084298;
-  --bs-secondary-border-subtle: #41464b;
-  --bs-success-border-subtle: #0f5132;
-  --bs-info-border-subtle: #087990;
-  --bs-warning-border-subtle: #997404;
-  --bs-danger-border-subtle: #842029;
-  --bs-light-border-subtle: #495057;
-  --bs-dark-border-subtle: #343a40;
-  --bs-heading-color: inherit;
-  --bs-link-color: #6ea8fe;
-  --bs-link-hover-color: #8bb9fe;
-  --bs-link-color-rgb: 110, 168, 254;
-  --bs-link-hover-color-rgb: 139, 185, 254;
-  --bs-code-color: #e685b5;
-  --bs-highlight-color: #dee2e6;
-  --bs-highlight-bg: #664d03;
-  --bs-border-color: #495057;
-  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
-  --bs-form-valid-color: #75b798;
-  --bs-form-valid-border-color: #75b798;
-  --bs-form-invalid-color: #ea868f;
-  --bs-form-invalid-border-color: #ea868f;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  :root {
-    scroll-behavior: smooth;
-  }
-}
-
-body {
-  margin: 0;
-  font-family: var(--bs-body-font-family);
-  font-size: var(--bs-body-font-size);
-  font-weight: var(--bs-body-font-weight);
-  line-height: var(--bs-body-line-height);
-  color: var(--bs-body-color);
-  text-align: var(--bs-body-text-align);
-  background-color: var(--bs-body-bg);
-  -webkit-text-size-adjust: 100%;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-hr {
-  margin: 1rem 0;
-  color: inherit;
-  border: 0;
-  border-top: var(--bs-border-width) solid;
-  opacity: 0.25;
-}
-
-h6, h5, h4, h3, h2, h1 {
-  margin-top: 0;
-  margin-bottom: 0.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--bs-heading-color);
-}
-
-h1 {
-  font-size: calc(1.375rem + 1.5vw);
-}
-@media (min-width: 1200px) {
-  h1 {
-    font-size: 2.5rem;
-  }
-}
-
-h2 {
-  font-size: calc(1.325rem + 0.9vw);
-}
-@media (min-width: 1200px) {
-  h2 {
-    font-size: 2rem;
-  }
-}
-
-h3 {
-  font-size: calc(1.3rem + 0.6vw);
-}
-@media (min-width: 1200px) {
-  h3 {
-    font-size: 1.75rem;
-  }
-}
-
-h4 {
-  font-size: calc(1.275rem + 0.3vw);
-}
-@media (min-width: 1200px) {
-  h4 {
-    font-size: 1.5rem;
-  }
-}
-
-h5 {
-  font-size: 1.25rem;
-}
-
-h6 {
-  font-size: 1rem;
-}
-
-p {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-
-abbr[title] {
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
-  cursor: help;
-  -webkit-text-decoration-skip-ink: none;
-  text-decoration-skip-ink: none;
-}
-
-address {
-  margin-bottom: 1rem;
-  font-style: normal;
-  line-height: inherit;
-}
-
-ol,
-ul {
-  padding-left: 2rem;
-}
-
-ol,
-ul,
-dl {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-
-ol ol,
-ul ul,
-ol ul,
-ul ol {
-  margin-bottom: 0;
-}
-
-dt {
-  font-weight: 700;
-}
-
-dd {
-  margin-bottom: 0.5rem;
-  margin-left: 0;
-}
-
-blockquote {
-  margin: 0 0 1rem;
-}
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-small {
-  font-size: 0.875em;
-}
-
-mark {
-  padding: 0.1875em;
-  color: var(--bs-highlight-color);
-  background-color: var(--bs-highlight-bg);
-}
-
-sub,
-sup {
-  position: relative;
-  font-size: 0.75em;
-  line-height: 0;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-a {
-  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
-  text-decoration: underline;
-}
-a:hover {
-  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
-}
-
-a:not([href]):not([class]), a:not([href]):not([class]):hover {
-  color: inherit;
-  text-decoration: none;
-}
-
-pre,
-code,
-kbd,
-samp {
-  font-family: var(--bs-font-monospace);
-  font-size: 1em;
-}
-
-pre {
-  display: block;
-  margin-top: 0;
-  margin-bottom: 1rem;
-  overflow: auto;
-  font-size: 0.875em;
-}
-pre code {
-  font-size: inherit;
-  color: inherit;
-  word-break: normal;
-}
-
-code {
-  font-size: 0.875em;
-  color: var(--bs-code-color);
-  word-wrap: break-word;
-}
-a > code {
-  color: inherit;
-}
-
-kbd {
-  padding: 0.1875rem 0.375rem;
-  font-size: 0.875em;
-  color: var(--bs-body-bg);
-  background-color: var(--bs-body-color);
-  border-radius: 0.25rem;
-}
-kbd kbd {
-  padding: 0;
-  font-size: 1em;
-}
-
-figure {
-  margin: 0 0 1rem;
-}
-
-img,
-svg {
-  vertical-align: middle;
-}
-
-table {
-  caption-side: bottom;
-  border-collapse: collapse;
-}
-
-caption {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  color: var(--bs-secondary-color);
-  text-align: left;
-}
-
-th {
-  text-align: inherit;
-  text-align: -webkit-match-parent;
-}
-
-thead,
-tbody,
-tfoot,
-tr,
-td,
-th {
-  border-color: inherit;
-  border-style: solid;
-  border-width: 0;
-}
-
-label {
-  display: inline-block;
-}
-
-button {
-  border-radius: 0;
-}
-
-button:focus:not(:focus-visible) {
-  outline: 0;
-}
-
-input,
-button,
-select,
-optgroup,
-textarea {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-[role=button] {
-  cursor: pointer;
-}
-
-select {
-  word-wrap: normal;
-}
-select:disabled {
-  opacity: 1;
-}
-
-[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
-  display: none !important;
-}
-
-button,
-[type=button],
-[type=reset],
-[type=submit] {
-  -webkit-appearance: button;
-}
-button:not(:disabled),
-[type=button]:not(:disabled),
-[type=reset]:not(:disabled),
-[type=submit]:not(:disabled) {
-  cursor: pointer;
-}
-
-::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
-}
-
-textarea {
-  resize: vertical;
-}
-
-fieldset {
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-}
-
-legend {
-  float: left;
-  width: 100%;
-  padding: 0;
-  margin-bottom: 0.5rem;
-  line-height: inherit;
-  font-size: calc(1.275rem + 0.3vw);
-}
-@media (min-width: 1200px) {
-  legend {
-    font-size: 1.5rem;
-  }
-}
-legend + * {
-  clear: left;
-}
-
-::-webkit-datetime-edit-fields-wrapper,
-::-webkit-datetime-edit-text,
-::-webkit-datetime-edit-minute,
-::-webkit-datetime-edit-hour-field,
-::-webkit-datetime-edit-day-field,
-::-webkit-datetime-edit-month-field,
-::-webkit-datetime-edit-year-field {
-  padding: 0;
-}
-
-::-webkit-inner-spin-button {
-  height: auto;
-}
-
-[type=search] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-[type=search]::-webkit-search-cancel-button {
-  cursor: pointer;
-  filter: grayscale(1);
-}
-
-/* rtl:raw:
-[type="tel"],
-[type="url"],
-[type="email"],
-[type="number"] {
-  direction: ltr;
-}
-*/
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-::-webkit-color-swatch-wrapper {
-  padding: 0;
-}
-
-::-webkit-file-upload-button {
-  font: inherit;
-  -webkit-appearance: button;
-}
-
-::file-selector-button {
-  font: inherit;
-  -webkit-appearance: button;
-}
-
-output {
-  display: inline-block;
-}
-
-iframe {
-  border: 0;
-}
-
-summary {
-  display: list-item;
-  cursor: pointer;
-}
-
-progress {
-  vertical-align: baseline;
-}
-
-[hidden] {
-  display: none !important;
-}
-
-/*# sourceMappingURL=bootstrap-reboot.css.map */

public/css/bootstrap/bootstrap-reboot.rtl.css

@@ -1,598 +0,0 @@
-/*!
- * Bootstrap Reboot v5.3.8 (https://getbootstrap.com/)
- * Copyright 2011-2025 The Bootstrap Authors
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- */
-:root,
-[data-bs-theme=light] {
-  --bs-blue: #0d6efd;
-  --bs-indigo: #6610f2;
-  --bs-purple: #6f42c1;
-  --bs-pink: #d63384;
-  --bs-red: #dc3545;
-  --bs-orange: #fd7e14;
-  --bs-yellow: #ffc107;
-  --bs-green: #198754;
-  --bs-teal: #20c997;
-  --bs-cyan: #0dcaf0;
-  --bs-black: #000;
-  --bs-white: #fff;
-  --bs-gray: #6c757d;
-  --bs-gray-dark: #343a40;
-  --bs-gray-100: #f8f9fa;
-  --bs-gray-200: #e9ecef;
-  --bs-gray-300: #dee2e6;
-  --bs-gray-400: #ced4da;
-  --bs-gray-500: #adb5bd;
-  --bs-gray-600: #6c757d;
-  --bs-gray-700: #495057;
-  --bs-gray-800: #343a40;
-  --bs-gray-900: #212529;
-  --bs-primary: #0d6efd;
-  --bs-secondary: #6c757d;
-  --bs-success: #198754;
-  --bs-info: #0dcaf0;
-  --bs-warning: #ffc107;
-  --bs-danger: #dc3545;
-  --bs-light: #f8f9fa;
-  --bs-dark: #212529;
-  --bs-primary-rgb: 13, 110, 253;
-  --bs-secondary-rgb: 108, 117, 125;
-  --bs-success-rgb: 25, 135, 84;
-  --bs-info-rgb: 13, 202, 240;
-  --bs-warning-rgb: 255, 193, 7;
-  --bs-danger-rgb: 220, 53, 69;
-  --bs-light-rgb: 248, 249, 250;
-  --bs-dark-rgb: 33, 37, 41;
-  --bs-primary-text-emphasis: #052c65;
-  --bs-secondary-text-emphasis: #2b2f32;
-  --bs-success-text-emphasis: #0a3622;
-  --bs-info-text-emphasis: #055160;
-  --bs-warning-text-emphasis: #664d03;
-  --bs-danger-text-emphasis: #58151c;
-  --bs-light-text-emphasis: #495057;
-  --bs-dark-text-emphasis: #495057;
-  --bs-primary-bg-subtle: #cfe2ff;
-  --bs-secondary-bg-subtle: #e2e3e5;
-  --bs-success-bg-subtle: #d1e7dd;
-  --bs-info-bg-subtle: #cff4fc;
-  --bs-warning-bg-subtle: #fff3cd;
-  --bs-danger-bg-subtle: #f8d7da;
-  --bs-light-bg-subtle: #fcfcfd;
-  --bs-dark-bg-subtle: #ced4da;
-  --bs-primary-border-subtle: #9ec5fe;
-  --bs-secondary-border-subtle: #c4c8cb;
-  --bs-success-border-subtle: #a3cfbb;
-  --bs-info-border-subtle: #9eeaf9;
-  --bs-warning-border-subtle: #ffe69c;
-  --bs-danger-border-subtle: #f1aeb5;
-  --bs-light-border-subtle: #e9ecef;
-  --bs-dark-border-subtle: #adb5bd;
-  --bs-white-rgb: 255, 255, 255;
-  --bs-black-rgb: 0, 0, 0;
-  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
-  --bs-body-font-family: var(--bs-font-sans-serif);
-  --bs-body-font-size: 1rem;
-  --bs-body-font-weight: 400;
-  --bs-body-line-height: 1.5;
-  --bs-body-color: #212529;
-  --bs-body-color-rgb: 33, 37, 41;
-  --bs-body-bg: #fff;
-  --bs-body-bg-rgb: 255, 255, 255;
-  --bs-emphasis-color: #000;
-  --bs-emphasis-color-rgb: 0, 0, 0;
-  --bs-secondary-color: rgba(33, 37, 41, 0.75);
-  --bs-secondary-color-rgb: 33, 37, 41;
-  --bs-secondary-bg: #e9ecef;
-  --bs-secondary-bg-rgb: 233, 236, 239;
-  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
-  --bs-tertiary-color-rgb: 33, 37, 41;
-  --bs-tertiary-bg: #f8f9fa;
-  --bs-tertiary-bg-rgb: 248, 249, 250;
-  --bs-heading-color: inherit;
-  --bs-link-color: #0d6efd;
-  --bs-link-color-rgb: 13, 110, 253;
-  --bs-link-decoration: underline;
-  --bs-link-hover-color: #0a58ca;
-  --bs-link-hover-color-rgb: 10, 88, 202;
-  --bs-code-color: #d63384;
-  --bs-highlight-color: #212529;
-  --bs-highlight-bg: #fff3cd;
-  --bs-border-width: 1px;
-  --bs-border-style: solid;
-  --bs-border-color: #dee2e6;
-  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
-  --bs-border-radius: 0.375rem;
-  --bs-border-radius-sm: 0.25rem;
-  --bs-border-radius-lg: 0.5rem;
-  --bs-border-radius-xl: 1rem;
-  --bs-border-radius-xxl: 2rem;
-  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
-  --bs-border-radius-pill: 50rem;
-  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
-  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
-  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
-  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
-  --bs-focus-ring-width: 0.25rem;
-  --bs-focus-ring-opacity: 0.25;
-  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
-  --bs-form-valid-color: #198754;
-  --bs-form-valid-border-color: #198754;
-  --bs-form-invalid-color: #dc3545;
-  --bs-form-invalid-border-color: #dc3545;
-}
-
-[data-bs-theme=dark] {
-  color-scheme: dark;
-  --bs-body-color: #dee2e6;
-  --bs-body-color-rgb: 222, 226, 230;
-  --bs-body-bg: #212529;
-  --bs-body-bg-rgb: 33, 37, 41;
-  --bs-emphasis-color: #fff;
-  --bs-emphasis-color-rgb: 255, 255, 255;
-  --bs-secondary-color: rgba(222, 226, 230, 0.75);
-  --bs-secondary-color-rgb: 222, 226, 230;
-  --bs-secondary-bg: #343a40;
-  --bs-secondary-bg-rgb: 52, 58, 64;
-  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
-  --bs-tertiary-color-rgb: 222, 226, 230;
-  --bs-tertiary-bg: #2b3035;
-  --bs-tertiary-bg-rgb: 43, 48, 53;
-  --bs-primary-text-emphasis: #6ea8fe;
-  --bs-secondary-text-emphasis: #a7acb1;
-  --bs-success-text-emphasis: #75b798;
-  --bs-info-text-emphasis: #6edff6;
-  --bs-warning-text-emphasis: #ffda6a;
-  --bs-danger-text-emphasis: #ea868f;
-  --bs-light-text-emphasis: #f8f9fa;
-  --bs-dark-text-emphasis: #dee2e6;
-  --bs-primary-bg-subtle: #031633;
-  --bs-secondary-bg-subtle: #161719;
-  --bs-success-bg-subtle: #051b11;
-  --bs-info-bg-subtle: #032830;
-  --bs-warning-bg-subtle: #332701;
-  --bs-danger-bg-subtle: #2c0b0e;
-  --bs-light-bg-subtle: #343a40;
-  --bs-dark-bg-subtle: #1a1d20;
-  --bs-primary-border-subtle: #084298;
-  --bs-secondary-border-subtle: #41464b;
-  --bs-success-border-subtle: #0f5132;
-  --bs-info-border-subtle: #087990;
-  --bs-warning-border-subtle: #997404;
-  --bs-danger-border-subtle: #842029;
-  --bs-light-border-subtle: #495057;
-  --bs-dark-border-subtle: #343a40;
-  --bs-heading-color: inherit;
-  --bs-link-color: #6ea8fe;
-  --bs-link-hover-color: #8bb9fe;
-  --bs-link-color-rgb: 110, 168, 254;
-  --bs-link-hover-color-rgb: 139, 185, 254;
-  --bs-code-color: #e685b5;
-  --bs-highlight-color: #dee2e6;
-  --bs-highlight-bg: #664d03;
-  --bs-border-color: #495057;
-  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
-  --bs-form-valid-color: #75b798;
-  --bs-form-valid-border-color: #75b798;
-  --bs-form-invalid-color: #ea868f;
-  --bs-form-invalid-border-color: #ea868f;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  :root {
-    scroll-behavior: smooth;
-  }
-}
-
-body {
-  margin: 0;
-  font-family: var(--bs-body-font-family);
-  font-size: var(--bs-body-font-size);
-  font-weight: var(--bs-body-font-weight);
-  line-height: var(--bs-body-line-height);
-  color: var(--bs-body-color);
-  text-align: var(--bs-body-text-align);
-  background-color: var(--bs-body-bg);
-  -webkit-text-size-adjust: 100%;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-hr {
-  margin: 1rem 0;
-  color: inherit;
-  border: 0;
-  border-top: var(--bs-border-width) solid;
-  opacity: 0.25;
-}
-
-h6, h5, h4, h3, h2, h1 {
-  margin-top: 0;
-  margin-bottom: 0.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--bs-heading-color);
-}
-
-h1 {
-  font-size: calc(1.375rem + 1.5vw);
-}
-@media (min-width: 1200px) {
-  h1 {
-    font-size: 2.5rem;
-  }
-}
-
-h2 {
-  font-size: calc(1.325rem + 0.9vw);
-}
-@media (min-width: 1200px) {
-  h2 {
-    font-size: 2rem;
-  }
-}
-
-h3 {
-  font-size: calc(1.3rem + 0.6vw);
-}
-@media (min-width: 1200px) {
-  h3 {
-    font-size: 1.75rem;
-  }
-}
-
-h4 {
-  font-size: calc(1.275rem + 0.3vw);
-}
-@media (min-width: 1200px) {
-  h4 {
-    font-size: 1.5rem;
-  }
-}
-
-h5 {
-  font-size: 1.25rem;
-}
-
-h6 {
-  font-size: 1rem;
-}
-
-p {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-
-abbr[title] {
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
-  cursor: help;
-  -webkit-text-decoration-skip-ink: none;
-  text-decoration-skip-ink: none;
-}
-
-address {
-  margin-bottom: 1rem;
-  font-style: normal;
-  line-height: inherit;
-}
-
-ol,
-ul {
-  padding-right: 2rem;
-}
-
-ol,
-ul,
-dl {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-
-ol ol,
-ul ul,
-ol ul,
-ul ol {
-  margin-bottom: 0;
-}
-
-dt {
-  font-weight: 700;
-}
-
-dd {
-  margin-bottom: 0.5rem;
-  margin-right: 0;
-}
-
-blockquote {
-  margin: 0 0 1rem;
-}
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-small {
-  font-size: 0.875em;
-}
-
-mark {
-  padding: 0.1875em;
-  color: var(--bs-highlight-color);
-  background-color: var(--bs-highlight-bg);
-}
-
-sub,
-sup {
-  position: relative;
-  font-size: 0.75em;
-  line-height: 0;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-a {
-  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
-  text-decoration: underline;
-}
-a:hover {
-  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
-}
-
-a:not([href]):not([class]), a:not([href]):not([class]):hover {
-  color: inherit;
-  text-decoration: none;
-}
-
-pre,
-code,
-kbd,
-samp {
-  font-family: var(--bs-font-monospace);
-  font-size: 1em;
-}
-
-pre {
-  display: block;
-  margin-top: 0;
-  margin-bottom: 1rem;
-  overflow: auto;
-  font-size: 0.875em;
-}
-pre code {
-  font-size: inherit;
-  color: inherit;
-  word-break: normal;
-}
-
-code {
-  font-size: 0.875em;
-  color: var(--bs-code-color);
-  word-wrap: break-word;
-}
-a > code {
-  color: inherit;
-}
-
-kbd {
-  padding: 0.1875rem 0.375rem;
-  font-size: 0.875em;
-  color: var(--bs-body-bg);
-  background-color: var(--bs-body-color);
-  border-radius: 0.25rem;
-}
-kbd kbd {
-  padding: 0;
-  font-size: 1em;
-}
-
-figure {
-  margin: 0 0 1rem;
-}
-
-img,
-svg {
-  vertical-align: middle;
-}
-
-table {
-  caption-side: bottom;
-  border-collapse: collapse;
-}
-
-caption {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  color: var(--bs-secondary-color);
-  text-align: right;
-}
-
-th {
-  text-align: inherit;
-  text-align: -webkit-match-parent;
-}
-
-thead,
-tbody,
-tfoot,
-tr,
-td,
-th {
-  border-color: inherit;
-  border-style: solid;
-  border-width: 0;
-}
-
-label {
-  display: inline-block;
-}
-
-button {
-  border-radius: 0;
-}
-
-button:focus:not(:focus-visible) {
-  outline: 0;
-}
-
-input,
-button,
-select,
-optgroup,
-textarea {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-[role=button] {
-  cursor: pointer;
-}
-
-select {
-  word-wrap: normal;
-}
-select:disabled {
-  opacity: 1;
-}
-
-[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
-  display: none !important;
-}
-
-button,
-[type=button],
-[type=reset],
-[type=submit] {
-  -webkit-appearance: button;
-}
-button:not(:disabled),
-[type=button]:not(:disabled),
-[type=reset]:not(:disabled),
-[type=submit]:not(:disabled) {
-  cursor: pointer;
-}
-
-::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
-}
-
-textarea {
-  resize: vertical;
-}
-
-fieldset {
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-}
-
-legend {
-  float: right;
-  width: 100%;
-  padding: 0;
-  margin-bottom: 0.5rem;
-  line-height: inherit;
-  font-size: calc(1.275rem + 0.3vw);
-}
-@media (min-width: 1200px) {
-  legend {
-    font-size: 1.5rem;
-  }
-}
-legend + * {
-  clear: right;
-}
-
-::-webkit-datetime-edit-fields-wrapper,
-::-webkit-datetime-edit-text,
-::-webkit-datetime-edit-minute,
-::-webkit-datetime-edit-hour-field,
-::-webkit-datetime-edit-day-field,
-::-webkit-datetime-edit-month-field,
-::-webkit-datetime-edit-year-field {
-  padding: 0;
-}
-
-::-webkit-inner-spin-button {
-  height: auto;
-}
-
-[type=search] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-[type=search]::-webkit-search-cancel-button {
-  cursor: pointer;
-  filter: grayscale(1);
-}
-
-[type="tel"],
-[type="url"],
-[type="email"],
-[type="number"] {
-  direction: ltr;
-}
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-::-webkit-color-swatch-wrapper {
-  padding: 0;
-}
-
-::-webkit-file-upload-button {
-  font: inherit;
-  -webkit-appearance: button;
-}
-
-::file-selector-button {
-  font: inherit;
-  -webkit-appearance: button;
-}
-
-output {
-  display: inline-block;
-}
-
-iframe {
-  border: 0;
-}
-
-summary {
-  display: list-item;
-  cursor: pointer;
-}
-
-progress {
-  vertical-align: baseline;
-}
-
-[hidden] {
-  display: none !important;
-}
-/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */

public/css/style.css

@@ -1,42 +1,119 @@
-
+html, body {
-.header {
+    margin: 0;
-    background-color: darkred;
+    width: 100vw;
-}
+    height: 100vh;
-
+    background-color: #4b0600;
-.banner {
-    margin: 32px auto;
-    min-height: 8vh;
-}
-
-.language {
-    background-color: #f8b803;
-}
-
-#logo {
-    margin: 10px;
-    min-height: 128px;
 }
 
 .ticker {
-    background-color: #0f0;
+    background-color: #0c0;
-    min-height: 2vh;
+    height: 3vh;
 }
 
-.main {
 
-    min-height: 80vh;
+.header {
+    background-color: #999;
+    height: 20vh;
+    margin: 0;
+
+}
+
+.header-main {
+    width: 20vw;
+    float: left;
+    height: 20vh;
+    margin: 0;
+}
+
+.banner {
+    width: 60vw;
+    height: 20vh;
+    float: left;
+    align-content: center;
+}
+
+.banner img {
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+}
+
+.language-area {
+    width: 20vw;
+    height: 20vh;
+    float: left;
+    background-color: #ccc;
+    border: 2vh;
+}
+
+.language {
+    margin: 1vw;
+}
+
+.login-status {
+    text-align: center;
+}
+
+#logo {
+    margin: 2vh;
+    min-height: 12.5vh;
+    max-height: 35vh;
+}
+
+
+.main {
+    display: flex;
+    flex-direction: row;
+    margin: 0;
+    min-height: 77vh;
+    width: 100vw;
 }
 
 .navbar {
-
+    background-color: #ccc;
-    background-color: pink;
+    width: 20vw;
-    min-height: 80vh;
 }
 
 .content {
-
+    background-color: #dcccaa;
-    background-color: aqua;
+    width: 80vw;
-    min-height: 80vh;
+    padding-left: 1vw;
 }
 
+.eingabemaske {
+    border: 5px inset;
+    font-size: 1.2em;
+    padding: 0.5em;
+}
 
+.eingabemaske table, th, td {
+    border: 4px outset;
+}
+
+.eingabemaske input {
+    padding: 0.5em;
+}
+
+.eingabemaske button {
+    padding: 1em;
+    border: 4px outset;
+    font-size: 1.2em;
+    background-color: #ccc;
+}
+
+#fehlermeldung {
+    border: 4px outset;
+    width: 50vw;
+}
+
+nav {
+    font-size: 1.2em;
+}
+
+.w-5 {
+    width: 5vw;
+}
+
+.h-5 {
+    height: 5vh;
+}

public/css/ticker/ticker.css

@@ -0,0 +1,10 @@
+.split-left {
+    float: left;
+    width: 21%;
+}
+.split-right {
+    float: left;
+    width: 50%;
+    border-left: 1px dotted #000;
+    padding-left: 30px;
+}

public/js/blog/blog.js

@@ -0,0 +1,96 @@
+$(function() {
+    $('select[autocomplete="off"]').each(function() {
+        let selectedValue = $(this).find('option[selected]').val();
+        if (selectedValue) {
+            $(this).val(selectedValue);
+        }
+    });
+});
+
+function addBlog(){
+
+    let b = {};
+    b.title = $('#blogTitle_new').val();
+    b.body = $('#blogBody_new').val();
+    b.published = $('#blogPublished_new').is(":checked") ? "1" : "0";
+    b.language = $('#blogLanguage_new').val();
+
+    console.log(b);
+
+    if(window.confirm('Eintrag wirklich speichern?')){
+        $.ajax({
+            type: "POST",
+            url: "/intern/nachrichten/add",
+            data: b,
+            dataType: "json",
+            success:function(r){
+                if(r.messageStatus === "success"){
+                    $('#blogTitle_new').val("");
+                    $('#blogBody_new').val("");
+                    $('#blogLanguage_new').val("de");
+                    location.reload();
+                } else {
+                    alert(r.errorMessage);
+                }
+            },
+            error:function(r, a, e){
+                alert(e);
+            }
+        });
+    }
+}
+
+function editBlog(blogId){
+    let b = {};
+    b.id = blogId;
+    b.title = $('#blogTitle_'+blogId).val();
+    b.body = $('#blogBody_'+blogId).val();
+    b.published = $('#blogPublished_'+blogId).is(":checked") ? "1" : "0";
+    b.language = $('#blogLanguage_'+blogId).val();
+
+    if(window.confirm('Eintrag wirklich speichern?')){
+        $.ajax({
+            type: "PUT",
+            url: "/intern/nachrichten/edit",
+            data: b,
+            dataType: "json",
+            success:function(r){
+                if(r.messageStatus === "success"){
+                    location.reload();
+                } else {
+                    alert(r.errorMessage);
+                }
+            },
+            error:function(r, a, e){
+                alert(e);
+            }
+        });
+    }
+}
+
+function deleteBlog(blogId){
+    let b = {};
+    b.id = blogId;
+
+    if(window.confirm('Eintrag wirklich löschen?')){
+        $.ajax({
+            type:"DELETE",
+            url:"/intern/nachrichten/delete",
+            data:b,
+            dataType:"json",
+            success:function(r){
+                if(r.messageStatus === "success"){
+                    $('#blogDelete_' + blogId).closest('.blogEdit').fadeOut(300, function() {
+                        $(this).remove();
+                        location.reload();
+                    });
+                } else {
+                    alert(r.errorMessage);
+                }
+            },
+            error:function(r, a, e){
+                alert(e);
+            }
+        })
+    }
+}

public/js/intern.js

@@ -0,0 +1,12 @@
+function setzeFehlermeldung(alertType, message){
+    let f = $("#fehlermeldung");
+    switch(alertType){
+        case "success":
+            f.css("border-color", "#0033cc");
+            break;
+        case "failure":
+            f.css("border-color", "#cc3300");
+            break;
+    }
+    f.html(message);
+}

public/js/login/login.js

@@ -1,12 +1,3 @@
-function setzeFehlermeldung(alertType, message){
-    let f = $("#fehlermeldung");
-
-    f.removeClass('alert-success').removeClass('alert-danger').removeClass('alert-primary');
-    f.addClass('alert-' + alertType);
-    f.html(message);
-}
-
-
 function login(){
     let data = {};
     data.mail = $("#mail").val();
@@ -24,15 +15,15 @@ function login(){
                     location.reload();
                     break;
                 case "failure":
-                    setzeFehlermeldung("danger", "Es ist ein Fehler geschehen: " + d.errorMessage);
+                    setzeFehlermeldung("failure", "Es ist ein Fehler geschehen: " + d.errorMessage);
                     break;
                 case "not permitted":
-                    setzeFehlermeldung("warning", "Sie sind nicht berechtigt diese Funktion zu nutzen.");
+                    setzeFehlermeldung("failure", "Sie sind nicht berechtigt diese Funktion zu nutzen.");
                     break;
             }
         },
         error: function(d, status, errorThrown) {
-            setzeFehlermeldung("danger", "Es ist ein Fehler geschehen: " + errorThrown);
+            setzeFehlermeldung("failure", "Es ist ein Fehler geschehen: " + errorThrown);
         }
     });
 

public/js/login/registrieren.js

@@ -1,12 +1,3 @@
-function setzeFehlermeldung(alertType, message){
-    let f = $("#fehlermeldung");
-
-    f.removeClass('alert-success').removeClass('alert-danger').removeClass('alert-primary');
-    f.addClass('alert-' + alertType);
-    f.html(message);
-}
-
-
 function abschicken(){
     let data = {};
     data.mail = $("#mail").val();
@@ -16,7 +7,7 @@ function abschicken(){
 
     if(data.password !== $("#password_repeat").val()) {
 
-        setzeFehlermeldung("danger", "Ihr Kennwort stimmt nicht überein.");
+        setzeFehlermeldung("failure", "Ihr Kennwort stimmt nicht überein.");
         for(let i=0; i<Math.random() * 10; i++){
            alert("Ihr Kennwort stimmt nicht überein.");
         }
@@ -33,15 +24,15 @@ function abschicken(){
                         setzeFehlermeldung("success", "Sie wurden erfolgreich registriert.")
                         break;
                     case "failure":
-                        setzeFehlermeldung("danger", "Es ist ein Fehler geschehen: " + d.errorMessage);
+                        setzeFehlermeldung("failure", "Es ist ein Fehler geschehen: " + d.errorMessage);
                         break;
                     case "not permitted":
-                        setzeFehlermeldung("warning", "Sie sind nicht berechtigt diese Funktion zu nutzen.");
+                        setzeFehlermeldung("failure", "Sie sind nicht berechtigt diese Funktion zu nutzen.");
                         break;
                 }
             },
             error: function(d, status, errorThrown) {
-                setzeFehlermeldung("danger", "Es ist ein Fehler geschehen: " + errorThrown);
+                setzeFehlermeldung("failure", "Es ist ein Fehler geschehen: " + errorThrown);
             }
         });
     }

public/js/ticker/edit.js

@@ -1,7 +1,57 @@
 function remove(lang){
+    let data = {};
+    data["delete"] = [];
+    $("#ticker_" + lang).each(function(){
+        data["delete"].push($(this).val());
+    });
+    console.log(JSON.stringify(data));
 
+    $.ajax({
+        type: "DELETE",
+        url: "/intern/ticker/remove",
+        data: data,
+        dataType: "json",
+        success: function (d) {
+            switch(d.messageStatus){
+                case "success":
+                    setzeFehlermeldung(d.messageStatus, "Löschen     erfolgreich!");
+                    location.reload();
+                    break;
+                case "failure":
+                    setzeFehlermeldung(d.messageStatus, d.errorMessage);
+                    break;
+            }
+        },
+        error: function (d, status, error) {
+            setzeFehlermeldung("failure", error);
+        }
+    });
 }
 
 function insert(lang){
 
+    let data = {};
+    data.insert = $("#insert_" + lang).val();
+    data.lang = lang;
+
+    $.ajax({
+        type: "PUT",
+        url: "/intern/ticker/add",
+        data: data,
+        dataType: "json",
+        success: function (d) {
+            switch(d.messageStatus){
+                case "success":
+                    setzeFehlermeldung(d.messageStatus, "Einfügen erfolgreich!");
+                    location.reload();
+                    break;
+                case "failure":
+                    setzeFehlermeldung(d.messageStatus, d.errorMessage);
+                    break;
+            }
+        },
+        error: function (d, status, error) {
+            setzeFehlermeldung("failure", error);
+        }
+    });
 }

resources/views/application/apply.blade.php

@@ -0,0 +1,7 @@
+@extends('layout.app')
+@section('scripts')
+@endsection
+
+@section('content')
+
+@endsection

resources/views/blog/edit.blade.php

@@ -0,0 +1,63 @@
+@extends('layout.app')
+@section('scripts')
+    <link rel="stylesheet" href="{{ asset("css/blog/edit.css") . "?rnd=" . rand(0, 1000000000) }}">
+    <script src="{{ asset('/js/blog/blog.js') }}"></script>
+@endsection
+
+@section('content')
+
+    <h2>Post hinzufügen</h2>
+    <div class="blogEdit">
+        Veröffentlichen? <input type="checkbox" id="blogPublished_new" checked><br /><br />
+
+        Sprache:
+        <select id="blogLanguage_new" name="language" autocomplete="off">
+            <option value="de">Deutsch</option>
+            <option value="en">Englisch</option>
+        </select><br /><br />
+
+        <label for="blogTitle_new">Titel:<br />
+        </label><input id="blogTitle_new" type="text" value="" placeholder="Titel eingeben...">
+        <br /><br />
+
+        <label for="blogBody_new">Inhalt:</label><br />
+        <textarea cols="64" rows="8" maxlength="2000" id="blogBody_new" placeholder="Text/HTML eingeben..."></textarea>
+        <br />
+        <br />
+        <button onclick="addBlog()" id="blogEdit_new">Hinzufügen</button><br /><br />
+
+    </div>
+
+    <h2>Posts ändern/löschen</h2>
+    <br />
+
+    @foreach($blogs as $blog)
+        <div class="blogEdit">
+            <b>Erstellt von: {{$blog->byUser()->first()->name}} - Erstellt am: {{ $blog->created_at }} - Verändert am: {{ $blog->updated_at }}</b><br /><br />
+
+            Veröffentlicht: <input type="checkbox" id="blogPublished_{{$blog->id}}"{{ $blog->published ? " checked" : "" }}><br /><br />
+
+            Sprache:
+            <select id="blogLanguage_{{ $blog->id }}" name="language" autocomplete="off">
+                <option value="de"{{ ($blog->language == "de" ? " selected" : "") }}>Deutsch</option>
+                <option value="en"{{ ($blog->language == "en" ? " selected" : "") }}>Englisch</option>
+            </select><br /><br />
+
+            <button onclick="deleteBlog({{ $blog->id }})" id="blogDelete_{{ $blog->id }}">Löschen</button><br /><br />
+
+            <label for="blogTitle_{{ $blog->id }}">Titel:<br />
+            </label><input id="blogTitle_{{ $blog->id }}" type="text" value="{{ $blog->title }}">
+            <br /><br />
+
+            <label for="blogBody_{{$blog->id}}">Inhalt:</label><br />
+            <textarea cols="64" rows="8" maxlength="2000" id="blogBody_{{$blog->id}}">{!! $blog->body !!}</textarea>
+            <br />
+            <br />
+            <button onclick="editBlog({{ $blog->id }})" id="blogEdit_{{ $blog->id }}">Speichern</button><br /><br />
+
+        </div>
+    @endforeach
+    <br /><br />
+    {{ $blogs->links() }}
+    <br /><br />
+@endsection

resources/views/content/about.blade.php

@@ -3,5 +3,22 @@
 @endsection
 
 @section('content')
+    <h2>{{ __('app.nav.about') }}</h2>
 
+    <h1>{{ __('app.about.subtitle') }}</h1>
+
+    {{ __('app.about.text1') }}
+    <p>
+        {{ __('app.about.text2') }}
+    <p>
+    <h3>{{ __('app.about.text3') }}</h3>
+    {{ __('app.about.text4') }}
+    <p>{{ __('app.about.text5') }} <a href="https://chaos.social/@c3gov">https://chaos.social/@c3gov</a>
+        <br />
+        <br />
+        <br />
+        <br />
+        <br />
+        <br />
+        {{ __('app.about.insertvideo') }}
 @endsection

resources/views/content/imprint.blade.php

@@ -4,4 +4,4 @@
 
 @section('content')
 
-@endsection<?php
+@endsection

resources/views/content/news.blade.php

@@ -3,5 +3,16 @@
 @endsection
 
 @section('content')
-
+    <h1>{{ __('app.nav.news') }}</h1>
+    @foreach($blogs as $blog)
+        <h2>{{ $blog->title }}</h2>
+        <b>{{ $blog->created_at }}</b><br />
+        <p>{!! $blog->body !!}</p>
+        <br />
+        <hr>
+        <br />
+    @endforeach
+    <br /><br />
+    {{ $blogs->links() }}
+    <br /><br />
 @endsection

resources/views/layout/app.blade.php

@@ -3,44 +3,44 @@
     <head>
         <meta charset="UTF-8">
         <title>c3gov - {{ __('app.subtitle') }}</title>
-        <link rel="stylesheet" href="{{ asset("css/bootstrap/bootstrap.css") }}">
         <link rel="stylesheet" href="{{ asset("css/style.css") . "?rnd=" . rand(0, 1000000000) }}">
-        <script src="{{ asset("js/bootstrap/bootstrap.bundle.js") }}"></script>
         <script src="{{ asset("js/jquery/jquery-4.0.0.min.js") }}"></script>
         <script src="{{ asset("js/web.js") }}"></script>
         @yield('scripts')
     </head>
     <body>
-        <div class="grid">
+
-            <div class="ticker row">
+        <div class="ticker">
-                <div class="col">
             <marquee>{{\App\Http\Controllers\TickerController::getTicker()}}</marquee>
         </div>
-            </div>
+        <div class="header">
-            <div class="header row">
+            <div class="header-main">
-                <div class="header-main col">
                 <a href="/">
                     <img id="logo" src="{{ asset("Bilder/logo.png") }}" alt="{{ __('app.logo') }}">
                 </a>
             </div>
-                <div class="banner col-8 text-center">
+            <div class="banner">
                 <img src="{{ asset("Bilder/banner2.gif") }}" alt="{{ __("app.banner") }}">
             </div>
-                <div class="language col">
+            <div class="language-area">
+                <div class="language">
                     <img alt="{{ __('app.language.de') }}" onclick="setLanguage('de')" src="{{ asset("Bilder/deutsch.gif") }}">
                     <img alt="{{ __('app.language.en') }}" onclick="setLanguage('en')" src="{{ asset("Bilder/englisch.gif") }}">
+                </div>
                 <br />
-                    {{ __('app.signed_in_as') }} {{Auth::user()->name ?? __("app.guest")}}
+                <div class="login-status">{{ __('app.signed_in_as') }} {{Auth::user()->name ?? __("app.guest")}}</div>
             </div>
         </div>
-            <div class="main row">
+        <div class="main">
-                <div class="navbar col-2">
+            <div class="navbar">
                 <ul>
                     <li><a href="{{ route('about') }}">{{ __('app.nav.about') }}</a></li>
                     <li><a href="{{ route('services') }}">{{ __('app.nav.services') }}</a></li>
                     <li><a href="{{ route('news') }}">{{ __('app.nav.news') }}</a></li>
                     <li><a href="{{ route('contact') }}">{{ __('app.nav.contact') }}</li>
                     <li><a href="{{ route('imprint') }}">{{ __('app.nav.imprint') }}</a></li>
+                    <br />
+                    <li><a href="{{ route('apply') }}">{{ __('app.nav.apply') }}</a></li>
                     @auth
                         <br />
                         <li><a href="{{ route('editTicker') }}">Ticker bearbeiten</a></li>
@@ -54,6 +54,6 @@
                 @yield('content')
             </div>
         </div>
-        </div>
+
     </body>
 </html>

resources/views/login/login.blade.php

@@ -1,29 +1,35 @@
 @extends('layout.app')
 @section('scripts')
+    <script src="{{ asset("js/intern.js") }}"></script>
     <script src="{{ asset("js/login/login.js") }}"></script>
 @endsection
 
 @section('content')
-    <h1>Login</h1>
+    <h1>Anmelden</h1>
 
     <span>
 
     @guest
-    <div id="fehlermeldung" class="alert alert-primary">Bitte melden Sie sich an.</div>
+    <div id="fehlermeldung">Bitte melden Sie sich gefälligst an!</div>
-
+    <br /><br />
-    <label class="form-label" for="mail">Elektronische Postadresse:</label>
+    <table class="eingabemaske">
-    <input class="form-control" type="text" id="mail" pattern="^[0-9A-Za-z+_\-]+@[0-9A-Za-z_\-]+\.[0-9A-Za-z]+$"
+        <tr>
-           title="Nur echte Adressen der elektronischen Post verwenden!"/>
+            <td><label for="mail">Elektronische Postadresse:</label></td>
-
+            <td><input size="32" type="text" id="mail" pattern="^[0-9A-Za-z+_\-]+@[0-9A-Za-z_\-]+\.[0-9A-Za-z]+$"
-    <label class="form-label" for="password">Kennwort:</label>
+                       title="Nur echte Adressen der elektronischen Post verwenden!"/></td>
-    <input class="form-control" type="password" id="password">
+        </tr>
+        <tr>
+            <td><label for="password">Kennwort:</label></td>
+            <td><input size="32" type="password" id="password"></td>
+        </tr>
+    </table>
 
     <br/><br/>
-    <button onclick="login()">Anmelden</button>
+    <button class="eingabemaske" onclick="login()">Anmelden</button>
 
     @endguest
     @auth
-        <div id="fehlermeldung" class="alert alert-success">Sie sind angemeldet.</div>
+        <div id="fehlermeldung">Sie sind angemeldet.</div>
         <a href="{{ route('logout') }}"><button>Abmelden</button></a>
     @endauth
 

resources/views/login/register.blade.php

@@ -1,5 +1,6 @@
 @extends('layout.app')
 @section('scripts')
+    <script src="{{ asset("js/intern.js") }}"></script>
     <script src="{{ asset("js/login/registrieren.js") }}"></script>
 @endsection
 
@@ -10,24 +11,32 @@
 
     <div id="fehlermeldung" class="alert alert-primary">Bitte registrieren Sie sich.</div>
 
-    <label class="form-label" for="mail">Elektronische Postadresse:</label>
+    <table class="eingabemaske">
-    <input class="form-control" type="text" id="mail" pattern="^[0-9A-Za-z+_\-]+@[0-9A-Za-z_\-]+\.[0-9A-Za-z]+$"
+        <tr>
-           title="Nur echte Adressen der elektronischen Post verwenden!"/>
+            <td><label for="mail">Elektronische Postadresse:</label></td>
-
+            <td><input size="32" type="text" id="mail" pattern="^[0-9A-Za-z+_\-]+@[0-9A-Za-z_\-]+\.[0-9A-Za-z]+$"
-    <label class="form-label" for="username">(Vollständiger) Name:</label>
+                       title="Nur echte Adressen der elektronischen Post verwenden!"/></td>
-    <input class="form-control" type="text" id="username"/>
+        </tr>
-
+        <tr>
-    <label class="form-label" for="password">Kennwort:</label>
+            <td><label for="username">Name/Nick:</label></td>
-    <input class="form-control" type="password" id="password">
+            <td><input size="32" type="text" id="username"/></td>
-
+        </tr>
-    <label class="form-label" for="password_repeat">Kennwort wiederholen:</label>
+        <tr>
-    <input class="form-control" type="password" id="password_repeat">
+            <td><label for="password">Kennwort:</label></td>
-
+            <td><input size="32" type="password" id="password"></td>
-    <label class="form-label" for="register_token">Registrierungsnummer:</label>
+        </tr>
-    <input class="form-control" type="text" id="register_token">
+        <tr>
+            <td><label for="password_repeat">Kennwort wiederholen:</label></td>
+            <td><input size="32" type="password" id="password_repeat"></td>
+        </tr>
+        <tr>
+            <td><label for="register_token">Registrierungsnummer:</label></td>
+            <td><input size="32" type="text" id="register_token"></td>
+        </tr>
+    </table>
 
     <br/><br/>
-    <button onclick="abschicken()" class="btn btn-success">Registrieren</button>
+    <button class="eingabemaske" onclick="abschicken()">Registrieren</button>
 
 </span>
 @endsection

resources/views/ticker/edit.blade.php

@@ -1,44 +1,48 @@
 @extends('layout.app')
 @section('scripts')
+    <link rel="stylesheet" href="{{ asset("css/ticker/ticker.css") }}">
+    <script src="{{ asset("js/intern.js") }}"></script>
     <script src="{{ asset("js/ticker/edit.js") }}"></script>
 @endsection
 
 @section('content')
     <h1>Ticker bearbeiten</h1>
-    <br />
+    <div id="fehlermeldung">Hier kann der Ticker verändert werden.</div>
+    <div class="split-left">
         <h2>Deutsch</h2>
-    <label for="ticker_de">Aktive Tickernachrichten:</label>
+        <label for="ticker_de">Aktive Tickernachrichten:</label><br /><br />
-    <select class="form-control" name="ticker_de" id="ticker_de" multiple>
+        <select name="ticker_de" id="ticker_de" multiple>
             @foreach(\App\Models\TickerMessages::where('language', 'de')->orderBy('updated_at', 'desc')->get() as $tm)
                 <option value="{{$tm->id}}">{{$tm->message}}</option>
             @endforeach
         </select>
-    <br />
+        <br /><br />
         <button onclick="remove('de')">Ausgewählte Tickernachricht löschen</button>
         <br /><br /><br />
 
-    <label for="insert_de">Tickernachricht:</label>
+        <label for="insert_de">Tickernachricht erstellen: </label><br />
-    <input class="form-control" type="text" id="insert_de">
+        <input size="32" type="text" id="insert_de">
-    <br />
+        <br /><br />
         <button onclick="insert('de')">Tickernachricht hinzufügen</button>
-
+    </div>
-    <br />
+    <div class="split-right">
-    <hr />
-    <br />
-
         <h2>Englisch</h2>
-    <label for="ticker_en">Aktive Tickernachrichten:</label>
+        <label for="ticker_en">Aktive Tickernachrichten:</label><br /><br />
-    <select class="form-control" name="ticker_en" id="ticker_en" multiple>
+        <select name="ticker_en" id="ticker_en" multiple>
             @foreach(\App\Models\TickerMessages::where('language', 'en')->orderBy('updated_at', 'desc')->get() as $tm)
                 <option value="{{$tm->id}}">{{$tm->message}}</option>
             @endforeach
         </select>
-    <br />
+        <br /><br />
         <button onclick="remove('en')">Ausgewählte Tickernachricht löschen</button>
         <br /><br /><br />
 
-    <label for="insert_en">Tickernachricht:</label>
+        <label for="insert_de">Tickernachricht erstellen: </label><br />
-    <input class="form-control" type="text" id="insert_en">
+        <input size="32" type="text" id="insert_en">
-    <br />
+        <br /><br />
         <button onclick="insert('en')">Tickernachricht hinzufügen</button>
+    </div>
+
+
+
 @endsection

routes/web.php

@@ -1,7 +1,9 @@
 <?php
 
+use App\Http\Controllers\BlogController;
 use App\Http\Controllers\LoginController;
 use App\Http\Controllers\WebsiteController;
+use App\Http\Controllers\TickerController;
 use Illuminate\Support\Facades\Route;
 
 
@@ -12,6 +14,7 @@ Route::get('/kontakt', [WebsiteController::class, 'contact'])->name('contact');
 Route::get('/impressum', [WebsiteController::class, 'imprint'])->name('imprint');
 Route::get('/services', [WebsiteController::class, 'services'])->name('services');
 Route::get('/neuigkeiten', [WebsiteController::class, 'news'])->name('news');
+Route::get('/beantragen', [WebsiteController::class, 'apply'])->name('apply');
 
 Route::get('/intern/registrieren', [WebsiteController::class, 'showRegister']);
 Route::post('/intern/registrieren/abschicken', [LoginController::class, 'register']);
@@ -25,4 +28,11 @@ Route::get('/intern/abmelden', function(){
 })->name('logout');
 
 Route::get('/intern/ticker', [WebsiteController::class, 'editTicker'])->name('editTicker');
+Route::delete('/intern/ticker/remove', [TickerController::class, 'deleteTicker']);
+Route::put('/intern/ticker/add', [TickerController::class, 'addTicker']);
+
+
 Route::get('/intern/nachrichten', [WebsiteController::class, 'editNews'])->name('editNews');
+Route::post('/intern/nachrichten/add', [BlogController::class, 'addBlog']);
+Route::delete('/intern/nachrichten/delete', [BlogController::class, 'deleteBlog']);
+Route::put('/intern/nachrichten/edit', [BlogController::class, 'editBlog']);