Article Preview Component: jQuery/JS & Extra Challenges

Dear Fellow-coders:

This was an interesting challenge for me for a couple of reasons. First, the layout was not too difficult, at least until I had to construct the social icon "bubble." If there was an .svg for this somewhere, I certainly did not find it. I ended up using the Figma illustration for my model. The second reason I found this interesting was that it gave me time to work more with the JavaScript and jQuery. Consequently, I decided to add on some personal challenges just for practice. In addition to the FM challenges, there were my personal goals:

• Have the date of the post update so it always displays the current date.
• Create hover effects for the share button and the individual links plus the social media channels
• Have the share "bubble" animate/transition in and out at a controlled rate
• Have the share "bubble" disappear when the share button is clicked a second time (especially helpful at the media query @375px).

Probably my biggest challenge was trying to put hover effects on the "share arrow" plus the <div> it sits in (after making it a circular button) so they both changed to opposite colors at the same time. While I could get them to do it separately with CSS, I had to resort to JavaScript/jQuery to get them to do it at the same time. If someone has a way to do this with CSS alone, I would be so appreciative if you would share it with me.

Anyway, if you get a chance to take a look at my solution, I'd sure love any constructive feedback - positive or negative. If you peruse my README file on the repository, you'll see some of my areas of concern and focus. Otherwise, I could use feedback on what you think of:

• The way I organized my CSS
• The structure and organization of my HTML (sometimes I should practice more restraint on creating containers, lol!)
• A shorter method of getting the current date formatted as DD-MMM-YYYY either using jQuery or JavaScript

Thank you ahead of time for taking a look at my solution. I am always so appreciative for any comments you could offer. I learn so much through this process.

Best wishes, All!

Jeff