This time around I'm using HTML, CSS, and Javascript. My new portfolio will serve as a portfolio, contact page, and in the future a blog.
This website is hosted through Netlify. View here
No installation necessary to run locally. Clone and open any html file in your browser if you wish!
## To-do List
Eliminate dropdown menu.Build Experience and Contact page.Completely restyle entire project.Style carousel navigation buttons more efficiently.Build a custom HTMLElement carousel component that's reusable for all project carousels.Write logic to handle rendering the correct project photos for each instance of the carousel component.Write logic to handle rendering the correct GitHub and live site links for the carousel component.Make each tech-logo animate individually with a delay.Write a line that removes the animation class when seciton is off page.Dynamically render project link buttons based on whether or not a link exists in the projectExternalLinksArray.Add media queries for these mobile dimensions (Galaxy S21+) 411 x 781.- Start building blog page.
- Add LinkedIn & Github links to contact page.
- In the index.html file I want to dynamically make the home-container take up the whole page so the tech-exp container must be scrolled to see. Right now I'm using a margin-bottom on the home-container to push it down but I want a more elegant solution.
- Turn tech-cards on index into it's own component. This is related to the list item above.
- On the projects page make the currentDot class active on page load rather than only when the slides is interacted with.
- Turn .projectLinkButtons in carousel.js into an object from an array in order to give the links keys to describe the link. eg. 'Github': 'https://github.com/pattshreds/music-app'