New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Redesign Site #35
Comments
Found this starter: https://prist.marguerite.io Great use of color with black & white. Also really like the sans-serif font: Also found this great personal site by the creator of Prist^^: |
Also started a Figma design to play around with this: |
Nice gradients: |
Free icons/illustrations (pretty limited): |
Great design and animations: |
Great font ("Big Shoulders") This has a "A Book Apart" kind of feel to it. This could be a great header font for the blog. |
CSS Tricks has a great link-animation-to-background tutorial that even handles line breaks. tl;dr use box-shadow. https://css-tricks.com/link-underlines-that-animate-into-block-backgrounds/ |
When looking at colors, look at accessibility |
Read through this to understand variable fonts https://rwt.io/typography-tips/variable-fonts-what-web-authors-need-know |
Started into implementation (https://github.com/thetrevorharmon/portfolio/tree/redesign), need to figure out dark mode.
|
Decided to implement dark mode first since that's a big change. PR: #51 |
Added a bunch of components with this PR: #53 |
What’s left on this:
|
Closed by #55 |
The design of the site is fine, but could be better. A general wishlist of what the site should have:
Sites to reference:
Fonts:
Animation resources (and inspiration):
The text was updated successfully, but these errors were encountered: