From a0605c281de3e2f8993c5a6227d301376eb54cd1 Mon Sep 17 00:00:00 2001
From: Starbeamrainbowlabs <sbrl@starbeamrainbowlabs.com>
Date: Sun, 30 Jul 2017 22:22:16 +0100
Subject: [PATCH] [client] Fiddle with the colour palette some more.

---
 Nibriboard/ClientFiles/Nibri.css  |  7 +++
 Nibriboard/ClientFiles/index.html | 81 ++++++++++++++++++++-----------
 2 files changed, 60 insertions(+), 28 deletions(-)

diff --git a/Nibriboard/ClientFiles/Nibri.css b/Nibriboard/ClientFiles/Nibri.css
index 02a50ad..dca895e 100644
--- a/Nibriboard/ClientFiles/Nibri.css
+++ b/Nibriboard/ClientFiles/Nibri.css
@@ -2,6 +2,7 @@ html, body { font-size: 100%; }
 body
 {
     font-family: sans-serif;
+    overflow: hidden; /* Some browsers have weirdness */
 }
 
 hr
@@ -31,6 +32,7 @@ hr
     top: 0; left: 0; bottom: 0;
     z-index: 2000;
     display: flex; flex-direction: column;
+    overflow-y: scroll;
     
     padding: 0.3em 0.45em;
     
@@ -119,6 +121,11 @@ hr
     border: 0.2em dashed hsl(219, 87%, 54%);
 }
 
+.palette br
+{
+    clear: both;
+}
+
 
 /**************************************/
 
diff --git a/Nibriboard/ClientFiles/index.html b/Nibriboard/ClientFiles/index.html
index 5fbb240..2550563 100644
--- a/Nibriboard/ClientFiles/index.html
+++ b/Nibriboard/ClientFiles/index.html
@@ -36,12 +36,7 @@
 				<span class="palette-colour" style="background-color: #87FF00;"></span>
 				<span class="palette-colour" style="background-color: #AFFF00;" data-selected></span>
 				<span class="palette-colour" style="background-color: #D7FF00;"></span>
-				<span class="palette-colour" style="background-color: #FFFF00;"></span>
-				<span class="palette-colour" style="background-color: #FFD700;"></span>
-				<span class="palette-colour" style="background-color: #FFAF00;"></span>
-				<span class="palette-colour" style="background-color: #FF8700;"></span>
-				<span class="palette-colour" style="background-color: #FF5F00;"></span>
-				<span class="palette-colour" style="background-color: #FF0000;"></span>
+				<br />
 				
 				<span class="palette-colour" style="background-color: #00FF5F;"></span>
 				<span class="palette-colour" style="background-color: #5FFF5F;"></span>
@@ -49,12 +44,9 @@
 				<span class="palette-colour" style="background-color: #87FF5F;"></span>
 				<span class="palette-colour" style="background-color: #AFFF5F;"></span>
 				<span class="palette-colour" style="background-color: #D7FF5F;"></span>
-				<span class="palette-colour" style="background-color: #FFFF87;"></span>
-				<span class="palette-colour" style="background-color: #FFD75F;"></span>
-				<span class="palette-colour" style="background-color: #FFAF5F;"></span>
-				<span class="palette-colour" style="background-color: #FF875F;"></span>
-				<span class="palette-colour" style="background-color: #FF5F5F;"></span>
-				<span class="palette-colour" style="background-color: #FF005F;"></span>
+				<span class="palette-colour" style="background-color: #C68222;"></span>
+				<span class="palette-colour" style="background-color: #B35900;"></span>
+				<br />
 				
 				<span class="palette-colour" style="background-color: #00FF87;"></span>
 				<span class="palette-colour" style="background-color: #5FFF87;"></span>
@@ -62,10 +54,8 @@
 				<span class="palette-colour" style="background-color: #AFFF87;"></span>
 				<span class="palette-colour" style="background-color: #D7FF87;"></span>
 				<span class="palette-colour" style="background-color: #FFFF87;"></span>
-				<span class="palette-colour" style="background-color: #FFD7AF;"></span>
-				<span class="palette-colour" style="background-color: #FFAFAF;"></span>
-				<span class="palette-colour" style="background-color: #FF87AF;"></span>
-				<span class="palette-colour" style="background-color: #FF0087;"></span>
+				<span class="palette-colour" style="background-color: #E6C85A;"></span>
+				<br />
 				
 				<span class="palette-colour" style="background-color: #00FFAF;"></span>
 				<span class="palette-colour" style="background-color: #5FFFAF;"></span>
@@ -75,9 +65,37 @@
 				<span class="palette-colour" style="background-color: #FFFFAF;"></span>
 				<span class="palette-colour" style="background-color: #FFD7AF;"></span>
 				<span class="palette-colour" style="background-color: #FFAFAF;"></span>
+				<br /> 
+				
+				<span class="palette-colour" style="background-color: #3B0005;"></span>
+				<span class="palette-colour" style="background-color: #89000B;"></span>
+				<span class="palette-colour" style="background-color: #FF0000;"></span>
+				<span class="palette-colour" style="background-color: #FF5F00;"></span>
+				<span class="palette-colour" style="background-color: #FF8700;"></span>
+				<span class="palette-colour" style="background-color: #FFAF00;"></span>
+				<span class="palette-colour" style="background-color: #FFD700;"></span>
+				<span class="palette-colour" style="background-color: #FFFF00;"></span>
+				<br /> 
+				
+				<span class="palette-colour" style="background-color: #761400;"></span>
+				<span class="palette-colour" style="background-color: #B3000F;"></span>
+				<span class="palette-colour" style="background-color: #FF005F;"></span>
+				<span class="palette-colour" style="background-color: #FF5F5F;"></span>
+				<span class="palette-colour" style="background-color: #FF875F;"></span>
+				<span class="palette-colour" style="background-color: #FFAF5F;"></span>
+				<span class="palette-colour" style="background-color: #FFD75F;"></span>
+				<span class="palette-colour" style="background-color: #FFFF87;"></span>
+				<br /> 
+				
+				<span class="palette-colour" style="background-color: #FF00D7;"></span>
+				<span class="palette-colour" style="background-color: #FF5FD7;"></span>
+				<span class="palette-colour" style="background-color: #FF87D7;"></span>
+				<span class="palette-colour" style="background-color: #FFAFD7;"></span>
 				<span class="palette-colour" style="background-color: #FF87AF;"></span>
 				<span class="palette-colour" style="background-color: #FF5FAF;"></span>
 				<span class="palette-colour" style="background-color: #FF00AF;"></span>
+				<span class="palette-colour" style="background-color: #FF0087;"></span>
+				<br />
 				
 				<span class="palette-colour" style="background-color: #00FFD7;"></span>
 				<span class="palette-colour" style="background-color: #5FFFD7;"></span>
@@ -86,10 +104,8 @@
 				<span class="palette-colour" style="background-color: #D7FFD7;"></span>
 				<span class="palette-colour" style="background-color: #FFFFD7;"></span>
 				<span class="palette-colour" style="background-color: #FFD7D7;"></span>
-				<span class="palette-colour" style="background-color: #FFAFD7;"></span>
-				<span class="palette-colour" style="background-color: #FF87D7;"></span>
-				<span class="palette-colour" style="background-color: #FF5FD7;"></span>
-		<span class="palette-colour" style="background-color: #FF00D7;"></span>
+				<span class="palette-colour" style="background-color: #FF5FFF;"></span>
+				<br />
 
 				<span class="palette-colour" style="background-color: #00FFFF;"></span>
 				<span class="palette-colour" style="background-color: #5FFFFF;"></span>
@@ -98,38 +114,47 @@
 				<span class="palette-colour" style="background-color: #D7FFFF;"></span>
 				<span class="palette-colour" style="background-color: #FFFFFF;"></span>
 				<span class="palette-colour" style="background-color: #FFD7FF;"></span>
-				<span class="palette-colour" style="background-color: #FFAFFF;"></span>
 				<span class="palette-colour" style="background-color: #FF87FF;"></span>
-				<span class="palette-colour" style="background-color: #FF5FFF;"></span>
+				<br /> 
 				
 				<span class="palette-colour" style="background-color: #00D7FF;"></span>
 				<span class="palette-colour" style="background-color: #5FD7FF;"></span>
 				<span class="palette-colour" style="background-color: #87D7FF;"></span>
 				<span class="palette-colour" style="background-color: #AFD7FF;"></span>
 				<span class="palette-colour" style="background-color: #D7D7FF;"></span>
+				<span class="palette-colour" style="background-color: #D700FF;"></span>
+				<span class="palette-colour" style="background-color: #FF00FF;"></span>
+				<br /> 
 				
+				<span class="palette-colour" style="background-color: #005DB1;"></span>
+				<span class="palette-colour" style="background-color: #0072D8;"></span>
 				<span class="palette-colour" style="background-color: #00AFFF;"></span>
 				<span class="palette-colour" style="background-color: #5FAFFF;"></span>
 				<span class="palette-colour" style="background-color: #87AFFF;"></span>
 				<span class="palette-colour" style="background-color: #AFAFFF;"></span>
 				<span class="palette-colour" style="background-color: #D7AFFF;"></span>
-
+				<span class="palette-colour" style="background-color: #FFAFFF;"></span>
+				<br /> 
+				
+				<span class="palette-colour" style="background-color: #001D4E;"></span>
+				<span class="palette-colour" style="background-color: #002A4E;"></span>
 				<span class="palette-colour" style="background-color: #0087FF;"></span>
 				<span class="palette-colour" style="background-color: #5F87FF;"></span>
 				<span class="palette-colour" style="background-color: #8787FF;"></span>
 				<span class="palette-colour" style="background-color: #AF87FF;"></span>
 				<span class="palette-colour" style="background-color: #D787FF;"></span>
+				<br /> 
 				
+				<span class="palette-colour" style="background-color: #000000;"></span>
+				<span class="palette-colour" style="background-color: #000714;"></span>
+				<span class="palette-colour" style="background-color: #00163B;"></span>
 				<span class="palette-colour" style="background-color: #005FFF;"></span>
 				<span class="palette-colour" style="background-color: #5F5FFF;"></span>
 				<span class="palette-colour" style="background-color: #875FFF;"></span>
 				<span class="palette-colour" style="background-color: #AF5FFF;"></span>
 				<span class="palette-colour" style="background-color: #D75FFF;"></span>
+				<br /> 
 				
-				<span class="palette-colour" style="background-color: #D700FF;"></span>
-				<span class="palette-colour" style="background-color: #FF00FF;"></span>
-				
-				<span class="palette-colour" style="background-color: #000000;"></span>
 				<span class="palette-colour" style="background-color: #1C1C1C;"></span>
 				<span class="palette-colour" style="background-color: #383838;"></span>
 				<span class="palette-colour" style="background-color: #545454;"></span>
@@ -137,7 +162,7 @@
 				<span class="palette-colour" style="background-color: #8C8C8C;"></span>
 				<span class="palette-colour" style="background-color: #A8A8A8;"></span>
 				<span class="palette-colour" style="background-color: #C4C4C4;"></span>
-				<span class="palette-colour" style="background-color: #FFFFFF;"></span>
+				<span class="palette-colour" style="background-color: #EFEFEF;"></span>
 				
 			</div>
 		</aside>
