Sidebar | SOMEPI

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
<html>
  <a class="mdl-navigation__link" href="/wiki">
    <i class="material-icons" role="presentation">home</i>
    Start
  </a>
  <a class="mdl-navigation__link" href="/">
    <i class="material-icons" role="presentation">arrow_back</i>
    somepi.ddns.net
  </a>
  <hr style="margin: 15px; margin-top: 0" />
  <a class="mdl-navigation__link" href="/wiki/doku.php?id=android:start">
    <i class="material-icons" role="presentation">smartphone</i>
    Mobile
  </a>
  <a class="mdl-navigation__link" href="/wiki/doku.php?id=linux:start">
    <i class="material-icons" role="presentation">computer</i>
    Linux
  </a>
  <a class="mdl-navigation__link" href="/wiki/doku.php?id=windows:start">
    <i class="material-icons" role="presentation">desktop_windows</i>
    Windows
  </a>
  <hr style="margin: 15px" />
  <a class="mdl-navigation__link" href="/wiki/doku.php?id=python:start">
    <i class="material-icons" role="presentation">code</i>
    Python
  </a>
  <a class="mdl-navigation__link" href="/wiki/doku.php?id=java:start">
    <i class="material-icons" role="presentation">local_cafe</i>
    Java
  </a>
  <a class="mdl-navigation__link" href="/wiki/doku.php?id=c++:start">
    <i class="material-icons" role="presentation">developer_board</i>
    C++
  </a>
  <hr style="margin: 15px" />
  <div class="mdl-layout-spacer"></div>
  <a class="mdl-navigation__link" href="/wiki/about">
    <i class="material-icons" role="presentation">info_outline</i>
    About
  </a>
  <a class="mdl-navigation__link" href="/wiki/help/">
    <i class="material-icons" role="presentation">help_outline</i>
    Help
  </a>
  <script defer>
    let add_clipboard = (event) => {
      let duration = 2000;
      let range, selection;
      event.currentTarget !== event.target
        ? (element = event.target.parentNode)
        : (element = event.target);
      selection = window.getSelection();
      range = document.createRange();
      range.selectNodeContents(element.previousSibling);
      selection.removeAllRanges();
      selection.addRange(range);
      document.execCommand("copy");
      selection.removeAllRanges();
      element.style.animation = `${
        duration / 1000
      }s ease-in-out 0s 1 normal none running copied`;
      setTimeout(function () {
        element.style.animation = "";
      }, duration);
    };

    window.onload = () => {
      document.querySelectorAll(".code").forEach((element) => {
        button = document.createElement("button");
        text_field = document.createElement("i");

        text_field.classList.add("material-icons");
        text_field.appendChild(document.createTextNode("content_copy"));

        button.appendChild(text_field);
        button.classList.add("copy_button");

        wrapper = document.createElement("div");
        element.parentElement.appendChild(wrapper);
        wrapper.appendChild(element);
        wrapper.classList.add("code_wrapper");

        element.parentNode.insertBefore(button, element.nextSibling);
        button.addEventListener("click", add_clipboard);

        button.addEventListener("contextmenu", (e) => {
          e.preventDefault();
          if (e.target.nodeName == "I") {
            e.target.classList.toggle("minimized");
          } else {
            e.target.children[0].classList.toggle("minimized");
          }
        });
      });
    };
  </script>
</html>