Hold off on building out the back button and state too much until I know page.js

This ought to fix most of the problems with storing state and prevent me from having to reinvent the wheel.

Fix accordion menu so that when you expand things it doesn't draw some of the content off the bottom.

Some articles will need individualization after they are drawn--
need to add the hover event listener to bugCollection so that the extra images can render in the main frame on the large spiral

need to add placeholders for the projects that will be included in place of images, and figure out how to get these to
a) render into either the main box or the lower box depending on spiral size
b) disappear when other projects or sections are clicked, aka if that article loses the open-article class

when ready, about will need to have the email form added to it just like the header.

add a link around the article titles and figure out how to prevent the default in an effective way so that the github links to each repo still work.

add a way to change the theme colors as a game

It registers the article as having been clicked, not the form. Need to fix this so that module works.

Add a way to filter the shown projects, features, etc. by criteria

It would be nice to, instead of just having a picture of the clock or snake or calculator to actually include the code for those inside the page.

Add media queries so that the page looks ok, especially right before the transition to 10 segments

Redo event handlers to eliminate event delegation--although this is more efficient, it's no longer elegant now that there are demo modules that also need to have click events attached to them.

If spiral is small and features is open to bug-collection, when the window is resized large, the first one gets clicked from somewhere.

Build a way to contact me in the about section with email, then reenable hover on the header and have a click there trigger clicks on about and contact so that it brings you there.

Need to build an about me section.

Implement page.js instead of trying to preserve state weirdly in your own way--
client-siding will fix many of these problems, but will require extensive revisions to implement.

main-image holder and .page-content will have rounded top borders in the wrong places.

They don't need these--maybe put in funny subtitles instead.

May need to add instructions for large and small spirals-- for example, in the bug collection, may need to have a paragraph that tells them to hover over individual article titles to see them in the big image viewer.

Build classes, small-instructions and big-instructions that are visible in the appropriate media query but hidden in the other.

Remove old junk code

These are all redundant and essentially the same--they should be replaced by a single file to handle all of the functionality.

about and features titles move weirdly from that query--fix this

Maybe have a canvas demo or something with a slider that lets people play with spirals of different growth ratios.

Most of the article option links, like those for the bug collection, need to be given an additional class and given an explicit eventListener that has stuff like capturing turned on, return false, e.preventDefault, e.stopPropagation--I'm not sure which one of these stops page.js from doing stuff yet.

We noticed a weird issue where the google font I was using loaded fine in chrome, but it only loaded in some elements in firefox.

Also, I want to put some images in and flesh out the about me section.

get dynamic content generation working

Give sections a minimum height of something like 300px or something, add window resize thing and initialize thing that will set the height to the page height minus that. Will likely need to set position to absolute.

Separate the code that draws the fibonacci spiral from all the code that writes content into it--make these reusable chunks.

If a content section is open and the page is resized so that the spiral redraws, the images switch to being just empty frames.

Follow the page.js recommendations for separating concerns under the routing section so that I'm not loading everything explicitly for every section, but instead loading what's needed for each section and the things within it.

Add scroll to projects list so that it's always possible to see the project next to the image of it.

Add a way for users to play with the spiral drawing function and goof around on the page

Make it less awful, things that do left position just need to grab total widths of all with class left with index greater than their own, look into array filtering

in features throw in some links to stuff talking about the golden spiral, images like: https://www.pinterest.com/pin/120330621268782761/
https://en.wikipedia.org/wiki/Fibonacci_number

Need better pictures for snake and clocks, make modifications to make them work.

Need to build a features page.

If the spiral is redrawn from the window resizing, the github link in the navbar disappears.

Get images to size themselves properly as a percentage of the menu's width.

Have two nearly identical functions for redraws on window resizing--should combine the two.

add debounce function on window resize

need to add class text-highlightable to appropriate place.

It's weird to have huge images that are out of proportion next to a tiny little scrollbar that extends way down the page.

instead of grabbing data from data.js files, start making AJAX calls to those files to grab the data. This will also require some refactoring to support callback functions.

make pojectsummaries.getTotalHeight able to take a filter so that I can dynamically rewrite which ones will show up

For the large spiral, need to make it trigger a click on the first article. It does this the first time you open the page and when the spiral is redrawn, but not when navigating w/ the navbar after the first section.

May also need to make modifications to the part that checks the current section for this to work.

figure out how to preserve state across redraws--probably use detach()

Make sure that demo modules aren't active while their display is set to none--I don't want to be using the calculator and find out that I've also been playing snake in a hidden window.

Maybe add a way for the user to tell which number each box corresponds to, probably on the draw spiral features page.

Need to figure out a way to include image sources. Alts don't work because the goofiness of absolute positioning has forced me to set images as backgrounds. May have to use titles.