glennwso/buildsomething
1
0
Fork 1
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

hyperscript toggle for body

Browse source
This commit is contained in:
gws 2024-11-08 13:10:54 +01:00
parent e28058040c
commit 587877a3fb
3 changed files with 146 additions and 143 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
templates/_macros.html
View file

@ -40,6 +40,11 @@
src="/flag-for-united-kingdom-svgrepo-com.svg"></a>
{% endif %}
<button _="on click toggle .dark on the closest <body/>"> toggle </button>
</nav>

2
templates/_variables.html
View file

@ -1,5 +1,5 @@
<style>
:not(.dark) {
:root {
/* Primary theme color */
--primary-color: #FED43F;
/* Primary theme text color */

62
templates/index.html
View file

@ -29,16 +29,14 @@
<title>Software, Product Developement and IT consulting</title>
<meta charset="UTF-8">
{% endblock head %}
<script src="https://unpkg.com/hyperscript.org@0.9.13"></script>{% endblock head %}
{% block header %}
<body hx-boost="false" class="dark">
{% block header %}
<header class="pos-absolute" style="background-color: transparent">
<header class="pos-absolute" style="background-color: transparent">
{{ macros::render_header(path="/") }}
</header>
</header>
<div class="hero">
<div class="hero">
{% block hero %}
@ -81,22 +79,22 @@
{% endblock hero %}
</div>
</div>
{% endblock header %}
{% endblock header %}
{% block toc %}
{% if section.toc %}
{% set toc = section.toc %}
{% elif page.toc %}
{% set toc = page.toc %}
{% endif %}
{% if toc %}
{% if page.extra.disable_toc %}
{% else %}
<div class="toc">
{% block toc %}
{% if section.toc %}
{% set toc = section.toc %}
{% elif page.toc %}
{% set toc = page.toc %}
{% endif %}
{% if toc %}
{% if page.extra.disable_toc %}
{% else %}
<div class="toc">
<div class="toc-sticky">
{% for h in toc %}
<div class="toc-item">
@ -111,23 +109,23 @@
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% endif %}
{% endblock toc %}
</div>
{% endif %}
{% endif %}
{% endblock toc %}
{% block sidebar %}
<!-- <div> -->
<!-- Your cool sidebar -->
<!-- </div> -->
{% endblock sidebar %}
{% block sidebar %}
<!-- <div> -->
<!-- Your cool sidebar -->
<!-- </div> -->
{% endblock sidebar %}
{% block footer %}
<footer>
{% block footer %}
<footer>
<!-- <small class="subtext"> -->
<!-- <a href="https://huhu.io">Huhu.io</a> © 2021 -->
<!-- </small> -->
@ -182,5 +180,5 @@
{% endif %}
</div>
</footer>
{% endblock footer %}
</footer>
{% endblock footer %}