<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
		/>
		<title>BookBot</title>
		<link
			rel="stylesheet"
			href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
		/>

		<style>
			@import url("https://fonts.googleapis.com/css2?family=Finlandica&display=swap");
			body {
				background-color: #282828;
				color: #ebdbb2;
				font-family: "Finlandica", sans-serif;
			}

			.intro-section {
				color: #ebdbb2;
				padding: 50px 0;
			}

			.intro-section p {
				color: #a89984;
			}

			.intro-section h2 {
				font-weight: bold;
				margin-bottom: 25px;
				line-height: 1.5;
				padding-top: 0;
				margin-top: 0;
				color: inherit;
			}

			.intro-section .intro {
				font-size: 16px;
				max-width: 500px;
				margin: 0 auto 25px;
			}

			.cmds {
				color: #ebdbb2;
				padding-bottom: 30px;
			}

			.cmds p {
				color: #a89984;
			}

			.cmds .item {
				text-align: center;
				min-height: 100px;
				margin-bottom: 40px;
			}

			.cmds .item .name {
				color: #ebdbb2;
				font-size: 20px;
				margin-top: 0;
				margin-bottom: 20px;
			}

			.cmds .item .description {
				font-size: 15px;
				margin-bottom: 0;
			}

			@media (max-width: 767px) {
				.cmds {
					padding-bottom: 10px;
				}
				.cmds .item {
					min-height: 0;
				}
			}

			::-webkit-scrollbar {
				width: 10px;
				border: none;
				border-radius: 1em;
			}

			::-webkit-scrollbar-track {
				background: #3c3836;
			}

			::-webkit-scrollbar-thumb {
				background: #504645;
			}

			::-webkit-scrollbar-thumb:hover {
				background: #665c54;
			}
		</style>
	</head>

	<body>
		<section class="intro-section">
			<div class="container">
				<div class="intro">
					<h2 class="text-center">BookBot</h2>
					<p class="text-center">
						BookBot is a Discord bot which uses the Google Books API
						to show information about books.
					</p>
				</div>
			</div>
		</section>
		<section class="cmds">
			<div class="container">
				<div class="row features">
					<div class="col-sm-6 col-lg-4 item">
						<h3 class="name">/list</h3>
						<p class="description">
							Lists results for a given query.
						</p>
					</div>
					<div class="col-sm-6 col-lg-4 item">
						<h3 class="name">/recommend</h3>
						<p class="description">Get a book recommendation.</p>
					</div>
					<div class="col-sm-6 col-lg-4 item">
						<h3 class="name">/search</h3>
						<p class="description">Searches for a given book.</p>
					</div>
					<div class="col-sm-6 col-lg-4 item">
						<h3 class="name">/profile</h3>
						<p class="description">
							Returns information about invoking user's profile.
						</p>
					</div>
					<div class="col-sm-6 col-lg-4 item">
						<h3 class="name">/set-genre</h3>
						<p class="description">Set your favorite genre.</p>
					</div>
					<div class="col-sm-6 col-lg-4 item">
						<h3 class="name">/star [add/remove]</h3>
						<p class="description">
							Add/remove a book from your favourites list.
						</p>
					</div>
					<div class="col-sm-6 col-lg-4 item">
						<h3 class="name">/bugreport</h3>
						<p class="description">Report a bug.</p>
					</div>
					<div class="col-sm-6 col-lg-4 item">
						<h3 class="name">/invite</h3>
						<p class="description">
							Invite BookBot to your server.
						</p>
					</div>
					<div class="col-sm-6 col-lg-4 item">
						<h3 class="name">/stats</h3>
						<p class="description">
							Returns statistics about the bot.
						</p>
					</div>
				</div>
			</div>
		</section>
	</body>
</html>

BookBot

Discord bot which uses the Google Books API to show info about books.

Developers of BookBot [https://github.com/rv178/bookbot]

Voting for BookBot