zmoberg / portfolio

V2 of my personal portfolio that displays current and past projects. Implementing minimal package assistance the project was completed with a focus on "vanilla" concepts of HTML5 / CSS3 and JavaScript

I am a developer that is always looking to learn something new. I love learning daily and seeking the 'why' and 'how'. With the world of development always changing, a day will never be wasted because of something not learned and that excites me. I love talking about anything tech related from keyboards (it's a problem) to emerging technologies. I am an active member in a number of amazing communities with efforts based around the education and growth of new developers.

• Currently learning React and its integration with Web3.js / Ehters.js and Solidity
• Looking to learn more about native application development and web3 technologies
• Reach out to me about anything, I love jumping in random projects!
• Aspiring open source contributer (but most likely breaker)

Spotify Playing 🎧

  

Languages and Tools:

Connect with me

     

portfolio's Issues

Hamburger Navigation not responding

• when the hamburger navigation is active the X close icon is not responsive when trying to close the window. Even the added window event listener will not close the screen on this element. I believe it has to do with a z-index issue like a lot of the problems.

Mouse Scroll animation overlay

• the .mouse_scroll image should only appear on the landing page and in section breaks. It currently goes behind the about and project section but remains on top of the contacts section at the bottom of the page.

Modal carousel functionality

• modal img carousels / sliders are somehow linked together and not displaying the correctly assigned images. Instead, the images are linked in one long scroll leaving excess blank slides. When exiting slide 3 the carousel should revert seemlesly through back to slide 1 creating an infinite scroll effect. A line of logic is missing to loop through the sections and applying the images assigned to that modal only.

Project header display

• The "My Stuff" header (.myStuff-header) appears while scrolling down from the landing page briefly in the transparent background of the about section wave break.

Modal Cursor hovering issue

cursor: pointer not responding when hovering modal's

Hamburger navigation overlay

• when the .active class is enabled the side-navigation transparent screen doesn't overlay the projects section.

Modal window X

Modal window closing icon not appearing and not functioning

Page layover scroll

• Central elements on the landing page are not responding to position: sticky; When scrolled, the central elements (.head_sub) should hold the position until within 50px of the following about section (.about_section #about_scroll). The centered element (.head_sub) should then scroll out of the viewport upon further scrolling to create a layered feeling to the pages.

Mobile Responsiveness

With the fix of the span overflow issue, mobile responsiveness can now be addressed. The about and project sections being the major issues.