connorrothschild/v4

My 2023 personal portfolio & blog, built with SvelteKit

This repository contains the code for my personal portfolio site.

The site was described (by one Twitter user) as the "new benchmark for individual portfolio websites."

See the site, my announcement Tweet, or the accompanying blog post.

v4's Issues

Page transitions

Spice up Hero

gradient background? pattern? svg blobs? something whimsical

some nudge to urge user to scroll right on project section

otherwiselooks good gj

Scrolling to top still not working

or if it does trigger it like happens after nav

fix about page skills section

its awful rn

maybe make transitions simpler on mobile

sometimes they act up

first vid doesnt play (mobile)

only on chrome and safari?

Favicon, base social image

Videos not autoplaying on mobile (ScrollVideo.svelte)

hero idea

on hero what if there was a faint text-shadow placeholder for my name, and then each of the letters like falls into place and fills in the word

Look into efficient font loading & preventing unstyled text flashing

• https://web.dev/optimize-webfont-loading/
• https://web.dev/avoid-invisible-text/

ssr true or false

?

mdsvex layout rendered, missing a _

🤠 howdy! 🤠

ISSUE

I was digging around the source code and found a small issue with your mdsvex layouts being rendered on the live site (ex here).

FIX

To avoid this, prepend the files with an underscore + make the change in your mdsvex config file

p.s. dope site dude!

Maybe a back to top button in the bottom left

Something re: image optimization

why is this so hard?

clip path on page transition?

https://css-tricks.com/animating-with-clip-path/

footeridea

https://www.loftgarten.co/

title not transitioning on mobile

Make og-images better (take up more height)

Reduce number of projects/awards/blog posts on home page

Scroll to top of page on navigation to new URL

?

Progress bar for more fluid experience

https://dev.to/shajidhasan/add-a-youtube-like-page-loading-animation-in-sveltekit-58kp

GSAP imports?

Republishing site causes an error for users already on the page

If a user is on connorrothschild.com while I push a change, once Netlify updates the site and a user visits a new route, they get the error

Error 500: error loading dynamically imported module

Refreshing the page resolves the error and then the user can navigate as usual

Uncaught (in promise) TypeError: node.parentNode is null

sveltejs/svelte#6037

Only trigger GSAP animations if prefers reduced motion is no preference

Put award 'see media' in top level, not in body content

improve small footer boi

Video #1 does not preload on live site

it does on localhost but not live

src is blank

Should nav be fixed ?

Look into best practices/other personal sites' approaches to fixed vs static navs

or that cool thing where if people swipe up it reappears?

persist colortheme in local storage

on mac osx < 1015 show project cards not videos

bc they cant load vids

Scroll margin top thing for post / project header URLs

Page transitions after nav are weird and flash a bit

Project images are broken?

this is not what i meant when i said i wanted image optimization :(

Make an About page

or do I really want to be perceived ?

Navigating to /about from textCircle is janky

no transition etc

still need to HEVC fix for Mac OSX <10.15 users

Lazy load iframes in blog posts

possible to preload video attribtues dynamically?

like once a user hovers over 0.mov we also load 1.mov in anticipation that they hover it. idk

Stop using relative paths because of subdirectory duplication

animate text on nav open

https://digilab.kunsthaus.ch/en

Better footer

Find Swiper alternative

just a lot of kb for such a simple slider...

https://tiny-swiper.js.org/docs/ good option

or just make own

Replace blog card images with component