updating some styling, add cw styled details, moderation page
All checks were successful
/ build (push) Successful in 40s
All checks were successful
/ build (push) Successful in 40s
This commit is contained in:
parent
fea78b27d8
commit
f6c4ad0110
3 changed files with 69 additions and 4 deletions
|
|
@ -42,6 +42,14 @@
|
|||
<p>Other instances that aren't inherently bad, but also constantly consists of any type of behavior that isn't worth full blown suspension will usually have other actions done to them as well (marked as NSFW, Silenced, etc.).</p>
|
||||
<hr class="solid">
|
||||
<p>If you'd like to question anything about our moderation or about a specific instance, feel free to ask us about it. If you find something that goes <i>against</i> our rules or should have action taken against, then report it (whether it's local or remote content).</p>
|
||||
<details class="cw">
|
||||
<summary><span class="icon tabler--alert-triangle"></span> Our moderation behavior/Information on removal of entries <span class="icon tabler--chevron-down"></span></summary>
|
||||
<section>
|
||||
<p>We will be hesitant to remove any entries from our lists, because being completely honest: The Fediverse is a <i>horrible</i> network filled with terrible people from a moderator and "normal person" standpoint. This is why we take a more <i>"strict"</i> approach to doing our moderation, to make an attempt to provide a safe and enjoyable experience.</p>
|
||||
<p>It is impossible to trust anyone here, especially those who have broken our trust and attempt to regain it. Despite this, we still host our Fediverse instances with pride and care, to provide a safe and curated space and as other social networks/platforms do not meet our wants and needs compared to the flexibility of the Fediverse.</p>
|
||||
<p><small>For any visitors passing by, please thank your admins and moderators. Maybe give them some pocket change, it's the least you can do to help them regain some sanity. <span class="icon tabler--heart" style="color:var(--red);"></span></small></p>
|
||||
</section>
|
||||
</details>
|
||||
<hr class="solid">
|
||||
<p>To view our blocklists and other moderation configurations here, along with reasons, please refer to below:</p>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ it doesn't have a name, call it "synth.download color scheme official real"
|
|||
--mauve: #ba8aff;
|
||||
--maroon: #e06c75;
|
||||
--peach: #ffac6b;
|
||||
--yellow: #e5c07b;
|
||||
--yellow: #d29f12;
|
||||
--teal: #2bbac5;
|
||||
--sky: #3eacce;
|
||||
--sapphire: #4db5d0;
|
||||
|
|
@ -139,7 +139,7 @@ html[data-theme="light"] {
|
|||
--mauve: #ba8aff;
|
||||
--maroon: #e06c75;
|
||||
--peach: #ffac6b;
|
||||
--yellow: #e5c07b;
|
||||
--yellow: #d29f12;
|
||||
--teal: #2bbac5;
|
||||
--sky: #3eacce;
|
||||
--sapphire: #4db5d0;
|
||||
|
|
@ -382,6 +382,62 @@ details.styled[open] {
|
|||
}
|
||||
}
|
||||
|
||||
/* more minimal "content warning" styled details elements */
|
||||
details.cw {
|
||||
summary {
|
||||
span {
|
||||
color: var(--yellow);
|
||||
padding-right: .6rem;
|
||||
transform: translateY(.1rem);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.tabler--chevron-down:last-of-type {
|
||||
margin-left: .5rem;
|
||||
}
|
||||
|
||||
background: color-mix(in srgb, var(--yellow) 5%, var(--background));
|
||||
border-radius: .4rem;
|
||||
border: .1rem solid var(--yellow);
|
||||
cursor: pointer;
|
||||
padding: .3rem;
|
||||
transform: 0.2s;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
section {
|
||||
background-color: color-mix(in srgb, var(--background) 95%, white);
|
||||
border-radius: .4rem;
|
||||
border: .1rem solid var(--border);
|
||||
margin-top: .7rem;
|
||||
padding: .4rem;
|
||||
text-align: start !important;
|
||||
|
||||
ul {
|
||||
margin: 0 0 0 -.5rem;
|
||||
}
|
||||
|
||||
p:first-of-type {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
p:last-of-type {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
details.cw[open] {
|
||||
.tabler--chevron-down:last-of-type {
|
||||
transform: 0.2s;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* badge text styling */
|
||||
.badge {
|
||||
border-radius: .2rem;
|
||||
|
|
@ -451,13 +507,13 @@ hr.rounded {
|
|||
border-radius: .4rem;
|
||||
|
||||
&.info {
|
||||
background-color: color-mix(in srgb, var(--blue) 10%, transparent);
|
||||
background-color: color-mix(in srgb, var(--blue) 8%, transparent);
|
||||
border-color: var(--blue);
|
||||
.icon { color: var(--blue); }
|
||||
}
|
||||
|
||||
&.warn {
|
||||
background-color: color-mix(in srgb, var(--orange) 10%, transparent);
|
||||
background-color: color-mix(in srgb, var(--orange) 8%, transparent);
|
||||
border-color: var(--orange);
|
||||
.icon { color: var(--orange); }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -38,6 +38,7 @@
|
|||
.tabler--brand-tabler { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m8 9l3 3l-3 3m5 0h3'/%3E%3Cpath d='M3 7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4z'/%3E%3C/g%3E%3C/svg%3E"); }
|
||||
.tabler--building-bank { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 21h18M3 10h18M5 6l7-3l7 3M4 10v11m16-11v11M8 14v3m4-3v3m4-3v3'/%3E%3C/svg%3E"); }
|
||||
.tabler--bulb { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7l-.7.7M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0-1 3a2 2 0 0 1-4 0a3.5 3.5 0 0 0-1-3m.7 1h4.6'/%3E%3C/svg%3E"); }
|
||||
.tabler--chevron-down { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E"); }
|
||||
.tabler--cloud-network { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 20h7m4 0h7m-11 0a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-4v2m-4-1.996H6.657C4.085 16 2 13.993 2 11.517s2.085-4.482 4.657-4.482c.393-1.762 1.794-3.2 3.675-3.773c1.88-.572 3.956-.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486s-1.551 3.487-3.465 3.487H16'/%3E%3C/svg%3E"); }
|
||||
.tabler--corner-down-right { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 6v6a3 3 0 0 0 3 3h10l-4-4m0 8l4-4'/%3E%3C/svg%3E"); }
|
||||
.tabler--currency-dollar { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16.7 8A3 3 0 0 0 14 6h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1-2.7-2M12 3v3m0 12v3'/%3E%3C/svg%3E"); }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue