<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>FluffOS - {{ page.title }}</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  <link rel="stylesheet" href={{ "/css/default.css" | relative_url }}>
  <link rel="stylesheet" href={{ "/css/rouge.css" | relative_url }}>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-2912700-7"></script>
  <script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
      dataLayer.push(arguments);
    }

    gtag('js', new Date());

    gtag('config', 'UA-2912700-7');
  </script>
  {% seo %}
</head>

<body>
<div class="container col-12 col-md-10 col-lg-8">
  <header class="blog-header py-3">
    <div class="row flex-nowrap justify-content-between align-items-center">
      <div class="col-12 text-center">
        <a class="blog-header-logo text-dark"> {{ page.title }}</a>
      </div>
    </div>
  </header>
  <nav class="navbar navbar-expand-md navbar-light bg-light">
      <div class="navbar-header">
        <a class="navbar-brand" href="/">FluffOS</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
      </div>
      <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
          <ul class="navbar-nav mr-auto">
            <li>
              <a class="nav-link" href="/build.html">BUILD</a>
            </li>
            <li>
              <div class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                  References
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
                  <a class="dropdown-item" href="/efun">EFUN</a>
                  <a class="dropdown-item" href="/apply">APPLY</a>
                  <a class="dropdown-item" href="/stdlib">STDLIB</a>
                </div>
              </div>
            </li>
              <a class="nav-link text-nowrap" href="/bug.html">Bug</a>
            </li>
            <li>
              <div class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                  Other
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
                  <a class="dropdown-item" href="/build_v2017.html">Build (v2017)</a>
                  <a class="dropdown-item" href="/lpc">LPC Language</a>
                  <a class="dropdown-item" href="/concepts">Concept</a>
                  <a class="dropdown-item" href="/driver">Hack Notes</a>
                </div>
              </div>
            </li>
            <li>
              <a class="nav-link text-nowrap" href="/zh-CN">中文文档</a>
            </li>
          </ul>
        <div>
          <div class="gcse-search"></div>
        </div>
      </div>
  </nav>
  <div id="content" class="text-justify px-2 py-2">
    {{ content }}
  </div>
  <div class="container">
    <div id='discourse-comments'></div>
    <script type="text/javascript">
      if (location.pathname.match(/\/(lpc|concepts|driver|apply|efun)\/.+/)) {
        DiscourseEmbed = {
          discourseUrl: 'https://forum.fluffos.info/',
          discourseEmbedUrl: location.href
        };

        (function () {
          const d = document.createElement('script');
          d.type = 'text/javascript';
          d.async = true;
          d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
          (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
        })();
      }
    </script>
  </div>
  <footer class="pt-md-4 my-2 border-top">
    <div class="card">
      <div class="card-header">
        <img src="https://cdnjs.cloudflare.com/ajax/libs/octicons/8.5.0/svg/star.svg" /> Improve this page
      </div>
      <div class="card-body">
        <p class="card-text">Every page on this site is maintained by user like you!</p>
        <a href="{% github_edit_link %}" class="my-2"><img src="https://cdnjs.cloudflare.com/ajax/libs/octicons/8.5.0/svg/pencil.svg" /> Edit On Github</a>
      </div>
    </div>
  </footer>
</div>
<!-- GCSE -->
<script>
  (function () {
    var cx = '015880077353261870029:ujn3ynk194o';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
</body>
</html>
