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

Navigating to /about from textCircle is janky

no transition etc

animate text on nav open

https://digilab.kunsthaus.ch/en

Favicon, base social image

Stop using relative paths because of subdirectory duplication

Scroll to top of page on navigation to new URL

?

first vid doesnt play (mobile)

only on chrome and safari?

maybe make transitions simpler on mobile

sometimes they act up

Better footer

on mac osx < 1015 show project cards not videos

bc they cant load vids

footeridea

https://www.loftgarten.co/

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?

still need to HEVC fix for Mac OSX <10.15 users

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

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

sveltejs/svelte#6037

Scrolling to top still not working

or if it does trigger it like happens after nav

Something re: image optimization

why is this so hard?

Make og-images better (take up more height)

Make an About page

or do I really want to be perceived ?

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

Lazy load iframes in blog posts

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!

Page transitions after nav are weird and flash a bit

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

Scroll margin top thing for post / project header URLs

Progress bar for more fluid experience

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

Maybe a back to top button in the bottom left

Videos not autoplaying on mobile (ScrollVideo.svelte)

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

fix about page skills section

its awful rn

title not transitioning on mobile

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

clip path on page transition?

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

Project images are broken?

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

improve small footer boi

Only trigger GSAP animations if prefers reduced motion is no preference

persist colortheme in local storage

GSAP imports?

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

Spice up Hero

gradient background? pattern? svg blobs? something whimsical

some nudge to urge user to scroll right on project section

otherwiselooks good gj

Look into efficient font loading & preventing unstyled text flashing

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

Page transitions

ssr true or false

?

Replace blog card images with component

Video #1 does not preload on live site

it does on localhost but not live

src is blank