-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
265 lines (216 loc) · 14.6 KB
/
index.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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Anyanime</title>
<link rel="stylesheet" href="/src/style.css">
<link rel="icon" type="image/jpg" href="/assets/favicon.jpg" sizes="16x16">
<link rel="icon" type="image/jpg" href="/assets/favicon.jpg" sizes="32x32">
<link rel="icon" type="image/jpg" href="/assets/favicon.jpg" sizes="96x96">
<link rel="apple-touch-icon" sizes="72x72" href="/assets/favicon.jpg">
<link rel="apple-touch-icon" sizes="114x114" href="/assets/favicon.jpg">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/favicon.jpg">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
crossorigin="anonymous"></script>
<!-- On Post Link -->
<title>AnyAnime</title>
<meta name="description" content="Anyanime is a npm package which shows a anime pfp / image on usage !">
<meta name="keywords" content="npm package">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7361862651371009"
crossorigin="anonymous"></script>
<meta property="og:title" content="AnyAnime" />
<meta property="og:url" content="https://discord.gg/Ecy6WpEZsD" />
<meta property="og:image"
content="https://cdn.discordapp.com/attachments/952764969638834228/953988495314133062/Criz.png" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Anyanime is a npm package which shows a anime pfp / image on usage !" />
<!-- Icons -->
<script src="https://kit.fontawesome.com/8dc570c5d4.js" crossorigin="anonymous"></script>
</head>
<body class="anyanime">
<article>
<p align="center">
<a href="https://www.npmjs.com/package/anyanime">
<img class="topimg"
src="https://media.discordapp.net/attachments/939799133177384993/952452069686644746/Anyanime.png?width=1000&height=130"
alt="Any Anime">
</a>
</p>
<p align="center">
<a href="https://www.npmjs.com/package/anyanime"><img
src="https://img.shields.io/npm/v/anyanime.svg?maxAge=3600" alt="NPM version" /></a>
</p>
<h3 align="center"><strong style="color: rgb(39, 39, 39);">Get random anime images / pfp .</strong></h3>
<hr style="width: 50%; margin: auto; color: rgb(39, 39, 39);">
<div>
<h2 align="center">News</h2>
<section class="functions">
<code class="mid">
<p align="center">
Anyanime API was hosted on heroku till now but now its getting paid so i will be moving it to vercel
</p>
<hr>
<p align="center">
<p align="center">
Recent Changes
</p>
- AnyAnime now supports Gif's <br>
- AnyAnime is now hosted on vercel <br>
- The downtime will be completely dependend on vercel <br>
<hr>
<p align="center" style="font-size: 15px; text-decoration: underline;">
However The npm package will be as it is so if you want better performance use the npm package instead of the api
</p>
</p>
</code>
</section>
<h2 align="center">Update</h2>
<section class="functions">
<code class="mid">
<p align="center">
Anyanime anime() function is now updated
</p>
<hr>
<p align="center">
<p align="center">
What will change ?
</p>
- The anime() function will now have async await <br>
<hr>
<code>
<span class="const">const</span> <span class="pkg"> anyanime</span> = <span class="require">require</span>("<span class="pkg">anyanime</span>"); <br> <br>
<span class="comment">// Anime function</span> <br>
<span class="const">async</span> <span class="pkg=">function main() {</span> <br>
<span class="console">console</span>.log(<span class="anime"><span class="require">await</span> <span class="pkg">anyanime</span>.getAnime({})</span>); <br>
<span class="pkg">}</span> <br> <br>
<span class="comment">// Anime Gif function</span> <br>
<span class="const">async</span> <span class="pkg=">function main() {</span> <br>
<span class="console">console</span>.log(<span class="anime"><span class="require">await</span> <span class="pkg">anyanime</span>.getAnime({ type: "png", number: 10 })</span>); <br>
<span class="pkg">}</span> <br> <br>
<span class="comment">// Check for update</span> <br>
<span class="pkg">anyanime</span>.<span class="anime">checkUpdate(true);</span>
</code>
</p>
</code>
</section>
<h2 align="center">Installation</h2>
<p align="center">
<code>
<span class="npm">npm</span> install <span class="pkg">anyanime</span>
</code>
</p>
<section class="functions">
<h2>Functions</h2>
<code>
<span class="const">const</span> <span class="pkg"> anyanime</span> = <span class="require">require</span>("<span class="pkg">anyanime</span>"); <br> <br>
<span class="comment">// Get png anime image</span> <br>
<span class="pkg">anyanime</span>.<span class="anime">getAnime({ type: "png", number: 1 })</span>
<br>
<span class="comment">// Get anime Gif</span> <br>
<span class="pkg">anyanime</span>.<span class="anime">getAnime({ type: "gif", number: 10 })</span>
<br>
<span class="comment">// Check for update</span> <br>
<span class="pkg">anyanime</span>.<span class="anime">checkUpdate(true);</span>
</code>
<code class="mid">
<p>
Using <span class="anime">checkUpdate(true)</span> - Search for new npm package updates on bot
startup!
Latest version will be displayed in console.
</p>
</code>
<h2>Database</h2>
<p style="color:black;" class="written-stuff">
Png images : 768 <br>
Gif images : 183 <br>
</p>
<h2>Usage</h2>
<code>
<code>
<span class="const">const</span> <span class="pkg"> anyanime</span> = <span class="require">require</span>("<span class="pkg">anyanime</span>"); <br> <br>
<span class="comment">// Anime function</span> <br>
<span class="const">async</span> <span class="pkg=">function main() {</span> <br>
<span class="console">console</span>.log(<span class="anime"><span class="require">await</span> <span class="pkg">anyanime</span>.getAnime({ type: "png", number: 1 })</span>); <br>
<span class="pkg">}</span> <br>
<span class="comment">// Anime Gif function</span> <br>
<span class="const">async</span> <span class="pkg=">function main() {</span> <br>
<span class="console">console</span>.log(<span class="anime"><span class="require">await</span> <span class="pkg">anyanime</span>.getAnime({ type: "gif", number: 1 })</span>); <br>
<span class="pkg">}</span> <br>
</code>
</code>
<h2>Discord Bot</h2>
<code>
<span class="const">const</span> Discord = <span class="require">require</span>("discord.js"); <br>
<span class="const">const</span> client = <span class="new">new</span> Discord.Client(); <br> <br>
<span class="const">const</span> <span class="pkg"> anyanime</span> = <span class="require">require</span>("<span
class="pkg">anyanime</span>"); <br>
<span class="pkg">anyanime</span>.<span class="anime">checkUpdate(true);</span> <br> <br>
<span class="client">client</span>.log("messageCreate", async (<span class="message">message</span>) => { <br> <br>
<span class="comment">/* Plain Image */ </span> <br>
<span class="if">if</span> (<span class="message">message</span>.content === "plain") { <br>
<span class="const">const </span> <span class="anime">anime</span> = <span class="pkg"><span class="require">await</span> anyanime</span>.<span class="anime">getAnime({ type: "png", number: 1 })</span> <br>
<span class="message">message</span>.<span class="channel">channel</span>.send({ embeds: [<span class="anime">anime[0]</span>] }); <br>
} <br> <br>
<span class="if">if</span> (<span class="message">message</span>.content === "plain") { <br>
<span class="const">const </span> <span class="anime">animeGif</span> = <span class="pkg"><span class="require">await</span> anyanime</span>.<span class="anime">getAnime({ type: "gif", number: 1 })</span> <br>
<span class="message">message</span>.<span class="channel">channel</span>.send({ embeds: [<span class="anime">animeGif[0]</span>] }); <br>
} <br> <br>
<span class="comment">/* Embed Image (D.JS Version 13) */ </span> <br>
<span class="if">if</span> (<span class="message">message</span>.content === "embed") { <br>
<span class="const">const </span> <span class="anime">anime</span> = <span class="pkg"><span class="require">await</span> anyanime</span>.<span class="anime">getAnime({ type: "png", number: 1 })</span> <br>
<span class="const">const </span> <span class="embed">embed</span> = <span class="new">new</span> Discord.MessageEmbed().setImage(<span
class="anime">anime[0]</span>); <br>
<span class="message">message</span>.<span class="channel">channel</span>.send({ embeds: [<span class="embed">embed</span>] }); <br>
} <br>
}); <br><br>
<span class="if">if</span> (<span class="message">message</span>.content === "embed") { <br>
<span class="const">const </span> <span class="anime">animeGif</span> = <span class="pkg"><span class="require">await</span> anyanime</span>.<span class="anime">getAnime({ type: "gif", number: 1 })</span> <br>
<span class="const">const </span> <span class="embed">embed</span> = <span class="new">new</span> Discord.MessageEmbed().setImage(<span
class="anime">animeGif[0]</span>); <br>
<span class="message">message</span>.<span class="channel">channel</span>.send({ embeds: [<span class="embed">embed</span>] }); <br>
} <br>
}); <br><br>
<span class="client">client</span>.<span class="login">login</span>("<span class="message">TOKEN</span>");
</code>
<h2>AnyAnime Api</h2>
<code>
If you dont want to use the npm package you can use the api instead.
<br>
<div class="links" style="margin-top: 10px; margin-bottom: 10px; text-align: center;">
<a href="https://rapidapi.com/Kurizu/api/any-anime/">Rapid</a>
<!-- <br> -->
<a href="https://any-anime-api.vercel.app/"> | Vercel | </a>
<!-- <br> -->
<a href="https://github.com/crizmo/AnyAnime_api">Github</a>
</div>
</code>
<br> <br>
<code>The installation is given in the <a
href="https://github.com/crizmo/AnyAnime_api/blob/main/README.md" style="color: aqua;">readMe</a> file !</code>
<h3 style="color:black;">Huge Thanks To Pinterest for the images !</h3>
</section>
<footer class="footer">
<div class="icons">
<a class="icon gradient fade" aria-label="Github" target="_blank" href="https://github.com/crizmo">
<i class="fab fa-github" style="font-size:27px"></i>
</a>
<a class="icon gradient fade" aria-label="Discord" target="_blank"
href="https://discord.gg/Ecy6WpEZsD">
<i class="fab fa-discord" style="font-size:27px;"></i>
</a>
<a class="icon gradient fade" aria-label="Instagram" target="_blank"
href="https://www.instagram.com/criz_595/">
<i class="fab fa-instagram" style="font-size:27px"></i>
</a>
</div>
</footer>
</div>
</article>
</body>
</html>