liquidex/treehouse
liquidex/treehouse
1
Fork 0
Code Issues 39 Activity

no JS is not really supported

Browse source
This commit is contained in:
liquidex 2023-08-22 18:23:18 +02:00
parent 02d2010808
commit 6c110b61a2
2 changed files with 49 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
static/css/main.css
View file

@ -171,3 +171,23 @@ th {
--recursive-wght: 700;
--recursive-casl: 0.5;
}
/* Style the noscript dialog a little more prettily. */
.noscript {
padding: 16px;
background-color: #fde748;
border: 1px solid #6c581c;
border-radius: 8px;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.noscript p {
margin-top: 0;
margin-bottom: 16px;
}
.noscript p:last-child {
margin-bottom: 0;
}

29
template/tree.hbs
View file

@ -18,6 +18,35 @@
</head>
<body>
<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 zap it with uBlock Origin or something. I have no
way of remembering you closed it, and don't wanna host this site on a dynamic server.</small>
{{!-- <form method="dialog">
<button name="th-noscript-close" class="noscript-close">I understand and wish to proceed without
JavaScript. And don't nag me about it anymore.<br>
I consent to you storing a cookie on my device to remember this decision.</button>
</form>
--}}
{{!-- I disabled the button because I can't figure out a way to do this without storing a cookie, and I
don't like those. I'd prefer if this website were fully static. --}}
</dialog>
</noscript>
<main class="tree">
{{{ tree }}}
</main>