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

Created on 17 Jan 2020  ·  16Comments  ·  Source: gitcoinco/web

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

Most helpful comment

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

All 16 comments

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.__

@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

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

@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

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.

@owocki i'm settling this

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

2020-01-27 13 56 38

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

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!

⚡️ 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.

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

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

@molecula451 pls just submit a PR :)

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

quests

bounties_preset

Open it up on a new browser tab

@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 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

Was this page helpful?
0 / 5 - 0 ratings