-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMainstreamlogic.html
181 lines (174 loc) · 9.68 KB
/
Mainstreamlogic.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://embedl.ink/assets/main.css">
<link rel="stylesheet" href="https://embedl.ink/assets/secondary.css?v=17">
<link rel="stylesheet" href="https://embedl.ink/assets/embed.css?v=2">
<link rel="stylesheet" href="https://embedl.ink/assets/toaster.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.14.0/css/all.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/bootstrap-colorpicker.css">
<meta property="og:type" content="website" />
<meta name="theme-color" content="#6F85D2">
<meta content="Discord Embed Generator" property="og:title">
<meta content="Easily generate Discord embeds and Twitter cards!" property="og:description">
<meta name="twitter:title" content="Discord Embed Generator">
<meta name="twitter:description" content="Easily generate Discord embeds and Twitter cards!">
<link type="application/json+oembed" href="https://embedl.ink/api/oembed.php?provider_name=Made+by+AshMW&provider_url=https%3A%2F%2Fashmw.com">
<meta name="og:image" content="https://discord.mx/7OO6shaxtH.png">
<meta name="twitter:image" content="https://discord.mx/7OO6shaxtH.png">
<title>Discord Embed Generator</title>
<link type="image/png" rel="shortcut icon" href="https://discord.mx/7OO6shaxtH.png">
</head>
<body>
<div class="d-flex justify-content-center pt-5 pb-5 mb-5 maintron">
<div class="mt-3 mb-3 pl-3 pr-3">
<h1 style="cursor:default;" class="mb-0 text-boldest">Discord Embed Generator</h1>
<span class="text-muted text-bold d-inline-block w-100" style="margin-top:-5px;padding-left:3px;">Version 8.0.0 by AshMW</span>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="card card-body rounded-0 border-secondary mb-3">
<div class="row">
<div class="col-md-6">
<div class="form-group" id="provider-name-group">
<p class="ebuilder__title">Provider Name</p>
<input class="ebuilder__input form-control" maxlength="256" id="provider-name" value="" />
<div class="ebuilder__errormsg invalid-feedback"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group" id="provider-url-group">
<p class="ebuilder__title mb-1">Provider URL</p>
<input class="ebuilder__input form-control" id="provider-url" value="" />
<div class="ebuilder__errormsg invalid-feedback"></div>
</div>
</div>
<div class="col-md-12"><hr class="mt-1 mb-3 bg-secondary"/></div>
<div class="col-md-6">
<div class="form-group" id="author-name-group">
<p class="ebuilder__title">Author Name</p>
<input class="ebuilder__input form-control" maxlength="256" id="author-name" value="" />
<div class="ebuilder__errormsg invalid-feedback"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group" id="author-url-group">
<p class="ebuilder__title mb-1">Author URL</p>
<input class="ebuilder__input form-control" id="author-url" value="" />
<div class="ebuilder__errormsg invalid-feedback"></div>
</div>
</div>
<div class="col-md-12"><hr class="mt-1 mb-3 bg-secondary"/></div>
<div class="col-md-6">
<div class="form-group" id="title-group">
<p class="ebuilder__title">Title</p>
<input class="ebuilder__input form-control" maxlength="67" id="title" value="" />
<div class="ebuilder__errormsg invalid-feedback"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group" id="color-group">
<p class="ebuilder__title mb-1">Color</p>
<div class="input-group" id="cp1">
<span class="input-group-append">
<span class="input-group-text colorpicker-input-addon border-right-0 rounded-left cursor-pointer"><i></i></span>
</span>
<input class="ebuilder__input form-control border-left-0" id="color" value="#000000" />
</div>
<div class="ebuilder__errormsg invalid-feedback"></div>
</div>
</div>
<div class="col-md-12"><hr class="mt-1 mb-3 bg-secondary"/></div>
<div class="col-md-6">
<div class="form-group" id="media-type-group">
<p class="ebuilder__title">Media Type</p>
<select class="ebuilder__input form-control" id="media-type">
<option value="none" >None</option>
<option value="thumbnail" >Thumbnail</option>
<option value="large" >Large</option>-
<option value="video" >Video</option>
</select>
<div class="ebuilder__errormsg invalid-feedback"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group" id="media-url-group">
<p class="ebuilder__title mb-1">Media URL</p>
<input class="ebuilder__input form-control" id="media-url" value="" />
<div class="ebuilder__errormsg invalid-feedback"></div>
</div>
</div>
<div class="col-md-12">
<div class="form-group" id="thumbnail-url-group" style="display:none;">
<p class="ebuilder__title mb-1">Media Thumbnail <span class="ml-1"><i class="helpbtn fad fa-question-circle" data-toggle="tooltip" title="This will show as the image before the user plays the video. This also works as a fallback when a service does not support the video, it will instead show this image."></i></span></p>
<input class="ebuilder__input form-control" id="thumbnail-url" value="" />
<div class="ebuilder__errormsg invalid-feedback"></div>
</div>
</div>
<div class="col-md-12"><hr class="mt-1 mb-3 bg-secondary"/></div>
<div class="col-md-12">
<div class="form-group" id="description-group">
<p class="ebuilder__title mb-1">Description</p>
<textarea class="ebuilder__input form-control" maxlength="277" id="description"></textarea>
<div class="ebuilder__errormsg invalid-feedback"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card rounded-0 mb-3 position-relative" style="border:2px solid #4C5159;">
<!-- <h5 class="card-header">Embed Preview</h5> -->
<div class="card-block preview" style="min-height:100px;">
<div class="wrapper">
<div class="side-colored"></div>
<div class="card embed">
<div class="card-block">
<div class="embed-inner" style="overflow:hidden;">
<small style="white-space:pre-wrap;" class="embed__provider"></small>
<p class="mt-1 mb-0 embed__author text-bold" style="color:#ffffff;"></p>
<h6 style="white-space:pre-wrap;margin-top:5px;color:#0CA8EE;font-weight:bold;" class="embed__title islink"></h6>
<p style="font-size:13px;margin:0;white-space:pre-wrap;" class="embed__desc"></p>
<img class="big embed__image mt-2" src="" />
</div>
<img class="embed-thumb embed__thumbnail" src="" />
</div>
</div>
</div>
</div>
<div class="card-tab rounded-right" style="background-color:#4C5159;">Preview</div>
</div>
<div class="card mb-3 rounded-0" style="border:2px solid #7289DA;">
<div class="card-body">
<a class="btn btn-secondary btn-block" id="shorten-url">Generate URL</a>
<div style="display:none;" id="urlBox">
<input val="" class="form-control mb-2" id="urlInput" readonly>
<a class="btn btn-secondary btn-block copyUrl" data-clipboard-text id="shorten-url">Copy URL</a>
</div>
</div>
<div class="card-tab rounded-right" style="background-color:#7289DA;">Share</div>
</div>
<div class="card mb-3 rounded-0 border-info help-box" style="display:none;">
<div class="card-body p-3"></div>
<div class="card-tab rounded-right" style="background-color:#3D99D8;">Information</div>
</div>
<div class="card mb-3 rounded-0 border-danger">
<div class="card-body p-3 text-bold">Work in progress</div>
<div class="card-tab rounded-right" style="background-color:#E34E3E;">HTML</div>
</div>
</div>
<div class="mb-3 col-md-8 text-right text-muted" style="font-size:11px;">
<span class="text-bold">© 2020 AshMW</span>
•
</div>
</div>
</div>
<script src='https://code.jquery.com/jquery-3.3.1.slim.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>
<script src='https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js'></script>
<script src="https://unpkg.com/[email protected]/dist/js/bootstrap-colorpicker.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/clipboard.min.js"></script>
<script src='https://embedl.ink/assets/toaster.js'></script>
<script src='https://embedl.ink/assets/deg.js?v=15'></script>
</body>