DEV Community

Cover image for Still not finished
Liz
Liz

Posted on

Still not finished

It's 9:25 am, and I'm usually up at this time because of my workout pods. But guess what, it's finals week. I'm two 5-hour energies and an all nighter in. I'm not sure I can think straight, but I am sure finishing out this semester strong. As strong as turning in three late assignments is.

Because I've been "having the college experience" the past two weeks (beers, boys, and benched), I really don't know what I have and haven't done with the final project for my IST 402 class. Which is honestly really disappointing cause I always look forward to doing it, but I haven't had the mental space or time. And guess what, I have all night today and tomorrow to make something magical happen besides it looking a third decent.

I've been working on creating an event badge based off the below.
Image description

And this is the interpretation so far:
Image description

There are so many placeholders at the moment because I just haven't been able to work on it. However, it has an annoying beautiful shadow. And frankly, that's the best part.

 :hover .holePunch {
        box-shadow: inset 0px 0px 2px hsl(220deg 10% 40% / 0.333),
          inset 0px 0px 4px hsl(220deg 10% 40% / 0.333),
          inset 0px 0px 6px hsl(220deg 10% 40% / 0.333);
      }
      .badgeContainer:hover {
        box-shadow: 0px 0px 2px hsl(220deg 10% 40% / 0.333),
          0px 0px 4px hsl(220deg 10% 40% / 0.333),
          0px 0px 6px hsl(220deg 10% 40% / 0.333);
      }
Enter fullscreen mode Exit fullscreen mode

Complain if you want, but I feel it just has a modern look.
Image description

You can find it in it's current state at:

This project was initially part of the issue queue with HAX, taking reverse engineering and creating open source resources. Eventually it will be published on NPM here: https://www.npmjs.com/org/runtimeerrorsmadeeasy

I'm honestly starting to fall asleep, so maybe I'll revisit this at a later state to add some updates.

Latest comments (0)