Update moderation documentation

content/assets/searchbar.js

@@ -0,0 +1,66 @@
+ function search_tags() {
+    let input = document.getElementById('searchbar').value
+    input=input.toLowerCase();
+    let hide_title = document.getElementsByClassName('hide_on_search');
+    let x = document.getElementsByClassName('search_tags');
+    let count = 0;
+    for (i = 0; i < x.length; i++) {
+        if (!x[i].innerHTML.toLowerCase().includes(input)) {
+        x[i].closest("div > a").parentElement.style.display="none";
+        }
+        else {
+        x[i].closest("div > a").parentElement.style.display="initial";
+        count+=1;
+        }
+    }
+ if (input != ""){
+    if (count > 0){
+        document.getElementById("search_result_count").innerHTML = count + " results found."
+    }
+    else {
+        document.getElementById("search_result_count").innerHTML = "no tags found, try again using another keyword."
+    }
+    for (i = 0; i < hide_title.length; i++) {
+        hide_title[i].style.display="none";
+        hide_title[i].parentElement.classList.remove("border-b-2","py-10");
+        hide_title[i].parentElement.classList.add("py-1");
+    }
+ }
+ else {
+        document.getElementById("search_result_count").innerHTML = "";
+        for (i = 0; i < hide_title.length; i++) {
+            hide_title[i].style.display="flex";
+            hide_title[i].parentElement.classList.add("py-1");
+            hide_title[i].parentElement.classList.add("border-b-2","py-10");
+        }
+    }
+}
+ function search_table() {
+     let input = document.getElementById('searchbar').value
+     input=input.toLowerCase();
+     let x = document.getElementsByClassName('search_column');
+     let count = 0;
+     for (i = 0; i < x.length; i++) {
+         if (!x[i].innerHTML.toLowerCase().includes(input)) {
+             x[i].parentElement.style.display="none";
+             console.log(x[i].parentElement)
+         }
+         else {
+             x[i].parentElement.style.display="";
+             console.log(x[i].parentElement)
+             count+=1;
+         }
+     }
+     if (input != ""){
+         if (count > 0){
+             document.getElementById("search_result_count").innerHTML = count + " results found."
+         }
+         else {
+             document.getElementById("search_result_count").innerHTML = "no tags found, try again using another keyword."
+         }
+     }
+     else {
+         document.getElementById("search_result_count").innerHTML = "";
+     }
+ }
+//coded by someone awesome lol

content/assets/style.css

@@ -0,0 +1,62 @@
+.logo {
+    background: linear-gradient(217deg, #c54a2e, #da14e4, #2b4ac8);
+    background-size: 600% 600%;
+
+    -webkit-animation: LogoBlinking 2s ease infinite;
+    -moz-animation: LogoBlinking 2s ease infinite;
+    -o-animation: LogoBlinking 2s ease infinite;
+    animation: LogoBlinking 2s ease infinite;
+}
+
+@-webkit-keyframes LogoBlinking {
+    0%{background-position:90% 0%}
+    50%{background-position:11% 100%}
+    100%{background-position:90% 0%}
+}
+@-moz-keyframes LogoBlinking {
+    0%{background-position:90% 0%}
+    50%{background-position:11% 100%}
+    100%{background-position:90% 0%}
+}
+@-o-keyframes LogoBlinking {
+    0%{background-position:90% 0%}
+    50%{background-position:11% 100%}
+    100%{background-position:90% 0%}
+}
+@keyframes LogoBlinking {
+    0%{background-position:90% 0%}
+    50%{background-position:11% 100%}
+    100%{background-position:90% 0%}
+}
+
+pre {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    padding: 5px;
+    background-color: rgb(128, 128, 128, 0.2);
+}
+
+code {
+    padding: 3px;
+    background: black;
+    color: rgb(167,139,250);
+}
+
+p a {
+    color: #da14e4;
+    text-decoration: underline;
+}
+h1{
+    font-size: 140% !important;
+    font-weight: bold;
+}
+h2{
+    font-size: 130% !important;
+    font-weight: bold;
+}
+h3{
+    font-size: 115% !important;
+    font-weight: bold;
+}
+
+

content/voicechat_moderation.md

@@ -2,15 +2,27 @@
 [//]: # (ICON:fas fa-user-shield)
 [//]: # (DESCRIPTION:How to moderate your player experience with Mutes and bans)
 [//]: # (TAGS:voice,voicechat,proximity,talking,calling,calls)
-[//]: # (COMMANDS:/oa pv mod {username},Loads a GUI showing names of the 15 most recent players that they talked to, when they were last seen, as well as allowing you to ban them from using Proximity Voice Chat at all.)
-[//]: # (COMMANDS:/oa vc mod {username},Loads a GUI showing names of the 15 most recent players that they talked to, when they were last seen, as well as allowing you to ban them from using Proximity Voice Chat at all.)
-[//]: # (COMMANDS:/oa voice mod {username},Loads a GUI showing names of the 15 most recent players that they talked to, when they were last seen, as well as allowing you to ban them from using Proximity Voice Chat at all.)
-[//]: # (COMMANDS:/oa voicechat mod {username},Loads a GUI showing names of the 15 most recent players that they talked to, when they were last seen, as well as allowing you to ban them from using Proximity Voice Chat at all.)
-[//]: # (COMMANDS:/oa proximity mod {username},Loads a GUI showing names of the 15 most recent players that they talked to, when they were last seen, as well as allowing you to ban them from using Proximity Voice Chat at all.)
+[//]: # (COMMANDS:/oa pv inspect {username},Loads a GUI showing names of the 15 most recent players that they talked to, when they were last seen, as well as allowing you to ban them from using Proximity Voice Chat at all.)
+[//]: # (COMMANDS:/oa vc inspect {username},Loads a GUI showing names of the 15 most recent players that they talked to, when they were last seen, as well as allowing you to ban them from using Proximity Voice Chat at all.)
+[//]: # (COMMANDS:/oa voice inspect {username},Loads a GUI showing names of the 15 most recent players that they talked to, when they were last seen, as well as allowing you to ban them from using Proximity Voice Chat at all.)
+[//]: # (COMMANDS:/oa voicechat inspect {username},Loads a GUI showing names of the 15 most recent players that they talked to, when they were last seen, as well as allowing you to ban them from using Proximity Voice Chat at all.)
+[//]: # (COMMANDS:/oa proximity inspect {username},Loads a GUI showing names of the 15 most recent players that they talked to, when they were last seen, as well as allowing you to ban them from using Proximity Voice Chat at all.)
 
-# Moderation
-OpenAudioMc has native support for:
- - Essentials player mutes
- - Litebans player mutes
+# VoiceChat Moderation
+Playing with your friends is fun, but some players can really sour an entire community.
 
-and comes with built-in moderation utilities. Moderators can inspect a player by running `/oa voice mod <name>`,(like `/oa voice mod Mindgamesnl`) and the plugin will load a GUI showing names of the 15 most recent players that they talked to, when they were last seen, as well as allowing you to ban them from using Proximity Voice Chat at all. 
+We provide a handful of utilities to server moderators, allowing them to check in with players, validate reports and completely ban players from voice chat.
+
+## Inspect
+The inspect command (`/oa voide inspect {username}`) is used to manage players (online and offline). It shows a list of recent peers (other players they talked to), their current status (if they're connected) and provides a ban option (where you can kick them from their current call, and prohibit them from using voice-chat again)
+
+![example gif](assets/Screen_Recording_2022-09-17_at_13.50.44.gif)
+
+## Moderation Mode
+::warningstart::<strong>WARNING!</strong> This feature needs to be enabled in the config, as it's disabled by default to prevent abuse.::warningend::
+In some cases, moderators may need to listen in on a conversation to validate a report, as bad actors usually stop as soon as they see any form of enforcement. To aid moderators, we've added a moderation mode that allows them to do just that.
+It can be toggled on/off with the command `/oa voice mod` (requires the permissions `openaudiomc.commands.voice`). When enabled, all other moderators will receive an in-game notification (`ToetMats started moderating`) and the player won't be visible or audible in voicechat, but can still walk up to and hear other players.
+
+Since it has no visual artifacts or limitations, moderators may forget to disable it after a while or use it for other purposes; therefore, it'll automatically disable itself after a configured amount of time (2 minutes by default). Moderators will receive an in-game countdown during the last 15 seconds, reminding them to extend it if they're still using it.
+
+![mod renew screenshot](assets/modrenew.png)