opentek icon indicating copy to clipboard operation
opentek copied to clipboard

Published 20 hours ago • verified publisher icon Opentek-Org

[FEATURE] Drop new card ideas

Open AnirudhPanda opened this issue 3 years ago • 13 comments

PLEASE SUGGEST YOUR IDEAS HERE AND AFTER APPROVAL YOU CAN WORK ON THE SAME

image

Suggest some designs or ideas on how to make this section better We need better cards on this section so that if the content In the card grows the overall size remains the same

AnirudhPanda avatar Sep 26 '21 07:09 AnirudhPanda

The card can show only the top three headings initially and on hovering over it, the card size increases and the content will be visible. or something like this https://codepen.io/Ashley786/pen/KKqJBvW

Ashley936 avatar Sep 29 '21 10:09 Ashley936

The card can show only the top three headings initially and on hovering over it, the card size increases and the content will be visible. or something like this https://codepen.io/Ashley786/pen/KKqJBvW

This looks good but where should we keep the link?

AnirudhPanda avatar Sep 30 '21 04:09 AnirudhPanda

Please check the codepen again I added another style and buttons as well. You can finallise whichever and I can work on it. https://codepen.io/Ashley786/pen/KKqJBvW?editors=1000

Ashley936 avatar Sep 30 '21 19:09 Ashley936

Hey @AnirudhPanda , I would like to work on this issue. Could you please assign it to me.

iamartyaa avatar Oct 01 '21 04:10 iamartyaa

Can I work on this issue?

Ashley936 avatar Oct 01 '21 07:10 Ashley936

hey i have a cool idea can i work on this

qwel-exe avatar Oct 01 '21 08:10 qwel-exe

PLEASE SUGGEST YOUR IDEAS HERE AND AFTER APPROVAL YOU CAN WORK ON THE SAME

AnirudhPanda avatar Oct 01 '21 08:10 AnirudhPanda

I have suggested my ideas. https://codepen.io/Ashley786/pen/KKqJBvW We can give some gradient to the background.

Ashley936 avatar Oct 02 '21 05:10 Ashley936

https://deploy-preview-74--opentek.netlify.app/pages/projects.html

This one is made by @neeraj15022001

I would like to know more ideas regarding card designs

@qwe123coder @Ashley936 @qwe123coder

AnirudhPanda avatar Oct 02 '21 16:10 AnirudhPanda

The font-size of contents should be less and spacing a little bit more. And at my screen the content inside the tech stack collided with the link. So we can just put the width of tech stack to be 80%

Ashley936 avatar Oct 02 '21 20:10 Ashley936

Hey @AnirudhPanda I think we can add a flip effect. On the front side, we can have the project name and tech stack, and on the backside rest of the details.

ishikapandey avatar Oct 15 '21 20:10 ishikapandey

hey can I work on this issue?

Pushti-R avatar Dec 15 '21 09:12 Pushti-R

Assign me this isssue @AnirudhPanda

Swati002 avatar Dec 16 '21 09:12 Swati002

@AnirudhPanda Can you assign this issue, I can provide some 3d hover cards, the background is of dark black so we can go with

  1. Glass effect shiny type
  2. 3D Effects cards
    1. Debit Cards Type image image image

If you approve or assign this issue I will come up with these upgrades and project section cards From my side 2 and 3rd design are best and will look classy and good.

Hoping for Positive Response. #opensourcing #GSSOC'23

terribleloser-Vivek avatar May 24 '23 18:05 terribleloser-Vivek