created pages

app/Http/Controllers/MailRedirectController.php

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

resources/css/app.css

@@ -12,7 +12,10 @@
 @layer base {
     html {
         font-family: ibm-vga, monospace;
-        font-size: 16px;
+        font-size: 17px;
+    }
+    b {
+        @apply text-white font-normal
     }
 
     a {

resources/views/about.blade.php

@@ -1,3 +1,16 @@
 <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

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

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

@@ -10,6 +10,7 @@
       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/components/outer-card.blade.php

@@ -1,3 +1,3 @@
-<div {{$attributes->merge(['class'=> "col-span-1 filter drop-shadow-card shadow-zinc-950"])}}>
+<div {{$attributes->merge(['class'=> "col-span-1 filter drop-shadow-card shadow-zinc-950 "])}}>
     {{ $slot }}
 </div>

resources/views/dashboard.blade.php

@@ -2,17 +2,18 @@
 
     @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_375px] gap-4 ">
+    <div class="mt-4 grid grid-rows-[1fr] sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-[auto_auto_400px] gap-4 ">
 
         <x-outer-card class="md:col-span-2">
             <x-inner-card class="h-full">
                 <p>
-                    Hi! My name is <span class="text-white">Nisse</span>. I'm a 25-year-old software development
+                <h2> < Welcome > </h2>
-                    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
+                student. I created this website to
-                    to
+                serve as a small repository and showcase of what I'm up to in my digital life. It's also an excuse
-                    <span class="line-through">ramble</span> write about some of the (probably at least mildly obscure)
+                to
-                    things I think a lot about.
+                <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>
@@ -31,19 +32,24 @@
         <!-- Recent blog posts -->
         @include('home.recent-blog')
 
-
         <x-outer-card class="md:col-span-2">
             <x-inner-card>
+                <h2>< Contact Info > </h2>
                 <p>
-                    This website was designed from scratch as an homage to 90's and early 00's web design, perhaps
+                    If you'd like to <b>get in touch with me</b>, consider sending me an <a href="{{route('mail')}}">e-mail</a>,
-                    reminiscent of spaces like GeoCities.
+                    find me on <a rel="me" href="https://mastodon.world/@niisse">Mastodon</a>, or connect on
+                    <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>
-                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
+                <p>
-                industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
+                    This website was designed from scratch as an homage to <b>90's and early 00's web design</b> as well as
-                scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap
+                    even older <b>text-based computer programs</b>, perhaps somewhat reminiscent of spaces like GeoCities.
-                into electronic typesetting, remaining essentially unchanged.
+                    Partial
-            </x-inner-card>
+                    inspiration for this website's design, as well as the font being used, came from the wonderful
+                    <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>
+    <x-inner-card class="!shadow-red-600">
 
         <div class="h-full grid space-y-2 content-center whitespace-nowrap ">
             <h2>< What's new? > </h2>
 
-            <hr class="border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900">
+            <hr>
 
             <ul class="list-disc list-inside mr-7 marker:font-ibm marker:text-lime-400">
 

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

@@ -1,7 +1,7 @@
 <x-outer-card class="col-span-1">
-    <x-inner-card>
+    <x-inner-card class="!shadow-lime-600">
 
-        <div class="h-full w-full grid space-y-2 content-center whitespace-nowrap ">
+        <div class="h-full grid space-y-2 content-center whitespace-nowrap ">
             <h2> < Recent Blog Posts > </h2>
 
             <hr>

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

@@ -1,8 +1,8 @@
 <x-outer-card class="select-none">
-    <x-inner-card>
+    <x-inner-card class="!shadow-zinc-700">
         <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/70 text-shadow-md shadow-blue-300 hover:text-red-300/70">
+                <h1 class="text-6xl uppercase text-center font-bold text-red-400/80 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 bg-zinc-900 max-w-7xl mx-auto overflow-y-auto pb-3">
+<div class="min-h-screen 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 Me
+                          :active="request()->routeIs('about')">About
             </x-nav-button>
             <x-nav-button class="text-lime-400 shadow-lime-950"
                           :route="route('projects.index')"
@@ -17,7 +17,7 @@
             >Projects
             </x-nav-button>
             <x-nav-button class="text-blue-400 shadow-blue-950"
-                          :route="route('dashboard')"
+                          :route="route('blog')"
                           :active="request()->routeIs('blog')"
             >Blog
             </x-nav-button>

resources/views/projects/index.blade.php

@@ -1,19 +1,25 @@
 <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="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 class="mt-4">--}}
+{{--        <x-inner-card>--}}
+{{--            <h2>< Sequencer ></h2>--}}
+{{--            <hr class="border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900">--}}
 
-    <x-outer-card class="mt-4">
+{{--        </x-inner-card>--}}
-        <x-inner-card>
+{{--    </x-outer-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,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\MailRedirectController;
 use App\Http\Controllers\ProjectsController;
 use Illuminate\Support\Facades\Route;
 
@@ -22,6 +23,12 @@ Route::get('/about', function () {
     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,7 +28,8 @@ 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)',