fix footnotes

oulipoh · Dec 1, 2024 · 0f6c2ae · 0f6c2ae
1 parent cb494f8
commit 0f6c2ae
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 34 deletions.
diff --git a/resen/fateful/index.html b/resen/fateful/index.html
diff --git a/resen/fateful/style.css b/resen/fateful/style.css
@@ -1,6 +1,7 @@
 html {
     overflow-x: clip;
     overscroll-behavior: none;
+    scroll-behavior: smooth;
 }
 
 body {

diff --git a/resen/petri/index.html b/resen/petri/index.html
@@ -138,7 +138,7 @@
     <br>
     <div class="petri" id="petri" oncontextmenu="toggle_fullscreen(event)" onmousemove="show_hide_cursor(this)"></div>
 
-    <textarea id="poem" autocomplete="off" dir="auto" readonly rows="15" spellcheck="false"></textarea>
+    <textarea id="thepoem" autocomplete="off" dir="auto" readonly rows="15" spellcheck="false"></textarea>
 
     <br>
     <div class="refs">

diff --git a/resen/petri/poem.html b/resen/petri/poem.html
@@ -17,21 +17,21 @@
 </head>
 <body class="toblack" onload="document.body.style.visibility = 'visible'" onmousemove="show_hide_cursor(this)">
     <textarea id="title" autocomplete="off" dir="auto" readonly rows="1" spellcheck="false"></textarea>
-    <textarea id="poem" autocomplete="off" dir="auto" readonly rows="32" spellcheck="false"></textarea>
+    <textarea id="thepoem" autocomplete="off" dir="auto" readonly rows="32" spellcheck="false"></textarea>
     <script>
         if (location.hash.slice(1).startsWith('full'))
             toggle_fullscreen(document.documentElement);  // works only in Firefox, after setting: full-screen-api.allow-trusted-requests-only = false
 
         let prev_lang
         new BroadcastChannel('bc').onmessage = e => {
             if (e.data) {
-                textarea_writeln(poem, e.data.replace(/\n$/, ''))
+                textarea_writeln(thepoem, e.data.replace(/\n$/, ''))
                 const lang = e.data.localeCompare('z') > 0 ? '' : 'en'
                 if (lang != prev_lang)
                     title.value = get_set_titles('petri/', lang).label + ' / ' + get_make_author('/', lang)[0][0]
                 prev_lang = lang
             } else
-                poem.value = '\n'
+                thepoem.value = '\n'
         }
     </script>
 </body>

diff --git a/resen/petri/script.js b/resen/petri/script.js
@@ -34,8 +34,8 @@ const lang = get_lang()
 const bc = new BroadcastChannel('bc')
 
 function reset_poem() {
-    if (typeof poem != 'undefined')
-        poem.value = '\n'
+    if (typeof thepoem != 'undefined')
+        thepoem.value = '\n'
     if (typeof bc != 'undefined')
         bc.postMessage('')
 }
@@ -167,8 +167,8 @@ function fire(grid, json, steps, max_tokens, result_counter, reset_counter, toke
     out.forEach(p => tokens[p] = (tokens[p] || 0) + 1)
     if (!comp) {
         const verse = poem_generator(json, trans, out[Math.random() * out.length | 0])
-        if (typeof poem != 'undefined')
-            textarea_writeln(poem, verse)
+        if (typeof thepoem != 'undefined')
+            textarea_writeln(thepoem, verse)
         if (typeof bc != 'undefined')
             bc.postMessage(verse)
     }
@@ -346,8 +346,8 @@ function step(grid, json, steps=0, max_tokens={}, result_counter={}, reset_count
         step(grid, json, 0, max_tokens, result_counter, reset_counter)
     } else if (!enabled.length || comp && Object.values(tokens).some(n => n > place_max_tokens) || !comp && !json.require?.every(require => require.some(t => tokens[t]))) {
         if (!comp) {
-            if (typeof poem != 'undefined')
-                textarea_writeln(poem)
+            if (typeof thepoem != 'undefined')
+                textarea_writeln(thepoem)
             if (typeof bc != 'undefined')
                 bc.postMessage('\n')
             if (stats) {

diff --git a/resen/style.css b/resen/style.css
@@ -905,20 +905,23 @@ nav[dir=ltr] ~ * .preface_he {
 }
 
 .ref {
+    display: inline-block;
     font-family: var(--font);
-    font-size: .7rem;
+    font-size: max(.7rem, .2em);
     vertical-align: text-top;
+    text-underline-position: from-font;
+    unicode-bidi: plaintext;
 }
 
 .ref::after {
     content: attr(href);
 }
 
-.refs {
-    margin-top: 6ex;
+:is(.ref, .refs > blockquote[id])::first-letter {
+    font-size: 0;
 }
 
-.refs + p {
+.refs, .refs + p {
     margin-top: 6ex;
 }
 
@@ -945,17 +948,15 @@ nav[dir=rtl] ~ :nth-last-child(1 of .refs):not([data-title]) {
 
 .refs > blockquote {
     font-size: initial;
-    position: relative;
 }
 
 .refs:not([dir=rtl]) > blockquote {
     direction: ltr;
 }
 
 .refs > blockquote[id]::before {
-    content: attr(id);
-    margin-inline-start: -1.2em;
-    position: absolute;
+    content: attr(id) '.';
+    padding-inline-end: 1em;
 }
 
 .refs > blockquote a {