Init v1

docs/_layouts/docs.html

@@ -0,0 +1,64 @@
+---
+layout: default
+route: documentation
+---
+{% assign current_category = page['doc-tab'] %}
+{% assign current_link_id = page.breadcrumb | last %}
+{% assign current_link = site.data.links.by_id[current_link_id] %}
+{% assign subtitle = current_link.subtitle %}
+
+{% include global/header.html %}
+
+<main id="js-docs" class="bd-docs {% if page.fullwidth %}is-fullwidth{% endif %}">
+  <div class="bd-docs-overlay js-toggle" data-target="js-docs"></div>
+
+  <button id="js-menu-toggle" class="button bd-docs-button js-toggle" data-target="js-docs">
+    <i class="fa-solid fa-arrow-right-from-bracket"></i>
+  </button>
+
+  <div class="bd-docs-menu">
+    {% include docs/menu.html %}
+  </div>
+
+  <div class="bd-docs-lead bd-theme-{{ page.theme }}">
+    {% assign title = page.title | markdownify %}
+    {% assign subtitle = subtitle | markdownify %}
+
+    {%
+      include docs/hero.html
+      variant="docs"
+      title=title
+      subtitle=subtitle
+      prints=page.hero_prints
+    %}
+
+    <div class="bd-docs-content">
+      {% if page.markdown %}
+        <div class="content">{{ content }}</div>
+      {% else %}
+        {{ content }}
+      {% endif %}
+
+      {% if page.meta.variables %}
+        {% include docs/elements/anchor.html name="Sass and CSS variables" %}
+        {% include docs/components/variables.html %}
+      {% endif %}
+    </div>
+
+    {% include docs/components/pagination.html %}
+  </div>
+</main>
+
+<button
+  id="js-bulma"
+  class="button"
+  style="position: fixed; bottom: 1rem; left: 1rem; z-index: 20;"
+  onclick="window.open(`https://bulma.io${window.location.pathname}`);"
+>
+  <span>bulma.io</span>
+  <span class="icon">
+    <i class="fa-solid fa-arrow-up-right-from-square"></i>
+  </span>
+</button>
+
+<script type="text/javascript" src="{{ site.url }}/assets/javascript/docs.js"></script>