From 81e5d2ffa2d2fd5d871f096669d110cb1c95acce Mon Sep 17 00:00:00 2001
From: sario528 <28790463+sario528@user.noreply.github.com>
Date: Sun, 19 Jul 2020 13:19:23 -0500
Subject: [PATCH 1/4] Added commands, linter showed no errors

---
 dashboard/src/components/Commands.vue | 204 +++++++++++++++++++++++++-
 1 file changed, 203 insertions(+), 1 deletion(-)
diff --git a/dashboard/src/components/Commands.vue b/dashboard/src/components/Commands.vue
index b6ce0bd7..b42062fb 100644
--- a/dashboard/src/components/Commands.vue
+++ b/dashboard/src/components/Commands.vue
@@ -17,7 +17,209 @@
 
 <template>
 	<div class="Commands">
-		<h1 class="title has-text-weight-light is-size-1-desktop">Coming soon</h1>
+		<h1 class="title has-text-weight-light is-size-1-desktop">Wolfia Commands</h1>
+		<h1 id="commands">Commands</h1>
+		<h3 id="starting-a-game">Starting a game</h3>
+		<table>
+			<thead>
+				<tr>
+					<th>Command</th>
+					<th>What it does</th>
+					<th>Example usage / aliases</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td><code>w.in</code></td>
+					<td>sign up for a game</td>
+					<td><code>w.in</code></td>
+				</tr>
+				<tr>
+					<td><code>w.out</code></td>
+					<td>drop from the sign up list; moderators can out other players</td>
+					<td><code>w.out</code> <code>w.out @player</code></td>
+				</tr>
+				<tr>
+					<td><code>w.setup</code></td>
+					<td>set up the game in the current channel</td>
+					<td>
+						<code>w.setup daylength 5</code> <code>w.setup game mafia</code>
+						<code>w.setup mode classic</code>
+					</td>
+				</tr>
+				<tr>
+					<td><code>w.start</code></td>
+					<td>start a game</td>
+					<td><code>w.start</code></td>
+				</tr>
+				<tr>
+					<td><code>w.rolepm</code></td>
+					<td>ask the bot to resend you your rolepm for the ongoing game</td>
+					<td><code>w.rpm</code></td>
+				</tr>
+				<tr>
+					<td><code>w.status</code></td>
+					<td>show the current status of an ongoing game or sign ups</td>
+					<td><code>w.st</code></td>
+				</tr>
+			</tbody>
+		</table>
+		<h3 id="game-actions">Game actions</h3>
+		<table>
+			<thead>
+				<tr>
+					<th>Command</th>
+					<th>What it does</th>
+					<th>Example usage / aliases</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td><code>w.check</code></td>
+					<td>check a players alignment</td>
+					<td><code>w.check 6</code></td>
+				</tr>
+				<tr>
+					<td><code>w.shoot</code></td>
+					<td>shoot another player</td>
+					<td><code>w.s @player</code></td>
+				</tr>
+				<tr>
+					<td><code>w.unvote</code></td>
+					<td>unvote</td>
+					<td><code>w.u</code></td>
+				</tr>
+				<tr>
+					<td><code>w.vote</code></td>
+					<td>vote a player for lynch</td>
+					<td><code>w.v @player</code></td>
+				</tr>
+				<tr>
+					<td><code>w.votecount</code></td>
+					<td>post the current votecount</td>
+					<td><code>w.vc</code></td>
+				</tr>
+				<tr>
+					<td><code>w.nightkill</code></td>
+					<td>vote a player for nightkill (in mafia chat only)</td>
+					<td><code>w.nk @player</code></td>
+				</tr>
+				<tr>
+					<td><code>w.hohoho</code></td>
+					<td>give a player a present (xmas mode only)</td>
+					<td><code>w.h 5</code></td>
+				</tr>
+				<tr>
+					<td><code>w.items</code></td>
+					<td>list the items that you own (xmas mode only)</td>
+					<td><code>w.items</code></td>
+				</tr>
+				<tr>
+					<td><code>w.openpresent</code></td>
+					<td>open a present that you received (xmas mode only)</td>
+					<td><code>w.op</code></td>
+				</tr>
+			</tbody>
+		</table>
+		<h3 id="bot-settings">Bot Settings</h3>
+		<table>
+			<thead>
+				<tr>
+					<th>Command</th>
+					<th>What it does</th>
+					<th>Example usage / aliases</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td><code>w.channelsettings</code></td>
+					<td>set up settings for this channel</td>
+					<td>
+						<code>w.cs accessrole Mafiaplayer</code>, <code>w.channelsettings tagcooldown 10</code>,
+						<code>w.cs auto-out on</code>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+		<h3 id="statistics">Statistics</h3>
+		<table>
+			<thead>
+				<tr>
+					<th>Command</th>
+					<th>What it does</th>
+					<th>Example usage / aliases</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td><code>w.userstats</code></td>
+					<td>show stats of a user</td>
+					<td><code>w.userstats @user</code></td>
+				</tr>
+				<tr>
+					<td><code>w.guildstats</code></td>
+					<td>show stats of the current guild</td>
+					<td><code>w.guildstats</code> <code>w.guildstats &lt;guildId&gt;</code></td>
+				</tr>
+				<tr>
+					<td><code>w.botstats</code></td>
+					<td>show bot wide stats</td>
+					<td><code>w.botstats</code></td>
+				</tr>
+			</tbody>
+		</table>
+		<h3 id="other-commands">Other Commands</h3>
+		<table>
+			<thead>
+				<tr>
+					<th>Command</th>
+					<th>What it does</th>
+					<th>Example usage / aliases</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td><code>w.auth</code></td>
+					<td>authorize to be added to wolf chat automatically</td>
+					<td><code>w.auth</code></td>
+				</tr>
+				<tr>
+					<td><code>w.commands</code></td>
+					<td>show a list of all available commands</td>
+					<td><code>w.comms</code></td>
+				</tr>
+				<tr>
+					<td><code>w.help</code></td>
+					<td>send some help your way</td>
+					<td><code>w.help</code></td>
+				</tr>
+				<tr>
+					<td><code>w.info</code></td>
+					<td>show some general information about Wolfia</td>
+					<td><code>w.info</code></td>
+				</tr>
+				<tr>
+					<td><code>w.invite</code></td>
+					<td>post invite links for Wolfia and the Wolfia Lounge</td>
+					<td><code>w.inv</code></td>
+				</tr>
+				<tr>
+					<td><code>w.rank</code></td>
+					<td>add or remove a rank in the WolfiaLounge</td>
+					<td><code>w.rank AlphaWolves</code></td>
+				</tr>
+				<tr>
+					<td><code>w.replay</code></td>
+					<td>show the replay of a game</td>
+					<td><code>w.replay #gameid</code></td>
+				</tr>
+				<tr>
+					<td><code>w.tag</code></td>
+					<td>post or sign up for the tag list of the channel</td>
+					<td><code>w.tag +</code> <code>w.tag -</code> <code>w.tag + @role</code></td>
+				</tr>
+			</tbody>
+		</table>
 	</div>
 </template>
 

From c23ea674f84ebb88878a239ebafb07e6d13e1387 Mon Sep 17 00:00:00 2001
From: sario528 <28790463+sario528@user.noreply.github.com>
Date: Sun, 19 Jul 2020 15:23:04 -0500
Subject: [PATCH 2/4] Better css formatting

---
 dashboard/src/components/Commands.vue | 415 +++++++++++++-------------
 1 file changed, 213 insertions(+), 202 deletions(-)

diff --git a/dashboard/src/components/Commands.vue b/dashboard/src/components/Commands.vue
index b42062fb..cec4d45e 100644
--- a/dashboard/src/components/Commands.vue
+++ b/dashboard/src/components/Commands.vue
@@ -18,208 +18,219 @@
 <template>
 	<div class="Commands">
 		<h1 class="title has-text-weight-light is-size-1-desktop">Wolfia Commands</h1>
-		<h1 id="commands">Commands</h1>
-		<h3 id="starting-a-game">Starting a game</h3>
-		<table>
-			<thead>
-				<tr>
-					<th>Command</th>
-					<th>What it does</th>
-					<th>Example usage / aliases</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr>
-					<td><code>w.in</code></td>
-					<td>sign up for a game</td>
-					<td><code>w.in</code></td>
-				</tr>
-				<tr>
-					<td><code>w.out</code></td>
-					<td>drop from the sign up list; moderators can out other players</td>
-					<td><code>w.out</code> <code>w.out @player</code></td>
-				</tr>
-				<tr>
-					<td><code>w.setup</code></td>
-					<td>set up the game in the current channel</td>
-					<td>
-						<code>w.setup daylength 5</code> <code>w.setup game mafia</code>
-						<code>w.setup mode classic</code>
-					</td>
-				</tr>
-				<tr>
-					<td><code>w.start</code></td>
-					<td>start a game</td>
-					<td><code>w.start</code></td>
-				</tr>
-				<tr>
-					<td><code>w.rolepm</code></td>
-					<td>ask the bot to resend you your rolepm for the ongoing game</td>
-					<td><code>w.rpm</code></td>
-				</tr>
-				<tr>
-					<td><code>w.status</code></td>
-					<td>show the current status of an ongoing game or sign ups</td>
-					<td><code>w.st</code></td>
-				</tr>
-			</tbody>
-		</table>
-		<h3 id="game-actions">Game actions</h3>
-		<table>
-			<thead>
-				<tr>
-					<th>Command</th>
-					<th>What it does</th>
-					<th>Example usage / aliases</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr>
-					<td><code>w.check</code></td>
-					<td>check a players alignment</td>
-					<td><code>w.check 6</code></td>
-				</tr>
-				<tr>
-					<td><code>w.shoot</code></td>
-					<td>shoot another player</td>
-					<td><code>w.s @player</code></td>
-				</tr>
-				<tr>
-					<td><code>w.unvote</code></td>
-					<td>unvote</td>
-					<td><code>w.u</code></td>
-				</tr>
-				<tr>
-					<td><code>w.vote</code></td>
-					<td>vote a player for lynch</td>
-					<td><code>w.v @player</code></td>
-				</tr>
-				<tr>
-					<td><code>w.votecount</code></td>
-					<td>post the current votecount</td>
-					<td><code>w.vc</code></td>
-				</tr>
-				<tr>
-					<td><code>w.nightkill</code></td>
-					<td>vote a player for nightkill (in mafia chat only)</td>
-					<td><code>w.nk @player</code></td>
-				</tr>
-				<tr>
-					<td><code>w.hohoho</code></td>
-					<td>give a player a present (xmas mode only)</td>
-					<td><code>w.h 5</code></td>
-				</tr>
-				<tr>
-					<td><code>w.items</code></td>
-					<td>list the items that you own (xmas mode only)</td>
-					<td><code>w.items</code></td>
-				</tr>
-				<tr>
-					<td><code>w.openpresent</code></td>
-					<td>open a present that you received (xmas mode only)</td>
-					<td><code>w.op</code></td>
-				</tr>
-			</tbody>
-		</table>
-		<h3 id="bot-settings">Bot Settings</h3>
-		<table>
-			<thead>
-				<tr>
-					<th>Command</th>
-					<th>What it does</th>
-					<th>Example usage / aliases</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr>
-					<td><code>w.channelsettings</code></td>
-					<td>set up settings for this channel</td>
-					<td>
-						<code>w.cs accessrole Mafiaplayer</code>, <code>w.channelsettings tagcooldown 10</code>,
-						<code>w.cs auto-out on</code>
-					</td>
-				</tr>
-			</tbody>
-		</table>
-		<h3 id="statistics">Statistics</h3>
-		<table>
-			<thead>
-				<tr>
-					<th>Command</th>
-					<th>What it does</th>
-					<th>Example usage / aliases</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr>
-					<td><code>w.userstats</code></td>
-					<td>show stats of a user</td>
-					<td><code>w.userstats @user</code></td>
-				</tr>
-				<tr>
-					<td><code>w.guildstats</code></td>
-					<td>show stats of the current guild</td>
-					<td><code>w.guildstats</code> <code>w.guildstats &lt;guildId&gt;</code></td>
-				</tr>
-				<tr>
-					<td><code>w.botstats</code></td>
-					<td>show bot wide stats</td>
-					<td><code>w.botstats</code></td>
-				</tr>
-			</tbody>
-		</table>
-		<h3 id="other-commands">Other Commands</h3>
-		<table>
-			<thead>
-				<tr>
-					<th>Command</th>
-					<th>What it does</th>
-					<th>Example usage / aliases</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr>
-					<td><code>w.auth</code></td>
-					<td>authorize to be added to wolf chat automatically</td>
-					<td><code>w.auth</code></td>
-				</tr>
-				<tr>
-					<td><code>w.commands</code></td>
-					<td>show a list of all available commands</td>
-					<td><code>w.comms</code></td>
-				</tr>
-				<tr>
-					<td><code>w.help</code></td>
-					<td>send some help your way</td>
-					<td><code>w.help</code></td>
-				</tr>
-				<tr>
-					<td><code>w.info</code></td>
-					<td>show some general information about Wolfia</td>
-					<td><code>w.info</code></td>
-				</tr>
-				<tr>
-					<td><code>w.invite</code></td>
-					<td>post invite links for Wolfia and the Wolfia Lounge</td>
-					<td><code>w.inv</code></td>
-				</tr>
-				<tr>
-					<td><code>w.rank</code></td>
-					<td>add or remove a rank in the WolfiaLounge</td>
-					<td><code>w.rank AlphaWolves</code></td>
-				</tr>
-				<tr>
-					<td><code>w.replay</code></td>
-					<td>show the replay of a game</td>
-					<td><code>w.replay #gameid</code></td>
-				</tr>
-				<tr>
-					<td><code>w.tag</code></td>
-					<td>post or sign up for the tag list of the channel</td>
-					<td><code>w.tag +</code> <code>w.tag -</code> <code>w.tag + @role</code></td>
-				</tr>
-			</tbody>
-		</table>
+		<div class="flex-container">
+			<div>
+				<h3 id="starting-a-game">Starting a game</h3>
+				<table>
+					<thead>
+						<tr>
+							<th>Command</th>
+							<th>What it does</th>
+							<th>Example usage / aliases</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td><code>w.in</code></td>
+							<td>sign up for a game</td>
+							<td><code>w.in</code></td>
+						</tr>
+						<tr>
+							<td><code>w.out</code></td>
+							<td>drop from the sign up list; moderators can out other players</td>
+							<td><code>w.out</code> <code>w.out @player</code></td>
+						</tr>
+						<tr>
+							<td><code>w.setup</code></td>
+							<td>set up the game in the current channel</td>
+							<td>
+								<code>w.setup daylength 5</code> <code>w.setup game mafia</code>
+								<code>w.setup mode classic</code>
+							</td>
+						</tr>
+						<tr>
+							<td><code>w.start</code></td>
+							<td>start a game</td>
+							<td><code>w.start</code></td>
+						</tr>
+						<tr>
+							<td><code>w.rolepm</code></td>
+							<td>ask the bot to resend you your rolepm for the ongoing game</td>
+							<td><code>w.rpm</code></td>
+						</tr>
+						<tr>
+							<td><code>w.status</code></td>
+							<td>show the current status of an ongoing game or sign ups</td>
+							<td><code>w.st</code></td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			<div>
+				<h3 id="game-actions">Game actions</h3>
+				<table>
+					<thead>
+						<tr>
+							<th>Command</th>
+							<th>What it does</th>
+							<th>Example usage / aliases</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td><code>w.check</code></td>
+							<td>check a players alignment</td>
+							<td><code>w.check 6</code></td>
+						</tr>
+						<tr>
+							<td><code>w.shoot</code></td>
+							<td>shoot another player</td>
+							<td><code>w.s @player</code></td>
+						</tr>
+						<tr>
+							<td><code>w.unvote</code></td>
+							<td>unvote</td>
+							<td><code>w.u</code></td>
+						</tr>
+						<tr>
+							<td><code>w.vote</code></td>
+							<td>vote a player for lynch</td>
+							<td><code>w.v @player</code></td>
+						</tr>
+						<tr>
+							<td><code>w.votecount</code></td>
+							<td>post the current votecount</td>
+							<td><code>w.vc</code></td>
+						</tr>
+						<tr>
+							<td><code>w.nightkill</code></td>
+							<td>vote a player for nightkill (in mafia chat only)</td>
+							<td><code>w.nk @player</code></td>
+						</tr>
+						<tr>
+							<td><code>w.hohoho</code></td>
+							<td>give a player a present (xmas mode only)</td>
+							<td><code>w.h 5</code></td>
+						</tr>
+						<tr>
+							<td><code>w.items</code></td>
+							<td>list the items that you own (xmas mode only)</td>
+							<td><code>w.items</code></td>
+						</tr>
+						<tr>
+							<td><code>w.openpresent</code></td>
+							<td>open a present that you received (xmas mode only)</td>
+							<td><code>w.op</code></td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			<div>
+				<h3 id="bot-settings">Bot Settings</h3>
+				<table>
+					<thead>
+						<tr>
+							<th>Command</th>
+							<th>What it does</th>
+							<th>Example usage / aliases</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td><code>w.channelsettings</code></td>
+							<td>set up settings for this channel</td>
+							<td>
+								<code>w.cs accessrole Mafiaplayer</code>, <code>w.channelsettings tagcooldown 10</code>,
+								<code>w.cs auto-out on</code>
+							</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			<div>
+				<h3 id="statistics">Statistics</h3>
+				<table>
+					<thead>
+						<tr>
+							<th>Command</th>
+							<th>What it does</th>
+							<th>Example usage / aliases</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td><code>w.userstats</code></td>
+							<td>show stats of a user</td>
+							<td><code>w.userstats @user</code></td>
+						</tr>
+						<tr>
+							<td><code>w.guildstats</code></td>
+							<td>show stats of the current guild</td>
+							<td><code>w.guildstats</code> <code>w.guildstats &lt;guildId&gt;</code></td>
+						</tr>
+						<tr>
+							<td><code>w.botstats</code></td>
+							<td>show bot wide stats</td>
+							<td><code>w.botstats</code></td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			<div>
+				<h3 id="other-commands">Other Commands</h3>
+				<table>
+					<thead>
+						<tr>
+							<th>Command</th>
+							<th>What it does</th>
+							<th>Example usage / aliases</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td><code>w.auth</code></td>
+							<td>authorize to be added to wolf chat automatically</td>
+							<td><code>w.auth</code></td>
+						</tr>
+						<tr>
+							<td><code>w.commands</code></td>
+							<td>show a list of all available commands</td>
+							<td><code>w.comms</code></td>
+						</tr>
+						<tr>
+							<td><code>w.help</code></td>
+							<td>send some help your way</td>
+							<td><code>w.help</code></td>
+						</tr>
+						<tr>
+							<td><code>w.info</code></td>
+							<td>show some general information about Wolfia</td>
+							<td><code>w.info</code></td>
+						</tr>
+						<tr>
+							<td><code>w.invite</code></td>
+							<td>post invite links for Wolfia and the Wolfia Lounge</td>
+							<td><code>w.inv</code></td>
+						</tr>
+						<tr>
+							<td><code>w.rank</code></td>
+							<td>add or remove a rank in the WolfiaLounge</td>
+							<td><code>w.rank AlphaWolves</code></td>
+						</tr>
+						<tr>
+							<td><code>w.replay</code></td>
+							<td>show the replay of a game</td>
+							<td><code>w.replay #gameid</code></td>
+						</tr>
+						<tr>
+							<td><code>w.tag</code></td>
+							<td>post or sign up for the tag list of the channel</td>
+							<td><code>w.tag +</code> <code>w.tag -</code> <code>w.tag + @role</code></td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+		</div>
 	</div>
 </template>
 

From cf44de37ce5f07876776379e8cc3d6dc28b440f1 Mon Sep 17 00:00:00 2001
From: sario528 <28790463+sario528@user.noreply.github.com>
Date: Sun, 19 Jul 2020 13:19:23 -0500
Subject: [PATCH 3/4] Added commands, linter showed no errors

---
 frontend/src/components/Commands.vue | 204 ++++++++++++++++++++++++++-
 1 file changed, 203 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Commands.vue b/frontend/src/components/Commands.vue
index b6ce0bd7..b42062fb 100644
--- a/frontend/src/components/Commands.vue
+++ b/frontend/src/components/Commands.vue
@@ -17,7 +17,209 @@
 
 <template>
 	<div class="Commands">
-		<h1 class="title has-text-weight-light is-size-1-desktop">Coming soon</h1>
+		<h1 class="title has-text-weight-light is-size-1-desktop">Wolfia Commands</h1>
+		<h1 id="commands">Commands</h1>
+		<h3 id="starting-a-game">Starting a game</h3>
+		<table>
+			<thead>
+				<tr>
+					<th>Command</th>
+					<th>What it does</th>
+					<th>Example usage / aliases</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td><code>w.in</code></td>
+					<td>sign up for a game</td>
+					<td><code>w.in</code></td>
+				</tr>
+				<tr>
+					<td><code>w.out</code></td>
+					<td>drop from the sign up list; moderators can out other players</td>
+					<td><code>w.out</code> <code>w.out @player</code></td>
+				</tr>
+				<tr>
+					<td><code>w.setup</code></td>
+					<td>set up the game in the current channel</td>
+					<td>
+						<code>w.setup daylength 5</code> <code>w.setup game mafia</code>
+						<code>w.setup mode classic</code>
+					</td>
+				</tr>
+				<tr>
+					<td><code>w.start</code></td>
+					<td>start a game</td>
+					<td><code>w.start</code></td>
+				</tr>
+				<tr>
+					<td><code>w.rolepm</code></td>
+					<td>ask the bot to resend you your rolepm for the ongoing game</td>
+					<td><code>w.rpm</code></td>
+				</tr>
+				<tr>
+					<td><code>w.status</code></td>
+					<td>show the current status of an ongoing game or sign ups</td>
+					<td><code>w.st</code></td>
+				</tr>
+			</tbody>
+		</table>
+		<h3 id="game-actions">Game actions</h3>
+		<table>
+			<thead>
+				<tr>
+					<th>Command</th>
+					<th>What it does</th>
+					<th>Example usage / aliases</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td><code>w.check</code></td>
+					<td>check a players alignment</td>
+					<td><code>w.check 6</code></td>
+				</tr>
+				<tr>
+					<td><code>w.shoot</code></td>
+					<td>shoot another player</td>
+					<td><code>w.s @player</code></td>
+				</tr>
+				<tr>
+					<td><code>w.unvote</code></td>
+					<td>unvote</td>
+					<td><code>w.u</code></td>
+				</tr>
+				<tr>
+					<td><code>w.vote</code></td>
+					<td>vote a player for lynch</td>
+					<td><code>w.v @player</code></td>
+				</tr>
+				<tr>
+					<td><code>w.votecount</code></td>
+					<td>post the current votecount</td>
+					<td><code>w.vc</code></td>
+				</tr>
+				<tr>
+					<td><code>w.nightkill</code></td>
+					<td>vote a player for nightkill (in mafia chat only)</td>
+					<td><code>w.nk @player</code></td>
+				</tr>
+				<tr>
+					<td><code>w.hohoho</code></td>
+					<td>give a player a present (xmas mode only)</td>
+					<td><code>w.h 5</code></td>
+				</tr>
+				<tr>
+					<td><code>w.items</code></td>
+					<td>list the items that you own (xmas mode only)</td>
+					<td><code>w.items</code></td>
+				</tr>
+				<tr>
+					<td><code>w.openpresent</code></td>
+					<td>open a present that you received (xmas mode only)</td>
+					<td><code>w.op</code></td>
+				</tr>
+			</tbody>
+		</table>
+		<h3 id="bot-settings">Bot Settings</h3>
+		<table>
+			<thead>
+				<tr>
+					<th>Command</th>
+					<th>What it does</th>
+					<th>Example usage / aliases</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td><code>w.channelsettings</code></td>
+					<td>set up settings for this channel</td>
+					<td>
+						<code>w.cs accessrole Mafiaplayer</code>, <code>w.channelsettings tagcooldown 10</code>,
+						<code>w.cs auto-out on</code>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+		<h3 id="statistics">Statistics</h3>
+		<table>
+			<thead>
+				<tr>
+					<th>Command</th>
+					<th>What it does</th>
+					<th>Example usage / aliases</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td><code>w.userstats</code></td>
+					<td>show stats of a user</td>
+					<td><code>w.userstats @user</code></td>
+				</tr>
+				<tr>
+					<td><code>w.guildstats</code></td>
+					<td>show stats of the current guild</td>
+					<td><code>w.guildstats</code> <code>w.guildstats &lt;guildId&gt;</code></td>
+				</tr>
+				<tr>
+					<td><code>w.botstats</code></td>
+					<td>show bot wide stats</td>
+					<td><code>w.botstats</code></td>
+				</tr>
+			</tbody>
+		</table>
+		<h3 id="other-commands">Other Commands</h3>
+		<table>
+			<thead>
+				<tr>
+					<th>Command</th>
+					<th>What it does</th>
+					<th>Example usage / aliases</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td><code>w.auth</code></td>
+					<td>authorize to be added to wolf chat automatically</td>
+					<td><code>w.auth</code></td>
+				</tr>
+				<tr>
+					<td><code>w.commands</code></td>
+					<td>show a list of all available commands</td>
+					<td><code>w.comms</code></td>
+				</tr>
+				<tr>
+					<td><code>w.help</code></td>
+					<td>send some help your way</td>
+					<td><code>w.help</code></td>
+				</tr>
+				<tr>
+					<td><code>w.info</code></td>
+					<td>show some general information about Wolfia</td>
+					<td><code>w.info</code></td>
+				</tr>
+				<tr>
+					<td><code>w.invite</code></td>
+					<td>post invite links for Wolfia and the Wolfia Lounge</td>
+					<td><code>w.inv</code></td>
+				</tr>
+				<tr>
+					<td><code>w.rank</code></td>
+					<td>add or remove a rank in the WolfiaLounge</td>
+					<td><code>w.rank AlphaWolves</code></td>
+				</tr>
+				<tr>
+					<td><code>w.replay</code></td>
+					<td>show the replay of a game</td>
+					<td><code>w.replay #gameid</code></td>
+				</tr>
+				<tr>
+					<td><code>w.tag</code></td>
+					<td>post or sign up for the tag list of the channel</td>
+					<td><code>w.tag +</code> <code>w.tag -</code> <code>w.tag + @role</code></td>
+				</tr>
+			</tbody>
+		</table>
 	</div>
 </template>
 

From b2ff84cb7cb50fdd12beaf30ec24311c954cda67 Mon Sep 17 00:00:00 2001
From: sario528 <28790463+sario528@user.noreply.github.com>
Date: Sun, 19 Jul 2020 15:23:04 -0500
Subject: [PATCH 4/4] Better css formatting

---
 frontend/src/components/Commands.vue | 415 ++++++++++++++-------------
 1 file changed, 213 insertions(+), 202 deletions(-)

diff --git a/frontend/src/components/Commands.vue b/frontend/src/components/Commands.vue
index b42062fb..cec4d45e 100644
--- a/frontend/src/components/Commands.vue
+++ b/frontend/src/components/Commands.vue
@@ -18,208 +18,219 @@
 <template>
 	<div class="Commands">
 		<h1 class="title has-text-weight-light is-size-1-desktop">Wolfia Commands</h1>
-		<h1 id="commands">Commands</h1>
-		<h3 id="starting-a-game">Starting a game</h3>
-		<table>
-			<thead>
-				<tr>
-					<th>Command</th>
-					<th>What it does</th>
-					<th>Example usage / aliases</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr>
-					<td><code>w.in</code></td>
-					<td>sign up for a game</td>
-					<td><code>w.in</code></td>
-				</tr>
-				<tr>
-					<td><code>w.out</code></td>
-					<td>drop from the sign up list; moderators can out other players</td>
-					<td><code>w.out</code> <code>w.out @player</code></td>
-				</tr>
-				<tr>
-					<td><code>w.setup</code></td>
-					<td>set up the game in the current channel</td>
-					<td>
-						<code>w.setup daylength 5</code> <code>w.setup game mafia</code>
-						<code>w.setup mode classic</code>
-					</td>
-				</tr>
-				<tr>
-					<td><code>w.start</code></td>
-					<td>start a game</td>
-					<td><code>w.start</code></td>
-				</tr>
-				<tr>
-					<td><code>w.rolepm</code></td>
-					<td>ask the bot to resend you your rolepm for the ongoing game</td>
-					<td><code>w.rpm</code></td>
-				</tr>
-				<tr>
-					<td><code>w.status</code></td>
-					<td>show the current status of an ongoing game or sign ups</td>
-					<td><code>w.st</code></td>
-				</tr>
-			</tbody>
-		</table>
-		<h3 id="game-actions">Game actions</h3>
-		<table>
-			<thead>
-				<tr>
-					<th>Command</th>
-					<th>What it does</th>
-					<th>Example usage / aliases</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr>
-					<td><code>w.check</code></td>
-					<td>check a players alignment</td>
-					<td><code>w.check 6</code></td>
-				</tr>
-				<tr>
-					<td><code>w.shoot</code></td>
-					<td>shoot another player</td>
-					<td><code>w.s @player</code></td>
-				</tr>
-				<tr>
-					<td><code>w.unvote</code></td>
-					<td>unvote</td>
-					<td><code>w.u</code></td>
-				</tr>
-				<tr>
-					<td><code>w.vote</code></td>
-					<td>vote a player for lynch</td>
-					<td><code>w.v @player</code></td>
-				</tr>
-				<tr>
-					<td><code>w.votecount</code></td>
-					<td>post the current votecount</td>
-					<td><code>w.vc</code></td>
-				</tr>
-				<tr>
-					<td><code>w.nightkill</code></td>
-					<td>vote a player for nightkill (in mafia chat only)</td>
-					<td><code>w.nk @player</code></td>
-				</tr>
-				<tr>
-					<td><code>w.hohoho</code></td>
-					<td>give a player a present (xmas mode only)</td>
-					<td><code>w.h 5</code></td>
-				</tr>
-				<tr>
-					<td><code>w.items</code></td>
-					<td>list the items that you own (xmas mode only)</td>
-					<td><code>w.items</code></td>
-				</tr>
-				<tr>
-					<td><code>w.openpresent</code></td>
-					<td>open a present that you received (xmas mode only)</td>
-					<td><code>w.op</code></td>
-				</tr>
-			</tbody>
-		</table>
-		<h3 id="bot-settings">Bot Settings</h3>
-		<table>
-			<thead>
-				<tr>
-					<th>Command</th>
-					<th>What it does</th>
-					<th>Example usage / aliases</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr>
-					<td><code>w.channelsettings</code></td>
-					<td>set up settings for this channel</td>
-					<td>
-						<code>w.cs accessrole Mafiaplayer</code>, <code>w.channelsettings tagcooldown 10</code>,
-						<code>w.cs auto-out on</code>
-					</td>
-				</tr>
-			</tbody>
-		</table>
-		<h3 id="statistics">Statistics</h3>
-		<table>
-			<thead>
-				<tr>
-					<th>Command</th>
-					<th>What it does</th>
-					<th>Example usage / aliases</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr>
-					<td><code>w.userstats</code></td>
-					<td>show stats of a user</td>
-					<td><code>w.userstats @user</code></td>
-				</tr>
-				<tr>
-					<td><code>w.guildstats</code></td>
-					<td>show stats of the current guild</td>
-					<td><code>w.guildstats</code> <code>w.guildstats &lt;guildId&gt;</code></td>
-				</tr>
-				<tr>
-					<td><code>w.botstats</code></td>
-					<td>show bot wide stats</td>
-					<td><code>w.botstats</code></td>
-				</tr>
-			</tbody>
-		</table>
-		<h3 id="other-commands">Other Commands</h3>
-		<table>
-			<thead>
-				<tr>
-					<th>Command</th>
-					<th>What it does</th>
-					<th>Example usage / aliases</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr>
-					<td><code>w.auth</code></td>
-					<td>authorize to be added to wolf chat automatically</td>
-					<td><code>w.auth</code></td>
-				</tr>
-				<tr>
-					<td><code>w.commands</code></td>
-					<td>show a list of all available commands</td>
-					<td><code>w.comms</code></td>
-				</tr>
-				<tr>
-					<td><code>w.help</code></td>
-					<td>send some help your way</td>
-					<td><code>w.help</code></td>
-				</tr>
-				<tr>
-					<td><code>w.info</code></td>
-					<td>show some general information about Wolfia</td>
-					<td><code>w.info</code></td>
-				</tr>
-				<tr>
-					<td><code>w.invite</code></td>
-					<td>post invite links for Wolfia and the Wolfia Lounge</td>
-					<td><code>w.inv</code></td>
-				</tr>
-				<tr>
-					<td><code>w.rank</code></td>
-					<td>add or remove a rank in the WolfiaLounge</td>
-					<td><code>w.rank AlphaWolves</code></td>
-				</tr>
-				<tr>
-					<td><code>w.replay</code></td>
-					<td>show the replay of a game</td>
-					<td><code>w.replay #gameid</code></td>
-				</tr>
-				<tr>
-					<td><code>w.tag</code></td>
-					<td>post or sign up for the tag list of the channel</td>
-					<td><code>w.tag +</code> <code>w.tag -</code> <code>w.tag + @role</code></td>
-				</tr>
-			</tbody>
-		</table>
+		<div class="flex-container">
+			<div>
+				<h3 id="starting-a-game">Starting a game</h3>
+				<table>
+					<thead>
+						<tr>
+							<th>Command</th>
+							<th>What it does</th>
+							<th>Example usage / aliases</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td><code>w.in</code></td>
+							<td>sign up for a game</td>
+							<td><code>w.in</code></td>
+						</tr>
+						<tr>
+							<td><code>w.out</code></td>
+							<td>drop from the sign up list; moderators can out other players</td>
+							<td><code>w.out</code> <code>w.out @player</code></td>
+						</tr>
+						<tr>
+							<td><code>w.setup</code></td>
+							<td>set up the game in the current channel</td>
+							<td>
+								<code>w.setup daylength 5</code> <code>w.setup game mafia</code>
+								<code>w.setup mode classic</code>
+							</td>
+						</tr>
+						<tr>
+							<td><code>w.start</code></td>
+							<td>start a game</td>
+							<td><code>w.start</code></td>
+						</tr>
+						<tr>
+							<td><code>w.rolepm</code></td>
+							<td>ask the bot to resend you your rolepm for the ongoing game</td>
+							<td><code>w.rpm</code></td>
+						</tr>
+						<tr>
+							<td><code>w.status</code></td>
+							<td>show the current status of an ongoing game or sign ups</td>
+							<td><code>w.st</code></td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			<div>
+				<h3 id="game-actions">Game actions</h3>
+				<table>
+					<thead>
+						<tr>
+							<th>Command</th>
+							<th>What it does</th>
+							<th>Example usage / aliases</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td><code>w.check</code></td>
+							<td>check a players alignment</td>
+							<td><code>w.check 6</code></td>
+						</tr>
+						<tr>
+							<td><code>w.shoot</code></td>
+							<td>shoot another player</td>
+							<td><code>w.s @player</code></td>
+						</tr>
+						<tr>
+							<td><code>w.unvote</code></td>
+							<td>unvote</td>
+							<td><code>w.u</code></td>
+						</tr>
+						<tr>
+							<td><code>w.vote</code></td>
+							<td>vote a player for lynch</td>
+							<td><code>w.v @player</code></td>
+						</tr>
+						<tr>
+							<td><code>w.votecount</code></td>
+							<td>post the current votecount</td>
+							<td><code>w.vc</code></td>
+						</tr>
+						<tr>
+							<td><code>w.nightkill</code></td>
+							<td>vote a player for nightkill (in mafia chat only)</td>
+							<td><code>w.nk @player</code></td>
+						</tr>
+						<tr>
+							<td><code>w.hohoho</code></td>
+							<td>give a player a present (xmas mode only)</td>
+							<td><code>w.h 5</code></td>
+						</tr>
+						<tr>
+							<td><code>w.items</code></td>
+							<td>list the items that you own (xmas mode only)</td>
+							<td><code>w.items</code></td>
+						</tr>
+						<tr>
+							<td><code>w.openpresent</code></td>
+							<td>open a present that you received (xmas mode only)</td>
+							<td><code>w.op</code></td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			<div>
+				<h3 id="bot-settings">Bot Settings</h3>
+				<table>
+					<thead>
+						<tr>
+							<th>Command</th>
+							<th>What it does</th>
+							<th>Example usage / aliases</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td><code>w.channelsettings</code></td>
+							<td>set up settings for this channel</td>
+							<td>
+								<code>w.cs accessrole Mafiaplayer</code>, <code>w.channelsettings tagcooldown 10</code>,
+								<code>w.cs auto-out on</code>
+							</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			<div>
+				<h3 id="statistics">Statistics</h3>
+				<table>
+					<thead>
+						<tr>
+							<th>Command</th>
+							<th>What it does</th>
+							<th>Example usage / aliases</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td><code>w.userstats</code></td>
+							<td>show stats of a user</td>
+							<td><code>w.userstats @user</code></td>
+						</tr>
+						<tr>
+							<td><code>w.guildstats</code></td>
+							<td>show stats of the current guild</td>
+							<td><code>w.guildstats</code> <code>w.guildstats &lt;guildId&gt;</code></td>
+						</tr>
+						<tr>
+							<td><code>w.botstats</code></td>
+							<td>show bot wide stats</td>
+							<td><code>w.botstats</code></td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			<div>
+				<h3 id="other-commands">Other Commands</h3>
+				<table>
+					<thead>
+						<tr>
+							<th>Command</th>
+							<th>What it does</th>
+							<th>Example usage / aliases</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td><code>w.auth</code></td>
+							<td>authorize to be added to wolf chat automatically</td>
+							<td><code>w.auth</code></td>
+						</tr>
+						<tr>
+							<td><code>w.commands</code></td>
+							<td>show a list of all available commands</td>
+							<td><code>w.comms</code></td>
+						</tr>
+						<tr>
+							<td><code>w.help</code></td>
+							<td>send some help your way</td>
+							<td><code>w.help</code></td>
+						</tr>
+						<tr>
+							<td><code>w.info</code></td>
+							<td>show some general information about Wolfia</td>
+							<td><code>w.info</code></td>
+						</tr>
+						<tr>
+							<td><code>w.invite</code></td>
+							<td>post invite links for Wolfia and the Wolfia Lounge</td>
+							<td><code>w.inv</code></td>
+						</tr>
+						<tr>
+							<td><code>w.rank</code></td>
+							<td>add or remove a rank in the WolfiaLounge</td>
+							<td><code>w.rank AlphaWolves</code></td>
+						</tr>
+						<tr>
+							<td><code>w.replay</code></td>
+							<td>show the replay of a game</td>
+							<td><code>w.replay #gameid</code></td>
+						</tr>
+						<tr>
+							<td><code>w.tag</code></td>
+							<td>post or sign up for the tag list of the channel</td>
+							<td><code>w.tag +</code> <code>w.tag -</code> <code>w.tag + @role</code></td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+		</div>
 	</div>
 </template>
 

Command	What it does	Example usage / aliases
`w.in`	sign up for a game	`w.in`
`w.out`	drop from the sign up list; moderators can out other players	`w.out` `w.out @player`
`w.setup`	set up the game in the current channel	+ `w.setup daylength 5` `w.setup game mafia` + `w.setup mode classic` +
`w.start`	start a game	`w.start`
`w.rolepm`	ask the bot to resend you your rolepm for the ongoing game	`w.rpm`
`w.status`	show the current status of an ongoing game or sign ups	`w.st`
Command	What it does	Example usage / aliases
`w.check`	check a players alignment	`w.check 6`
`w.shoot`	shoot another player	`w.s @player`
`w.unvote`	unvote	`w.u`
`w.vote`	vote a player for lynch	`w.v @player`
`w.votecount`	post the current votecount	`w.vc`
`w.nightkill`	vote a player for nightkill (in mafia chat only)	`w.nk @player`
`w.hohoho`	give a player a present (xmas mode only)	`w.h 5`
`w.items`	list the items that you own (xmas mode only)	`w.items`
`w.openpresent`	open a present that you received (xmas mode only)	`w.op`
Command	What it does	Example usage / aliases
`w.userstats`	show stats of a user	`w.userstats @user`
`w.guildstats`	show stats of the current guild	`w.guildstats` `w.guildstats <guildId>`
`w.botstats`	show bot wide stats	`w.botstats`
Command	What it does	Example usage / aliases
`w.auth`	authorize to be added to wolf chat automatically	`w.auth`
`w.commands`	show a list of all available commands	`w.comms`
`w.help`	send some help your way	`w.help`
`w.info`	show some general information about Wolfia	`w.info`
`w.invite`	post invite links for Wolfia and the Wolfia Lounge	`w.inv`
`w.rank`	add or remove a rank in the WolfiaLounge	`w.rank AlphaWolves`
`w.replay`	show the replay of a game	`w.replay #gameid`
`w.tag`	post or sign up for the tag list of the channel	`w.tag +` `w.tag -` `w.tag + @role`