- neisdev / discord-embed-generator.markdown
- Saved searches
- Use saved searches to filter your results more quickly
- License
- Joshuliu/Discord-Webhook-Embed-Generator
- Name already in use
- Sign In Required
- Launching GitHub Desktop
- Launching GitHub Desktop
- Launching Xcode
- Launching Visual Studio Code
- Latest commit
- Git stats
- Files
- README.md
- About
- Saved searches
- Use saved searches to filter your results more quickly
- doorholderdoare/embed-generator
- Name already in use
- Sign In Required
- Launching GitHub Desktop
- Launching GitHub Desktop
- Launching Xcode
- Launching Visual Studio Code
- Latest commit
- Git stats
- Files
- README.md
- Saved searches
- Use saved searches to filter your results more quickly
- License
- merlinfuchs/embed-generator
- Name already in use
- Sign In Required
- Launching GitHub Desktop
- Launching GitHub Desktop
- Launching Xcode
- Launching Visual Studio Code
- Latest commit
- Git stats
- Files
- README.md
- About
neisdev / discord-embed-generator.markdown
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
link ( href = «https://fonts.googleapis.com/css?family=Lato» rel = «stylesheet» ) |
a .patreon-link ( href = «https://patreon.com/orels1» target = «_blank» ) |
.badge-container |
.badge-text like what you see? |
.badge-icon |
.badge-text.badge-text-bottom support me |
.container |
.col-md-10.offset-md-1 |
.card-deck |
.card |
.card-header Embed Editor |
.card-block |
form #form |
.form-group |
label Basic settings |
input #title .form-control ( type = «text» , placeholder = «title» ) |
.form-group |
input #description .form-control ( type = «text» , placeholder = «description» ) |
.form-group |
input #url .form-control ( type = «text» , placeholder = «url» ) |
.form-group |
label Color |
input #color .form-control ( type = «color» ) |
.form-group |
label Thumbnail settings |
input #icon .form-control ( type = «text» , placeholder = «icon» ) |
.form-group |
label Author settings |
input #author_name .form-control ( type = «text» , placeholder = «author name» ) |
.form-group |
input #author_url .form-control ( type = «text» , placeholder = «author link» ) |
.form-group |
input #author_icon .form-control ( type = «text» , placeholder = «author icon» ) |
.form-group |
label Fields |
.input-fields |
.form-group |
label Footer settings |
input #footer .form-control ( type = «text» , placeholder = «footer text» ) |
br/ |
.col-md-8.offset-md-2 |
.card |
.card-header Embed Preview |
.card-block.preview |
.wrapper |
.side-colored |
.card.embed |
.card-block |
.embed-inner |
br/ |
.col-md-10.offset-md-1 |
.card |
.card-header Python code |
.card-block |
pre |
code .python.source |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
$ width : 120 px |
$ top : 20 px |
$ left : 20 px |
a .patreon-link |
display : flex |
box-sizing : border-box |
width : 100 % |
height : auto |
z-index : 10 |
text-decoration : none |
.badge-container |
width : 100 % |
display : flex |
flex-direction : column |
padding : 5 px 10 px |
background : rgba( 0 , 0 , 0 , 0.5 ) |
border : 1 px solid rgba( 255 , 255 , 255 , 0.5 ) |
text-align : center |
.badge-icon |
background : url ( ‘ https://s3.amazonaws.com/patreon_public_assets/toolbox/patreon_white.png ‘ ) center center no-repeat |
background-size : contain |
width : 100 % |
height : 20 px |
.badge-text |
font-family : ‘ Lato ‘ , sans-serif |
font-size : 12 px |
padding : 2 px |
color : #fff |
& .badge-text-bottom |
position : relative |
top : -2 px |
.preview |
background : #36393e |
display : flex |
box-orient : vertical |
flex-direction : column |
.wrapper |
display : flex |
max-width : 520 px |
.container |
margin-top : 50 px |
.side-colored |
width : 4 px |
border-radius : 3 px 0 0 3 px |
background : #4f545c |
.embed |
border-radius : 0 3 px 3 px 0 |
background : rgba( 46 , 48 , 54 , .3 ) |
border-color : rgba( 46 , 48 , 54 , .6 ) |
display : flex |
padding : 8 px 10 px |
color : rgba( 255 , 255 , 255 , 0.6 ) |
font-size : 14 px |
.card-block |
padding : 0 |
display : flex |
margin-bottom : 10 px |
a |
color : #0096cf |
img .embed-thumb |
max-height : 80 px |
max-width : 80 px |
border-radius : 3 px |
flex-shrink : 0 |
width : auto |
object-fit : contain |
margin-left : 20 px |
.embed-footer |
font-size : 12 px |
span |
color : rgba( 255 , 255 , 255 , 0.6 ) |
.embed-inner |
.embed-title |
color : #fff |
.embed-author |
display : flex |
align-items : center |
margin-bottom : 5 px |
img .embed-author-icon |
margin-right : 9 px |
width : 20 px |
height : 20 px |
object-fit : contain |
border-radius : 50 % |
.embed-author-name |
display : inline-block |
font-weight : 600 |
font-size : 14 px |
color : #fff ! important |
.fields |
display : flex |
flex-wrap : wrap |
flex-direction : row |
box-lines : miltiple |
margin-top : -10 px |
.field |
flex : 0 |
box-flex : 1 |
padding-top : 10 px |
max-width : 506 px |
min-width : 100 % |
& .inline |
box-flex : 1 |
flex : 1 |
min-width : 150 px |
flex-basis : auto |
.field-name |
color : #fff |
font-size : 14 px |
margin-bottom : 4 px |
font-weight : 600 |
.field-value |
color : rgba( 255 , 255 , 255 , 0.7 ) |
font-size : 14 px |
font-weight : 500 |
line-height : 1.1 em |
white-space : pre-wrap |
margin-top : 6 px |
word-wrap : break-word |
Saved searches
Use saved searches to filter your results more quickly
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
An embed generator in Discord which makes use of the webhooks feature built into the Discord API
License
Joshuliu/Discord-Webhook-Embed-Generator
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Sign In Required
Please sign in to use Codespaces.
Launching GitHub Desktop
If nothing happens, download GitHub Desktop and try again.
Launching GitHub Desktop
If nothing happens, download GitHub Desktop and try again.
Launching Xcode
If nothing happens, download Xcode and try again.
Launching Visual Studio Code
Your codespace will open once ready.
There was a problem preparing your codespace, please try again.
Latest commit
Git stats
Files
Failed to load latest commit information.
README.md
Discord Webhook Embed Generator
Use Python Launcher to execute Webhook Embed.py. This file is compatible with all versions of Python.
Step 1 — Essential Information
The script will first ask for your webhook URL. This will be provided at the bottom of the webhook editing panel for the webhook. Make sure that you’ve also already set your webhook’s profile picture and username.
The script will prompt for a title and description. This is the first two lines of every embed. Enter the corresponding answer.
Step 2 — Going into Detail
Setting a thumbnail is optional. This is an image on the top right that is shown from a given URL.
You can have up to 25 fields per embed, each with a custom name and content. Fields are also optional.
You will be prompted to enter a 6 digit hex key for the color of the embed. This is the left stripe of color.
If everything worked as planned, the bot will send a preview of the data being sent, and then the webhook will send the embed into the channel provided by the webhook creator.
About
An embed generator in Discord which makes use of the webhooks feature built into the Discord API
Saved searches
Use saved searches to filter your results more quickly
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
Discord Embed Generator [Python/Discord.py]
doorholderdoare/embed-generator
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Sign In Required
Please sign in to use Codespaces.
Launching GitHub Desktop
If nothing happens, download GitHub Desktop and try again.
Launching GitHub Desktop
If nothing happens, download GitHub Desktop and try again.
Launching Xcode
If nothing happens, download Xcode and try again.
Launching Visual Studio Code
Your codespace will open once ready.
There was a problem preparing your codespace, please try again.
Latest commit
Git stats
Files
Failed to load latest commit information.
README.md
Discord Embed Generator [Python/Discord.py]
Basic Discord.py Embed Generator — If you do not know how to create an embed/aren’t bothered to then this tool will be useful for you.
If there are any issues please do let me know by dropping me a message on discord. I will reply as soon as possible
Fixed the color input, you do not need to add the «0x» anymore.
Added Embed Generator — For older Version of Python. — 11/12/2019
Saved searches
Use saved searches to filter your results more quickly
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
Create rich embed messages for Discord (previously discord.club)
License
merlinfuchs/embed-generator
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Sign In Required
Please sign in to use Codespaces.
Launching GitHub Desktop
If nothing happens, download GitHub Desktop and try again.
Launching GitHub Desktop
If nothing happens, download GitHub Desktop and try again.
Launching Xcode
If nothing happens, download Xcode and try again.
Launching Visual Studio Code
Your codespace will open once ready.
There was a problem preparing your codespace, please try again.
Latest commit
Git stats
Files
Failed to load latest commit information.
README.md
A powerful tool for creating rich-embed Discord messages using webhooks.
You will usually want to use the hosted version at https://message.style. There is not much benefit in hosting this yourself.
This describes the easiest way to self host an instance of Embed Generator by creating a single binary that contains both the backend and frontend.
You can find prebuilt binaries of the server with the frontend files included here.
You can download NodeJS and NPM from nodejs.org.
# Switch to the embedg-app directory cd embedg-app # Install yarn globally npm install -g yarn # Install dependencies yarn install # Start the development server (optional) yarn dev # Build for production use yarn build
Build the site (home page & docs)
# Switch to the embedg-app directory cd embedg-site # Install yarn globally npm install -g yarn # Install dependencies yarn install # Start the development server (optional) yarn start # Build for production use yarn build
# Switch to the backend directory cd embedg-server # or if you are in the frontend directoy cd ../embedg-server # Configure the server (see steps below) # Run database migrations go run main.go migrate postgres up # Start the development server (optional) go run --tags "embedapp embedsite" main.go server # Build and include the frontend files in the backend binary (build app and site first) go build --tags "embedapp embedsite" # Build without including the frontend files in the backend binary (you need to serve yourself) go build
Install PostgresQL on your device and create a user and database. I’m sure you can find instructions online!
To configure the server you can create a file called config.yaml with the following fields:
discord: client_id: "" client_secret: "" token: "" openai: api_key: "" # for ChatGPT integration (optional) postgres: host: "localhost" port: 5432 dbname: "embedg" user: "postgres" password: "" app: public_url: "http://localhost:5173/app" api: # Make sure to add /auth/callback to the OAuth2 Redirect URLs of your application in the Discord dev portal public_url: "http://localhost:5173/api" host: "localhost" port: 8080 log: use_json: false # Enable to this to have easily parsable JSON log messages (you usually don't want this)
You can also set the config values using environment variables. For example EMBEDG_DISCORD__TOKEN will set the discord token.
You should now be able to run the binary and host your own instance of Embed Generator. You usually want to deploy this behind a reverse proxy like Nginx and terminate TLS there.
About
Create rich embed messages for Discord (previously discord.club)