documentation-testing.html

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>plugdata - Documentation</title>
  <link rel="icon" type="image/x-icon" href="https://plugdata.org/images/favicon.ico">
  <link rel="stylesheet" href="documentation_files/inter.css">
  <link rel="stylesheet" type="text/css" media="all" href="./main.css">
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body style="background: rgb(255, 255, 255);">
  <nav>
    <button class="menu-button enabled" title="Toggle navigation menu" aria-label="Toggle navigation menu" aria-expanded="false"><svg aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 6v1h24V6zm0 6v1h24v-1zm0 6v1h24v-1z"></path></svg></button>
    <div class="nav-content">
    <ul>
        
    <li><a href="https://plugdata.org/" class="logomark"><img src="./images/logo.png" alt="plugdata" style="width: 24px; height: auto;"></a></li>
    <li><a href="https://plugdata.org/">Home</a></li>
    <li><a href="https://plugdata.org/about.html" target="_self">About</a></li>
    <li><a href="https://plugdata.org/support.html">Support</a></li>
    <li><a href="https://plugdata.org/download.html" target="_self">Download</a></li>
    <li><a href="https://plugdata.org/documentation.html" target="_self">Documentation</a></li>
    </ul>
    
    <style>
        .social {
          display: inline-block;
          cursor: pointer;
          margin-right: 12px;
        }
      
        .logo {
          display: inline-block;
          height: 28px;
          width: auto;
          position: relative;
          margin-right: -8px;
          top: 8px;
        }
      </style>
      
    <div class="right">
        <div class="social" onclick="location.href = 'https://github.com/plugdata-team/plugdata';">
        <img src="./images/github.png" class="logo">
        <a>View on GitHub</a>
        </div>
    
        <div class="social" onclick="location.href = 'https://discord.gg/eT2RxdF9Nq';">
        <img src="./images/discord.png" class="logo">
        <a>Join our Discord</a>
        </div>
    </div>
      
    </div>
    </nav>
  <iframe id="doc_frame" name="frame" src="./docs-testing/book/index.html"
    style="position: fixed; inset: 48px 0px 0px; width: 100%; height: 794px; border: medium none; margin-top: 0px; padding: 0px; margin-bottom: 90px; z-index: 999999;">
    Your browser doesn't support iframes
  </iframe>
  <script>
    function onResize() {
      var height = window.innerHeight
        || document.documentElement.clientHeight
        || document.body.clientHeight;

      let frame = document.getElementById("doc_frame");
      frame.style.height = (height - 48) + "px";
    }
    window.onresize = onResize;
    onResize();

  </script>
</body>

</html>