[Feature] Add a unique clickable button to the <a> tag submit a resource

[KrownWealth]

Problem

The submit a resource is just a plain tag link, which reduces the visibility for a user to see clearly on the website. I would like to add and design a clickable button

Description

The submit a resource is just a plain tag link, which reduces the visibility for a user to see clearly on the website. I would like to add and design a clickable button and propose that the button be moved to the navigation menu of the website.

Implementation

• [ x] I would be interested in implementing this feature.

@KrownWealth hi ! , very similar issue is raised under #135 kindly check the discussion by maintainers on this issue .

[Abhishek140501]

@KrownWealth I would be interested in implementing this feature.

[TimidRobot]

Please see Contribution Guidelines — Creative Commons Open Source for how we manage issues and PRs (we generally don't assign issues prior to resolution).

[nandu-99]

@possumbilities I would like to take ownership of the task to convert the "submit resource" and "see all" links into buttons. Enhancing them with CSS features such as borders, shadows, border radius, and subtle transitions would improve their visual appeal and usability. Please assign this task to me so I can begin working on it.

[possumbilities]

For anyone that wants to work on this, I would suggest you offer descriptions and/or examples for how you would implement such a button visually. So that's there's more clarity before this issue moves to status: ready for work.

At the moment, I think there's value in it being a button, but I think some kind of discussion and review of what that means from a UX perspective is useful before PRs are submitted with final reesults.

[PhantomPhreak007]

yes I can provide you a design for the button and can also implement it in the site , I you are interested in seeing the design then please do reply.

[possumbilities]

@PhantomPhreak007 If you have a suggestion, please add it as a comment to this Issue, outlining it, before attempting a PR.

[PhantomPhreak007]

I will change the styling of the current "submit a resource " button to the template given above along with some shadow animations

I am very excited to do my first open source contribution please help me in this sir @possumbilities

[Cappybara12]

I'm in favor of improving this functionality, especially for first-time visitors. Currently, the submission link lacks appeal and styling. I've worked on implementing a button with better design, featuring an arrow symbolizing its functionality. The button not only enhances the visual appeal but also provides a clear indication of its purpose. I believe this change will greatly improve the user experience on the website.

Looking forward to community's and @possumbilities response

[yogeyyy]

Hey @possumbilities ,

Implementing a button would indeed be a great idea because -

1. It will draw user's attention better than a link would.
2. It aligns with the call-to-action principles.

However, I don't think a big green solid button would suffice, as those buttons are generally used to signify that a submit action will take place, which is not the function in our case. We are routing users to a submission form page where they will be able to submit resources. I think a hollow button, or something with a lighter background would be more appropriate.

Also, I think the text "Submit a resource" can be changed to something more simple like "Contribute Resources". It signifies that to contribute resources, follow the upcoming steps (in our case fill the form) rather than bluntly hitting them with the word "submit" on the main page. This is just my opinion, but if you think "Submit a resource" is better, we can go ahead with that too.

Now, from the visual design pov, I looked for some buttons on the creativecommons page to have consistent ui, And I think these 2 options can work.

1. A hollow button in the center of the page. (button inspiration taken from the view button and more posts from the creative commons page, all small letters to replicate the similarity, can be changed if needed)

2. A button at the top right along with "explore cc", just like other buttons at the creative commons page.

I think the latter option is better, because the page has filters, displays content according to users requirements, resource cards are being displayed on the main page, and "Contribute resources" is kinda in the way, breaking the flow of the page. So giving it a seperate spot on the right give it a little bit seperation from the main action going on. And on the creative commons page, there is donate button along with explore cc, and i guess contributing a resource is a similar action.

Let me know your thoughts.