From 39496700881292163fc134e027b965142b90a528 Mon Sep 17 00:00:00 2001
From: TLSM <duolsm@outlook.com>
Date: Sat, 8 Oct 2022 01:10:39 -0400
Subject: [PATCH] WPD: sidebar update for flair & rule changes.

---
 files/assets/css/main.css        | 24 ++++++++++--------------
 files/templates/sidebar_WPD.html | 15 +++++++++------
 2 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index ef6cc1bf6..f2d974aec 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -5569,15 +5569,20 @@ audio, video {
 	font-size: 0.95rem;
 }
 
-#sidebar-wpd--flairs {
+.sidebar-wpd--flairs {
 	display: grid;
 	align-items: center;
-	grid-template-columns: repeat(3, 1fr);
-	margin-bottom: 2rem;
 	grid-gap: 1px;
 }
 
-#sidebar-wpd--flairs a {
+.sidebar-wpd--flairs--3 {
+	grid-template-columns: repeat(3, 1fr);
+}
+.sidebar-wpd--flairs--2 {
+	grid-template-columns: repeat(2, 1fr);
+}
+
+.sidebar-wpd--flairs a {
 	padding: 5px 5px 4px 5px;
 	text-align: center;
 	color: var(--muted);
@@ -5585,20 +5590,11 @@ audio, video {
 	box-shadow: 0 0 0 1px var(--primary);
 }
 
-#sidebar-wpd--flairs a:hover {
+.sidebar-wpd--flairs a:hover {
 	color: #fff;
 	text-decoration: none;
 }
 
-#sidebar-lgb--host-notice img {
-	display: block;
-	margin: 1.5rem auto 1rem auto;
-}
-#sidebar-lgb--host-notice a {
-	display: block;
-	text-align: center;
-}
-
 #sidebar--directory--head {
 	display: block;
 	font-size: 1.35rem;
diff --git a/files/templates/sidebar_WPD.html b/files/templates/sidebar_WPD.html
index 3080f4f2e..8b27022e6 100644
--- a/files/templates/sidebar_WPD.html
+++ b/files/templates/sidebar_WPD.html
@@ -25,7 +25,7 @@
 		<div class="mb-4">{{sub.sidebar_html|safe}}</div>
 	{% endif %}
 
-	<div id="sidebar-wpd--flairs">
+	<div class="sidebar-wpd--flairs sidebar-wpd--flairs--3">
 		<a href="/h/accident">Accident</a>
 		<a href="/h/suicide">Suicide</a>
 		<a href="/h/animal">Animal</a>
@@ -47,12 +47,14 @@
 		<a href="/h/maiming">Maiming</a>
 		<a href="/h/police">Police</a>
 		<a href="/h/combat">Combat</a>
-		<a href="/h/child">Child</a>
 		<a href="/h/gore">Gore</a>
-		<a href="/h/misc">Misc</a>
-		<a href="/h/request">Request</a>
+		<a href="/h/other">Other</a>
+		<a href="/h/request" class="font-italic">Request</a>
+	</div>
+	<hr>
+	<div class="sidebar-wpd--flairs sidebar-wpd--flairs--2 mb-4">
+		<a href="/h/meta" class="font-weight-bold">Meta</a>
 		<a href="/h/discussion">Discussion</a>
-		<a href="/h/meta">Meta</a>
 		<a href="/h/social">Social</a>
 		<a href="/h/music">Music</a>
 	</div>
@@ -70,6 +72,7 @@
 			<li>No doxing. No witch hunts.</li>
 			<li>Posts must include videos of people dying.
 				<ul>
+					<li>The <span style="font-variant-caps: small-caps;">Discussion</span>, <span style="font-variant-caps: small-caps;">Social</span>, and <span style="font-variant-caps: small-caps;">Music</span> flairs are intentionally off-topic and do not require people dying.</li>
 					<li>Videos that only include aftermath of a serious accident/incident or current event may be allowed.</li>
 					<li>No animal death unless there's also a human dying in the video.</li>
 				</ul>
@@ -77,7 +80,7 @@
 			<li>Titles should be as descriptive as possible.
 				<ul>
 					<li>Additional context, images, or sources are always encouraged and appreciated. No joke titles please.</li>
-					<li>If there is a child or animal, please add it as a descriptor.</li>
+					<li>If there is a child hurt or killed, please put "Child Warning" in the title.</li>
 				</ul>
 			</li>
 			<li>No explicit racism or bigotry.