KwickerHub / WebCraftifyAI

The repository for the ACES software aid frontend. Making it easier to develop and build content on the internet.
https://roynek.com/kwickerhub/WebCraftifyAI/
MIT License
92 stars 388 forks source link

Danger Button - Let's make this Button - Session of Buttons #163

Open NtemKenyor opened 1 year ago

NtemKenyor commented 1 year ago

Inline with our "session of Buttons", We would be building different kinds of buttons..

Design a Button that looks like the button in this image...(Danger Button)

Create a file "Your_Button_Name.html" in the modules/buttons folder.

Use simple HTML and CSS to create the button. For some additional info, You should read the instructions.txt file in "buttons" folder. Screenshot from 2023-04-14 12-57-01

Rakesh-116 commented 1 year ago

Hey, can you tell exactly what we have to do....what I get to understand is that I have to write the code with HTML and CSS which it outputs the given button you have shown. Actually I am newbie in here, I kinda don't how things work in here. so could you tell what exactly I have to do

NtemKenyor commented 1 year ago

hello and Good evening...

This issue was actually created for newbies...

fork and clone the project...

Create a file under the buttons folder in modules and add your button design.

U just need to create a simple "div" tag and insert a button tag and style it to look like the one in the image you see...

Hope it's clear.

On Apr 14, 2023 19:21, "Rakesh-116" @.***> wrote:

Hey, can you tell exactly what we have to do....what I get to understand is that I have to write the code with HTML and CSS which it outputs the given button you have shown. Actually I am newbie in here, I kinda don't how things work in here. so could you tell what exactly I have to do

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509052253, or unsubscribe https://github.com/notifications/unsubscribe-auth/AOKWIBJYQALDMQKFON5ORFTXBGIRPANCNFSM6AAAAAAW6UTYYY . You are receiving this because you authored the thread.Message ID: @.***>

Rakesh-116 commented 1 year ago

I have written the code for the button, can you tell me how to submit it to you

NtemKenyor commented 1 year ago

ok. Good one. I believe you have forked and cloned the project. Create an html file in the "buttons" folder in modules. Name the file (Something_button.html). Add your code and make your pull request.

On Sat, Apr 15, 2023, 03:37 Rakesh Penugonda @.***> wrote:

I have written the code for the button, can you tell me how to submit it to you

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509473818, or unsubscribe https://github.com/notifications/unsubscribe-auth/AOKWIBN3WQNTFK5SO6S4RKTXBICWDANCNFSM6AAAAAAW6UTYYY . You are receiving this because you authored the thread.Message ID: @.***>

Rakesh-116 commented 1 year ago

hey I've added Something_Button.html and Something_button.css into the buttons file, once check whether out to you...

On Sat, 15 Apr 2023 at 16:56, N. K. K. @.***> wrote:

ok. Good one. I believe you have forked and cloned the project. Create an html file in the "buttons" folder in modules. Name the file (Something_button.html). Add your code and make your pull request.

On Sat, Apr 15, 2023, 03:37 Rakesh Penugonda @.***> wrote:

I have written the code for the button, can you tell me how to submit it to you

— Reply to this email directly, view it on GitHub < https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509473818 , or unsubscribe < https://github.com/notifications/unsubscribe-auth/AOKWIBN3WQNTFK5SO6S4RKTXBICWDANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509736639, or unsubscribe https://github.com/notifications/unsubscribe-auth/A4QTZUIZG532CDBWODCKFGDXBKAXBANCNFSM6AAAAAAW6UTYYY . You are receiving this because you are subscribed to this thread.Message ID: @.***>

Rakesh-116 commented 1 year ago

Hey, Sorry for the trouble messaging continuously.. It is showing reviews required, I have no idea about that, can you tell me what that means?

On Sat, 15 Apr 2023 at 17:19, Rakesh Penugonda @.***> wrote:

hey I've added Something_Button.html and Something_button.css into the buttons file, once check whether out to you...

On Sat, 15 Apr 2023 at 16:56, N. K. K. @.***> wrote:

ok. Good one. I believe you have forked and cloned the project. Create an html file in the "buttons" folder in modules. Name the file (Something_button.html). Add your code and make your pull request.

On Sat, Apr 15, 2023, 03:37 Rakesh Penugonda @.***> wrote:

I have written the code for the button, can you tell me how to submit it to you

— Reply to this email directly, view it on GitHub < https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509473818 , or unsubscribe < https://github.com/notifications/unsubscribe-auth/AOKWIBN3WQNTFK5SO6S4RKTXBICWDANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509736639, or unsubscribe https://github.com/notifications/unsubscribe-auth/A4QTZUIZG532CDBWODCKFGDXBKAXBANCNFSM6AAAAAAW6UTYYY . You are receiving this because you are subscribed to this thread.Message ID: @.***>

NtemKenyor commented 1 year ago

Hello...

Please avoid external Styling.

Use style and script tags instead. Thank you.

On Sat, Apr 15, 2023, 12:49 Rakesh Penugonda @.***> wrote:

hey I've added Something_Button.html and Something_button.css into the buttons file, once check whether out to you...

On Sat, 15 Apr 2023 at 16:56, N. K. K. @.***> wrote:

ok. Good one. I believe you have forked and cloned the project. Create an html file in the "buttons" folder in modules. Name the file (Something_button.html). Add your code and make your pull request.

On Sat, Apr 15, 2023, 03:37 Rakesh Penugonda @.***> wrote:

I have written the code for the button, can you tell me how to submit it to you

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509473818

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/AOKWIBN3WQNTFK5SO6S4RKTXBICWDANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub < https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509736639 , or unsubscribe < https://github.com/notifications/unsubscribe-auth/A4QTZUIZG532CDBWODCKFGDXBKAXBANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you are subscribed to this thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509743499, or unsubscribe https://github.com/notifications/unsubscribe-auth/AOKWIBID2QYM5CQH5DR3HEDXBKDNRANCNFSM6AAAAAAW6UTYYY . You are receiving this because you authored the thread.Message ID: @.***>

Rakesh-116 commented 1 year ago

I have done some changes, could please check and let me know is that okay?

On Sat, 15 Apr 2023 at 17:33, N. K. K. @.***> wrote:

Hello...

Please avoid external Styling.

Use style and script tags instead. Thank you.

On Sat, Apr 15, 2023, 12:49 Rakesh Penugonda @.***> wrote:

hey I've added Something_Button.html and Something_button.css into the buttons file, once check whether out to you...

On Sat, 15 Apr 2023 at 16:56, N. K. K. @.***> wrote:

ok. Good one. I believe you have forked and cloned the project. Create an html file in the "buttons" folder in modules. Name the file (Something_button.html). Add your code and make your pull request.

On Sat, Apr 15, 2023, 03:37 Rakesh Penugonda @.***> wrote:

I have written the code for the button, can you tell me how to submit it to you

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509473818

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/AOKWIBN3WQNTFK5SO6S4RKTXBICWDANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509736639

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/A4QTZUIZG532CDBWODCKFGDXBKAXBANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you are subscribed to this thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub < https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509743499 , or unsubscribe < https://github.com/notifications/unsubscribe-auth/AOKWIBID2QYM5CQH5DR3HEDXBKDNRANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509750259, or unsubscribe https://github.com/notifications/unsubscribe-auth/A4QTZUINCT2GDQPE4YGNB2LXBKFAZANCNFSM6AAAAAAW6UTYYY . You are receiving this because you are subscribed to this thread.Message ID: @.***>

NtemKenyor commented 1 year ago

Hello Rakesh....

I see you have solved the problem- Nice one 👍, But let's discuss about approach.

I can see you used an img tag and you pointed the source to an endpoint. What if that endpoint is no longer active?

Also img tag use up more space/ load time than I or span tags.

More solutions 1) Add a 25px by 25px (a small height and width) image to the image section of this repo, So we don't have need for external connections...

2) Using font Awesome icons is also great.(Not very necessary)

If you make any of the corrections, I would be accepting you pull request right away....

Thank you 👍

On Sat, Apr 15, 2023, 13:10 Rakesh Penugonda @.***> wrote:

I have done some changes, could please check and let me know is that okay?

On Sat, 15 Apr 2023 at 17:33, N. K. K. @.***> wrote:

Hello...

Please avoid external Styling.

Use style and script tags instead. Thank you.

On Sat, Apr 15, 2023, 12:49 Rakesh Penugonda @.***> wrote:

hey I've added Something_Button.html and Something_button.css into the buttons file, once check whether out to you...

On Sat, 15 Apr 2023 at 16:56, N. K. K. @.***> wrote:

ok. Good one. I believe you have forked and cloned the project. Create an html file in the "buttons" folder in modules. Name the file (Something_button.html). Add your code and make your pull request.

On Sat, Apr 15, 2023, 03:37 Rakesh Penugonda @.***> wrote:

I have written the code for the button, can you tell me how to submit it to you

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509473818

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/AOKWIBN3WQNTFK5SO6S4RKTXBICWDANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509736639

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/A4QTZUIZG532CDBWODCKFGDXBKAXBANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you are subscribed to this thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509743499

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/AOKWIBID2QYM5CQH5DR3HEDXBKDNRANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub < https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509750259 , or unsubscribe < https://github.com/notifications/unsubscribe-auth/A4QTZUINCT2GDQPE4YGNB2LXBKFAZANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you are subscribed to this thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509753691, or unsubscribe https://github.com/notifications/unsubscribe-auth/AOKWIBKXRQEOONZV3RNNRQTXBKF4BANCNFSM6AAAAAAW6UTYYY . You are receiving this because you authored the thread.Message ID: @.***>

Rakesh-116 commented 1 year ago

But I have checked font awesome icons, there are not same the image you have showed , if it is okay I cam change it update it by tomorrow..

On Sat, 15 Apr, 2023, 18:10 N. K. K., @.***> wrote:

Hello Rakesh....

I see you have solved the problem- Nice one 👍, But let's discuss about approach.

I can see you used an img tag and you pointed the source to an endpoint. What if that endpoint is no longer active?

Also img tag use up more space/ load time than I or span tags.

More solutions 1) Add a 25px by 25px (a small height and width) image to the image section of this repo, So we don't have need for external connections...

2) Using font Awesome icons is also great.(Not very necessary)

If you make any of the corrections, I would be accepting you pull request right away....

Thank you 👍

On Sat, Apr 15, 2023, 13:10 Rakesh Penugonda @.***> wrote:

I have done some changes, could please check and let me know is that okay?

On Sat, 15 Apr 2023 at 17:33, N. K. K. @.***> wrote:

Hello...

Please avoid external Styling.

Use style and script tags instead. Thank you.

On Sat, Apr 15, 2023, 12:49 Rakesh Penugonda @.***> wrote:

hey I've added Something_Button.html and Something_button.css into the buttons file, once check whether out to you...

On Sat, 15 Apr 2023 at 16:56, N. K. K. @.***> wrote:

ok. Good one. I believe you have forked and cloned the project. Create an html file in the "buttons" folder in modules. Name the file (Something_button.html). Add your code and make your pull request.

On Sat, Apr 15, 2023, 03:37 Rakesh Penugonda @.***> wrote:

I have written the code for the button, can you tell me how to submit it to you

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509473818

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/AOKWIBN3WQNTFK5SO6S4RKTXBICWDANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509736639

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/A4QTZUIZG532CDBWODCKFGDXBKAXBANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you are subscribed to this thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509743499

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/AOKWIBID2QYM5CQH5DR3HEDXBKDNRANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509750259

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/A4QTZUINCT2GDQPE4YGNB2LXBKFAZANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you are subscribed to this thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub < https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509753691 , or unsubscribe < https://github.com/notifications/unsubscribe-auth/AOKWIBKXRQEOONZV3RNNRQTXBKF4BANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509767462, or unsubscribe https://github.com/notifications/unsubscribe-auth/A4QTZUMDA7GUDRLP7DIIU4TXBKJMTANCNFSM6AAAAAAW6UTYYY . You are receiving this because you are subscribed to this thread.Message ID: @.***>

Rakesh-116 commented 1 year ago

Is it okay if I submit the changes tomorrow

On Sat, 15 Apr, 2023, 18:15 Rakesh Penugonda, @.***> wrote:

But I have checked font awesome icons, there are not same the image you have showed , if it is okay I cam change it update it by tomorrow..

On Sat, 15 Apr, 2023, 18:10 N. K. K., @.***> wrote:

Hello Rakesh....

I see you have solved the problem- Nice one 👍, But let's discuss about approach.

I can see you used an img tag and you pointed the source to an endpoint. What if that endpoint is no longer active?

Also img tag use up more space/ load time than I or span tags.

More solutions 1) Add a 25px by 25px (a small height and width) image to the image section of this repo, So we don't have need for external connections...

2) Using font Awesome icons is also great.(Not very necessary)

If you make any of the corrections, I would be accepting you pull request right away....

Thank you 👍

On Sat, Apr 15, 2023, 13:10 Rakesh Penugonda @.***> wrote:

I have done some changes, could please check and let me know is that okay?

On Sat, 15 Apr 2023 at 17:33, N. K. K. @.***> wrote:

Hello...

Please avoid external Styling.

Use style and script tags instead. Thank you.

On Sat, Apr 15, 2023, 12:49 Rakesh Penugonda @.***> wrote:

hey I've added Something_Button.html and Something_button.css into the buttons file, once check whether out to you...

On Sat, 15 Apr 2023 at 16:56, N. K. K. @.***> wrote:

ok. Good one. I believe you have forked and cloned the project. Create an html file in the "buttons" folder in modules. Name the file (Something_button.html). Add your code and make your pull request.

On Sat, Apr 15, 2023, 03:37 Rakesh Penugonda @.***> wrote:

I have written the code for the button, can you tell me how to submit it to you

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509473818

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/AOKWIBN3WQNTFK5SO6S4RKTXBICWDANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509736639

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/A4QTZUIZG532CDBWODCKFGDXBKAXBANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you are subscribed to this thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509743499

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/AOKWIBID2QYM5CQH5DR3HEDXBKDNRANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub <

https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509750259

, or unsubscribe <

https://github.com/notifications/unsubscribe-auth/A4QTZUINCT2GDQPE4YGNB2LXBKFAZANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you are subscribed to this thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub < https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509753691 , or unsubscribe < https://github.com/notifications/unsubscribe-auth/AOKWIBKXRQEOONZV3RNNRQTXBKF4BANCNFSM6AAAAAAW6UTYYY

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509767462, or unsubscribe https://github.com/notifications/unsubscribe-auth/A4QTZUMDA7GUDRLP7DIIU4TXBKJMTANCNFSM6AAAAAAW6UTYYY . You are receiving this because you are subscribed to this thread.Message ID: @.***>

NtemKenyor commented 1 year ago

ok no problem. 4 Today: I would be creating a new folder inside the modules/button folder where all images/icons relating to the button can be added. Do have a nice day.

Rakesh-116 commented 1 year ago

Thank you!

On Sat, 15 Apr, 2023, 18:59 N. K. K., @.***> wrote:

ok no problem. 4 Today: I would be creating a new folder inside the modules/button folder where all images/icons relating to the button can be added. Do have a nice day.

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509825401, or unsubscribe https://github.com/notifications/unsubscribe-auth/A4QTZUPSQAB2YKZIHV72VMLXBKPDRANCNFSM6AAAAAAW6UTYYY . You are receiving this because you are subscribed to this thread.Message ID: @.***>

Rakesh-116 commented 1 year ago

hey, I have done changes and submitted to you

On Sat, 15 Apr 2023 at 19:40, Rakesh Penugonda @.***> wrote:

Thank you!

On Sat, 15 Apr, 2023, 18:59 N. K. K., @.***> wrote:

ok no problem. 4 Today: I would be creating a new folder inside the modules/button folder where all images/icons relating to the button can be added. Do have a nice day.

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1509825401, or unsubscribe https://github.com/notifications/unsubscribe-auth/A4QTZUPSQAB2YKZIHV72VMLXBKPDRANCNFSM6AAAAAAW6UTYYY . You are receiving this because you are subscribed to this thread.Message ID: @.***>

prasanthprabakaran commented 1 year ago

Added another button #163 Danger Button in same origin dev. check #227 pull request for the changes. Given reference: 232105680-31ade9b0-f46e-49fc-bdb5-2b50d90ebded Created dribble button: Screenshot 2023-04-25 102402

Hritik1503 commented 1 year ago

I am interested to work on this issue under Quine. So please assign me this issue to me.

justani02 commented 1 year ago

Added another button https://github.com/KwickerHub/frontend/issues/163 Danger Button by forking it to https://github.com/justani02/frontend check #1 pull request for the changes. Given reference: image

Created button: image

NtemKenyor commented 1 year ago

1) Clone The first thing you want to do is to clone the project.

git clone THIS_PROJECT_URL

2) Stage and Push After cloning the project, work on the areas you intend to change.

You can watch a video on contributing to GitHub repositories on YouTube....

Anyways, I believe you can make it....

On Mon, Jun 5, 2023, 04:46 Ananya Chandraker @.***> wrote:

hey, i don't know how to submit the code...can you please help

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1575995030, or unsubscribe https://github.com/notifications/unsubscribe-auth/AOKWIBNVS6AEBD2WC4P7MGLXJVJB3ANCNFSM6AAAAAAW6UTYYY . You are receiving this because you authored the thread.Message ID: @.***>

justani02 commented 1 year ago

Cloning was successful, but I am unable to push the files. It says permission denied. What do I do? Please help. image

NtemKenyor commented 1 year ago

Hello Dear 😊

Great job... But you need to "fork" the project first before cloning...

After forking on GitHub, clone your fork and set the upstream to the original project.

You can then push from your terminal or GUI tool to GitHub and when you are satisfy, U can then make the contribution on GitHub.

This message should guide you...

On Fri, Jun 9, 2023, 06:37 Ananya Chandraker @.***> wrote:

Cloning was successful, but I am unable to push the files. It says permission denied. What do I do? Please help. [image: image] https://user-images.githubusercontent.com/110666634/244600533-51105e8b-9ce0-4fa2-87b5-c7b0bd769022.png

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/163#issuecomment-1584003159, or unsubscribe https://github.com/notifications/unsubscribe-auth/AOKWIBN4SVRMLLZNHBTNGFLXKKZBFANCNFSM6AAAAAAW6UTYYY . You are receiving this because you authored the thread.Message ID: @.***>