From 008522364229089abf394d5e3059f5f86a89ec20 Mon Sep 17 00:00:00 2001
From: Jonas Weigert <weigert.jonas@gmail.com>
Date: Sat, 25 Jun 2022 13:59:22 -0700
Subject: [PATCH] feat(changelog): added route

---
 app/Http/Controllers/ChangelogController.php | 13 +++++++++++
 public/css/app.css                           | 23 ++++++++++++++++++--
 resources/views/changelog.blade.php          | 10 +++++++++
 resources/views/layouts/app-nav.blade.php    |  8 ++++---
 resources/views/layouts/app.blade.php        |  4 ++--
 routes/web.php                               |  3 +++
 6 files changed, 54 insertions(+), 7 deletions(-)
 create mode 100644 app/Http/Controllers/ChangelogController.php
 create mode 100644 resources/views/changelog.blade.php

diff --git a/app/Http/Controllers/ChangelogController.php b/app/Http/Controllers/ChangelogController.php
new file mode 100644
index 0000000..9beba41
--- /dev/null
+++ b/app/Http/Controllers/ChangelogController.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class ChangelogController extends Controller
+{
+    public function index()
+    {
+        return view('changelog');
+    }
+}
diff --git a/public/css/app.css b/public/css/app.css
index 57df383..03a7a7d 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -674,6 +674,10 @@ video {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -694,6 +698,12 @@ video {
 .pb-3 {
   padding-bottom: 0.75rem;
 }
+.pt-32 {
+  padding-top: 8rem;
+}
+.pt-4 {
+  padding-top: 1rem;
+}
 .text-5xl {
   font-size: 3rem;
   line-height: 1;
@@ -720,6 +730,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
+.text-gray-50 {
+  --tw-text-opacity: 1;
+  color: rgb(249 250 251 / var(--tw-text-opacity));
+}
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -728,9 +742,9 @@ video {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
-.text-gray-50 {
+.text-gray-100 {
   --tw-text-opacity: 1;
-  color: rgb(249 250 251 / var(--tw-text-opacity));
+  color: rgb(243 244 246 / var(--tw-text-opacity));
 }
 .antialiased {
   -webkit-font-smoothing: antialiased;
@@ -751,6 +765,11 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.hover\:underline:hover {
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+}
+
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
diff --git a/resources/views/changelog.blade.php b/resources/views/changelog.blade.php
new file mode 100644
index 0000000..f725c06
--- /dev/null
+++ b/resources/views/changelog.blade.php
@@ -0,0 +1,10 @@
+@extends('layouts.app-nav')
+
+@section('content')
+    <div class="container mx-auto px-2 text-gray-100">
+        <div class="pt-4">
+            <h1 class="font-bold text-5xl mb-8">Changelog</h1>
+
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/layouts/app-nav.blade.php b/resources/views/layouts/app-nav.blade.php
index 815761a..36c6a19 100644
--- a/resources/views/layouts/app-nav.blade.php
+++ b/resources/views/layouts/app-nav.blade.php
@@ -2,8 +2,8 @@
 
 @section('nav')
     <!-- This example requires Tailwind CSS v2.0+ -->
-    <nav class="bg-zinc-900 fixed top-0 left-0 right-0" x-data="{ mobileMenuOpen: false }">
-        <div class="container mx-auto px-4">
+    <nav x-data="{ mobileMenuOpen: false }">
+        <div class="container mx-auto px-4 py-10">
             <div class="relative flex items-center justify-between h-16">
                 <div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
                     <!-- Mobile menu button-->
@@ -49,7 +49,9 @@ class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md tex
                 </div>
                 <div
                     class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0 text-gray-400 font-bold">
-                    {{ config('app.version') }}
+                    <a href="/changelog" class="hover:text-white hover:underline">
+                        {{ config('app.version') }}
+                    </a>
                 </div>
             </div>
         </div>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index e3fcc73..a06e3e7 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -8,9 +8,9 @@
     <link href="{{ asset('css/app.css') }}" rel="stylesheet">
 </head>
 
-<body class="antialiased bg-gray-300">
+<body class="antialiased bg-zinc-900">
     @section('nav') @show
-    <div class="min-h-screen pt-16">
+    <div class="min-h-screen">
         @section('content') @show
     </div>
     <script type="text/javascript" src="{{ asset('js/app.js') }}"></script>
diff --git a/routes/web.php b/routes/web.php
index 2e6e260..fb94fb3 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\ChangelogController;
 use Illuminate\Support\Facades\Route;
 
 /*
@@ -17,6 +18,8 @@
     return view('welcome');
 });
 
+Route::get('/changelog', [ChangelogController::class, 'index']);
+
 /*
 |--------------------------------------------------------------------------
 | Map Marker Routes