Customizable Website from Discord
This Website Template is like no other.... In this template you can completly customize the website from discord, with you discord bot.
Setup
You will be asked to fill out 3 env variables, the project name and username ones are very important, those are what save kv values and send them to the main html code. (DO NOT add any spaces when adding in the env variables, this will just cause problems)
after you install the app just go to this link... (NOTE: You need to fill in your own variables here) https://dev--YOUR-PROJECT-NAME.YOUR-AUTOCODE-USERNAME.autocode.gg/main/
Here is an example of my link: https://dev--customizable-website.roldgold.autocode.gg/main/
Commands
You can also do /commands in discord to see all of the commands with descriptions!
All of the commands should also been created in the specified server that you said while entering the env variables!
/title - Change the website title
/favicon - Change the website favicon
/logo - Change the logo that is on the navbar
/navbar - Edit items on the navbar
/color - Edit colors
/text - Edit text
/card - Edit card settings
/card-color - Edit card colors
/card-text - Edit card text
/button - Edit button settings
/button-text - Edit button text
Info
The website uses kv that is set from using commands in discord, those kv values get transported into the http request file and bam, website
On the env variables, please fill those out how they are supposed to be, thanks! (also don't try to make the commands global because, well there is no restrictions so anyone can add/remove anything from your website :)')
The site is considerably slow, this is likely from all of the kv values in the file and it has to read each and every single kv value before it can format the website.
This thing took me about 11 hours in total so, yea
As mentioned in one of the /text commands you can use normal html formating to format your subtext, headers, etc. Here are a few!
<code>Code Block</code> - Code Block<b>Bold Text</b> - Bold Text<strong>Important Text</strong> - Important TextHello there!<br>New Line! - Break lines apart
For more go to W3Schools
Pictures 😎
On start up:
Random Creation lol:
Doggo fan club:
