New Themes Required 🎨

[siddhantdixit]

Currently, we have 7 themes, We need more themes to give variety to users.

Comment down if you have some ideas for new themes.
Come up with more attractive themes.

Checkout this for new design ideas.
https://bgjar.com/

[Shubh-Bindal]

pls assign this issue to me

[priyanshi-git]

I have a design idea too and I already designed it too. So, can I work on this too ?

[siddhantdixit]

pls assign this issue to me

sure!

[siddhantdixit]

I have a design idea too and I already designed it too. So, can I work on this too ?
@priyanshi-git

Nice!
Check out this website.

https://bgjar.com/

You can make themes from this also.

[siddhantdixit]

Assigned @priyanshi-git @Shubh-Bindal
You can work on this.

[priyanshi-git]

Assigned @priyanshi-git @Shubh-Bindal You can work on this.

Hey so, is it just making a designed and adding the image of it or do we have to make it a webpage ?

[siddhantdixit]

@priyanshi-git
You have to make a theme for the user's web page.

For making new themes, you can make a clone of this file and then change the SVG background to some other image.
and Finally adjusting colors according to the theme.

https://github.com/siddhantdixit/LinkStack/tree/development/views/userpage/themes

LinkStack/views/userpage/themes/shapes.ejs

Line 10 in 54b74a1

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='250' preserveAspectRatio='none' viewBox='0 0 1440 250'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='1440' height='250' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cpath d='M3 250L253 0L335.5 0L85.5 250z' fill='url(%23SvgjsLinearGradient1001)'%3e%3c/path%3e%3cpath d='M279.6 250L529.6 0L645.1 0L395.1 250z' fill='url(%23SvgjsLinearGradient1001)'%3e%3c/path%3e%3cpath d='M512.2 250L762.2 0L927.2 0L677.2 250z' fill='url(%23SvgjsLinearGradient1001)'%3e%3c/path%3e%3cpath d='M732.8000000000001 250L982.8000000000001 0L1255.8000000000002 0L1005.8000000000001 250z' fill='url(%23SvgjsLinearGradient1001)'%3e%3c/path%3e%3cpath d='M1425 250L1175 0L846.5 0L1096.5 250z' fill='url(%23SvgjsLinearGradient1002)'%3e%3c/path%3e%3cpath d='M1157.4 250L907.4000000000001 0L700.4000000000001 0L950.4000000000001 250z' fill='url(%23SvgjsLinearGradient1002)'%3e%3c/path%3e%3cpath d='M916.8 250L666.8 0L552.8 0L802.8 250z' fill='url(%23SvgjsLinearGradient1002)'%3e%3c/path%3e%3cpath d='M701.1999999999999 250L451.19999999999993 0L181.19999999999993 0L431.19999999999993 250z' fill='url(%23SvgjsLinearGradient1002)'%3e%3c/path%3e%3cpath d='M1259.5826224171244 250L1440 69.58262241712441L1440 250z' fill='url(%23SvgjsLinearGradient1001)'%3e%3c/path%3e%3cpath d='M0 250L180.4173775828756 250L 0 69.58262241712441z' fill='url(%23SvgjsLinearGradient1002)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1440' height='250' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1001'%3e%3cstop stop-color='rgba(15%2c 70%2c 185%2c 0.2)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(15%2c 70%2c 185%2c 0.2)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1002'%3e%3cstop stop-color='rgba(15%2c 70%2c 185%2c 0.2)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(15%2c 70%2c 185%2c 0.2)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");

[siddhantdixit]

If you have any doubts while setting up the project. Feel free to ask.

[Yuvraj0157]

please assign this issue to me

[Yugal41735]

how do i check the preview of the changes I made?

[siddhantdixit]

@Yugal41735 You can see the changes by running the app.

[Yugal41735]

Actually I am getting the following error while running the npm start. Do you know what could be the error here?

[siddhantdixit]

@Yugal41735 You will have to make .env in the current directory of the folder as mentioned in README.md.

You can create your own MongoDB Cluster or install MongoDB locally.

See here.

https://github.com/siddhantdixit/LinkStack/blob/development/README.md#project-setup

You have to enter URL of MongoDB.

[Yugal41735]

Now, I am getting the following error

[siddhantdixit]

@Yugal41735 Try the fix mentioned in these

https://stackoverflow.com/questions/61937581/error-could-not-connect-to-any-servers-in-your-mongodb-atlas-cluster

https://www.mongodb.com/community/forums/t/cant-connect-to-mongodb-could-not-connect-to-any-servers-in-your-mongodb-atlas-cluster/9624/13

[Yugal41735]

Now, I am stuck at this screen, I didn't receive any mail. And I have checked spam also. I didnt receive any mail from LinkStack

[siddhantdixit]

@Yugal41735 Did you configure NodeMailer?

[Yugal41735]

How do i do that?

[siddhantdixit]

@Yugal41735 Follow this tutorial

https://nodemailer.com/about/

https://nodemailer.com/usage/using-gmail/