<!DOCTYPE html>
<html>
<head>
	<title>Sharkbot</title>
	<script src="script/script.js"></script>
	<style>
		.longDescriptionPage * {
			color: white !important;
			font-family: sans-serif !important;
			-webkit-box-sizing: initial !important; 
    		box-sizing: content-box !important;
		}
		body {
			margin: 0 !important;
		}
		.longdescription .content {
			padding: 0 !important;
		}
		.longDescriptionPage {
			background-color: #36393E !important;
			margin: 0 !important;
			min-width: 423px !important;
			overflow-x: auto !important;
		}
		.longDescriptionPage p, .longDescriptionPage span {
			margin: 0;
		}
		.commands, .features {
			margin-top: 30px !important;
			margin-left: 20px !important;
		}
		.feature, .command {
			display: list-item !important;
			list-style-type: disc !important;
			list-style-position: inside !important;
			margin-left: 20px !important;
			margin-top: 18px !important;
		}
		.profileHeader {
			height: 224px !important;
			width: auto !important;
			padding-bottom: 16px !important;
			background-image: url('https://steamcommunity-a.akamaihd.net/public/images/profile/profile_header_bg.png') !important;
			background-repeat: no-repeat !important;
			background-position: center bottom !important;
			background-size: 105% 100% !important;
		}
		.nameDiv {
			display: inline-block !important;
			position: absolute !important;
			top: 5px !important;
			margin-left: 10px !important;
			height: auto !important;
		}
		.infoP {
			font-size: 15px !important;
			position: relative !important;
			top: 10px !important;
			margin-bottom: 0 !important;
		}
		.nameHeader {
			position: relative !important;
			font-size: 40px !important;
			margin-bottom: 0em !important;
			color: #0071fd !important;
			max-width: calc(100vw - 235px) !important;
		}
		.dcName {
			top: 0px !important;
			cursor: pointer !important;
		}
		.helpList {
			position: relative !important;
			top: 15px !important;
		}
		.links {
			float: right !important;
			min-width: 200px !important;
			height: 220px !important;
			border-radius: 5% !important;
			background-color: rgba(200, 200, 200, 0.1) !important;
			display:flex !important;
			flex-direction:column !important;
			margin: 0px !important;
		}
		.textLinks {
			margin: 15px !important;
			font-size: 20px !important;
		}
		.myLinks {
			list-style: none !important;
		}
		.myLinks li {
			width:100% !important;
			height:100% !important;
			margin-top: 0 !important;
		}
		.myLinks a {
			text-decoration: underline !important;
		}
		.invite {
			color: #0071fd !important;
		}
		.invite::before {
			content: "\2022" !important;
			color: #0071fd !important;
			font-weight: bold !important;
			display: inline-block !important;
			width: 1em !important;
			margin-left: -1em !important;
		}
		.invite:hover {
			color: white !important;
		}
		.textBody {
			width: auto !important;
			height: auto !important;
		}
		.botExplainDiv {
			margin-left: 20px !important;
			margin-top: 10px !important;
		}
		.commandDescription {
			font-size: 15px !important;
      		margin-top: 5px !important;
			margin-left: 30px !important;
			display: inline-block !important;
		}
	</style>
	<script type="text/javascript">
		function copyFunction(text) {
			navigator.clipboard.writeText(text)
			console.log('copied: ' + text);
			alert("sucessfully copied " + text + " to clipboard!");
		}
	</script>
</head>
<body>
	<div class="longDescriptionPage">
		<div class="profileHeader">
			<div class="links">
				<p class="textLinks">Links:</p>
				<ul class="myLinks">
					<li><a href="https://discord.com/api/oauth2/authorize?client_id=635404875223793666&permissions=2083908854&scope=bot" target="_blank" class="invite invite">Bot invite</a></li>
					<li><a href="https://discord.gg/nHhpzZz" target="_blank" class="supportInvite invite">Support server invite</a></li>
					<li><a href="http://sharkbot.xyz" target="_blank" class="botSite invite">Bot site (WIP)</a></li>
				</ul>
			</div>
			<div class="nameDiv">
				<p class="nameHeader infoP">Sharkbot</p>
				<p class="creatorHeader createdBy infoP">Created by: <span class="creatorHeader dcName infoP" onClick="copyFunction('MadMagic ム#6891')"> MadMagic ム#6891</span></p>
				<p class="infoP prefix">Prefix (can be changed): s!</p>
				<p class="infoP helpList">All commands: s!help</p>
			</div>
		</div>
		<div class="nonHeader">
			<div class="botExplainDiv">
				<p>This bot is a multi purpose bot. It's constantly in the work and getting updated with more and more features very often.</p>
				<p>It has many features, most are fun and utility.</p>
			</div>
			<h2 class="features">Features are:
				<h3 class="feature">Playing music</h3>
				<h3 class="feature">Karma system for memes</h3>
				<h3 class="feature">Role utilities</h3>
				<h3 class="feature">And alot of misc/fun commands</h3>
			</h2>
			<h2 class="commands">Some commands are:
				<h3 class="command">s!video / s!audio<br/>
					<span class="commandDescription">This will reply with an mp3 or mp4 of the first youtube video it finds with your search criteria</span>
				</h3>
				<h3 class="command">s!tts<br/>
					<span class="commandDescription">This will send an mp3 with the tts of the text you gave</span>
				</h3>
				<h3 class="command">s!mcskin<br/>
					<span class="commandDescription">This will send you the minecraft skin of the player with the name you gave, along with an url to set it as your skin</span>
				</h3>
				<h3 class="command">s!recolor<br/>
					<span class="commandDescription">Recolors a role to the provided hex color</span>
				</h3>
			</h2>
		</div>
	</div>
</body>
</html>

SharkBot

misc/fun/utility bot. constantly being updated with more and more features

Stemmen voor SharkBot

Wil je ons ondersteunen?