Web: add a hover animation to the hackathon/bounties logos

[owocki]

the scope of this issue is to add a hover animation to the hackathon/bounties logos (like exists for the kudos, quests, and grants logos in the nav)

please make it tasteful! post a screenshot to submit the bounty

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__This issue now has a funding of 0.6 ETH (98.34 USD @ $163.89/ETH) attached to it.__

• If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
  
  
  
  • Want to chip in? Add your own contribution here.
  
  
  • Questions? Checkout Gitcoin Help or the Gitcoin Slack
  
  
  • $78,936.23 more funded OSS Work available on the Gitcoin Issue Explorer
  
  

[gitcoinbot]

@marcoautiero Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[marcoautiero]

Still working on this, I just need a little more time to make an apreciable work.

[gitcoinbot]

@marcoautiero Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__Workers have applied to start work__.

These users each claimed they can complete the work by 2 weeks, 3 days from now.
Please review their action plans below:

1) molecula451 has applied to start work _(Funders only: approve worker | reject worker)_.

I am already handleling this task for a good animations Bounteis/Hackaton
2) davidbanu has applied to start work _(Funders only: approve worker | reject worker)_.

I can add a hover animation to the hackathon logos in less than 24h... The solution will be consistent with the rest of the application.
3) mcdecke has applied to start work _(Funders only: approve worker | reject worker)_.

I would be able to create hover animations for the hackathon and bounties logos in the same style as the existing animations, within a couple of days.
4) mr-winson has applied to start work _(Funders only: approve worker | reject worker)_.

I will get colors and all the images needed. I will then edit the CSS to add hover effects to the logos where they are needed.
5) maxstalker has applied to start work _(Funders only: approve worker | reject worker)_.

This should be a pretty straightforward task :)
I will check previously created animations and Use them as reference for new animations.
6) ossoso has applied to start work _(Funders only: approve worker | reject worker)_.

I have an idea on what kind of animation I will implement for hackathons. It involves a progression on the text and the hackathons' logo.Bounties' could involve a remote interaction from the gitcoin logo with the bounties logo producing a vivid reaction on the heart in the `bounties' logo. I am familiar with front-end development in js (github.com/ossilva).
7) adivyas99 has applied to start work _(Funders only: approve worker | reject worker)_.

I want to add this functionality.

Learn more on the Gitcoin Issue Details page.

[molecula451]

@owocki i'm settling this

[Robbiekruszynski]

@owocki
Just made this codepen
https://codepen.io/robbie-k/pen/BayEBVP

[owocki]

@Robbiekruszynski looks elegant, but were looking to keep the existing bounties logo (maybe we could mutate the SVG on hover??)

[owocki]

it was a hard choice but @molecula451 i just approved you.. everyone else, if you want to pick a prominent area of the site that needs visual cleanup and file a github issue explaining what you want to do, tag me, i'd be happy to work with u on a paid task too!

[gitcoinbot]

⚡️ A tip worth 0.60000 ETH (109.03 USD @ $181.72/ETH) has been granted to @molecula451 for this issue from @owocki. ⚡️

Nice work @molecula451! Your tip has automatically been deposited in the ETH address we have on file.

• $83728.75 in Funded OSS Work Available at: https://gitcoin.co/explorer
• Incentivize contributions to your repo: Send a Tip or Fund a PR
• No Email? Get help on the Gitcoin Slack

[owocki]

hey @molecula451 the logos have changed in the last month or so and we need the logo hover re-applied. wanna do this again for another 0.6 ETH?

heres the new artwork https://bits.owocki.com/OAuB0Xzj

[molecula451]

hey @molecula451 the logos have changed in the last month or so and we need the logo hover re-applied. wanna do this again for another 0.6 ETH?

heres the new artwork https://bits.owocki.com/OAuB0Xzj

Absolutely!, will submit a preview for these new assets with animation, on the same thread or in the chat @owocki

[owocki]

@molecula451 pls just submit a PR :)

[molecula451]

Hi @owocki I've been working on the animation for the logos on hover. Here's a quick preview on the hover for Quests logo and Bounties. I've seen you guys already did some changes on hover. Let me know if proceed

Open it up on a new browser tab

[owocki]

@molecula451 i like it a lot. we may use those elsewhere (beyond the on site hover).. wanna submit tthose to https://github.com/gitcoinco/creative and gitcoin.co/requestmoney and ill pay ya out?

[molecula451]

@molecula451 i like it a lot. we may use those elsewhere (beyond the on site hover).. wanna submit tthose to https://github.com/gitcoinco/creative and gitcoin.co/requestmoney and ill pay ya out?

To the moon! Will give it a re-touch and submit it through the day