WPD: sidebar update for flair & rule changes.

master
Snakes 2022-10-08 01:10:39 -04:00
parent d1e065460e
commit 3949670088
Signed by: Snakes
GPG Key ID: E745A82778055C7E
2 changed files with 19 additions and 20 deletions

View File

@ -5569,15 +5569,20 @@ audio, video {
font-size: 0.95rem; font-size: 0.95rem;
} }
#sidebar-wpd--flairs { .sidebar-wpd--flairs {
display: grid; display: grid;
align-items: center; align-items: center;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 2rem;
grid-gap: 1px; 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; padding: 5px 5px 4px 5px;
text-align: center; text-align: center;
color: var(--muted); color: var(--muted);
@ -5585,20 +5590,11 @@ audio, video {
box-shadow: 0 0 0 1px var(--primary); box-shadow: 0 0 0 1px var(--primary);
} }
#sidebar-wpd--flairs a:hover { .sidebar-wpd--flairs a:hover {
color: #fff; color: #fff;
text-decoration: none; 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 { #sidebar--directory--head {
display: block; display: block;
font-size: 1.35rem; font-size: 1.35rem;

View File

@ -25,7 +25,7 @@
<div class="mb-4">{{sub.sidebar_html|safe}}</div> <div class="mb-4">{{sub.sidebar_html|safe}}</div>
{% endif %} {% endif %}
<div id="sidebar-wpd--flairs"> <div class="sidebar-wpd--flairs sidebar-wpd--flairs--3">
<a href="/h/accident">Accident</a> <a href="/h/accident">Accident</a>
<a href="/h/suicide">Suicide</a> <a href="/h/suicide">Suicide</a>
<a href="/h/animal">Animal</a> <a href="/h/animal">Animal</a>
@ -47,12 +47,14 @@
<a href="/h/maiming">Maiming</a> <a href="/h/maiming">Maiming</a>
<a href="/h/police">Police</a> <a href="/h/police">Police</a>
<a href="/h/combat">Combat</a> <a href="/h/combat">Combat</a>
<a href="/h/child">Child</a>
<a href="/h/gore">Gore</a> <a href="/h/gore">Gore</a>
<a href="/h/misc">Misc</a> <a href="/h/other">Other</a>
<a href="/h/request">Request</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/discussion">Discussion</a>
<a href="/h/meta">Meta</a>
<a href="/h/social">Social</a> <a href="/h/social">Social</a>
<a href="/h/music">Music</a> <a href="/h/music">Music</a>
</div> </div>
@ -70,6 +72,7 @@
<li>No doxing. No witch hunts.</li> <li>No doxing. No witch hunts.</li>
<li>Posts must include videos of people dying. <li>Posts must include videos of people dying.
<ul> <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>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> <li>No animal death unless there's also a human dying in the video.</li>
</ul> </ul>
@ -77,7 +80,7 @@
<li>Titles should be as descriptive as possible. <li>Titles should be as descriptive as possible.
<ul> <ul>
<li>Additional context, images, or sources are always encouraged and appreciated. No joke titles please.</li> <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> </ul>
</li> </li>
<li>No explicit racism or bigotry. <li>No explicit racism or bigotry.