---
# Default layout for docs placed in /content-docs/reference. This is set in
# _config.yml as well as the below variables

#title: References to the package modules
#nav_menu: references-nav
#sidebar_menu: references-gtk3-sidebar
layout: sidebar
---
<!DOCTYPE html>
<html lang="{{ site.lang | default: "en-US" }}">
  <head>
    {% assign url = site.baseurl | append: "/favicon.ico" %}
    <link rel="shortcut icon" type="image/x-icon" href="{{ url }}" />

    <!--link rel="stylesheet" href="http://yandex.st/highlightjs/6.2/styles/googlecode.min.css"-->

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <!--script src="http://yandex.st/highlightjs/6.2/highlight.min.js">
    </script-->

    <!--script type="text/javascript">hljs.initHighlightingOnLoad();</script-->
    <script type="text/javascript">
      $(document).ready(function(){
        $("#category").append(
          "<strong>Number of defined methods: {{ site.data.testCoverage[page.path]["routines"]["subs-total"] }}</strong><br />"
        );
        $("#category").append(
          "<strong>Number of tested methods: {{ site.data.testCoverage[page.path]["routines"]["subs-tested"] }}</strong><br />"
        );
        $("#category").append(
          "<strong>Test coverage: {{ site.data.testCoverage[page.path]["routines"]["coverage"] }} %</strong><br /><br /><strong>Table of Contents</strong><br /><br />"
        );


        // create TOC anchor
        $("#category").append('<a name="toc-table"/>');

        $("h1,h2,h3,h4,h5,h6").each(function(i,item){
          var tag = $(item).get(0).localName;
          $(item).attr("id","wow"+i);

          var text = $(this).text();
          if( text != "Interfacing Raku to Gnome GTK+" &
              text != "TITLE" & text != "SUBTITLE"
            ) {
            /* create e.g. <a class="newh1" href="#wow1">h1 text</a></br> */
            $("#category").append(
              '<a class="new' + tag + '" href="#wow' + i + '">' + text +
              '</a></br>'
            );
          }
          $(this).wrap('<a href="#toc-table"></a>');

          $(".newh1").css("margin-left",0);
          $(".newh2").css("margin-left",15);
          $(".newh3").css("margin-left",30);
          $(".newh4").css("margin-left",45);
          $(".newh5").css("margin-left",60);
          $(".newh6").css("margin-left",75);
        });
      });
    </script>
  </head>
  <body id="reference-page">
    <div id="category"></div>

    <div id="content"> {{ content }} </div>
  </body>
</html>
