├── README.md ├── danime.png ├── index.css ├── index.html ├── index.js └── pages ├── about.css ├── about.html ├── commands.css ├── commands.html └── commands.js /README.md: -------------------------------------------------------------------------------- 1 | ## Discord bot website Template 2 | 3 | It is free to use & open source by real owner. 4 | 5 | ### Steps to run: 6 | 7 | Clone this repository (`git clone https://github.com/Drix10/discord-bot-web.git`) 8 | 9 | Edit bot name, commands, links according to your needs 10 | 11 | Run the website in your web host, visit it through the ip:port of your host 12 | -------------------------------------------------------------------------------- /danime.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Drix10/discord-bot-web/dfe9d936646686a879d53ecc48797a575e72e41b/danime.png -------------------------------------------------------------------------------- /index.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap'); 2 | 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | body { 10 | 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='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1409%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(21%2c 22%2c 24%2c 1)'%3e%3c/rect%3e%3cuse xlink:href='%23SvgjsSymbol1416' x='0' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1416' x='720' y='0'%3e%3c/use%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1409'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpath d='M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' id='SvgjsPath1412'%3e%3c/path%3e%3cpath d='M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z' id='SvgjsPath1415'%3e%3c/path%3e%3cpath d='M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z' id='SvgjsPath1413'%3e%3c/path%3e%3cpath d='M2 -2 L-2 2z' id='SvgjsPath1411'%3e%3c/path%3e%3cpath d='M6 -6 L-6 6z' id='SvgjsPath1410'%3e%3c/path%3e%3cpath d='M30 -30 L-30 30z' id='SvgjsPath1414'%3e%3c/path%3e%3c/defs%3e%3csymbol id='SvgjsSymbol1416'%3e%3cuse xlink:href='%23SvgjsPath1410' x='30' y='30' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='30' y='90' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='30' y='150' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='30' y='210' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='30' y='270' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='30' y='330' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='30' y='390' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1412' x='30' y='450' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='30' y='510' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='30' y='570' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='90' y='30' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='90' y='90' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1414' x='90' y='150' stroke='rgba(88%2c 101%2c 242%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='90' y='210' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='90' y='270' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='90' y='330' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='90' y='390' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='90' y='450' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='90' y='510' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='90' y='570' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='150' y='30' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1414' x='150' y='90' stroke='rgba(88%2c 101%2c 242%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='150' y='150' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='150' y='210' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='150' y='270' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='150' y='330' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='150' y='390' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='150' y='450' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1412' x='150' y='510' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='150' y='570' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='210' y='30' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='210' y='90' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='210' y='150' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='210' y='210' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='210' y='270' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='210' y='330' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='210' y='390' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='210' y='450' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1412' x='210' y='510' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='210' y='570' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='270' y='30' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='270' y='90' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='270' y='150' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='270' y='210' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='270' y='270' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='270' y='330' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='270' y='390' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='270' y='450' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1412' x='270' y='510' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1414' x='270' y='570' stroke='rgba(88%2c 101%2c 242%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='330' y='30' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='330' y='90' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='330' y='150' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='330' y='210' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='330' y='270' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='330' y='330' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1412' x='330' y='390' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='330' y='450' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='330' y='510' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='330' y='570' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='390' y='30' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='390' y='90' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1414' x='390' y='150' stroke='rgba(88%2c 101%2c 242%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='390' y='210' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='390' y='270' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='390' y='330' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='390' y='390' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='390' y='450' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='390' y='510' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='390' y='570' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='450' y='30' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='450' y='90' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='450' y='150' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='450' y='210' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='450' y='270' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='450' y='330' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1414' x='450' y='390' stroke='rgba(88%2c 101%2c 242%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1412' x='450' y='450' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='450' y='510' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='450' y='570' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='510' y='30' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='510' y='90' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='510' y='150' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1412' x='510' y='210' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='510' y='270' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='510' y='330' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='510' y='390' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='510' y='450' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='510' y='510' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='510' y='570' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1412' x='570' y='30' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1412' x='570' y='90' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='570' y='150' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='570' y='210' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='570' y='270' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='570' y='330' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='570' y='390' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='570' y='450' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='570' y='510' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='570' y='570' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='630' y='30' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='630' y='90' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='630' y='150' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='630' y='210' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='630' y='270' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='630' y='330' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='630' y='390' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='630' y='450' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1414' x='630' y='510' stroke='rgba(88%2c 101%2c 242%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1414' x='630' y='570' stroke='rgba(88%2c 101%2c 242%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='690' y='30' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='690' y='90' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='690' y='150' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='690' y='210' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1415' x='690' y='270' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='690' y='330' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='690' y='390' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1413' x='690' y='450' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1410' x='690' y='510' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1411' x='690' y='570' stroke='rgba(88%2c 101%2c 242%2c 1)'%3e%3c/use%3e%3c/symbol%3e%3c/svg%3e"); 11 | background-size: cover; 12 | background-position: center; 13 | background-repeat: no-repeat; 14 | background-attachment: fixed; 15 | background-color: rgb(21, 22, 24); 16 | font-family: 'Poppins', sans-serif; 17 | -webkit-font-smoothing: antialiased; 18 | -moz-osx-font-smoothing: grayscale; 19 | text-rendering: optimizeLegibility; 20 | } 21 | 22 | 23 | 24 | #loader { 25 | width: 100%; 26 | height: 100vh; 27 | background-color: #151618; 28 | display: flex; 29 | justify-content: center; 30 | align-items: center; 31 | } 32 | 33 | #loader .loading { 34 | width: 10vw; 35 | height: 50px; 36 | position: relative; 37 | } 38 | 39 | #loader .loading span { 40 | background-color: #0F0F10; 41 | border-radius: 50px; 42 | display: block; 43 | height: 16px; 44 | width: 16px; 45 | bottom: 0; 46 | position: absolute; 47 | transform: translateX(64px); 48 | animation: loading 2s ease-in-out both infinite; 49 | } 50 | 51 | #loader .loading span:before { 52 | position: absolute; 53 | content: ""; 54 | width: 100%; 55 | height: 100%; 56 | background-color: #5865F2; 57 | border-radius: inherit; 58 | animation: loading2 2s ease-in-out both infinite; 59 | } 60 | 61 | @keyframes loading { 62 | 0% { 63 | width: 16px; 64 | transform: translateX(0px); 65 | } 66 | 67 | 40% { 68 | width: 100%; 69 | transform: translateX(0px); 70 | } 71 | 72 | 80% { 73 | width: 16px; 74 | transform: translateX(64px); 75 | } 76 | 77 | 90% { 78 | width: 100%; 79 | transform: translateX(0px); 80 | } 81 | 82 | 100% { 83 | width: 16px; 84 | transform: translateX(0px); 85 | } 86 | } 87 | 88 | @keyframes loading2 { 89 | 0% { 90 | transform: translateX(0px); 91 | width: 16px; 92 | } 93 | 94 | 40% { 95 | transform: translateX(0%); 96 | width: 80%; 97 | } 98 | 99 | 80% { 100 | width: 100%; 101 | transform: translateX(0px); 102 | } 103 | 104 | 90% { 105 | width: 80%; 106 | transform: translateX(15px); 107 | } 108 | 109 | 100% { 110 | transform: translateX(0px); 111 | width: 16px; 112 | } 113 | } 114 | 115 | #page { 116 | display: none; 117 | } 118 | 119 | @keyframes pageShow { 120 | from { 121 | filter: grayscale(100%); 122 | } 123 | 124 | to { 125 | filter: grayscale(0%); 126 | } 127 | } 128 | 129 | /* width */ 130 | ::-webkit-scrollbar { 131 | width: 8px; 132 | } 133 | 134 | /* Track */ 135 | ::-webkit-scrollbar-track { 136 | background: #0E0E0F !important; 137 | } 138 | 139 | /* Handle */ 140 | ::-webkit-scrollbar-thumb { 141 | background: #5865F2 !important; 142 | border-radius: 100px !important; 143 | } 144 | 145 | /* Handle on hover */ 146 | ::-webkit-scrollbar-thumb:hover { 147 | background: #202225 !important; 148 | } 149 | 150 | nav { 151 | display: flex; 152 | height: 55px; 153 | width: 100%; 154 | background: #0f0f10; 155 | align-items: center; 156 | justify-content: space-between; 157 | padding: 0 50px 0 100px; 158 | flex-wrap: wrap; 159 | animation: pageShow .3s ease-in-out; 160 | } 161 | 162 | nav .logo { 163 | font-size: 30px; 164 | font-weight: bold !important; 165 | color: #fff; 166 | } 167 | 168 | .logo img { 169 | position: absolute; 170 | border-radius: 50%; 171 | height: 40px; 172 | margin-top: 2px; 173 | margin-left: -50px; 174 | border: 2px solid #5865F2; 175 | } 176 | 177 | #botLogo { 178 | border-radius: 50%; 179 | width: 180px; 180 | height: 180px; 181 | border: 2px solid #5865F2; 182 | } 183 | 184 | 185 | #botLogo { 186 | background-color: #5865F2; 187 | box-shadow: 0px 0px 8px 2px rgba(88, 101, 242, .5); 188 | -webkit-box-shadow: 0px 0px 8px 2px rgba(88, 101, 242, .5); 189 | -moz-box-shadow: 0px 0px 8px 2px rgba(88, 101, 242, .5); 190 | } 191 | 192 | nav ul { 193 | display: flex; 194 | flex-wrap: wrap; 195 | list-style: none; 196 | } 197 | 198 | nav ul li { 199 | margin: 0 4px; 200 | } 201 | 202 | nav ul li a { 203 | color: #fff; 204 | text-decoration: none; 205 | font-size: 16px; 206 | font-weight: lighter; 207 | padding: 5px 10px; 208 | border-radius: 3px; 209 | transition: all 0.3s ease; 210 | } 211 | 212 | nav ul li a.active, 213 | nav ul li a:hover { 214 | color: #fff; 215 | background: #1d1e21; 216 | } 217 | 218 | nav ul li a.active:hover { 219 | background-color: #5865F2; 220 | } 221 | 222 | nav .menu-btn i { 223 | color: #fff; 224 | font-size: 22px; 225 | cursor: pointer; 226 | display: none; 227 | } 228 | 229 | nav .openMenu { 230 | font-size: 25px; 231 | display: none; 232 | cursor: pointer; 233 | color: #fff; 234 | } 235 | 236 | nav .mainMenu .closeMenu, 237 | .icons i { 238 | font-size: 2rem; 239 | display: none; 240 | cursor: pointer; 241 | color: #fff; 242 | } 243 | 244 | .invite { 245 | background-color: #5865F2; 246 | } 247 | 248 | @media (max-width: 1000px) { 249 | nav { 250 | padding: 0 40px 0 50px; 251 | } 252 | 253 | nav .logo { 254 | font-size: 30px; 255 | font-weight: bold !important; 256 | color: #fff; 257 | margin-left: 5px; 258 | } 259 | 260 | .logo img { 261 | position: absolute; 262 | border-radius: 50%; 263 | height: 40px; 264 | margin-top: 2px; 265 | margin-left: -45px; 266 | border: 2px solid #5865F2; 267 | } 268 | } 269 | 270 | @media(max-width: 900px) { 271 | nav { 272 | padding: 0 40px 0 50px; 273 | } 274 | 275 | nav .mainMenu { 276 | height: 100vh; 277 | position: fixed; 278 | top: 0; 279 | right: 0; 280 | left: 0; 281 | z-index: 10; 282 | flex-direction: column; 283 | justify-content: center; 284 | align-items: center; 285 | background: #0F0F10; 286 | transition: top .5s ease; 287 | display: none; 288 | } 289 | 290 | nav .mainMenu .closeMenu { 291 | display: block; 292 | position: absolute; 293 | top: 20px; 294 | right: 30px; 295 | 296 | } 297 | 298 | nav .openMenu { 299 | display: block; 300 | } 301 | 302 | .icons i { 303 | display: inline-block; 304 | padding: 12px; 305 | } 306 | 307 | nav ul { 308 | position: fixed; 309 | top: 80px; 310 | left: -100%; 311 | background: #0f0f10; 312 | height: 100vh; 313 | width: 100%; 314 | text-align: center; 315 | display: block; 316 | /* transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); */ 317 | } 318 | 319 | nav ul li { 320 | width: 100%; 321 | margin: 15px 0; 322 | } 323 | 324 | nav ul li a { 325 | display: block; 326 | font-size: 20px; 327 | /* transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); */ 328 | 329 | } 330 | 331 | nav ul li a.active, 332 | nav ul li a:hover { 333 | background: none; 334 | color: #5865F2; 335 | } 336 | 337 | .invite { 338 | background-color: #0F0F10; 339 | } 340 | 341 | 342 | } 343 | 344 | .content { 345 | position: absolute; 346 | top: 50%; 347 | left: 50%; 348 | transform: translate(-50%, -50%); 349 | text-align: center; 350 | z-index: -1; 351 | width: 100%; 352 | padding: 0 30px; 353 | color: #fff; 354 | animation: pageShow .3s ease-in-out; 355 | } 356 | 357 | .title { 358 | font-size: 40px; 359 | font-weight: 700; 360 | animation: pageShow .3s ease-in-out; 361 | } 362 | 363 | .subtitle { 364 | color: rgba(255, 255, 255, 0.75); 365 | font-size: 15px; 366 | font-weight: lighter; 367 | margin-bottom: 10px; 368 | animation: pageShow .3s ease-in-out; 369 | } 370 | 371 | a { 372 | text-decoration: none; 373 | } 374 | 375 | .btn { 376 | color: #fff; 377 | background-color: #1D1E21; 378 | text-decoration: none; 379 | font-size: 18px; 380 | margin: 5px; 381 | font-weight: 500; 382 | padding: 10px 15px; 383 | border-radius: 5px; 384 | transition: all 0.3s ease; 385 | 386 | box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .2); 387 | animation: pageShow .3s ease-in-out; 388 | } 389 | 390 | .btn-primary { 391 | background-color: #5865F2; 392 | } 393 | 394 | .btn-secondary { 395 | transition: all 0.3s ease-in-out; 396 | } 397 | 398 | .btn-primary:hover { 399 | background-color: #5865F2; 400 | box-shadow: 0px 0px 8px 2px rgba(88, 101, 242, .5); 401 | -webkit-box-shadow: 0px 0px 8px 2px rgba(88, 101, 242, .5); 402 | -moz-box-shadow: 0px 0px 8px 2px rgba(88, 101, 242, .5); 403 | } 404 | 405 | .btn-secondary:hover { 406 | background-color: #1D1E21; 407 | background-color: rgba(88, 101, 242, .7); 408 | } 409 | 410 | 411 | @media (max-width: 335px) { 412 | .btn { 413 | display: flex; 414 | flex-direction: column; 415 | } 416 | } 417 | 418 | .noselect { 419 | -webkit-touch-callout: none; 420 | -webkit-user-select: none; 421 | -moz-user-select: none; 422 | -ms-user-select: none; 423 | user-select: none; 424 | } 425 | 426 | .noselect { 427 | -webkit-touch-callout: none; 428 | -webkit-user-select: none; 429 | -khtml-user-select: none; 430 | -webkit-user-drag: none; 431 | -moz-user-select: none; 432 | -ms-user-select: none; 433 | user-select: none; 434 | } 435 | 436 | 437 | @media (max-width: 420px) { 438 | .title { 439 | font-size: 30px; 440 | } 441 | 442 | .subtitle { 443 | font-size: 12px; 444 | } 445 | 446 | .btn { 447 | font-size: 14px; 448 | margin: 2px; 449 | padding: 8px 13px; 450 | } 451 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |The best SFW and NSFW anime bot for your server.
47 | 48 |D-anime is the perfect anime bot to spice up your server. The bot is community driven and 95 | can also be grown with your help.
96 | 97 |The bot provides both SFW and NSFW features with NSFW features at it's core. The bot is 100 | hosted 24/7 and you can be reassured about it's uptime.
101 | 102 |The bot is bulit with python using the discord.py library, same with the API the bot
105 | uses.
106 | The bot uses it's own API to filter and provide high quality images to your server. With the help of our
107 | super fast and flexible API we are able to provide you the best and fastest features.
To get started with our bot is fairly easy and we have done our best to make it simpler for 114 | you.
115 | 116 |There is also a in-bot gettingstarted command that you can use if you know the installation process.
119 | You also have the option to get help on all the bot commands right through discord with the use of the
120 | bot's internal help command.
Important: You must agree to our imagepolicy and matter regarding it will be
123 | fairly strict.
Use dh imagepolicy for more information.
To add the bot to your server click
129 | here.
This does needs you to either be the owner of the server or have "manage server"
130 | permissions.