The Dots
I decided to make a new portfolio, using my old one as a starting point. I decided I really wanted to have a two column layout, but I wanted one where the reader jumps back and forth from the left to the right as they scroll down, rather than having them scroll all the way down the left side and then having to scroll back up to start reading the right side. I also wanted it to be responsive and have the content display in the same order on mobile, and the best way I could see to accomplish this was to use flex-box with flex-direction: column, and using Javascript to add an order to each content section, and to add the required max-height to the container to force the order: 2 columns into the second column. I wish there was a cleaner solution, but I haven’t been able to find one.
Another thing I wanted to do was showcase my html5 canvas and Javascript skills, so I wrote a class that writes whatever text you feed it into a dot matrix. I set this up so it could be positioned over my background pattern and make it appear that the dots in the background pattern made way for the text “dev914.” There is also a canvas element that tracks the mouse position, hiding the dot closest to the cursor.