creative
creative copied to clipboard
gitcoinco
new on-hover logos for gitcoin site
we will be updating the product logos on https://gitcoin.co/ in the next week or so to the logo s here https://bits.owocki.com/yAu20Eko
as such, we would like to update the on-hover logos that are on the site now too. example below:
the goal of this bounty is to create new on-hover logos for the site. here is an example ( https://s.gitcoin.co/static/v2/images/kudos/kudos_faster_repeat.50ffe5e782be.gif ) . notice its background color + aspect ratio match the existing site header. please submit in svg format
i will pay 30 DAI each for a new on hover logo for each of
bounties-neg.svg grants-neg.svg hackathons-neg.svg kudos-neg.svg quests-neg.svg
pls post your portfolio as u apply
Issue Status: 1. Open 2. Started 3. Submitted 4. Done
This issue now has a funding of 3.0 ETH (613.33 USD @ $204.44/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
- $90,123.16 more funded OSS Work available on the Gitcoin Issue Explorer
Issue Status: 1. Open 2. Started 3. Submitted 4. Done
Work has been started.
These users each claimed they can complete the work by 3 days, 4 hours ago. Please review their action plans below:
1) coinwalletfriend has been approved to start work.
I will strive to deliver good results! 2) l-kh has been approved to start work.
I would like to work on it. it's a good opportunity for me to learn more. 3) writeprovidence has been approved to start work.
I will be making my own contribution to this bounty, as i have worked on many bounties on gitcoin before now. 4) kushmd has been approved to start work.
I would like to work on it.... 5) merit-tech has been approved to start work.
This will be an interesting task to showcase some skills, when dully approved. Thanks 6) maystro4 has been approved to start work.
I would like to work in this bounty. I will do my best as well 7) federicosan has been approved to start work.
I would like to work on this one, I can see this is a gif, but maybe I can also animate the SVG with some CSS animations, that would be nice and the animation could be used in different sizes without losing quality. 8) nasehim7 has applied to start work (Funders only: approve worker | reject worker).
Hi Kevin, I would like to work on this. We did engage in couple of past projects. 9) blockchainadvisor has applied to start work (Funders only: approve worker | reject worker).
I will try to create some animations 10) hanaa8 has applied to start work (Funders only: approve worker | reject worker).
I will create some animations for logos in gitcoin
Learn more on the Gitcoin Issue Details page.
Please guys, prefer svg animations instead of gif. + look around the file size.
@octavioamu, Damn I did not read the whole instruction and made an SVG animation for the kudos-pos logo, I will check if I can change the colors to make it into neg 😭 I will work with the others, how can I show you, how to make a pull request? I attached the zip, I know it is not working on what you requested but please check this so I know if something similar would be ok thank you.
One has a pause the other loops instantly.
kudos-pos-animated-hover-resp-fit.zip
kudos-pos-animated-hover-resp-fit-loop.zip
Could you please approve me here too? Cause I was approved on the gitcoin page but I don't know why I was not approved here
@owocki Hi. https://drive.google.com/open?id=1nozaB7L1Slq89WMezAvJFzCzbtbwgj3e
thanks everyone. can you all get your submission in by weds of this week so we can proceed?
@octavioamu take a look at the above submissions and let me know which ones we want to use / any feedback pls!
Hi Please,tell me if you need more complicated animations, so I can continue working on the other SVGs, also I changed the dimensions and made it responsive and it starts when more is on hover and restarts when a mouse exists hover.
@federicosan @KushMd checked your both submissions. Looking nice, but keep in mind these will be used for hover animations logo animations, for example https://gitcoin.co/explorer when someone hover the logo, that will animate. So the space the logo take today can be bigger or smaller, since that will make the nav elements move.
@federicosan @KushMd checked your both submissions. Looking nice, but keep in mind these will be used for hover animations logo animations, for example https://gitcoin.co/explorer when someone hover the logo, that will animate. So the space the logo take today can be bigger or smaller, since that will make the nav elements move.
Thanks, @octavioamu All my submissions only work on hover, and stop and restart when pointer exists, you can check this, the thing is because it is responsive it will be big and stretch to all window (unless you put it inside a container) if you are just opening the file so because it is occupying all the window please check where is your pointer and try to get it out of the browser to see the effect especially if your browser window is maximized.
@octavioamu Here is another one, this is just a proof of concept as I need to get some other things done like a correct cannonball speed curve and a morph to get the bullet propelled quests-neg-animated2.zip if you like it I will improve this for sure.
thanks everyone. can you all get your submission in by weds of this week so we can proceed?
a little extension pls, still working on it
@octavioamu , Hey I would like to know what do you think about this one. I use adobe animate for it. for sure i'll fix the size as you mention, but I want to know first if it will work like this or not. thanks test.zip and here is the full pack. I check svgs and see that adobe animate doesn't generate any script tag. so I think it's okay with that. Gitcoin_Hover_animate.zip Hope you can check them and let me know if there is any modification needed. Thanks
Here is the one for hackatons-neg, I will put all together when I am done :) hackathons-neg-anim.zip
Issue Status: 1. Open 2. Started 3. Submitted 4. Done
Work for 3.0 ETH (603.63 USD @ $201.21/ETH) has been submitted by:
@owocki please take a look at the submitted work:
- Learn more on the Gitcoin Issue Details page
- Want to chip in? Add your own contribution here.
- Questions? Checkout Gitcoin Help or the Gitcoin Slack
- $134,338.95 more funded OSS Work available on the Gitcoin Issue Explorer
@federicosan let me explain you what I mean when I said about the ratio size https://share.vidyard.com/watch/HEsamDNjXQdcBiCTbDjiax?
Hackathon one https://share.vidyard.com/watch/g1Q6eMk7XsrpriibHnHtRK? works better since is in place and is a quick animation, and not a transition. Also something good about that one is just css not js embeded.
@KushMd the animations doesn't start as the actual logo, the idea is not affect the brand logos, just adding some animation when the mouse hover it. Can be some blinking colors but keep an eye on keeping the first frame (the state frame) untouched and nicely make the "transition" to the animations you want to do. Always be very careful on moving elements, first because will be out of the initial box (the space the image take on the screen) and second because probably will change a lot the branding meaning.
@federicosan let me explain you what I mean when I said about the ratio size https://share.vidyard.com/watch/HEsamDNjXQdcBiCTbDjiax?
@octavioamu That was intended, the cannonball has a trajectory that goes out of the screen, it was on purpose. Is this what you are saying? Is this breaking the page or something?
@octavioamu How can I submit my work? Is there a repo I need to fork or something? Can I keep working on this after I submit this? I want to really polish this but I always feel that this is a race.
Hackathon one https://share.vidyard.com/watch/g1Q6eMk7XsrpriibHnHtRK? works better since is in place and is a quick animation, and not a transition. Also something good about that one is just css not js embeded.
I can make it only css but I submitted the wrong file, I was testing with morphs but it did not show, This is because I am using free tools, with the right tools I could do this but they are expensive. I will invest after getting some bounties :)
I have submitted 3 already I am working on two more, Do I have time? I think I will have all ready in a couple of hours. I will make them all css with no js. @octavioamu Please let me know any more details, I will solve it.
hello octavioamu I did some changes. I hope my submission is ok now .thanks https://drive.google.com/open?id=1MEX5YvSfkh6SyKF9G7dQ6kXF0Kqr_vvR
Hi @octavioamu https://drive.google.com/open?id=1l8ju46vZN86XE3lL6o73oirlV_HuNvpH Are these fine??