First and last please

This commit is contained in:
night0721 2021-06-05 13:26:43 +08:00
parent b9b60e5436
commit 87e37aabc5
5 changed files with 1126 additions and 0 deletions

713
commands.html Normal file
View file

@ -0,0 +1,713 @@
<!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" />
<meta property="og:title" content="cath.exe" />
<meta property="og:type" content="website" />
<meta property="og:description" content="cath.exe commands" />
<meta
property="og:image"
content="https://images-ext-2.discordapp.net/external/8SFc8ll22wV2_ZEd8roXwRLN3SDbaeDFuYLzEPaZWsQ/%3Fsize%3D1024/https/cdn.discordapp.com/avatars/800966959268364288/e03d6149de8b410db26a6ed0b7c0b491.webp"
/>
<meta property="og:url" content="https://cath.gq/" />
<title>cath.exe commands</title>
<link
rel="icon"
href="https://cdn.discordapp.com/emojis/813410806724558909.png"
type="image/x-icon"
/>
<link rel="stylesheet" href="style.css" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0"
crossorigin="anonymous"
/>
<script
src="https://kit.fontawesome.com/f1bbab48b6.js"
crossorigin="anonymous"
></script>
</head>
<body>
<div class="container-fluid">
<div class="row flex-nowrap">
<div class="col-2 col-sm-4 col-md-3 col-xl-2 px-sm-2 px-0 bg-dark">
<div
class="
d-flex
flex-column
position-fixed
h-100
align-items-center align-items-sm-start
px-3
pt-2
text-white
min-vh-100
"
>
<a
href="index.html"
class="
d-flex
align-items-center
pb-3
mb-md-0
me-md-auto
mt-2
text-white text-decoration-none
"
>
<span class="fs-6 d-none d-sm-inline"
><i class="fas fa-arrow-circle-left"></i> Back</span
>
</a>
<ul
id="sidebar"
class="
nav nav-pills
flex-column
mb-sm-auto mb-0
align-items-center align-items-sm-start
"
>
<li class="nav-item">
<a href="#codm" class="nav-link align-middle">
<i class="fas fa-gamepad"></i>
<span class="ms-1 d-none d-sm-inline">CODM</span>
</a>
</li>
<li class="nav-item">
<a href="#config" class="nav-link align-middle">
<i class="fas fa-cog"></i>
<span class="ms-1 d-none d-sm-inline">Config</span>
</a>
</li>
<li class="nav-item">
<a href="#economy" class="nav-link align-middle">
<i class="far fa-money-bill-alt"></i>
<span class="ms-1 d-none d-sm-inline">Economy</span>
</a>
</li>
<li class="nav-item">
<a href="#fun" class="nav-link align-middle">
<i class="fas fa-grin-tears"></i>
<span class="ms-1 d-none d-sm-inline">Fun</span>
</a>
</li>
<li class="nav-item">
<a href="#giveaway" class="nav-link align-middle">
<i class="fas fa-gift"></i>
<span class="ms-1 d-none d-sm-inline">Giveaway</span>
</a>
</li>
<li class="nav-item">
<a href="#moderation" class="nav-link align-middle">
<i class="fas fa-users-cog"></i>
<span class="ms-1 d-none d-sm-inline">Moderation</span>
</a>
</li>
<li class="nav-item">
<a href="#music" class="nav-link align-middle">
<i class="fas fa-music"></i>
<span class="ms-1 d-none d-sm-inline">Music</span>
</a>
</li>
<li class="nav-item">
<a href="#utilities" class="nav-link align-middle">
<i class="fas fa-tools"></i>
<span class="ms-1 d-none d-sm-inline">Utilites</span>
</a>
</li>
</ul>
</div>
</div>
<div class="col py-3">
<section id="codm">
<h2 class="text-center">CoDM Commands</h2>
<hr />
<table class="table table-dark table-striped">
<thead>
<tr>
<th>Name</th>
<th>Aliases</th>
<th>Usage</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>(Gun Name)</td>
<td>None</td>
<td>C.(Gun Name) {stats/stats2/stats3}</td>
<td>See recommended gun builds and see statistic of it</td>
</tr>
<tr>
<td>perk</td>
<td>None</td>
<td>C.perk</td>
<td>See information of a perk</td>
</tr>
</tbody>
</table>
</section>
<br class="my-5" />
<section id="config">
<h2 class="text-center">Config Commands</h2>
<hr />
<table class="table table-dark table-striped">
<thead>
<tr>
<th>Name</th>
<th>Aliases</th>
<th>Usage</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>prefix-reset</td>
<td>pr</td>
<td>C.prefix-reset</td>
<td>
Reset the prefix to <span class="code">C.</span> at the
server
</td>
</tr>
<tr>
<td>prefix</td>
<td>None</td>
<td>C.prefix {prefix}</td>
<td>Set the prefix at the server</td>
</tr>
</tbody>
</table>
</section>
<br class="my-5" />
<section id="economy">
<h2 class="text-center">Economy Commands</h2>
<hr />
<table class="table table-dark table-striped">
<thead>
<tr>
<th>Name</th>
<th>Aliases</th>
<th>Usage</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>balance</td>
<td>bal</td>
<td>C.bal {@User/User ID}</td>
<td>Check the balance of an user</td>
</tr>
<tr>
<td>gamble</td>
<td>bet</td>
<td>C.bet {Coin(number)}</td>
<td>Win double amount of coins or lose all coins</td>
</tr>
<tr>
<td>purchase</td>
<td>buy</td>
<td>C.buy {Item Name}</td>
<td>Buy something from the shop</td>
</tr>
<tr>
<td>drop</td>
<td>None</td>
<td>C.drop {Channel} {Coin(number)}</td>
<td>Drop money to a channel</td>
</tr>
<tr>
<td>inventory</td>
<td>inv</td>
<td>C.inv</td>
<td>Check the inventory of an user</td>
</tr>
<tr>
<td>shop</td>
<td>None</td>
<td>C.shop</td>
<td>Check the items from the shop</td>
</tr>
</tbody>
</table>
</section>
<br class="my-5" />
<section id="fun">
<h2 class="text-center">Fun Commands</h2>
<hr />
<table class="table table-dark table-striped">
<thead>
<tr>
<th>Name</th>
<th>Aliases</th>
<th>Usage</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>coinflip</td>
<td>None</td>
<td>C.coinflip</td>
<td>Flip a coin</td>
</tr>
<tr>
<td>connect4</td>
<td>c4</td>
<td>C.connect4 {@User}</td>
<td>Play a connect 4 game with a user</td>
</tr>
<tr>
<td>hangman</td>
<td>none</td>
<td>C.hangman</td>
<td>Play a hangman game</td>
</tr>
<tr>
<td>hug</td>
<td>None</td>
<td>C.hug {@User}</td>
<td>Hug someone</td>
</tr>
<tr>
<td>kiss</td>
<td>none</td>
<td>C.kiss {@User}</td>
<td>Kiss someone</td>
</tr>
<tr>
<td>pp</td>
<td>None</td>
<td>C.pp {?@User}</td>
<td>Check how long is the user</td>
</tr>
<tr>
<td>say</td>
<td>None</td>
<td>C.say {Words}</td>
<td>Pretend a bot to say</td>
</tr>
<tr>
<td>simprate</td>
<td>simp</td>
<td>C.simprate {?@User}</td>
<td>Check how simp is the user</td>
</tr>
<tr>
<td>trigger</td>
<td>triggered</td>
<td>C.trigger {?@User/User ID}</td>
<td>Have a trigger effect on user's avatar</td>
</tr>
</tbody>
</table>
</section>
<br class="my-5" />
<section id="giveaway">
<h2 class="text-center">Giveaway Commands</h2>
<hr />
<table class="table table-dark table-striped">
<thead>
<tr>
<th>Name</th>
<th>Aliases</th>
<th>Usage</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>giveaway</td>
<td>gstart</td>
<td>C.giveaway {Channel} {Time(s/m/h/d)} {Winner(Number)}</td>
<td>Start a giveaway</td>
</tr>
<tr>
<td>gend</td>
<td>None</td>
<td>C.gend {Message ID}</td>
<td>End a giveaway</td>
</tr>
<tr>
<td>reroll</td>
<td>greroll</td>
<td>C.reroll {Message ID}</td>
<td>Reroll a giveaway</td>
</tr>
</tbody>
</table>
</section>
<br class="my-5" />
<section id="moderation">
<h2 class="text-center">Moderation Commands</h2>
<hr />
<table class="table table-dark table-striped">
<thead>
<tr>
<th class="align-middle">Name</th>
<th class="align-middle">Aliases</th>
<th class="align-middle">Usage</th>
<th class="w-25 align-middle">Description</th>
<th class="align-middle">Required Permission (User)</th>
<th class="align-middle">Required Permission (Bot)</th>
</tr>
</thead>
<tbody>
<tr>
<td>announce</td>
<td>None</td>
<td>C.announce {#Channel} (Message)</td>
<td>Announce a message to a channel</td>
<td>Manage Messages</td>
<td>Manage Messages</td>
</tr>
<tr>
<td>ban</td>
<td>None</td>
<td>C.ban (@User/User ID) {Reason}</td>
<td>Ban an user</td>
<td>Ban Members</td>
<td>Ban Members</td>
</tr>
<tr>
<td>purge</td>
<td>clear, c</td>
<td>C.purge (1-100)</td>
<td>
Clear/Purge 1-100 messages in the channelClear/Purge 1-100
messages in the channel
</td>
<td>Manage Messages</td>
<td>Manage Messages</td>
</tr>
<tr>
<td>clear-warns</td>
<td>cw</td>
<td>C.clear-warns (@User/User ID)</td>
<td>Clear an user's warns</td>
<td>Manage Messages</td>
<td>None</td>
</tr>
<tr>
<td>hackban</td>
<td>None</td>
<td>C.hackban (User ID) {Reason}</td>
<td>Hack-ban an user</td>
<td>Ban Members</td>
<td>Ban Members</td>
</tr>
<tr>
<td>kick</td>
<td>None</td>
<td>C.kick (@User/User ID) {Reason}</td>
<td>Kick an user</td>
<td>Kick Members</td>
<td>Kick Members</td>
</tr>
<tr>
<td>mute</td>
<td>None</td>
<td>C.mute (@User/User ID) {Time{s/m/h/d/w/y}} {Reason}</td>
<td>Mute an user</td>
<td>Manage Messages</td>
<td>Manage Roles</td>
</tr>
<tr>
<td>nuke</td>
<td>None</td>
<td>C.nuke {#Channel}</td>
<td>Destroy a channel and create a new one</td>
<td>Manage Channels</td>
<td>Manage Channels</td>
</tr>
<tr>
<td>remove-warn</td>
<td>rw</td>
<td>C.remove-warn (@User/User ID)</td>
<td>Remove a latest warn for an user</td>
<td>Manage Messages</td>
<td>None</td>
</tr>
<tr>
<td>role</td>
<td>None</td>
<td>C.role (@Role/Role ID/Role Name) (@User/User ID)</td>
<td>Add/Remove a role for an user</td>
<td>Manage Roles</td>
<td>Manage Roles</td>
</tr>
<tr>
<td>slowmode</td>
<td>None</td>
<td>C.slowmode (Time(s/m/h))</td>
<td>Set slow mode at a specific channel</td>
<td>Manage Channels</td>
<td>Manage Channels</td>
</tr>
<tr>
<td>unban</td>
<td>None</td>
<td>C.unban (@User/User ID)</td>
<td>Unban an user</td>
<td>Ban Members</td>
<td>Ban Members</td>
</tr>
<tr>
<td>unmute</td>
<td>None</td>
<td>C.unmute (@User/User ID)</td>
<td>Unmute an user</td>
<td>Manage Roles</td>
<td>Manage Messages</td>
</tr>
<tr>
<td>warn</td>
<td>None</td>
<td>C.warn (@User/User ID) {Reason}</td>
<td>Warn a user</td>
<td>Manage Messages</td>
<td>None</td>
</tr>
<tr>
<td>warns</td>
<td>None</td>
<td>C.warns (@User/User ID)</td>
<td>Check the warns of an user</td>
<td>Manage Messages</td>
<td>None</td>
</tr>
</tbody>
</table>
</section>
<br class="my-5" />
<section id="music">
<h2 class="text-center">Music Commands</h2>
<hr />
<table class="table table-dark table-striped">
<thead>
<tr>
<th>Name</th>
<th>Aliases</th>
<th>Usage</th>
<th>Descrption</th>
</tr>
</thead>
<tbody>
<tr>
<td>disconnect</td>
<td>dc</td>
<td>C.disconnect</td>
<td>Leave The Voice Channel</td>
</tr>
<tr>
<td>loop</td>
<td>None</td>
<td>C.loop</td>
<td>Music loop</td>
</tr>
<tr>
<td>lyrics</td>
<td>None</td>
<td>C.lyrics</td>
<td>Get lyrics for the currently playing song</td>
</tr>
<tr>
<td>nowplaying</td>
<td>None</td>
<td>C.nowplaying</td>
<td>
To show the music which is currently playing in this server
</td>
</tr>
<tr>
<td>pause</td>
<td>None</td>
<td>C.pause</td>
<td>To pause the current music in the server</td>
</tr>
<tr>
<td>play</td>
<td>p</td>
<td>C.play (Youtube URL)/(Song Name)</td>
<td>Play songs</td>
</tr>
<tr>
<td>playlist</td>
<td>None</td>
<td>C.playlist (YouTube Playlist URL)/(Playlist Name)</td>
<td>Play songs</td>
</tr>
<tr>
<td>queue</td>
<td>None</td>
<td>C.queue</td>
<td>To show the songs queue</td>
</tr>
<tr>
<td>remove</td>
<td>rm</td>
<td>C.remove (Number)</td>
<td>Remove song from the queue</td>
</tr>
<tr>
<td>resume</td>
<td>continue</td>
<td>C.resume</td>
<td>To resume the paused music</td>
</tr>
<tr>
<td>shuffle</td>
<td>None</td>
<td>C.shuffle</td>
<td>Shuffle queue</td>
</tr>
<tr>
<td>skip</td>
<td>None</td>
<td>C.skip</td>
<td>To skip the current music</td>
</tr>
<tr>
<td>skipto</td>
<td>None</td>
<td>C.skipto (Number)</td>
<td>Skip to the selected queue number</td>
</tr>
<tr>
<td>stop</td>
<td>None</td>
<td>C.stop</td>
<td>To stop the music and clear the queue</td>
</tr>
<tr>
<td>volume</td>
<td>vol</td>
<td>C.volume (Number)</td>
<td>To change the server song queue volume</td>
</tr>
</tbody>
</table>
</section>
<br class="my-5" />
<section id="utilities">
<h2 class="text-center">Utilities Commands</h2>
<hr />
<table class="table table-dark table-striped">
<thead>
<tr>
<th>Name</th>
<th>Aliases</th>
<th>Usage</th>
<th>Descrption</th>
</tr>
</thead>
<tbody>
<tr>
<th>Name</th>
<th>Aliases</th>
<th>Usage</th>
<th>Descrption</th>
</tr>
<tr>
<td>afk</td>
<td>None</td>
<td>C.afk {Status}/td></td>
<td>Tell someone you are AFK</td>
</tr>
<tr>
<td>avatar</td>
<td>av</td>
<td>C.avatar {@User/ User ID/ Username}</td>
<td>Show user's avatar in different formats</td>
</tr>
<tr>
<td>binary</td>
<td>None</td>
<td>C.binary encode/decode (Word)</td>
<td>Encode/Decode a word/code</td>
</tr>
<tr>
<td>emoji</td>
<td>None</td>
<td>C.emoji (Emoji) {-add}</td>
<td>Show an emoji URL or add the emoji to the server</td>
</tr>
<tr>
<td>help</td>
<td>h</td>
<td>C.help {Command/Category}</td>
<td>Shows all available bot commands</td>
</tr>
<tr>
<td>modmail</td>
<td>None</td>
<td>C.modmail</td>
<td>Create a modmail thread with moderators in a server</td>
</tr>
<tr>
<td>permission</td>
<td>perms/permsfor</td>
<td>C.permission {@User}</td>
<td>Show user's permission in server/channel</td>
</tr>
<tr>
<td>poll</td>
<td>None</td>
<td>C.poll</td>
<td>Join a poll for develop of this bot</td>
</tr>
<tr>
<td>report</td>
<td>None</td>
<td>C.report</td>
<td>Report a bug of the bot</td>
</tr>
<tr>
<td>servericon</td>
<td>None</td>
<td>C.servericon</td>
<td>View the icon of the server</td>
</tr>
<tr>
<td>serverinfo</td>
<td>None</td>
<td>C.serverinfo</td>
<td>Check the info of the server</td>
</tr>
<tr>
<td>snipe</td>
<td>None</td>
<td>C.snipe {#Channel}</td>
<td>Snipe a deleted message</td>
</tr>
<tr>
<td>timer</td>
<td>None</td>
<td>C.timer (Time(s/m/h/d))</td>
<td>Set a timer for yorself</td>
</tr>
<tr>
<td>userinfo</td>
<td>whois</td>
<td>C.userinfo {@User/ User ID/ Username}</td>
<td>Check the info of a user</td>
</tr>
</tbody>
</table>
</section>
</div>
</div>
</div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8"
crossorigin="anonymous"
></script>
</body>
</html>

BIN
footer.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 399 KiB

236
index.html Normal file
View file

@ -0,0 +1,236 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta property="og:title" content="cath.exe" />
<meta property="og:type" content="website" />
<meta property="og:description" content="cath.exe Official Website" />
<meta
property="og:image"
content="https://images-ext-2.discordapp.net/external/8SFc8ll22wV2_ZEd8roXwRLN3SDbaeDFuYLzEPaZWsQ/%3Fsize%3D1024/https/cdn.discordapp.com/avatars/800966959268364288/e03d6149de8b410db26a6ed0b7c0b491.webp"
/>
<meta property="og:url" content="https://cath.gq/" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>cath.exe</title>
<link
rel="icon"
href="https://cdn.discordapp.com/emojis/813410806724558909.png"
type="image/x-icon"
/>
<link rel="stylesheet" href="./style.css" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0"
crossorigin="anonymous"
/>
<script
src="https://kit.fontawesome.com/f1bbab48b6.js"
crossorigin="anonymous"
></script>
</head>
<body>
<div id="overlay">
<div class="loader"></div>
</div>
<div class="bg-landscape">
<div
class="
bg-glassthing
position-relative
top-50
start-50
translate-middle
w-75
"
>
<h1 class="text-center mb-3">Welcome to cath.exe official website!</h1>
<div class="container">
<p class="text-center mb-4">
This bot can be fully customized for your server, with changeable
prefix, unlimited custom commands to be created. Also, this bot has
combined with simple giveaway system, so that you can simply connect
it with other economy bots to work on. With the moderation system,
control the server becomes more easy. With disable and enable
system, you can also prevent spamming with bot commands at your main
chat or other channels!
</p>
<center>
<div class="d-flex flex-wrap d-sm-block">
<a
class="btn-invite mb-2 mb-lg-0 mx-sm-0 mx-auto"
target="_blank"
href="https://discord.com/api/oauth2/authorize?client_id=800966959268364288&permissions=4231314550&scope=bot"
><i class="fab fa-discord me-1"></i> Add to Server</a
>
<a class="btn-invite mx-sm-0 mx-auto" href="#usage">Learn More</a>
</div>
</center>
<br />
</div>
</div>
</div>
<span id="usage"></span>
<div class="command-menu">
<div class="container mt-4">
<h2 class="text-center my-4 mb-4">The usage of cath.exe</h2>
<div
class="
d-flex
justify-content-center
flex-wrap
mt-3
custom-card-container
"
>
<div class="custom-card">
<a class="card-link" href="commands.html#codm">
<i class="fas fa-gamepad fa-5x"></i>
<div class="card-body">
<h3>CODM</h3>
<p>Commands about CODM items</p>
</div>
</a>
</div>
<div class="custom-card">
<a class="card-link" href="commands.html#config">
<i class="fas fa-cog fa-5x"></i>
<div class="card-body">
<h3>Config</h3>
<p>Commands about Bot Configuration</p>
</div>
</a>
</div>
<div class="custom-card">
<a class="card-link" href="commands.html#economy">
<i class="far fa-money-bill-alt fa-5x"></i>
<div class="card-body">
<h3>Economy</h3>
<p>Commands about Economy feature</p>
</div>
</a>
</div>
<div class="custom-card">
<a class="card-link" href="commands.html#fun">
<i class="fas fa-grin-tears fa-5x"></i>
<div class="card-body">
<h3>Fun</h3>
<p>Commands about Fun things</p>
</div>
</a>
</div>
<div class="custom-card">
<a class="card-link" href="commands.html#giveaway">
<i class="fas fa-gift fa-5x"></i>
<div class="card-body">
<h3>Giveaway</h3>
<p>Commands about making Giveaway</p>
</div>
</a>
</div>
<div class="custom-card">
<a class="card-link" href="commands.html#moderation">
<i class="fas fa-users-cog fa-5x"></i>
<div class="card-body">
<h3>Moderation</h3>
<p>Commands about Server Moderation</p>
</div>
</a>
</div>
<div class="custom-card">
<a class="card-link" href="commands.html#music">
<i class="fas fa-music fa-5x"></i>
<div class="card-body">
<h3>Music</h3>
<p>Commands about Music</p>
</div>
</a>
</div>
<div class="custom-card">
<a class="card-link" href="commands.html#utilities">
<i class="fas fa-tools fa-5x"></i>
<div class="card-body">
<h3>Utilities</h3>
<p>Extra Commands you may need later</p>
</div>
</a>
</div>
</div>
</div>
</div>
<br />
<div class="semi-footer overflow-hidden py-3">
<div class="row">
<div class="col-lg-5 d-flex">
<img
class="img img-responsive m-auto server-icon"
src="https://cdn.discordapp.com/icons/718762019586572341/c35c387563c7527f056276f2a16f526b.webp?size=2048"
/>
</div>
<div class="col-lg d-flex">
<div
class="
my-auto
mx-auto mx-lg-0
w-75
px-2 px-lg-0
text-center text-lg-start
"
>
<h2>Need technical support?</h2>
<p>
Join Ń1ght and Cath Nation Discord Server to get some help
straight from cath.exe developer and have some programming related
chit-chat with other programmers from around the world. Invitation
link right below.
</p>
<br />
<center>
<a
class="btn-invite"
target="_blank"
href="https://discord.gg/SbQHChmGcp"
>Ń1ght and Cath Nation</a
>
</center>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-lg text-center text-md-start">
<small>Cath.exe&copy;2021</small>
</div>
<div class="col-lg text-center text-md-end">
<small>Made by Ń1ght#0001</small>
</div>
</div>
</div>
</footer>
<script>
var overlay = document.getElementById("overlay");
window.addEventListener("load", function () {
setTimeout(() => {
overlay.style.opacity = "0";
setTimeout(() => {
overlay.style.display = "none";
}, 1000);
}, 1000);
});
</script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8"
crossorigin="anonymous"
></script>
</body>
</html>

BIN
landscape.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 MiB

177
style.css Normal file
View file

@ -0,0 +1,177 @@
html {
scroll-behavior: smooth;
}
.bg-landscape {
background: url("./landscape.jpg");
background-position: center;
background-size: cover;
height: 100vh;
color: white;
}
.semi-footer {
background: url("./footer.jpg");
background-position: top;
background-size: cover;
color: white;
}
.semi-footer .server-icon {
border-radius: 50%;
}
.bg-glassthing {
padding: 0.5em;
border-radius: 15px;
background: rgba(0, 0, 0, 0.165);
box-shadow: inset 2px 2px 3px black, 2px 2px 3px rgba(0, 0, 0, 0.57);
}
.btn-invite {
background: transparent;
border: solid 1px white;
border-radius: 15px;
padding: 10px 24px;
color: white;
text-decoration: none;
transition: 0.4s;
}
.btn-invite:hover {
border: solid 1px transparent;
background: white;
transition: 0.4s;
color: black;
}
.btn-invite:active {
transition: 0.4s;
box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.65);
border: solid 0.5px transparent;
}
#overlay {
position: fixed;
width: 100%;
height: 100%;
background: linear-gradient(
35deg,
rgb(0, 0, 0),
rgb(7, 18, 70),
rgb(103, 94, 129)
);
z-index: 999;
transition: 0.5s;
}
.loader {
width: 80px;
height: 80px;
border: 2px solid transparent;
border-top: 3px solid rgb(103, 94, 129);
border-radius: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
animation: spin 1s infinite linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.command-menu {
text-decoration: none;
}
.card-link {
text-decoration: none;
color: white;
}
.card-link:hover {
color: white;
}
.custom-card-container .custom-card {
padding: 12px;
text-align: center;
height: 275px;
width: 250px;
background: #01000c;
transition: 0.65s;
text-decoration: none;
color: white;
}
.custom-card-container .custom-card i {
position: relative;
top: 50%;
transform: translateY(-50%);
transition: 0.4s;
}
.custom-card-container .custom-card .card-body {
position: relative;
top: 15%;
opacity: 0;
transition: 0.3s;
}
.custom-card-container .custom-card:hover {
background: #1b1650;
box-shadow: inset -4px -4px 5px rgba(0, 0, 0, 0.65),
inset 6px 6px 5px rgba(22, 11, 150, 0.7);
transition: 0.4s;
}
.custom-card-container .custom-card:hover .card-body {
opacity: 1;
top: 20%;
transition: 0.45s;
}
.custom-card-container .custom-card:hover i {
top: 15%;
transform: none;
transition: 0.3s;
text-shadow: 4px 4px 6px rgb(0, 0, 0);
}
footer {
background: black;
color: white;
padding: 1vh;
}
#sidebar .nav-link {
color: #949494;
transition: 0.45s;
}
#sidebar .nav-link:hover,
#sidebar .active {
color: #ffffff;
transition: 0.3s;
}
.code {
font-size: 12px;
font-family: "Courier New", Courier, monospace;
padding: 4px 8px;
border-radius: 4px;
color: black;
background: rgba(255, 255, 255, 0.65);
}