dbridenbeck / portfolio-next Goto Github PK
View Code? Open in Web Editor NEWA landing page for future clients/employers to get a better sense of who I am. Created with Next.js and animated with Framer Motion.
Home Page: https://darren.fun
portfolio-next's People
Contributors
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Watchers
portfolio-next's Issues
Portfolio: Handle image animation when viewing portfolio
Fix webm/mp4 file video player on mobile
I believe the fix to this is to add "playsinline" attribute to the StyledVideo
Optimize responsiveness
- try to get it to work on landscape
- use lambda test to check how it looks on multiple devices (include android!)
- make title, circle, info, nav children of main content and use flexbox to get this more responsive
Fix circle and images z-index issue
Steps to reproduce:
- Click SKILLS or ABOUT
- Images will animate to circle, but then the circle will pop on top of them
Expected behavior is that circle is in background at all times
Ensure styles looks good in large screens
handle gifs with next-optimized-images
Show gif when project clicked
Portfolio: Handle image animation when navigating from portfolio to hello/about
Add unit tests on video.tsx and index's changePage & updateProjectSelected
Add images in Circle when on Portfolio
Init load: My face
Project hover: project image
Give circle more space between itself, title, and info when on mobile
replace red color for circle/images, change apps bg color from black to something else
Add snapshot tests
Add snapshot tests to the following
- Nav
- Title
- Skills
- About
- All small components that render UI (pills, etc.)
make circle jiggle when navigating to PORTFOLIO and SKILLS
Update copy
Don't animate images filter property on page load
Portfolio: Add animated gifs to circle on portfolio hover
Portfolio: add projects section
give nav more spacing while still being able to view projects
reset projectHoveredIndex to -1 when on about or hello
lazy load gifs
Portfolio: Prevent navbar from jumping height when navigating
Update copy on Portfolio
Make responsive layout when height drops below 666px
some ideas:
- put circle and infotext side-by-side?
- something else? Kayla help! :)
show in the bottom nav what page you're viewing
Finalize font & Font Layout
- Make Title bigger
- Get better font for all text
- Finalize colors
create util for streamlining CSS media queries device sizes
Expand circle image horizontally when project clicked
design HELLO page
- Title
- Circle
- Icons
- info text
- about link
Portfolio: add title
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.