<p id="generalDescription">
	Spectral provides many unique fun minigames and other fun features for you to enjoy in your server
	Spectral is a great addition to any server as it is both accessible and familiar, as well as having other more exclusive features and lots of cool features that people can play and compete with each other
  	To view the full list of commands, type .help
</p>

<p id="backgroundHeading">Background</p>
<p id="backgroundInfo">Although right now I create many different bots, it wasn't always like this. In December 2017, I first created SmileyBot. The first thing I made on this is giveaways, before I moved onto other Moderation and Utility features. Then I decided it was time for some Fun, which was shortly followed by what was originally going to be some simple Gambling commands turning into Economy. The Pokémon command was also drastically improved into a whole other game which is now present in PokéVenture.
In September 2020, it looked like it was time for a change. After almost 3 years of working on SmileyBot, it was a big change to be working on multiple different ones but it still retained the overall feel which was very important to me. This was the main inspiration for the fact that all of the bots work together rather than just being purely standalone<br><br></p>

<p id="commandList">You can view a full list of commands at <a href="http://smileyfacebots.xyz/commands">smileyfacebots.xyz/commands</a></p> [NOTE: Only commands that are in the 'General' and 'Fun' categories are present]


<style>
  #generalDescription {
	font-size: 18px;
}

#backgroundHeading {
	font-size: 22px;
    text-decoration: underline;
    padding-top: 20px;
}

#backgroundInfo {
	font-size: 16px;
}

#commandList {
	padding-top: 20px;
    padding-bottom: 20px;
	font-size: 20px;
}
 
.container{
	width:95%;
	margin:auto;
	overflow:hidden;
}
 
/* Showcase */

#showcase{
	background-color: #2c2f33;
}

#showcase-element{
	min-height: 200px;
	padding-top: 100px;
	padding-bottom: 100px;
}

#showcase-element-text-1{
	float: left;
	max-width: 50%;
	padding-right: 5%;
}

#showcase-element-text-2{
	float: right;
	max-width: 50%;
	padding-left: 5%;
}

#showcase-element-text-3{
	text-align: center;
}

#list{
	color: #aaaaaa;
	text-align: center;
}

#list a{
	color: #ffffff;
	text-decoration: none;
}

#list a:hover{
	color: #000000;
}

#showcase-element h1{
	font-size: 25px;
	padding: 10px 10px 10px 10px;
	color: #ffffff;
}

#showcase-element p{
	padding: 10px 10px 10px 10px;
	font-size: 20px;
	color: #888898;
}

#showcase-element li{
	font-size: 20px;
	color: #888898;
	margin-left: 25px;
}

#showcase-element button{
	margin-left: 10px;
	background: none;
	color: #ffffff;
	border-width: 3px;
	padding: 10px 10px 10px 10px;
	font-size: 18px;
	border-color: #4CAF50;
	border-radius: 3px;
	border-style: solid;
}

#showcase-element button:hover{
	background-color: #4CAF50;
	color: #ffffff;
}

#showcase-element img{
	float: right;
	display: inline;
	padding-top: 40px;
	width: 40%;
	height: auto;
}

iframe {
	border: none;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	display: block;
	width: 100%;
	max-width: 420px;
	max-height: 315px;
}

.spacer {
	padding-bottom: 50px;
}

/* MOBILE VIEW */
@media screen and (max-width: 700px) {
	#description {
		min-height: 200px;
		padding: 100px 5% 10px 5%;
	}
	#showcase-element img {
		float: left;
		width: 80%;
		padding-left: 10%;
	}
	#showcase-element-text-1 {
		max-width: 100%;
		padding-right: 0;
	}
	#showcase-element-text-2 {
		max-width: 100%;
		padding-left: 0;
	}
}

/* DESKTOP VIEW */
@media screen and (min-width: 700px) {
	#description {
		min-height: 300px;
		padding: 200px 5% 10px 5%;
	}
	#showcase-element img{
		float: right;
		width: 40%;
		padding-left: 0;
	}
	#showcase-element-text-1 {
		max-width: 50%;
		padding-right: 5%;
	}
	#showcase-element-text-2 {
		max-width: 50%;
		padding-left: 5%;
	}
	
}
 
</style>


<section id="showcase">
			<section id="minigames-singleplayer" class="container">
				<div id="showcase-element">
					<div id="showcase-element-text-1">
						<h1 class="showcase-header">Singleplayer Minigames</h1>
						<p class="showcase-text">Play through lots of complex minigames on your own such as flappy bird, akinator, would you rather, maze, guess list...
							<br><br>
							<br>Flappy Bird - Click the 🐦 to flap and fall down naturally to try and get through as many pipes as possible as the level gradually gets harder
							<br>Akinator - Think of a character and I'll try and guess it!
							<br>Would You Rather - Answer many user-submitted would you rather questions and submit your own!
							<br>Maze - Complete other people's mazes as fast as possible or create your own inside discord
							<br>Guess List - Guess as many words as you can from a list! Whether it's the 151 generation one pokemon or a list of organs or different animals, how many do you think you know?</p>
						<a href="https://smileyfacebots.xyz/commands?q=minigames-singleplayer">
							<button id="visit-pokemon" type="button">Check it out!</button>
						</a>
					</div>
					<img src="https://smileyfacebots.xyz/showcase-images/minigames_singleplayer.png">
				</div>
			</section>
			<section id="minigames-multiplayer" class="container">
				<div id="showcase-element">
					<div id="showcase-element-text-2">
						<h1 class="showcase-header">Multiplayer Minigames</h1>
						<p class="showcase-text">
							Play classic minigames with friends, including UNO!, connect 4 and word-by-word story creation
							<br><br>
							<br>UNO! - Play the well-known card game UNO!, where you have to run out of cards by playing those that match either the colour or number of the card currently down, which becomes progressively more difficult as you have fewer cards
							<br>Connect 4 - Play the classic game of connect 4 where you have to get 4 tokens in a row by stacking them on top of each other
							<br>Story - Create a fun story by taking turns to contribute a word and see what it ends up as!
						</p>
						<button id="visit-economy" type="button">Check it out!</button>
					</div>
					<img src="https://smileyfacebots.xyz/showcase-images/minigames_multiplayer.png">
				</div>
			</section>
			
			<section id="minigames-singleplayer-multiplayer" class="container">
				<div id="showcase-element">
					<div id="showcase-element-text-1">
						<h1 class="showcase-header">Singleplayer + Multiplayer Minigames</h1>
						<p class="showcase-text">Some minigames support both singleplayer and multiplayer! These include hangman, trivia and anagrams.
							<br><br>
							<br>Hangman - Play hangman on your own or with others in the channel by letting the bot generate a word or choosing your own
							<br>Trivia - How does your knowledge stack up? Play singleplayer when the bot waits for you, multiplayer where everyone in the channel can participate, group mode with a group of people where everyone can answer, or the exclusive duel mode if you want to challenge someone else in a fast paced 1v1
							<br>Anagram - Guess anagrams on your own or with other people
						</p>
						<button id="visit-moderation" type="button">Check it out!</button>
					</div>
					<img src="https://smileyfacebots.xyz/showcase-images/minigames_singleplayer_multiplayer.png">
				</div>
			</section>
			
			<section id="gambling" class="container">
				<div id="showcase-element">
					<div id="showcase-element-text-2">
						<h1 class="showcase-header">Gambling</h1>
						<p class="showcase-text">Play a fun gambling minigame where you can gamble using tokens to try and reach the highest score possible! When you go bankrupt, you'll go into jail for a short time although once you're out you can try and beat your previous score and earn achievements! Roll the slot machine, race horses, play rock paper scissors, guess numbers, roll dice, flip coins and even rob banks to make money.</p>
						<button id="visit-games" type="button">Check it out!</button>
					</div>
					<img src="https://smileyfacebots.xyz/showcase-images/gambling.png">
				</div>
			</section>
			
			<section id="game-stats" class="container">
				<div id="showcase-element">
					<div id="showcase-element-text-1">
						<h1 class="showcase-header">Game Stats</h1>
						<p class="showcase-text">
							View in-depth stats on your favourite games right inside discord! Currently supported: minecraft, brawl stars, clash royale, although if you have any other ideas I'll certainly do my best to implement them!
						</p>
						<button id="visit-giveaways" type="button">Check it out!</button>
					</div>
					<img src="https://smileyfacebots.xyz/showcase-images/stats.png">
				</div>
			</section>
		
			
			<section id="images" class="container">
				<div id="showcase-element">
					<div id="showcase-element-text-2">
						<h1 class="showcase-header">Image Commands</h1>
						<p class="showcase-text">
							View random dog pictures, Random cocktails (+ recipes), Meme generator,  NASA Astronomy Picture of the day, Face analysis etc.
						</p>
						<button id="visit-utility" type="button">Check it out!</button>
					</div>
					<img src="https://smileyfacebots.xyz/showcase-images/images.png">
				</div>
			</section>
			
			<section id="random-stuff" class="container">
				<div id="showcase-element">
					<div id="showcase-element-text-1">
						<h1 class="showcase-header">Random Stuff</h1>
						<p class="showcase-text">
							And there's a bunch of (almost) completely useless random stuff for when that's just what you want. Get a randomn affirmation, View a random dad joke (yes, they are terrible jokes), View a geek joke (still terrible), Random fruit, Random donald trump quote, Random star wars quote, Latitude and longitude of the ISS right now, 8ball, Fake typing indicator to tell people to type faster...
						</p>
						<button id="visit-permissions" type="button">Check it out!</button>
					</div>
					<img src="https://smileyfacebots.xyz/showcase-images/random.png">
				</div>
			</section>
			
			<section id="developer" class="container">
				<div id="showcase-element">
					<div id="showcase-element-text-3">
						<h1 class="showcase-header">Active Developer</h1>
						<p class="showcase-text">
							And of course Spectral has a very active developer who is always willing to answer questions and implement new features that <b>you</b> want to be added into the bot
						</p>
						<button id="visit-support-server" type="button">Check it out!</button>
					</div>
				</div>
			</section>
			

			<p id="list">These are only a few examples of what Spectral can do! <a href="https://smileyfacebots.xyz/commands?q=fun">Click here</a> to view the full command list</p>
			
						
</section>
			
<div class="spacer"></div>    
    
</div>	
		
<div class="spacer"></div>

<div class="spacer"></div>
    
Please feel free to join the [Official Server](https://discord.gg/JrXtBpM) if you have any queries, I am always happy to help 

Spectral

A fun bot with many fun features e.g. flappy bird, akinator, wyr, uno, connect 4, gambling, game stats, one word story, hangman, horse races

Voting for Spectral

Do you want to support us?