2012-09-18 17:51:53 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
2019-02-20 20:50:08 -05:00
|
|
|
{% include "shared/_head.html.j2" %}
|
2015-08-12 20:28:17 -07:00
|
|
|
|
2023-07-31 09:52:52 +09:00
|
|
|
<body>
|
2019-02-20 20:50:08 -05:00
|
|
|
{% include "shared/_navbar.html.j2" %}
|
2015-08-12 20:28:17 -07:00
|
|
|
|
2023-07-31 09:52:52 +09:00
|
|
|
<main id="main" class="container-lg">
|
|
|
|
|
<h1>{{ headline }}</h1>
|
|
|
|
|
{%- for item in body %}
|
|
|
|
|
{%- if item.text %}
|
|
|
|
|
{{ item.text | markdownify }}
|
|
|
|
|
{%- endif %}
|
2012-09-18 17:51:53 +01:00
|
|
|
|
2023-07-31 09:52:52 +09:00
|
|
|
{%- if item.command %}
|
|
|
|
|
{%- set resultID = unique_id() %}
|
|
|
|
|
<div class="tutorial-example mb-3">
|
|
|
|
|
<div class="d-flex accordion-heading me-2">
|
|
|
|
|
<pre class="flex-grow-1 me-0 mb-0" tabindex="0">{{ item.command }}</pre>
|
|
|
|
|
<button type="button" class="btn btn-sm btn-secondary text-body-secondary bg-secondary-subtle link-body-emphasis flex-shrink-0 d-flex align-items-center border border-start-0 d-print-none"
|
|
|
|
|
data-bs-toggle="collapse" data-bs-target="#result{{ resultID }}" aria-expanded="false" aria-controls="result{{ resultID }}">Show result</button>
|
|
|
|
|
</div>
|
|
|
|
|
<pre id="result{{ resultID }}" class="accordion-body collapse p-3 border-top-0 d-print-block" tabindex="0">{{ item.result }}</pre>
|
2012-09-18 17:51:53 +01:00
|
|
|
</div>
|
2023-07-31 09:52:52 +09:00
|
|
|
{%- endif %}
|
|
|
|
|
{%- endfor %}
|
|
|
|
|
</main>
|
2015-08-12 20:28:17 -07:00
|
|
|
|
2019-02-20 20:50:08 -05:00
|
|
|
{% include "shared/_footer.html.j2" %}
|
2012-09-18 17:51:53 +01:00
|
|
|
</body>
|
|
|
|
|
</html>
|
