<!DOCTYPE html>
<html>
<head>
	<title>Durus</title>
	<link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&family=Open+Sans:wght@600&family=Saira+Semi+Condensed:wght@900&display=swap" rel="stylesheet">
	<style>
		#body {
			background-color: rgb(36, 36, 35);
			font-family: 'Open Sans', sans-serif;
		}
		.Chakra-Petch {
			font-family: 'Chakra Petch', sans-serif;
		}
		.Saira {
			font-family: 'Saira Semi Condensed', sans-serif;
		}
		.bg-dark {
			background-color: rgb(36, 36, 35)
		}
		.text-dark {
			color: rgb(36, 36, 35)
		}
		.bg-light {
			background-color: rgb(246, 247, 235);
		}
		.text-light {
			color: rgb(246, 247, 235);
		}
		.text-light-plus {
			color: rgb(246, 247, 235);
		}
		.text-discord {
			color: rgb(117, 138, 220)!important;
			letter-spacing: 8px;
		}
		.text-alert {
			color: rgb(226, 109, 92)!important;
		}
		.text-alert-plus {
			color: rgb(236, 119, 102);
		}
		.marg-auto {
			margin: 0 auto;
		}
		.width-25 {
			width: 25%;
		}
		.width-50 {
			width: 50%;
		}
		.width-75 {
			width: 75%;
		}
		.width-100 {
			width: 100%;
		}
		.ts-1 {
			font-size: 0.8rem;
		}
		.ts-2 {
			font-size: 1.4rem;
		}
		.ts-3 {
			font-size: 1.8rem;
		}
		.ts-4 {
			font-size: 2.2rem;
		}
		.ts-5 {
			font-size: 2.6rem;
		}
		.ts-6 {
			font-size: 4rem;
		}
		.text-left {
			text-align: left;
		}
		.text-center {
			text-align: center;
		}
		.text-right {
			text-align: right;
		}
		.marg-b0 {
			margin-bottom: 0!important;
		}
		.marg-b1 {
			margin-bottom: 0.8rem!important;
		}
		.marg-b2 {
			margin-bottom: 1.2rem!important;
		}
		.marg-b3 {
			margin-bottom: 1.6rem!important;
		}
		.marg-b4 {
			margin-bottom: 2.4rem!important;
		}
		.marg-b5 {
			margin-bottom: 3rem!important;
		}
		.marg-t0 {
			margin-top: 0!important;
		}
		.marg-t1 {
			margin-top: 0.8rem!important;
		}
		.marg-t2 {
			margin-top: 1.2rem!important;
		}
		.marg-t3 {
			margin-top: 1.6rem!important;
		}
		.marg-t4 {
			margin-top: 2.4rem!important;
		}
		.marg-t5 {
			margin-top: 3rem!important;
		}
		.marg-y0 {
			margin: 0 auto!important;
		}
		.marg-x0 {
			margin: auto 0!important;
		}
		.pad-y1 {
			padding: 0.5rem 0;
		}
		.banner-container {
			position: relative;
		}
		.banner-image {
			width: 70%;
			margin: auto;
			display: block;
		}
		.banner-text {
			position: absolute;
			top: 85%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.invite-container {
			background-color: rgb(67, 181, 129);
			margin: auto;
			width: 20%;
			border-radius: 5%;
			transition: .3s;
		}
		.invite-container:hover {
			background-color: rgb(77, 191, 139);
			transform: scale(1.1);
			transition: .3s
		}
		.invite-container a {
			text-decoration: none;
		}
		.invite-container:hover p {
			color: rgb(255, 255, 245);
		}
		.table td {
			border-bottom: 1px solid rgb(240, 240, 240); /*Doesn't use*/
		}
		.table {
			border-collapse: collapse; /*Doesn't use*/
			width: 75%!important;
			margin: 0.4rem auto 3rem auto!important;
		}
		.table thead {
			border-bottom: 1px solid rgb(226, 109, 92);
			text-align: center;
		}
		hr {
			width: 75%;
			border-top: 1px solid white;
			margin: auto;
		}
	</style>
</head>
<body id="body">
	<header>
		<div>
			<p class="text-light-plus ts-6 text-center Chakra-Petch marg-t0 marg-b2"><span style="color: blue;">BETA</span> Auctioneer</p>
			<p class="text-light-plus ts-6 text-center Chakra-Petch marg-t0 marg-b2">This bot is in early stages and is being developed on weekly to make sure new features are dropping.</p>
		</div>
	</header>
	<hr>
	<section>
		<p class="text-light-plus ts-6 text-center Chakra-Petch marg-t3 marg-b2">About Bot</p>
		<div class="width-75 marg-auto">
			<ul class="text-light-plus">
				<li class="marg-b1">1. Create items.</li>
				<li class="marg-b1">2. Collect items.</li>
				<li class="marg-b1">3. Compete in item challenges on the server.</li>
				<li class="marg-b1">4. Become a collector or an artist to contribute to the auction house.</li>				
			</ul> 
		</div>
		<hr>
		<div class="width-75 marg-auto marg-b3">
			<p class="text-alert ts-4 Saira marg-t2 marg-b3">Important</p>
			<ul class="text-alert-plus">
				<li class="marg-b1">Auctioneer will require administrator role to work at full potential.</li>
				<li class="marg-b1">Auctioneer is entirely community based non of the items were made by the developers.</li>
			</ul> 
		</div>
		<hr>
	</section>
	<section>
		<p class="text-light-plus ts-6 text-center Chakra-Petch marg-t3 marg-b2">Commands</p>
		<div class="width-75 marg-auto">
			<p class="text-light ts-4 Saira marg-y0">Currency</p>
		</div>
		<table class="text-light table">
			<thead>
				<tr>
					<th class="text-alert-plus pad-y1">Command</th>
					<th class="text-alert-plus pad-y1">Definition</th>
					<th class="text-alert-plus pad-y1">Example</th>
				</tr>
			</thead>
			<tbody class="text-center">
				<tr>
					<td class="pad-y1"><code>/work</code></td>
					<td class="pad-y1 ts-1">Gain money by working (Buildings multiply your gains working will have a really low percentage in giving you a new building)</td>
					<td class="pad-y1"><code></code></td>
				</tr>
				<tr>
					<td class="pad-y1"><code>/bid</code></td>
					<td class="pad-y1 ts-1">Purchase an item from the auction house.</td>
					<td class="pad-y1"><code>/bid super_special_item 7128371289739112</code></td>
				</tr>
				<p class="text-light-plus ts-6 text-center Chakra-Petch marg-t0 marg-b2">More ways to gain money are coming soon.</p>
			</tbody>
		</table>
		<div class="width-75 marg-auto">
			<p class="text-light ts-4 Saira marg-y0">Informational</p>
		</div>
		<table class="text-light table">
			<thead>
				<tr>
					<th class="text-alert-plus pad-y1">Command</th>
					<th class="text-alert-plus pad-y1">Definition</th>
					<th class="text-alert-plus pad-y1">Example</th>
				</tr>
			</thead>
			<tbody class="text-center">
				<tr>
					<td class="pad-y1"><code>/status</code></td>
					<td class="pad-y1 ts-1">Check the status of the bot and the website (Coming soon.)</td>
					<td class="pad-y1"><code>/status</code></td>
				</tr>
				<tr>
					<td class="pad-y1"><code>/auctionhouse, /auction, /ah</code></td>
					<td class="pad-y1 ts-1">Check out the newest deals on the community auction house.</td>
					<td class="pad-y1"><code></code></td>
				</tr>
				<tr>
					<td class="pad-y1"><code>/createauction, /cauction</code></td>
					<td class="pad-y1 ts-1">Put an item you have on the auction house.</td>
					<td class="pad-y1"><code>/createauction 155$</code></td>
				</tr>
				<tr>
					<td class="pad-y1"><code>/createitem, /citem</code></td>
					<td class="pad-y1 ts-1">Create an item to be put up for queue (Creating an item is manually approved by the mods.)</td>
					<td class="pad-y1"><code>/createitem name:Shovel description:An ordinary shovel id: shovel</code></td>
				</tr>
			</tbody>
		</table>
		<div class="width-75 marg-auto">
			<p class="text-light ts-4 Saira marg-y0">Profile</p>
		</div>
		<table class="text-light table">
			<thead>
				<tr>
					<th class="text-alert-plus pad-y1">Command</th>
					<th class="text-alert-plus pad-y1">Definition</th>
					<th class="text-alert-plus pad-y1">Example</th>
				</tr>
			</thead>
			<tbody class="text-center">
				<tr>
					<td class="pad-y1"><code>/profile</code></td>
					<td class="pad-y1 ts-1">Check your current profile or any other user's profile.</td>
					<td class="pad-y1"><code></code></td>
				</tr>
				<tr>
					<td class="pad-y1"><code>/inventory, /inv</code></td>
					<td class="pad-y1 ts-1">Check your current or any other user's ingame inventory.</td>
					<td class="pad-y1"><code></code></td>
				</tr>
				<tr>
					<td class="pad-y1"><code>/setname</code></td>
					<td class="pad-y1 ts-1">Set your current ingame display name.</td>
					<td class="pad-y1"><code></code></td>
				</tr>
			</tbody>
		</table>
		<footer>
			<div class="text-center">
				<p class="ts-4 Saira text-light">Remember this bot is in early development and is open for new suggestions.</p>
			</div>
		</footer>
	</section>
</body>
</html>

Auctioneer に投票

私たちをサポートしませんか？