treehouse/template/tree.hbs

59 lines
2.6 KiB
Handlebars
Raw Normal View History

2023-08-18 13:25:20 +02:00
<!DOCTYPE html>
<html lang="en-US">
2023-08-18 13:25:20 +02:00
<head>
2023-08-18 17:04:12 +02:00
<meta charset="UTF-8">
2023-08-18 13:25:20 +02:00
<title>{{ config.user.title }}</title>
2023-08-18 17:04:12 +02:00
<meta name="viewport" content="width=device-width, initial-scale=1">
2023-08-20 15:54:06 +02:00
2023-08-27 15:59:52 +02:00
<link rel="stylesheet" href="{{ config.site }}/static/css/main.css">
<link rel="stylesheet" href="{{ config.site }}/static/css/tree.css">
<link rel="stylesheet" href="{{ config.site }}/static/font/font.css">
<script>const TREEHOUSE_SITE = `{{ config.site }}`;</script>
<script type="module" src="{{ config.site }}/navmap.js"></script>
<script type="module" src="{{ config.site }}/static/js/tree.js"></script>
<script type="module" src="{{ config.site }}/static/js/usability.js"></script>
2023-08-18 13:25:20 +02:00
</head>
<body>
2023-08-27 15:27:42 +02:00
<nav>
2023-08-27 15:59:52 +02:00
<a href="{{ config.site }}/" title="Back to homepage">
2023-08-27 15:27:42 +02:00
<svg class="logo" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M8 3H7H6V4V5H4V6H6V9V10H7H10V12H11V10H12H13V9V8V7H12H11H10V8V9H7V6H8H9V5V4V3H8ZM12 9H11V8H12V9ZM7 5V4H8V5H7ZM3 5H2V6H3V5ZM10 13H11V14H10V13Z"
fill="currentColor" />
</svg>
</a>
</nav>
2023-08-22 18:23:18 +02:00
<noscript>
<div class="noscript" role="note">
<p>hey! looks like you have <strong>JavaScript disabled.</strong><br>
I respect that decision, but you may find the experience of browsing the treehouse… not great.<br>
for example, links to branches may not work properly. I cannot do anything about this; it's due to how
the <code>&lt;details&gt;</code> element works.<br>
(a <code>&lt;details&gt;</code> will not expand itself automatically to reveal the linked element to
you.)<br>
I did my best to at least keep the site readable in this state, but you can only do so much with plain
HTML and CSS.</p>
<p><strong>Pinky promise this website does not contain any malicious code such as trackers or cryptocurrency
miners.</strong><br>
if you don't believe me, you're free to inspect the source yourself! all the scripts are written
lovingly in vanilla JS (not minified!) by yours truly ❤️</p>
<small>and if this box is annoying, feel free to block it with uBlock Origin or something. I have no
2023-08-22 18:23:18 +02:00
way of remembering you closed it, and don't wanna host this site on a dynamic server.</small>
</div>
2023-08-22 18:23:18 +02:00
</noscript>
2023-08-18 17:04:12 +02:00
<main class="tree">
{{{ tree }}}
</main>
2023-08-18 13:25:20 +02:00
</body>
</html>