So, I'm terrified.
I've stared at Atom and Filezilla all weekend. I've been trying to figure something out and I'm stuck. Like, anxiety meets depression stuck with no idea where to go or how to get there.
I've loved this layout, so I grabbed it. I understand better how it works and I'm pretty sure I could explain if necessary. As the Purecss.io site describes, the JS file uses vanilla JavaScript to simply toggle an active class that makes the menu responsive.
"Bad Form" - Hook
So, the example from W3 Schools is pretty simple. I'm kinda stuck on what to do with it, though. Every idea I can think of would require more than a terms worth of time, let alone this last minute crap I'm trying to pull off.
Nothing here yet. Fill out the form?
I've altered the form. It doesn't go anywhere but a 404 screen. I'm imagining a page where we're cataloging our RPG Club members.
The template has some pics below. I'll use my own while maintaining the CSS. I like it.
SVG and Javascript manipulation
I found this glorious bit of script that uses JavaScript to manipulate SVG. This one in particular creates a function that finds its target via the ID element "inner" and alters the "fill" attribute. If I had a little more time (and confidence) I'd create a form to go with it so you could then alter each of the x,y values, height/width, and fill. Then you'd be able to make it do more than just black out the center. I did figure out how to make a few more buttons do stuff.
Well, it's not much, but it looks good on mobile too. It took me an unbelievably long time to figure out how to shrink the SVG without compromising the shape.
Now you get to enjoy some AJAX grabbing an XML file that will display a booklist (Robert Jordan's Wheel of Time series). Except, I realized that it would look horrible on mobile if I made it have five columns. So, despite spending the time on a big xml file, I only pull two parts from it.
Welcome! You haven't clicked it yet.
The lovely bit of AJAX making that table appear apparently is getting in the way of the PureCSS built to make tables look pretty. Hopefully, I've got time to figure that out.
I'm not entirely sure how the heck I'm going to do more with that. My first thought is to figure out a way for you to decide which categories you view, but I'm not sure I have the time for that right now. I'm trying to get you a proof of concept by Monday. Maybe I can have that sorted by next week?
Let's try that book idea with a little more choice in the matter.