app/Http/Controllers/MailRedirectController.php

@@ -1,11 +0,0 @@
-<?php
-
-namespace App\Http\Controllers;
-
-class MailRedirectController extends Controller
-{
-    public function __invoke()
-    {
-        return redirect("mailto:nisselommerde@gmail.com");
-    }
-}

resources/css/app.css

@@ -12,28 +12,15 @@ @font-face {
 @layer base {
     html {
         font-family: ibm-vga, monospace;
-        font-size: 17px;
     }
-    b {
-        @apply text-white font-normal
-    }
-
-    a {
-        @apply text-blue-400 hover:text-blue-300 underline
 }
 
 h1 {
-        @apply text-shadow-md font-bold shadow-zinc-950 text-white
+    color: white;
 }
 
 h2 {
-        @apply text-shadow-sm font-bold shadow-zinc-950 text-white text-xl
+    color: white;
-    }
-
-    hr {
-        @apply border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900
-    }
-
 }
 
 /* https://pixelcorners.lukeb.co.uk */

resources/views/about.blade.php

@@ -1,16 +1,3 @@
 <x-app-layout>
-    <div class="space-y-4">
-        <x-outer-card class="select-none">
-            <x-inner-card>
-                <h1 class="text-center text-4xl text-shadow-md font-bold shadow-zinc-950">< About ></h1>
-            </x-inner-card>
-        </x-outer-card>
-
-        <x-outer-card>
-            <x-inner-card>
-                Please check back later. :)
-            </x-inner-card>
-        </x-outer-card>
-    </div>
 
 </x-app-layout>

resources/views/blog.blade.php

@@ -1,16 +0,0 @@
-<x-app-layout>
-    <div class="space-y-4">
-        <x-outer-card class="select-none">
-            <x-inner-card>
-                <h1 class="text-center text-4xl text-shadow-md font-bold shadow-zinc-950">< Blog ></h1>
-            </x-inner-card>
-        </x-outer-card>
-
-        <x-outer-card>
-            <x-inner-card>
-                Please check back later. :)
-            </x-inner-card>
-        </x-outer-card>
-    </div>
-
-</x-app-layout>

resources/views/components/inner-card.blade.php

@@ -1,5 +1,4 @@
-<div {{$attributes->merge(['class'=> "bg-zinc-800 p-6 pixel-corner-md text-justify h-full
+<div {{$attributes->merge(['class'=> "bg-zinc-800 p-6 pixel-corner-md shadow-black text-justify h-full"])}}>
-                                      shadow-pixel-inset shadow-zinc-700/50"])}}>
     {{ $slot }}
 
 </div>

resources/views/components/nav-button.blade.php

@@ -4,18 +4,18 @@
     $classes = ($active ?? false)
                 ? 'py-1 px-3 bg-zinc-700/75 text-white hover:bg-zinc-700 group pixel-corner-sm active:bg-zinc-900'
                 : 'py-1 px-3 bg-zinc-800 text-white hover:bg-zinc-700 group pixel-corner-sm active:bg-zinc-900'
+//    $classes = ($active ?? false)
+//                ? 'group-hover:underline text-lime-100 text-shadow-sm shadow-lime-950 font-bold'
+//                : 'group-hover:underline text-blue-100 text-shadow-sm shadow-blue-950'
 @endphp
-
 <form action="{{$route}}"
       method="get">
-
+    <button class="filter drop-shadow-pixel-sm hover:drop-shadow-pixel-sm-hover shadow-black"
-    <button class="filter drop-shadow-pixel-sm hover:drop-shadow-pixel-sm-hover shadow-zinc-950"
-
             type="submit">
 
         <div class="{{$classes}}">
 
-            <div class="flex flex-row font-bold">
+            <div class="flex flex-row {{isset($active) ? 'font-bold' : ''}}">
                 <div class="text-neutral-200 mr-[3px] text-shadow-sm shadow-zinc-950 ">
                     <
                 </div>
@@ -28,5 +28,4 @@
             </div>
         </div>
     </button>
-
 </form>

resources/views/dashboard.blade.php

@@ -2,26 +2,20 @@
 
     @include('home.title-banner')
 
-    <div class="mt-4 grid grid-rows-[1fr] sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-[auto_auto_400px] gap-4 ">
+    <div class="mt-4 grid grid-rows-[1fr] sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-[auto_auto_375px] gap-4 ">
 
         <x-outer-card class="md:col-span-2">
             <x-inner-card class="h-full">
                 <p>
-                <h2> < Welcome > </h2>
+                    Hi! My name is Nisse. I'm a 25-year-old software development student. I created this website to
-                Hi! My name is <span class="text-white">Nisse</span>. I'm a 24-year-old software development
+                    serve as a small repository and showcase of what I'm up to in my digital life. It's also an excuse to
-                student. I created this website to
+                    <span class="line-through">ramble</span> write about some of the (probably at least mildly obscure) things I think a lot about.
-                serve as a small repository and showcase of what I'm up to in my digital life. It's also an excuse
-                to
-                <span class="line-through">ramble</span> write about some of the (probably at least mildly obscure)
-                things I think a lot about.
                 </p>
                 <br>
                 <p>
-                    Things I care about include <span class="text-white">music technology</span> (including - but not
+                    Things I care about include music technology (including - but not limited to - custom samplers and
-                    limited to - <a href="">custom samplers</a> and <a href="">sequencers</a>) as well as
+                    sequencers) as well as music production, programming, electronics, digital minimalism, Linux,
-                    <span class="text-white">music production, programming, electronics, digital minimalism, Linux,
+                    retro things of all sorts, video production, self-improvement and much more.
-                    retro things of all sorts, video production, self-improvement</span> and much more. Have a look
-                    around!
                 </p>
             </x-inner-card>
         </x-outer-card>
@@ -32,24 +26,19 @@
         <!-- Recent blog posts -->
         @include('home.recent-blog')
 
+
         <x-outer-card class="md:col-span-2">
             <x-inner-card>
-                <h2>< Contact Info > </h2>
                 <p>
-                    If you'd like to <b>get in touch with me</b>, consider sending me an <a href="{{route('mail')}}">e-mail</a>,
+                    This website was designed from scratch as an homage to 90's and early 00's web design, perhaps
-                    find me on <a rel="me" href="https://mastodon.world/@niisse">Mastodon</a>, or connect on
+                    reminiscent of spaces like GeoCities.
-                    <a href="https://www.linkedin.com/in/nisse-lommerde-9042b6215/">LinkedIn</a>. I also occasionally
-                    show off projects I'm working on over on my <a href="https://www.youtube.com/@Niiisse">YouTube
-                                                                                                           Channel</a>.
                 </p>
                 <br>
-                <p>
+                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
-                    This website was designed from scratch as an homage to <b>90's and early 00's web design</b> as well as
+                industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
-                    even older <b>text-based computer programs</b>, perhaps somewhat reminiscent of spaces like GeoCities.
+                scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap
-                    Partial
+                into electronic typesetting, remaining essentially unchanged.
-                    inspiration for this website's design, as well as the font being used, came from the wonderful
+            </x-inner-card>
-                    <a href="https://int10h.org/oldschool-pc-fonts/">int10h.org</a>.
-                </p></x-inner-card>
         </x-outer-card>
 
 </x-app-layout>

resources/views/home/changelog.blade.php

@@ -1,10 +1,10 @@
 <x-outer-card class="col-span-1">
-    <x-inner-card class="!shadow-red-600">
+    <x-inner-card>
 
         <div class="h-full grid space-y-2 content-center whitespace-nowrap ">
-            <h2>< What's new? > </h2>
+            <h2 class="text-xl text-shadow-sm shadow-zinc-900 font-bold">< What's new? > </h2>
 
-            <hr>
+            <hr class="border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900">
 
             <ul class="list-disc list-inside mr-7 marker:font-ibm marker:text-lime-400">
 

resources/views/home/recent-blog.blade.php

@@ -1,10 +1,10 @@
 <x-outer-card class="col-span-1">
-    <x-inner-card class="!shadow-lime-600">
+    <x-inner-card>
 
-        <div class="h-full grid space-y-2 content-center whitespace-nowrap ">
+        <div class="h-full w-full grid space-y-2 content-center whitespace-nowrap ">
-            <h2> < Recent Blog Posts > </h2>
+            <h2 class="text-xl text-shadow-sm shadow-zinc-900 font-bold"> < Recent Blog Posts > </h2>
 
-            <hr>
+            <hr class="border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900">
 
             <ul class="list-disc list-inside mr-7 marker:font-ibm marker:text-lime-400">
 
@@ -51,7 +51,7 @@
                 </li>
             </ul>
 
-            <hr>
+            <hr class="border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900">
 
             <div>
                 // For more, head over to the

resources/views/home/title-banner.blade.php

@@ -1,8 +1,8 @@
 <x-outer-card class="select-none">
-    <x-inner-card class="!shadow-zinc-700">
+    <x-inner-card>
         <div class="filter drop-shadow-pixel-lg shadow-black/75">
             <div class="filter drop-shadow-pixel-lg shadow-blue-400/80 hover:shadow-blue-600/80">
-                <h1 class="text-6xl uppercase text-center font-bold text-red-400/80 text-shadow-md shadow-blue-300 hover:text-red-300/70">
+                <h1 class="text-6xl uppercase text-center font-bold text-red-400/70 text-shadow-md shadow-blue-300 hover:text-red-300/70">
                     << niisse.net >>
                 </h1>
             </div>

resources/views/layouts/app.blade.php

@@ -20,7 +20,7 @@
 </head>
 
 <body class="bg-zinc-900 text-zinc-300">
-<div class="min-h-screen max-w-7xl mx-auto overflow-y-auto pb-3">
+<div class="min-h-screen bg-zinc-900 max-w-7xl mx-auto overflow-y-auto pb-3">
     <main>
         <div class="lg:mx-16 mx-2 sm:mx-8">
             @include('layouts.navigation')

resources/views/layouts/navigation.blade.php

@@ -9,15 +9,15 @@
             </x-nav-button>
             <x-nav-button class="text-yellow-400 shadow-yellow-950"
                           :route="route('about')"
-                          :active="request()->routeIs('about')">About
+                          :active="request()->routeIs('about')">About Me
             </x-nav-button>
             <x-nav-button class="text-lime-400 shadow-lime-950"
                           :route="route('projects.index')"
-                          :active="request()->routeIs('projects.*')"
+                          :active="request()->routeIs('projects')"
             >Projects
             </x-nav-button>
             <x-nav-button class="text-blue-400 shadow-blue-950"
-                          :route="route('blog')"
+                          :route="route('dashboard')"
                           :active="request()->routeIs('blog')"
             >Blog
             </x-nav-button>

resources/views/projects/index.blade.php

@@ -1,25 +1,3 @@
 <x-app-layout>
-    <div class="space-y-4">
-        <x-outer-card class="select-none">
-            <x-inner-card>
-                <h1 class="text-center text-4xl text-shadow-md font-bold shadow-zinc-950">< Projects ></h1>
-            </x-inner-card>
-        </x-outer-card>
-
-        <x-outer-card>
-            <x-inner-card>
-                Please check back later. :)
-            </x-inner-card>
-        </x-outer-card>
-    </div>
-
-
-{{--    <x-outer-card class="mt-4">--}}
-{{--        <x-inner-card>--}}
-{{--            <h2>< Sequencer ></h2>--}}
-{{--            <hr class="border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900">--}}
-
-{{--        </x-inner-card>--}}
-{{--    </x-outer-card>--}}
 
 </x-app-layout>

routes/web.php

@@ -1,6 +1,5 @@
 <?php
 
-use App\Http\Controllers\MailRedirectController;
 use App\Http\Controllers\ProjectsController;
 use Illuminate\Support\Facades\Route;
 
@@ -23,12 +22,6 @@
     return view('about');
 })->name('about');
 
-Route::get('/blog', function () {
-    return view('blog');
-})->name('blog');
-
-Route::get('mail', MailRedirectController::class)->name('mail');
-
 Route::resource('/projects', ProjectsController::class);
 
 require __DIR__ . '/auth.php';

tailwind.config.js

@@ -28,8 +28,7 @@ export default {
             boxShadow: {
                 'pixel-sm': '2px 2px black',
                 'pixel-sm-hover': '2px 4px black',
-                'pixel-md': '4px 4px black',
+                'pixel-md': '4px 4px black'
-                'pixel-inset': 'inset 3px 3px var(--tw-shadow-color), inset -3px -3px var(--tw-shadow-color)'
             },
             dropShadow: {
                 'pixel-sm': '2px 2px var(--tw-shadow-color)',