function drawClients() {
  let elem = document.getElementById("content");

  result = "";
  if (selfClient) {
    getClientsInChannel(selfClient.channel).forEach((c) => {
      isHidden = CONFIG.hideSilent && (c.talkStatus == 0 || c.isMuted());

      result += `<div class="client-div" ${isHidden ? "hidden" : ""} style="color:${
        CONFIG.style.fontColor
      }; font-size:${CONFIG.style.fontSize}">`;
      result += '<div class="client-img-div">';
      if (c.outputMuted) {
        result += '	<img src="img/muted_output.svg" />';
      } else if (c.inputMuted) {
        result += '	<img src="img/muted_input.svg" />';
      } else if (c.talkStatus == 1) {
        result += '	<img src="img/on.svg" />';
      } else {
        result += '	<img src="img/off.svg" />';
      }
      result += "</div>";
      result += `<div class="client-text-div"
			 style="-webkit-text-stroke:${CONFIG.style.fontStrokeSize} ${CONFIG.style.fontStrokeColor};
			"><p style="background:${CONFIG.style.fontBackground};">${c.name}</p></div></div>`;
    });
  }

  elem.innerHTML = result;
}