HERO!
This commit is contained in:
Benjamin Palko
parent
fab8d7a49c
commit
834891c17f
4 changed files with 61 additions and 65 deletions
15
src/lib/components/Hero.svelte
Normal file
15
src/lib/components/Hero.svelte
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
<script lang="ts">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="hero h-full bg-base-200">
|
||||||
|
<div class="hero-content text-center">
|
||||||
|
<div class="max-w-md">
|
||||||
|
<h1 class="text-5xl font-bold">Hello there</h1>
|
||||||
|
<p class="py-6">
|
||||||
|
Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem
|
||||||
|
quasi. In deleniti eaque aut repudiandae et a id nisi.
|
||||||
|
</p>
|
||||||
|
<button class="btn btn-primary">Get Started</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -1,32 +1,8 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { goto } from '$app/navigation';
|
|
||||||
import { page } from '$app/state';
|
|
||||||
import '../app.css';
|
import '../app.css';
|
||||||
let { children } = $props();
|
let { children } = $props();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{#snippet Tab({ route, title }: { route: string; title: string })}
|
<div class="h-screen w-screen">
|
||||||
<a
|
|
||||||
role="tab"
|
|
||||||
class="tab"
|
|
||||||
class:tab-active={route === page.url.pathname}
|
|
||||||
onclick={() => goto(route)}
|
|
||||||
href={undefined}>{title}</a
|
|
||||||
>
|
|
||||||
{/snippet}
|
|
||||||
|
|
||||||
<div class="flex h-screen w-screen items-center justify-center">
|
|
||||||
<div class="card max-h-[75%] min-h-96 w-full max-w-5xl bg-base-200">
|
|
||||||
<div class="card-title">
|
|
||||||
<div role="tablist" class="tabs tabs-bordered tabs-lg w-full">
|
|
||||||
{@render Tab({ route: '/', title: 'About' })}
|
|
||||||
{@render Tab({ route: '/experience', title: 'Experience' })}
|
|
||||||
{@render Tab({ route: '/projects', title: 'Projects' })}
|
|
||||||
{@render Tab({ route: '/contact', title: 'Contact' })}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
{@render children()}
|
{@render children()}
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,42 +1,5 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Links } from '$lib/constants';
|
import Hero from '$lib/components/Hero.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="flex flex-col items-center gap-4 text-center">
|
<Hero />
|
||||||
<div class={'text-center md:hidden'}>
|
|
||||||
<h1 class={'text-4xl'}>Benjamin Palko</h1>
|
|
||||||
<p class={'text-xl text-blue-200'}>Software Engineer</p>
|
|
||||||
</div>
|
|
||||||
<img alt="me" class="h-72 w-2/3 rounded-lg object-cover" src="/waterfall.jpg" />
|
|
||||||
<h3 class={'text-xl md:text-center md:text-2xl'}>Hello there and welcome to my website!</h3>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
My name is Ben, I'm a Canadian 🍁 living out of Ottawa, Ontario (in an Igloo ☃️). I work as a
|
|
||||||
Software Developer full-time and work a pretty wide range of projects in my personal time. Catch
|
|
||||||
me working on C++ building the base for a game engine one day, and practicing my drawing skills
|
|
||||||
another day.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
I started with an internship at a small company in my hometown which after graduation became a
|
|
||||||
full time position. I wanted to move back to Ottawa so I found myself a job at Mitel and moved
|
|
||||||
back in 2020 just in time for lockdown. My time at Mitel was great and I worked with some
|
|
||||||
amazing people, eventually I was referred to another company by a former colleague and decided
|
|
||||||
to take up the opportunity that presented itself to me.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
While Software Development is my main career there are many things I love to do in my off time.
|
|
||||||
One such thing has been developing games on the side, So far I have participated in 2 GameJams!
|
|
||||||
You can check out my submissions at my{' '}
|
|
||||||
<a class={'text-blue-400 hover:underline'} href={Links.itch} target={'_blank'}>
|
|
||||||
itch.io page
|
|
||||||
</a>
|
|
||||||
.
|
|
||||||
</p>
|
|
||||||
<img src={'/climber.jpg'} alt={'Climber'} class={'h-72 w-2/3 rounded-lg object-cover'} />
|
|
||||||
<p>
|
|
||||||
I am also an amateur rock climber and been climbing for the past year, I love going to the gym
|
|
||||||
to wind down with some exercise 🧗♂️. Another interest I have is dirt biking, I'm still a complete
|
|
||||||
novice getting and my feet wet but it can be quite the rush flying through the forest on narrow
|
|
||||||
trails.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
|
||||||
42
src/routes/about/+page.svelte
Normal file
42
src/routes/about/+page.svelte
Normal file
|
|
@ -0,0 +1,42 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import { Links } from '$lib/constants';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="flex flex-col items-center gap-4 text-center">
|
||||||
|
<div class={'text-center md:hidden'}>
|
||||||
|
<h1 class={'text-4xl'}>Benjamin Palko</h1>
|
||||||
|
<p class={'text-xl text-blue-200'}>Software Engineer</p>
|
||||||
|
</div>
|
||||||
|
<img alt="me" class="h-72 w-2/3 rounded-lg object-cover" src="/waterfall.jpg" />
|
||||||
|
<h3 class={'text-xl md:text-center md:text-2xl'}>Hello there and welcome to my website!</h3>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
My name is Ben, I'm a Canadian 🍁 living out of Ottawa, Ontario (in an Igloo ☃️). I work as a
|
||||||
|
Software Developer full-time and work a pretty wide range of projects in my personal time. Catch
|
||||||
|
me working on C++ building the base for a game engine one day, and practicing my drawing skills
|
||||||
|
another day.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
I started with an internship at a small company in my hometown which after graduation became a
|
||||||
|
full time position. I wanted to move back to Ottawa so I found myself a job at Mitel and moved
|
||||||
|
back in 2020 just in time for lockdown. My time at Mitel was great and I worked with some
|
||||||
|
amazing people, eventually I was referred to another company by a former colleague and decided
|
||||||
|
to take up the opportunity that presented itself to me.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
While Software Development is my main career there are many things I love to do in my off time.
|
||||||
|
One such thing has been developing games on the side, So far I have participated in 2 GameJams!
|
||||||
|
You can check out my submissions at my{' '}
|
||||||
|
<a class={'text-blue-400 hover:underline'} href={Links.itch} target={'_blank'}>
|
||||||
|
itch.io page
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
<img src={'/climber.jpg'} alt={'Climber'} class={'h-72 w-2/3 rounded-lg object-cover'} />
|
||||||
|
<p>
|
||||||
|
I am also an amateur rock climber and been climbing for the past year, I love going to the gym
|
||||||
|
to wind down with some exercise 🧗♂️. Another interest I have is dirt biking, I'm still a complete
|
||||||
|
novice getting and my feet wet but it can be quite the rush flying through the forest on narrow
|
||||||
|
trails.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue