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,10 +12,7 @@ @font-face {
 @layer base {
     html {
         font-family: ibm-vga, monospace;
-        font-size: 17px;
+        font-size: 16px;
-    }
-    b {
-        @apply text-white font-normal
     }
 
     a {
@@ -23,15 +20,11 @@ @layer base {
     }
 
     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 my-2
     }
 
 }

resources/views/about.blade.php

@@ -1,74 +1,3 @@
 <x-app-layout>
-    <div class="space-y-4">
-        <x-outer-card class="select-none">
-            <x-inner-card class="!shadow-zinc-700">
-                <h1 class="text-center text-4xl text-shadow-md font-bold shadow-zinc-950"><< About >></h1>
-            </x-inner-card>
-        </x-outer-card>
-
-        <div class="grid grid-cols-[2fr_1fr] gap-4">
-            <div>
-                <x-outer-card>
-                    <x-inner-card>
-                        <h2>< Early Interest ></h2>
-                        <hr>
-
-                        <p>
-                            For as long as I can remember, I have been fascinated with computers and other electronic
-                            devices. As a kid, I would attempt to disassemble (usually already broken) electronic
-                            devices of all types to see what's inside and <b>attempt to decipher how they function</b>.
-                            Sometimes these devices would not be broken <i>before</i> I took them apart, to the dismay
-                            of my family. When I was 8 or so, I received an old hand-me-down computer (an IBM Aptiva
-                            with matching CRT monitor). I must have clicked just about every button there was to click,
-                            learning about the computer's functions as I went along and
-                            <b>learning how to fix things I'd inadvertently break in the process</b>. I also ran a
-                            website during this period, created with MS Frontpage, explaining how computers work and
-                            describing their various components.
-                        </p>
-                        <br>
-                        <p>
-                            Fast forward a few years and I'm messing around with Android smartphones, learning about
-                            things like ADB, Fastboot and flashing custom ROMs to <b>expand their capabilities after the manufacturer had
-                                                                   long stopped pushing out new software versions</b>.
-                            Around this time, I also experimented with installing Linux, going back and forth between
-                            this new and unknown thing, and the various Windows versions I was familiar with. I'd picked
-                            up some simple HTML and CSS skills, and occasionally dabbled in game development through
-                            Game Maker 7/8.
-                        </p>
-                        <br>
-                        <p>
-                            The latter introduced me to the concept of <b>object-oriented programming</b>. After
-                            understanding the basics of Game Maker, I discovered projects like <a
-                                    href="https://godotengine.org/">Godot</a>, and attempted to wrap my brain about
-                            "proper" programming, teaching myself to
-                            <b> write small Python-based games on the Raspberry Pi </b> using <a
-                                    href="https://pygame.org">Pygame</a> (I say 'games', but they're probably better
-                            described as 'tech demos').
-                        </p>
-                        <br>
-                        <p>
-                            I also started writing some simple applications using C# and
-                            WinForms, <b>creating a small tool to help me calculate note transpositions when
-                                         playing music</b>. I also wrote a program that converted game controller
-                            inputs into MIDI signals, allowing me to play digital instruments and keyboards using the
-                            controller. Additionally, I occasionally attempted to solve small programming exercises
-                            given to me by my uncle, a seasoned software developer and big inspiration to little me.
-                        </p>
-                    </x-inner-card>
-                </x-outer-card>
-            </div>
-
-            <div>
-                <x-outer-card>
-                    <x-inner-card>
-                        <h2>< About this website ></h2>
-                        <hr>
-                        A detailed log of changes can be found at the <a href="{{route('changelog')}}">changelog</a>.
-
-                    </x-inner-card>
-                </x-outer-card>
-            </div>
-        </div>
-    </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 class="!shadow-zinc-700">
-                <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/changelog.blade.php

@@ -1,32 +0,0 @@
-<x-app-layout>
-    <div class="space-y-4">
-        <x-outer-card class="select-none">
-            <x-inner-card class="!shadow-zinc-700">
-                <h1 class="text-center text-4xl text-shadow-md font-bold shadow-zinc-950"><< Changelog >></h1>
-            </x-inner-card>
-        </x-outer-card>
-
-        <div class="grid grid-cols-2 gap-4">
-           <div>
-               <x-outer-card>
-                   <x-inner-card>
-                       <h2>Website Changes</h2>
-                       <hr>
-                       v 1.0: website launch
-                   </x-inner-card>
-               </x-outer-card>
-           </div>
-
-            <div>
-                <x-outer-card>
-                    <x-inner-card>
-                        <h2>Content Update</h2>
-                        <hr>
-                        blog posts and project posts will be listed here.
-                    </x-inner-card>
-                </x-outer-card>
-            </div>
-        </div>
-    </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

@@ -10,7 +10,6 @@
       method="get">
 
     <button class="filter drop-shadow-pixel-sm hover:drop-shadow-pixel-sm-hover shadow-zinc-950"
-
             type="submit">
 
         <div class="{{$classes}}">

resources/views/dashboard.blade.php

@@ -2,14 +2,12 @@
 
     @include('home.title-banner')
 
-    <div class="mt-4 grid auto-rows-auto sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-[400px_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 <span class="text-white">Nisse</span>. I'm a 25-year-old software development
-                <hr class="my-2">
-                Hi! My name is <span class="text-white">Nisse</span>. I'm a 24-year-old software development
                     student. I created this website to
                     serve as a small repository and showcase of what I'm up to in my digital life. It's also an excuse
                     to
@@ -19,7 +17,7 @@
                 <br>
                 <p>
                     Things I care about include <span class="text-white">music technology</span> (including - but not
-                    limited to - custom <a href="">sequencers</a>) as well as
+                    limited to - <a href="">custom samplers</a> and <a href="">sequencers</a>) as well as
                     <span class="text-white">music production, programming, electronics, digital minimalism, Linux,
                     retro things of all sorts, video production, self-improvement</span> and much more. Have a look
                     around!
@@ -33,24 +31,19 @@
         <!-- Recent blog posts -->
         @include('home.recent-blog')
 
+
         <x-outer-card class="md:col-span-2">
             <x-inner-card>
-                <h2>< Contact Info > </h2>
-                <hr class="my-2">
                 <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<a
+                    reminiscent of spaces like GeoCities.
-                            href="https://www.linkedin.com/in/nisse-lommerde-9042b6215/">LinkedIn</a>. I also
-                    occasionally show off projects I'm working on over at 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
+                industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
-                    as even older <b>text-based computer programs</b>, perhaps somewhat reminiscent of spaces like
+                scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap
-                    GeoCities. Partial inspiration for this website's design, as well as the font being used, came from
+                into electronic typesetting, remaining essentially unchanged.
-                    the wonderful <a href="https://int10h.org/oldschool-pc-fonts/">int10h.org</a>.
+            </x-inner-card>
-                </p></x-inner-card>
         </x-outer-card>
 
 </x-app-layout>

resources/views/home/changelog.blade.php

@@ -1,13 +1,12 @@
 <x-outer-card class="col-span-1">
-    <x-inner-card class="!shadow-red-600">
+    <x-inner-card>
 
-        <div class="h-full grid grid-rows-[auto_1fr_auto] content-start whitespace-nowrap ">
+        <div class="h-full grid space-y-2 content-center whitespace-nowrap ">
-            <div>
+            <h2 class="text-xl text-shadow-sm shadow-zinc-900 font-bold">< What's new? > </h2>
-                <h2>< What's new? > </h2>
+
-                <hr>
+            <hr class="border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900">
-            </div>
+
-            <div>
+            <ul class="list-disc list-inside mr-7 marker:font-ibm marker:text-lime-400">
-                <ul class="list-disc list-inside mr-7 marker:font-ibm marker:text-red-400">
 
                 <li>
                     <x-news-item class="text-white"
@@ -51,13 +50,12 @@
                     </x-news-item>
                 </li>
             </ul>
-            </div>
+
-            <div>
+            <hr class="border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900">
-                <hr>
+
             <div>
                 // For more, see the
-                    <span class="text-blue-400 hover:text-blue-300 underline"><a href="{{route('changelog')}}">changelog</a></span>.
+                <span class="text-blue-400 hover:text-blue-300 underline"><a href="">changelog</a></span>.
-                </div>
             </div>
 
         </div>

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

@@ -1,13 +1,11 @@
 <x-outer-card class="col-span-1">
-    <x-inner-card class="!shadow-lime-500">
+    <x-inner-card>
 
-        <div class="h-full grid grid-rows-[auto_1fr_auto] content-start whitespace-nowrap ">
+        <div class="h-full w-full grid space-y-2 content-center whitespace-nowrap ">
+            <h2 class="text-xl text-shadow-sm shadow-zinc-900 font-bold"> < Recent Blog Posts > </h2>
+
+            <hr class="border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900">
 
-            <div>
-                <h2> < recent blog posts > </h2>
-                <hr>
-            </div>
-            <div>
             <ul class="list-disc list-inside mr-7 marker:font-ibm marker:text-lime-400">
 
                 <li>
@@ -16,7 +14,7 @@
                                  date="2023-06-08"
                                  link="#"
                                  link_name="blog"
-                                     title="newest item style">
+                                 title="Newest item style">
                     </x-news-item>
                 </li>
                 <li>
@@ -24,7 +22,7 @@
                                  date="2023-06-07"
                                  link="#"
                                  link_name="blog"
-                                     title="a blog entry">
+                                 title="A Blog Entry">
                     </x-news-item>
                 </li>
                 <li>
@@ -32,7 +30,7 @@
                                  date="2023-06-05"
                                  link="#"
                                  link_name="blog"
-                                     title="another blog entry">
+                                 title="Another Blog Entry">
                     </x-news-item>
                 </li>
                 <li>
@@ -40,7 +38,7 @@
                                  date="2023-06-02"
                                  link="#"
                                  link_name="blog"
-                                     title="project update">
+                                 title="Project Update">
                     </x-news-item>
                 </li>
                 <li>
@@ -48,19 +46,17 @@
                                  date="2023-06-02"
                                  link="#"
                                  link_name="blog"
-                                     title="another link">
+                                 title="Another link">
                     </x-news-item>
                 </li>
             </ul>
-            </div>
+
+            <hr class="border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900">
 
             <div>
-                <hr>
+                // For more, head over to the
-                <div>
-                    // for more, head over to the
                 <span class="text-blue-400 hover:text-blue-300 underline"><a href="">blog</a></span>.
             </div>
-            </div>
 
         </div>
     </x-inner-card>

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

@@ -1,8 +1,8 @@
 <x-outer-card class="select-none">
-    <x-inner-card class="!shadow-zinc-600">
+    <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,7 +9,7 @@
             </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')"
@@ -17,15 +17,10 @@
             >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>
-            <x-nav-button class="text-purple-300 shadow-purple-950"
-                          :route="route('changelog')"
-                          :active="request()->routeIs('changelog')"
-            >Changelog
-            </x-nav-button>
 
             <div class="ml-auto hidden md:flex">
                 <x-nav-button class="text-zinc-200 shadow-zinc-950"

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 class="!shadow-zinc-700">
-                <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,16 +22,6 @@
     return view('about');
 })->name('about');
 
-Route::get('/blog', function () {
-    return view('blog');
-})->name('blog');
-
-Route::get('/about/changelog', function () {
-    return view('changelog');
-})->name('changelog');
-
-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)',