djkotowski
/
personal-website
mirror of https://github.com/djkotowski/personal-website.git
1
0
Fork 0
Code Issues

Extract header section to own component

This commit is contained in:
Dan Kotowski 2023-05-08 21:38:11 -05:00
parent 688593b001
commit 38707b3868
No known key found for this signature in database
2 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/App.svelte
View File

@ -1,6 +1,5 @@
<script>
import Hero from './lib/components/Hero.svelte'
import headshotPhoto from './assets/headshot.jpg'
import HeaderSection from "./lib/HeaderSection.svelte";
import SkillsSection from "./lib/SkillsSection.svelte";
import ExpSection from "./lib/ExpSection.svelte";
import ContactSection from "./lib/ContactSection.svelte";
@ -8,20 +7,7 @@
<div class="pb-16 lg:pb-24">
<header class="bg-gray-900">
<div class="container mx-auto">
<Hero
imageUrl={headshotPhoto}
imageAlt="Headshot photograph of Dan Kotowski"
title="Dan Kotowski"
>
<p class="mt-6 text-lg lg:text-xl text-gray-300">
Senior web software engineer with strong technical and interpersonal skills
</p>
<p class="mt-6 text-yellow-600 italic">
Note: This webpage is a work in progress.
</p>
</Hero>
</div>
<HeaderSection />
</header>
<main>

19
src/lib/HeaderSection.svelte Normal file
View File

@ -0,0 +1,19 @@
<script>
import headshotPhoto from "../assets/headshot.jpg";
import Hero from "./components/Hero.svelte";
</script>
<div class="container mx-auto">
<Hero
imageUrl={headshotPhoto}
imageAlt="Headshot photograph of Dan Kotowski"
title="Dan Kotowski"
>
<p class="mt-6 text-lg lg:text-xl text-gray-300">
Senior web software engineer with strong technical and interpersonal skills
</p>
<p class="mt-6 text-yellow-600 italic">
Note: This webpage is a work in progress.
</p>
</Hero>
</div>