[[!meta stylesheet=jsmind-0.8.3]]
 [[!meta script=jsmind-0.8.3]]
 [[!meta script=openseadragon.min]]

    <div class="header-bar">
      <a href="#oscp" onclick="return show_mindmap('oscp');">OSCP</a>
      &nbsp;|&nbsp;
      <a href="#windows" onclick="return show_mindmap('windows');">Windows</a>
      &nbsp;|&nbsp;
      <a
        href="#ad_1"
        onclick="return show_mindmap_img('Active-Directory-Penetration-Manual');"
        >Active directory 1</a
      >
      &nbsp;|&nbsp;
      <a
        href="#ad_2"
        onclick="return show_mindmap_img('pentest_ad_dark_2023_02');"
        >Active directory 2</a
      >
    </div>
    <div id="jsmind_container"></div>
    <div id="openseadragon"></div>
    <script type="text/javascript">
      var clean_screen = function () {
        console.log("clean_screen");
        document.getElementById("jsmind_container").innerHTML = "";
        document.getElementById("openseadragon").innerHTML = "";
      };

      var show_mindmap_img = function (name) {
        clean_screen();
        console.log(name);
        var viewer = OpenSeadragon({
          id: "openseadragon",
          prefixUrl: "./images/",
          tileSources: "./" + name + ".dzi",
        });
      };

      var show_mindmap = function (name) {
        clean_screen();
        console.log(name);
        const file_data = "./" + name + ".json";
        fetch(file_data)
          .then((response) => {
            if (!response.ok) {
              throw new Error(
                "Failed to load json file: " + response.statusText
              );
            }
            return response.json();
          })
          .then((data) => {
            var mind = data;
            document.getElementById("jsmind_container").innerHTML = "";
            var options = {
              container: "jsmind_container",
              theme: "pomegranate",
              editable: false,
            };
            var jm = new jsMind(options);
            jm.show(mind);
          })
          .catch((error) => {
            console.error("Error:", error);
          });
        return true;
      };
      const hash = window.location.hash;
      var mindmap = "oscp";
      if (hash) {
        mindmap = hash.substring(1);
      }
      switch (mindmap) {
        case "windows":
          show_mindmap(mindmap);
          break;
        case "ad":
          show_mindmap_img(mindmap);
          break;
        default:
          show_mindmap("oscp");
      }
    </script>
<div>