Code Monkey home page Code Monkey logo

Comments (19)

hiruthicShaSS avatar hiruthicShaSS commented on August 20, 2024 1

Also make sure to hacktoberfest tag to this issue and when you accept my PR, hacktoberfest-accepted to my PR -
Screen Shot 2020-10-05 at 10 48 23 AM

Screen Shot 2020-10-05 at 10 48 42 AM

πŸ˜…

Hey, thank you for informing... I have added "hacktoberfest" tag to the repo's topic and added "hacktoberfest-accepted" label in the specific issues too, Confirm it with the new changes and ping me if I have made any mistakes.

from planter.

aaronzshey avatar aaronzshey commented on August 20, 2024 1

The website hasn't changed at all because of my commits πŸ˜… - did you see the Paper.JS sketch? I'm thinking about making that the background, except replacing the circles with flowers or leaves or something.

Thanks for the API response snippet! I'll mock a gradient throbber and hopefully make a commit tomorrow.

from planter.

aaronzshey avatar aaronzshey commented on August 20, 2024

Would GIFs be ok? Or I can add organic Paper.js animations.
I just forked it, give me the greenlight and I'll start coding πŸ‘

from planter.

hiruthicShaSS avatar hiruthicShaSS commented on August 20, 2024

I am not sure of the GIFs as it cannot be controlled manually for our needs. I just looked up Paper.js, I think it looks fun so if you can do that it would be nice because it has mouse and keyboard interaction.
Happy codingπŸ˜€.

from planter.

aaronzshey avatar aaronzshey commented on August 20, 2024

Awesome! Do you have anything specific in mind @hiruthic2002 ?

from planter.

hiruthicShaSS avatar hiruthicShaSS commented on August 20, 2024

Yeah, The API will be returning the data(Array) containing [Total Stars, Total Commits, Total PRs, Total Issues]. So I am thinking of some growing trees or forests something like that according to the number of commits and PRs.

Eg, Let's say we got 90 commits and 30 PR's then we can animate 30 trees growing up and covering the page. The calculations are rough but you get the idea.

If you have any idea of better way to show animations with respect to the people work on OpenSource, please go ahead and work with that too and show us

from planter.

aaronzshey avatar aaronzshey commented on August 20, 2024

Hmmm... interesting. Unfortunately Paper.js can't work with external information - it exists as its own "PaperScript". I was thinking of adding a small attention-getter on the background, like if you click, flowers would emanate from your cursor. Do you have an example of the API's output?

from planter.

aaronzshey avatar aaronzshey commented on August 20, 2024

Also make sure to hacktoberfest tag to this issue and when you accept my PR, hacktoberfest-accepted to my PR -
Screen Shot 2020-10-05 at 10 48 23 AM

Screen Shot 2020-10-05 at 10 48 42 AM

πŸ˜…

from planter.

aaronzshey avatar aaronzshey commented on August 20, 2024

Here's an example of what I can add to the background

I could also make them leaves or such if you have an y SVG files.

from planter.

aaronzshey avatar aaronzshey commented on August 20, 2024

#6

from planter.

hiruthicShaSS avatar hiruthicShaSS commented on August 20, 2024

Hmmm... interesting. Unfortunately Paper.js can't work with external information - it exists as its own "PaperScript". I was thinking of adding a small attention-getter on the background, like if you click, flowers would emanate from your cursor. Do you have an example of the API's output?

Output:
{"data":["18", "2020", "116", "22", "7", "11"],"info":{},"time":1.5307989120483398}

Index of the data key:
1 - Total Stars
2 - Current Year
3 - Total Commits
4 - Total PR's
5 - Total Issues
6 - Contributed to

from planter.

hiruthicShaSS avatar hiruthicShaSS commented on August 20, 2024

#6

That's good, Can you attach a screenshot of how the website has changed due to your commits!

And kindly please answer these:

  • My change will not break the existing code
  • I have added comments for future developers

from planter.

hiruthicShaSS avatar hiruthicShaSS commented on August 20, 2024

The website hasn't changed at all because of my commits πŸ˜… - did you see the Paper.JS sketch? I'm thinking about making that the background, except replacing the circles with flowers or leaves or something.

Thanks for the API response snippet! I'll mock a gradient throbber and hopefully make a commit tomorrow.

Yeah, I saw the Paper.JS sketch but when I tried to reproduce your commits on my local machine I didn't see any change on the site that's why I ask an screenshot.

And also the animations were awesome I'd really like to have those animations on this project. ❀

from planter.

aaronzshey avatar aaronzshey commented on August 20, 2024

Awesome! I'll work on this tomorrow morning.
Also, the issues should have the tag "hacktoberfest" - "hacktoberfest-accepted" is only for pull requests.
Like this: (doesn't have to be pink:)
Screen Shot 2020-10-05 at 8 51 48 PM

from planter.

aaronzshey avatar aaronzshey commented on August 20, 2024

#6

  • My change will not break the existing code (no changes were made to existing code).
  • I have added comments for future developers

from planter.

aaronzshey avatar aaronzshey commented on August 20, 2024

#6 closed. Refer to #9

Also , could you check in all the boxes in the original post?

from planter.

aaronzshey avatar aaronzshey commented on August 20, 2024

Now that #9 is closed you can probably move this to "Done" in the To Dos.

from planter.

hiruthicShaSS avatar hiruthicShaSS commented on August 20, 2024

Hmm, let it stay for some days and lets close it after hactoberfest completes. It will be usefull for some new contributors to make some small PR's

from planter.

aaronzshey avatar aaronzshey commented on August 20, 2024

πŸ‘

from planter.

Related Issues (5)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.