fix(partial): partial fix for tocs in imports

Signed-off-by: Laura Santamaria <[email protected]>

Author: nimbinatus

README.md

@@ -2,6 +2,25 @@
 
 This site is built using [Zola](https://www.getzola.org/), a static site generator build with Rust. The theme is [Juice](https://www.getzola.org/themes/juice/).
 - Zola [Installation instructions](https://www.getzola.org/documentation/getting-started/installation/)
-- Juice
+- Juice [Installation info](https://juice.huhu.io/#installation) - Note that I've explicitly dropped the git history and VCS info from the theme directory.
 
-Under the hood, Zola uses [Tera](https://keats.github.io/tera/) for templating.
+Under the hood, Zola uses [Tera](https://keats.github.io/tera/) for templating.
+
+## Structure
+
+The site lives in the `site` directory. Content like pages or blog posts live in, appropriately, `content`. Any kind of image like screenshots would live in `static`.
+
+The `templates` directory extends elements from the theme, which is stored in, appropriately, `themes/juice`.
+
+## Building
+
+Once you've installed Zola, proceed as follows:
+
+```bash
+cd site
+zola serve
+```
+
+Go to the URL for the webserver (likely `localhost:1111`) to explore the site.
+
+You can also use `zola build` to build it once to the `public` directory if you so choose.

site/config.toml

@@ -43,6 +43,7 @@ highlight_theme = "inspired-github"
 render_emoji = true
 external_links_target_blank = true
 external_links_no_referrer = true
+insert_anchor_links = "left"
 
 [extra]
 # Put all your custom variables here

site/content/about/_index.md

@@ -2,4 +2,6 @@
 title = "Project information"
 description = "About the project"
 weight = 1
-+++
++++
+
+Use these pages to learn more about the project, our governance, and adopters.

site/content/about/governance.md

@@ -7,4 +7,3 @@ toc = true
 [extra]
 fileimport = "GOVERNANCE"
 +++
-

site/templates/_macros.html

@@ -21,8 +21,3 @@
     {% endif %}
 </nav>
 {% endmacro render_header %}
-
-{% macro github_md_embed(filename) %}
-{% set response = load_data(url="https://raw.githubusercontent.com/bootc-dev/bootc/refs/heads/main/" ~ filename ~ ".md") %}
-{{ response }}
-{% endmacro github_md_embed %}

site/templates/_variables.html

@@ -33,4 +33,8 @@
         /* Font used for text */
         --text-font-family: "Red Hat Text", sans-serif;
     }
+    .zola-anchor {
+        margin-left: -2rem;
+        margin-right: .75rem;
+    }
 </style>

site/templates/imported.html

@@ -7,12 +7,52 @@
 </header>
 {% endblock header %}
 
+{% block sidebar %}
+<div class="sidebar">
+</div>
+{% endblock sidebar %}
+
 {% block content %}
+{% set response = load_data(url="https://raw.githubusercontent.com/bootc-dev/bootc/refs/heads/main/" ~ page.extra.fileimport ~ ".md") %}
 <div class="heading-text">{{ page.description }}</div>
-{{ macros::github_md_embed(filename=page.extra.fileimport) | markdown | safe }}
+{{ response | markdown | safe }}
 {% endblock content %}
 
-{% block sidebar %}
-<div class="sidebar">
+{% block toc %}
+{% set response = load_data(url="https://raw.githubusercontent.com/bootc-dev/bootc/refs/heads/main/" ~ page.extra.fileimport ~ ".md") %}
+{% set toc = response | markdown | linebreaksbr | split(pat="<br>") %}
+{% set mapset = [] %}
+{%- for elem in toc %}
+    {%- if elem is starting_with("<h") %}
+        {%- set mapset1 = elem | regex_replace(pattern=`<h(?P<level>\d) id="(?P<anchor>.*)">(?P<heading>.*)</h\d>`, rep=`$level,$anchor,$heading`) %}
+        {% set_global mapset = mapset | concat(with=mapset1) %}
+    {%- endif %}
+{%- endfor %}
+<p>{{ mapset | json_encode(pretty=true) | safe }}</p>
+<div class="toc">
+    <div class="toc-sticky">
+        <ul>
+        {%- for elem in toc %}
+            {%- if elem is starting_with("<h1") %}
+            {%- set id_val = elem | regex_replace(pattern=`<h1 id="(?P<anchor>.*)">.*</h1>`, rep=`$anchor`) %}
+            <li class="toc-item"><a href="#{{ id_val }}" class="subtext">{{ elem | regex_replace(pattern=`<h1 id=".*">(?P<heading>.*)</h1>`, rep=`$heading`) | as_str }}</a></li>
+            {%- else %}
+                <ul>
+                {%- if elem is starting_with("<h2") %}
+                    {%- set id_val = elem | regex_replace(pattern=`<h2 id="(?P<anchor>.*)">.*</h2>`, rep=`$anchor`) %}
+                <li class="toc-item"><a href="#{{ id_val }}" class="subtext">{{ elem | regex_replace(pattern=`<h2 id=".*">(?P<heading>.*)</h2>`, rep=`$heading`) | as_str }}</a></li>
+                    {%- else %}
+                    <ul>
+                        {%- if elem is starting_with("<h3") %}
+                        {%- set id_val = elem | regex_replace(pattern=`<h3 id="(?P<anchor>.*)">.*</h3>`, rep=`$anchor`) %}
+                        <li class="toc-item"><a href="#{{ id_val }}" class="subtext">{{ elem | regex_replace(pattern=`<h3 id=".*">(?P<heading>.*)</h3>`, rep=`$heading`) | as_str }}</a></li>
+                        {%- endif %}
+                    </ul>
+                {%- endif %}
+                </ul>
+            {%- endif %}
+        {%- endfor %}
+        </ul>
+    </div>
 </div>
-{% endblock sidebar %}
+{% endblock toc %}