good
This commit is contained in:
parent
274c04bc83
commit
cca35133a8
@ -12,7 +12,11 @@ @font-face {
|
|||||||
@layer base {
|
@layer base {
|
||||||
html {
|
html {
|
||||||
font-family: ibm-vga, monospace;
|
font-family: ibm-vga, monospace;
|
||||||
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
@apply text-blue-400 hover:text-blue-300 underline
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@ -23,6 +27,8 @@ h2 {
|
|||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
/* https://pixelcorners.lukeb.co.uk */
|
/* https://pixelcorners.lukeb.co.uk */
|
||||||
.pixel-corner-sm {
|
.pixel-corner-sm {
|
||||||
clip-path: polygon(
|
clip-path: polygon(
|
||||||
|
@ -4,18 +4,17 @@
|
|||||||
$classes = ($active ?? false)
|
$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-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'
|
: '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
|
@endphp
|
||||||
|
|
||||||
<form action="{{$route}}"
|
<form action="{{$route}}"
|
||||||
method="get">
|
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">
|
type="submit">
|
||||||
|
|
||||||
<div class="{{$classes}}">
|
<div class="{{$classes}}">
|
||||||
|
|
||||||
<div class="flex flex-row {{isset($active) ? 'font-bold' : ''}}">
|
<div class="flex flex-row font-bold">
|
||||||
<div class="text-neutral-200 mr-[3px] text-shadow-sm shadow-zinc-950 ">
|
<div class="text-neutral-200 mr-[3px] text-shadow-sm shadow-zinc-950 ">
|
||||||
<
|
<
|
||||||
</div>
|
</div>
|
||||||
@ -28,4 +27,5 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
@ -7,15 +7,20 @@
|
|||||||
<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">
|
||||||
<p>
|
<p>
|
||||||
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 25-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>
|
</p>
|
||||||
<br>
|
<br>
|
||||||
<p>
|
<p>
|
||||||
Things I care about include music technology (including - but not limited to - custom samplers and
|
Things I care about include <span class="text-white">music technology</span> (including - but not
|
||||||
sequencers) as well as music production, programming, electronics, digital minimalism, Linux,
|
limited to - <a href="">custom samplers</a> and <a href="">sequencers</a>) as well as
|
||||||
retro things of all sorts, video production, self-improvement and much more.
|
<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!
|
||||||
</p>
|
</p>
|
||||||
</x-inner-card>
|
</x-inner-card>
|
||||||
</x-outer-card>
|
</x-outer-card>
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
</x-nav-button>
|
</x-nav-button>
|
||||||
<x-nav-button class="text-lime-400 shadow-lime-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-blue-400 shadow-blue-950"
|
<x-nav-button class="text-blue-400 shadow-blue-950"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user