nisse/niisse-net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

work on about page

Browse Source
This commit is contained in:
Nisse Lommerde 2023-06-19 17:03:28 +02:00
parent ac76455c8a
commit 3a1d9fa623
6 changed files with 57 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/css/app.css
View File

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

39
resources/views/about.blade.php
View File

@ -6,13 +6,46 @@
</x-inner-card> </x-inner-card>
</x-outer-card> </x-outer-card>
<div class="grid grid-cols-2 gap-4"> <div class="grid grid-cols-[2fr_1fr] gap-4">
<div> <div>
<x-outer-card> <x-outer-card>
<x-inner-card> <x-inner-card>
<h2>< About Me ></h2> <h2>< Early Interest ></h2>
<hr> <hr>
gay boi
<p>
For as long as I can remember, I have been fascinated with computers and other forms of
electronics. 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.
</p>
<br>
<p>
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 of
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 Frontpage '97, explaining how computers work and
describing the their various components.
</p>
<br>
<p>
Fast forward a few years and I'm messing around with Android smartphones, learning about
things like flashing custom ROMs to expand their capabilities after the manufacturer had
long stopped pushing out new software versions. 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. The latter introduced me to
the concept of <b>object-oriented programming</b>.
</p>
<br>
<h2>Test</h2>
<hr>
<p>
More text
</p>
</x-inner-card> </x-inner-card>
</x-outer-card> </x-outer-card>
</div> </div>

4
resources/views/changelog.blade.php
View File

@ -1,8 +1,8 @@
<x-app-layout> <x-app-layout>
<div class="space-y-4"> <div class="space-y-4">
<x-outer-card class="select-none"> <x-outer-card class="select-none">
<x-inner-card class="!shadow-purple-500"> <x-inner-card class="!shadow-zinc-700">
<h1 class="text-center text-4xl text-shadow-md font-bold shadow-zinc-950">< Changelog ></h1> <h1 class="text-center text-4xl text-shadow-md font-bold shadow-zinc-950"><< Changelog >></h1>
</x-inner-card> </x-inner-card>
</x-outer-card> </x-outer-card>

2
resources/views/dashboard.blade.php
View File

@ -2,7 +2,7 @@
@include('home.title-banner') @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 auto-rows-auto sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-[400px_auto_400px] gap-4 ">
<x-outer-card class="md:col-span-2"> <x-outer-card class="md:col-span-2">
<x-inner-card class="h-full"> <x-inner-card class="h-full">

2
resources/views/home/changelog.blade.php
View File

@ -56,7 +56,7 @@
<hr> <hr>
<div> <div>
// For more, see the // For more, see the
<span class="text-blue-400 hover:text-blue-300 underline"><a href="">changelog</a></span>. <span class="text-blue-400 hover:text-blue-300 underline"><a href="{{route('changelog')}}">changelog</a></span>.
</div> </div>
</div> </div>

13
resources/views/layouts/navigation.blade.php
View File

@ -3,24 +3,29 @@
<div class="my-4"> <div class="my-4">
<div class="flex flex-row gap-x-2 text-xl font-ibm whitespace-nowrap"> <div class="flex flex-row gap-x-2 text-xl font-ibm whitespace-nowrap">
<x-nav-button class="text-blue-400 shadow-blue-950" <x-nav-button class="text-red-400 shadow-red-950"
:route="route('dashboard')" :route="route('dashboard')"
:active="request()->routeIs('dashboard')">Home :active="request()->routeIs('dashboard')">Home
</x-nav-button> </x-nav-button>
<x-nav-button class="text-lime-400 shadow-lime-950" <x-nav-button class="text-yellow-400 shadow-yellow-950"
:route="route('about')" :route="route('about')"
:active="request()->routeIs('about')">About :active="request()->routeIs('about')">About
</x-nav-button> </x-nav-button>
<x-nav-button class="text-yellow-400 shadow-yellow-950" <x-nav-button class="text-lime-400 shadow-lime-950"
:route="route('projects.index')" :route="route('projects.index')"
:active="request()->routeIs('projects.*')" :active="request()->routeIs('projects.*')"
>Projects >Projects
</x-nav-button> </x-nav-button>
<x-nav-button class="text-red-400 shadow-red-950" <x-nav-button class="text-blue-400 shadow-blue-950"
:route="route('blog')" :route="route('blog')"
:active="request()->routeIs('blog')" :active="request()->routeIs('blog')"
>Blog >Blog
</x-nav-button> </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"> <div class="ml-auto hidden md:flex">
<x-nav-button class="text-zinc-200 shadow-zinc-950" <x-nav-button class="text-zinc-200 shadow-zinc-950"