update about text, music page
This commit is contained in:
parent
a67310bf89
commit
aac74b7914
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 MiB After Width: | Height: | Size: 277 KiB |
|
|
@ -1,6 +1,7 @@
|
|||
import { For, onMount, type Component } from "solid-js";
|
||||
import { useStore } from "@nanostores/solid";
|
||||
import { $currentPage } from "@/scripts/currentPage"
|
||||
import PageLink from "./PageLink";
|
||||
|
||||
type Page = {
|
||||
path: string,
|
||||
|
|
@ -10,11 +11,10 @@ type Page = {
|
|||
const pages: Page[] = [
|
||||
{ path: "/", name: "about" },
|
||||
{ path: "/music", name: "music" },
|
||||
{ path: "/writing", name: "writing" },
|
||||
]
|
||||
|
||||
const inactiveClasses = "text-xl text-fg_light transition-all duration-300 hover:scale-[110%] hover:text-foreground align-middle";
|
||||
const activeClasses = "font-bold !text-foreground";
|
||||
const activeClasses = "font-bold !text-accent drop-shadow-accent";
|
||||
|
||||
|
||||
const Nav: Component = () => {
|
||||
|
|
@ -28,18 +28,15 @@ const Nav: Component = () => {
|
|||
<nav class="pt-4 w-full flex flex-row justify-around">
|
||||
<For each={pages}>{
|
||||
(page, _) =>
|
||||
<a class={
|
||||
<PageLink class={
|
||||
(page.path == currentPage() || page.path + "/" == currentPage()) ?
|
||||
inactiveClasses + " " + activeClasses :
|
||||
inactiveClasses
|
||||
}
|
||||
href={page.path}
|
||||
onClick={() => {
|
||||
$currentPage.set(page.path);
|
||||
}}
|
||||
>
|
||||
{page.name}
|
||||
</a>
|
||||
</PageLink>
|
||||
}</For>
|
||||
</nav>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ import portrait from "@/assets/headshot_lg.jpg";
|
|||
|
||||
<Layout
|
||||
title="J. Hunter DeLoche | About"
|
||||
description="Hunter DeLoche is a biological sciences and music student at the University of Chicago. Additionally, he is a cadet in the College’s Army ROTC program, intending to commission as a second lieutenant in the Medical Service Corps upon graduation."
|
||||
description="Hunter DeLoche is a freshman studying biological sciences and music at the University of Chicago. Additionally, he is a cadet in the College’s Army ROTC program, intending to commission as a second lieutenant in the Medical Service Corps upon graduation."
|
||||
>
|
||||
<div class="flex flex-col gap-10 md:flex-row items-center justify-around">
|
||||
<div class="basis-5/12">
|
||||
|
|
@ -24,47 +24,33 @@ import portrait from "@/assets/headshot_lg.jpg";
|
|||
<div class="basis-1/2">
|
||||
<SectionTitle>About Me</SectionTitle>
|
||||
<Paragraph>
|
||||
<Em>Hunter DeLoche</Em> is a biological sciences and music student at the
|
||||
University of Chicago. Additionally, he is a cadet in the College’s Army
|
||||
ROTC program, intending to commission as a second lieutenant in the Medical
|
||||
Service Corps upon graduation.
|
||||
<Em>Hunter DeLoche</Em> is a freshman studying biological sciences and music
|
||||
at the University of Chicago. Additionally, he is a cadet in the College’s
|
||||
Army ROTC program, intending to commission as a second lieutenant in the
|
||||
Medical Service Corps upon graduation.
|
||||
</Paragraph>
|
||||
<Paragraph>
|
||||
Hunter has a passion for the mind and its biological, psychological, and
|
||||
cultural constituents. Upon completion of his military service, he
|
||||
intends to attend medical school to become a psychiatrist. He hopes to
|
||||
incite positive change in the field through his patience, focus, and
|
||||
passion for genuine human connection.
|
||||
cultural elements. Upon completion of his military service, he aspires
|
||||
to attend medical school to become a psychiatrist. He hopes to incite
|
||||
positive change in the field through his patience, focus, and passion
|
||||
for genuine human connection.
|
||||
</Paragraph>
|
||||
<Paragraph>
|
||||
Outside of school, Hunter enjoys composing and releasing music. He
|
||||
formed his progressive rock band, Amnesium, as an outlet for his
|
||||
compositions. Amnesium’s debut album, <i>Event Horizon,</i> is a concept
|
||||
album that envisions psychosis meshed with science fiction. To learn more
|
||||
about his music, visit the
|
||||
Outside of school, Hunter enjoys composing and releasing
|
||||
<Em>
|
||||
<PageLink
|
||||
client:load
|
||||
href="/music"
|
||||
class="underline underline-offset-2 hover:underline-offset-4 transition-all duration-100"
|
||||
>
|
||||
music page</PageLink
|
||||
>.
|
||||
</Em>
|
||||
</Paragraph>
|
||||
<Paragraph>
|
||||
Hunter also volunteers as a writing tutor for those working on their
|
||||
college application process. For free writing advising and revision
|
||||
services, visit the
|
||||
<Em>
|
||||
<PageLink
|
||||
client:load
|
||||
href="/writing"
|
||||
class="underline underline-offset-2 hover:underline-offset-4 transition-all duration-100"
|
||||
music.</PageLink
|
||||
>
|
||||
writing page</PageLink
|
||||
>.
|
||||
</Em>
|
||||
He formed his progressive rock band, Amnesium, as an outlet for his compositions.
|
||||
Amnesium’s debut album, <Em>Event Horizon,</Em> is a concept album that envisions
|
||||
psychosis meshed with science fiction. <Em>Full Dark, No Stars,</Em>
|
||||
will be released this summer (2024) as a part of his new project, Interalia.
|
||||
</Paragraph>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,47 @@
|
|||
---
|
||||
import Layout from "@/layouts/Layout.astro";
|
||||
import ScheduleButton from "@/components/ScheduleButton.astro";
|
||||
import SectionTitle from "@/components/SectionTitle.astro";
|
||||
import Paragraph from "@/components/Paragraph.astro";
|
||||
import Em from "@/components/Em.astro";
|
||||
import { Image } from "astro:assets";
|
||||
|
||||
import room from "@/assets/room.jpg";
|
||||
---
|
||||
|
||||
<Layout title="J. Hunter DeLoche | Music" description="music">
|
||||
<div class="">This is the music page</div>
|
||||
<Layout
|
||||
title="J. Hunter DeLoche | Music"
|
||||
description="Hunter has been playing music for over 8 years. While he considers the electric guitar and bass as his main instruments, he also has experience singing and playing the drums. Additionally, he is proficient in using Ableton Live and Logic Pro to record, mix, and produce music. He considers Radiohead, The Mars Volta, and Nine Inch Nails to be his greatest musical inspirations."
|
||||
>
|
||||
<div class="flex flex-col gap-10 md:flex-row items-center justify-around">
|
||||
<div class="basis-1/2">
|
||||
<SectionTitle>Music Production</SectionTitle>
|
||||
<Paragraph>
|
||||
<Em>Hunter</Em> has been playing music for over 8 years. While he considers
|
||||
the electric guitar and bass as his main instruments, he also has experience
|
||||
singing and playing the drums. Additionally, he is proficient in using Ableton
|
||||
Live and Logic Pro to record, mix, and produce music. He considers Radiohead,
|
||||
The Mars Volta, and Nine Inch Nails to be his greatest musical inspirations.
|
||||
</Paragraph>
|
||||
<Paragraph>
|
||||
Hunter is passionate about ever step of the music creation process. When
|
||||
creating a peice of music, he has a focus on the balance and tone of
|
||||
each instrument and sound. Often, he invents story concepts that drive
|
||||
his musical compositions. In his album <Em>Event Horizon,</Em> the music
|
||||
told the story of Atlas Corpus, a fictitious character in a mental institution.
|
||||
He finds the arrangement of the sound and story to create a whole greater
|
||||
than the sum of its parts to be the most rewarding aspect of composition.
|
||||
</Paragraph>
|
||||
</div>
|
||||
<div class="basis-5/12">
|
||||
<Image
|
||||
class="rounded-md w-full border-accent border-[1px] drop-shadow-accent"
|
||||
src={room}
|
||||
alt="Hunter standing in his room with guitar."
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <ScheduleButton event_path="1-hour-music-lesson" -->
|
||||
<!-- >Schedule a music lesson with Hunter</ScheduleButton -->
|
||||
<!-- > -->
|
||||
</Layout>
|
||||
|
|
|
|||
Loading…
Reference in a new issue