baobeld/benjaminpalko
1
0
Fork 0
Code Pull requests Packages 2 Activity Actions

SPICY!

Browse source
This commit is contained in:
Benjamin Palko 2025-05-01 13:03:23 -04:00
parent 8be8fb9b60
commit 90f2d72e2a
6 changed files with 40 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/lib/components/Hero.svelte
View file

@ -13,18 +13,18 @@
<div class="hero bg-base-200">
<div class="hero-content">
<div class="flex flex-col gap-12 lg:flex-row">
<div class="flex flex-col items-center gap-12 lg:flex-row lg:items-start">
<div class="flex-0">
<div class="avatar">
<div
class="ring-offset-base-100 ring-base-100 dark:ring-primary w-56 rounded-full shadow-2xl ring-8 ring-offset-2 dark:shadow-none"
class="ring-offset-base-100 ring-base-100 dark:ring-primary w-48 rounded-full shadow-2xl ring-8 ring-offset-2 md:w-56 dark:shadow-none"
>
<img src={photo} alt="Its me!" />
</div>
</div>
</div>
<div class="flex flex-1 flex-col">
<p>{titles.join(', ')}</p>
<div class="flex flex-1 flex-col text-center lg:text-left">
<p class="text-gray-500">{titles.join(', ')}</p>
<h1 class="text-primary text-5xl font-light">
<span class="text-base-content font-semibold">{first}</span>
{rest}
@ -32,7 +32,7 @@
<p class="block py-6">
{description}
</p>
<div class="flex flex-col gap-2 lg:flex-row lg:justify-end lg:gap-4">
<div class="flex flex-col gap-2 sm:flex-row lg:gap-4">
<a href="/resume" class="btn btn-outline btn-primary btn-wide">Resume</a>
<a href="/contact" class="btn btn-primary btn-wide">Contact</a>
</div>

2
src/lib/components/Navbar.svelte
View file

@ -14,7 +14,7 @@
<nav class="navbar">
<div class="flex flex-1 items-center gap-4">
<a href="/">
<div class="avatar avatar-placeholder">
<div class="avatar avatar-placeholder animate-pulse">
<div
class="ring-primary ring-offset-base-100 bg-base-200 text-base-content mx-auto w-8 rounded-full ring-2 ring-offset-2 transition-all ease-in hover:text-2xl lg:w-12"
>

2
src/lib/components/WIP.svelte
View file

@ -6,7 +6,7 @@
{#snippet Banner(messages: string[], backwards: boolean)}
<div
class="bg-hazard flex h-fit w-[110%] flex-col bg-black py-3 text-xs font-semibold text-black lg:py-6 lg:text-lg"
class="bg-hazard flex h-fit w-[110%] flex-col bg-black py-3 text-xs font-semibold text-nowrap text-black lg:py-6 lg:text-lg"
class:rotate-5={!backwards}
class:-rotate-5={backwards}
>