joosh
< back to list < previousnext >

Plans -

I sat down to work on my site with Austin tonight, but almost immediately upon sitting down and turning on my computer, I lost all desire to work on anything. I will probably continue to add journal entires, but the gallery and toolbox will be put on hiatus until I feel massively inclined to work on them.

For the gallery, I need to figure out my organization. I would like to organize by the day, but I might just have to compromise and do by the month. I don't want to do by the year, but I will if I have to. I also need to figure out my styling and I need to make another background. I'm gonna be using 11ty for this, so I'll have to actually take a moment to fully understand some of this code. I'm just not sure where to place files.

For the toolbox, it's a large project. Perhaps larger than what my current skillset can accomplish. We will get there and I will complete it, but for now I still don't want to give hints. It's nothing really that remarkable, but I hope it will be a fun thing for people. I plan on reworking the 3D CSS from the ground up.


Let's talk about the 3D CSS. This is going to act as my to-do section for this. #

I really love that my styling is messed up for this list. So what, I'll worry about it when I actually use lists for an entry I imagine people might read. Please ignore the fact the text touches the edge. Trust me, it's driving me crazy.


  • Delete all old 3D CSS. Keep it for reference, but it needs to be redone in a way that will make adding new drawers easier.
  • Remake the drawers, but with a small pixel-or-two high spacer inbetween each one. This will prevent you from seeing into the drawers when they are all closed. These will be in a different class to prevent movement with the sliding animation.
  • Create a background-image for the drawer sides rather than using CSS outline. This (in theory) should help with the slight overlap and stronger borders.
  • Create a scaling variable. I am currently using $size for the baseline sizing, but let's add $scale to help with the math.
  • Keep the hover effect to open them, but greatly reduce the slide distance. This will be to let the user know they can interact with the drawers.
  • Create an click event handler for each drawer. It will do the full slide animation to the open position. This should (also in theory) help with the glitchyness I was experiencing on my Mac with the CSS hover effect.
  • Add the animation for the drawer contents. I'm sure this would work fine as a CSS hover, although I think it could be a good idea to keep the drawer contents as display: none; until the click event happens.
  • The hover animation for the drawer contents will float the image up (in the 3D space), tilt it towards the perspective viewpoint, then perhaps add a dropshadow to provide more depth.
  • Each image inside the drawer also needs to be a link to a separate page. There must be a good way to do this, we'll see.
  • Figure out the overlapping. There has got to be a better way than doing position: relative; to make it look like the top of the toolbox isnt there. Yes, if there was no text on that page, the toolbox would ignore all CSS styling, postitioning, and z-indexing and place itself at the very top. It places itself above all content, no matter if its a parent or a child.
  • Then I need to design a good page layout. It looked weird without having the sidebar, but I really don't know what I want to put on the sidebar? Maybe it'll be easier once the communal parts of this is added.

I want to keep updating my site with cool new things, but I also need to put myself before an online internet page. I can't stay up until 3 AM working on this thing anymore. It severely messed up my mood and my health for a few days. I'm not kidding when I say that trying to figure out 11ty for the first time made me so anxious, overwhelmed, and stressed, that I started to get physically unwell. (It doesn't help that I forced myself to get it done within three hours..) The headaches from lack of sleep were also not fun. I joked around in highschool that programming large projects with deadlines took years off my life, but I almost fully agree with it now. I applaud all you 13 to 15 year olds doing much crazier things than I am on here.

I'd consider myself very functional under pressure. Usually I'll just get pissed off, then get it done quickly while having an angry look on my face. For some reason this 11ty just made me completely fold.

I also need to fix my stupid Miata because that is still stressing me out. I'm going to take out my catalytic converter, but that has to wait until a day off.

Good news though! My new blender is pretty nice. It's a little loud, but it works good.