make the command line a bit more accessible by including a :| icon at the bottom

also add a few extra commands for navigating around the house
This commit is contained in:
りき萌 2024-12-10 20:40:44 +01:00
parent 7c93750b32
commit 6d3037791a
9 changed files with 169 additions and 104 deletions

View file

@ -1,20 +1,16 @@
<footer>
<section id="version-info">
{{#if page.revision}}
<ul>
<li><a class="revision" href="{{ page.revision_url }}" title="permalink to this revision of the page">
revision {{ page.revision.number }}
{{#if page.revision.is_latest}}(latest){{/if}}
</a></li>
<li><a class="git" href="{{ page.source_url }}" title="source code">git <code>{{ page.revision.commit_short }}</code></a></li>
<li><a class="history" href="{{ page.history_url }}">history</a></li>
</ul>
<a class="icon-history" href="{{ page.history_url }}" title="version history"></a>
{{/if}}
<section class="left">
<button id="open-command-line" title="open command line"></button>
<script type="module">
document.getElementById("open-command-line").addEventListener("click", (event) => {
document.querySelector("th-command-line").show();
event.stopPropagation();
});
</script>
</section>
<section id="footer-icon">
<a href="{{ config.site }}/treehouse">
<section class="right">
<a href="{{ config.site }}/treehouse" id="footer-icon">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="all">
<mask id="mask">