created pages

master
Nisse Lommerde 1 year ago
parent 3ee54e5b24
commit 3f94b43b41

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

@ -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 {

@ -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>

@ -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>

@ -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>

@ -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}}">

@ -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>

@ -2,12 +2,13 @@
@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>
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
@ -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
reminiscent of spaces like GeoCities.
If you'd like to <b>get in touch with me</b>, consider sending me an <a href="{{route('mail')}}">e-mail</a>,
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
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap
into electronic typesetting, remaining essentially unchanged.
</x-inner-card>
<p>
This website was designed from scratch as an homage to <b>90's and early 00's web design</b> as well as
even older <b>text-based computer programs</b>, perhaps somewhat reminiscent of spaces like GeoCities.
Partial
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>

@ -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">

@ -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>

@ -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>

@ -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')

@ -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>

@ -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>
<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-outer-card>
<x-inner-card>
<h2>< Sequencer ></h2>
<hr class="border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900">
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>

@ -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';

@ -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)',

Loading…
Cancel
Save