From c01163ceccb55ce54c514c9a85402fe321f4c9f0 Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Mon, 26 May 2025 12:56:35 -0700 Subject: [PATCH] Redesigned work page and added about page --- src/lib/components/Header.svelte | 2 +- src/lib/components/Page.svelte | 5 +- src/lib/components/ProjectItem.svelte | 104 +++++++++++++----- src/lib/components/ProjectList.svelte | 74 +++++++++---- src/routes/+page.svelte | 149 +------------------------- src/routes/about/+page.svelte | 115 ++++++++++++++++++++ src/routes/about/+page.ts | 28 +++++ 7 files changed, 281 insertions(+), 196 deletions(-) create mode 100644 src/routes/about/+page.svelte create mode 100644 src/routes/about/+page.ts diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte index e7ff69d..cfead5d 100644 --- a/src/lib/components/Header.svelte +++ b/src/lib/components/Header.svelte @@ -5,7 +5,7 @@
- + diff --git a/src/lib/components/Page.svelte b/src/lib/components/Page.svelte index c3390cb..cd70e36 100644 --- a/src/lib/components/Page.svelte +++ b/src/lib/components/Page.svelte @@ -13,14 +13,15 @@ diff --git a/src/lib/components/ProjectList.svelte b/src/lib/components/ProjectList.svelte index acfafc3..2a5493d 100644 --- a/src/lib/components/ProjectList.svelte +++ b/src/lib/components/ProjectList.svelte @@ -12,6 +12,7 @@ backgroundColor: string name: string description: string + highlightColor: string } const projects: Project[] = [ @@ -19,58 +20,95 @@ SVGComponent: MaitsuLogo, backgroundColor: '#FFF7EA', name: 'Maitsu', - description: "I'm building a hobby journal that helps people make something new every week." + description: "Maitsu is a hobby journal that helps people make something new every week.", + highlightColor: '#F77754' }, { SVGComponent: SlackLogo, backgroundColor: '#4a154b', name: 'Slack', description: - 'I led design for Workflows and other consumer-facing automation features at Slack.' + 'At Slack, I helped redefine strategy for Workflows and other features in under the automation umbrella.', + highlightColor: '#611F69' }, { SVGComponent: FigmaLogo, backgroundColor: '#2c2c2c', name: 'Figma', - description: 'I helped lead and set the direction for the early prototyping team at Figma.' + description: 'At Figma, I designed features and led R&D and strategy for the nascent prototyping team.', + highlightColor: '#0ACF83' }, { SVGComponent: PinterestLogo, backgroundColor: '#f7f7f7', name: 'Pinterest', description: - 'As the first design hire at Pinterest, I helped define product direction and grow the design team.' + 'At Pinterest, I was the first product design hired, and touched almost every part of the product.', + highlightColor: '#CB1F27' } ]
    - {#each projects as project} +
  • +
    +

    + @jedmund is a software designer and strategist based out of San Francisco. +

    +

    + In his 15 year career, he's focused his design practice on building tools that help people connect with technology—and their own creativity. +

    +
    +
    • + {#each projects as project, index}
  • - +
    • {/each}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 97ae689..e8b87b2 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,152 +1,5 @@ - - -

@jedmund is a software designer

- - - - - - - -

A little about me

- - -
-

- Hello! My name is Justin Edmund. I'm a software designer and developer living in San - Francisco. -

-

- Right now, I'm spending my free time building a hobby journaling app called Maitsu. I've spent time at several companies over the last 11 years, but you might know me from - Pinterest, where I was the first - design hire. -

-

- I was born and raised in New York City and spend a lot of time in Tokyo. I graduated from Carnegie Mellon University in 2011 with a Bachelors of Arts in Communication Design. -

-

- I occasionally write about design and development on my blog. -

-
- - - -

Notable mentions

- - - - - - -

Now playing

- - - - - - - -
-

© 2024 Justin Edmund

-
- - + diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte new file mode 100644 index 0000000..b5b1f5b --- /dev/null +++ b/src/routes/about/+page.svelte @@ -0,0 +1,115 @@ + + + + +

A little about me

+ + +
+

+ Hello! My name is Justin Edmund. I'm a software designer and developer living in San + Francisco. +

+

+ Right now, I'm spending my free time building a hobby journaling app called Maitsu. I've spent time at several companies over the last 11 years, but you might know me from + Pinterest, where I was the first + design hire. +

+

+ I was born and raised in New York City and spend a lot of time in Tokyo. I graduated from Carnegie Mellon University in 2011 with a Bachelors of Arts in Communication Design. +

+

+ I occasionally write about design and development on my blog. +

+
+ + + +

Notable mentions

+ + + + + + +

Now playing

+ + + + + + + +
+

© 2024 Justin Edmund

+
+ + \ No newline at end of file diff --git a/src/routes/about/+page.ts b/src/routes/about/+page.ts new file mode 100644 index 0000000..feeb82c --- /dev/null +++ b/src/routes/about/+page.ts @@ -0,0 +1,28 @@ +import type { PageLoad } from './$types' +import type { Album } from '$lib/types/lastfm' + +export const load: PageLoad = async ({ fetch }) => { + try { + const [albums] = await Promise.all([ + fetchRecentAlbums(fetch) + ]) + + return { + albums + } + } catch (err) { + console.error('Error fetching data:', err) + return { + albums: [], + games: [], + error: err instanceof Error ? err.message : 'An unknown error occurred' + } + } +} + +async function fetchRecentAlbums(fetch: typeof window.fetch): Promise { + const response = await fetch('/api/lastfm') + if (!response.ok) throw new Error(`Failed to fetch albums: ${response.status}`) + const musicData: { albums: Album[] } = await response.json() + return musicData.albums +} \ No newline at end of file