Updated footnotes style

breck7 · Apr 22, 2024 · 6f46d3f · 6f46d3f
1 parent 7a1cab9
commit 6f46d3f
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 11 deletions.
diff --git a/blog/introducingBlink.scroll b/blog/introducingBlink.scroll
@@ -22,7 +22,7 @@ Advertisers have known for ages that human eyes evolved to respond fast to motio
 blink *The blink tag, available now in Scroll 34.1.0*
  https://scroll.pub/ Scroll 34.1.0
 
-_Note: please don't use this. It's a joke_
+* _Note: please don't use this. It's a joke_
 
 groups index
 keyboardNav

diff --git a/grammar/footnotes.grammar b/grammar/footnotes.grammar
@@ -19,13 +19,13 @@ footnoteDefinitionParser
   }
   get label() {
    // In the future we could allow common practices like author name
-   return this.get("label") || this.noteDefinitionIndex
+   return this.get("label") || `[${this.noteDefinitionIndex}]`
   }
   get linkBack() {
    return `noteUsage${this.noteDefinitionIndex}`
   }
   get text() {
-   return `${this.label} ${super.text} <a class="scrollFootNoteUsageLink" href="#noteUsage${this.noteDefinitionIndex}">⮐</a>`
+   return `<a class="scrollFootNoteUsageLink" href="#noteUsage${this.noteDefinitionIndex}">${this.label}</a> ${super.text}`
   }
   get noteDefinitionIndex() {
    return this.parent.footnotes.indexOf(this) + 1

diff --git a/grammar/gazetteTheme.grammar b/grammar/gazetteTheme.grammar
@@ -107,6 +107,14 @@ gazetteCssParser
     margin-top 0
   .scrollNoteLink
    opacity .4
+   text-decoration none
+   &:hover
+    opacity 1
+  .scrollFootNoteUsageLink
+   opacity .7
+   text-decoration none
+   &:hover
+    opacity 1
 
   .scrollHoverNote
    text-decoration underline dashed 1px rgba(0,0,0,.1)
@@ -185,11 +193,6 @@ gazetteCssParser
    span
     color white
     background rgb(0,132,255)
-  .scrollFootNoteUsageLink
-   color rgba(204,204,204,.5)
-   &:hover
-    color #333
-    text-decoration none
   .scrollYouTubeHolder
    position relative
    width 100%

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "scroll-cli",
-  "version": "77.2.0",
+  "version": "77.3.0",
   "description": "Tools for thoughts.",
   "main": "scroll.js",
   "engines": {

diff --git a/releaseNotes.scroll b/releaseNotes.scroll
@@ -4,6 +4,9 @@ title Scroll Release Notes
 
 startColumns
 
+# 77.3.0 4/22/2024
+- 🎨 updated presentation of footnotes
+
 # 77.2.0 4/22/2024
 - 🎨 improved default table styles
 
@@ -14,7 +17,7 @@ startColumns
 - 🎉 Added Scroll Datasets, which consists of the `::`, `printDataset`, `writeDataset`, and `*:` and `*::` keywords.
  link blog/datasets.html Scroll Datasets
 
-- ⚠️ BREAKING: if you had lines starting with a word then colon, that used the catchall paragraph, such as `Sidenote: yada yada.`, those will now be parsed incorrectly as measures. Just explicitly make them paragraphs `* Sidenote: yada yada.`
+- ⚠️ BREAKING: if you had lines starting with a word then colon, that used the catchall paragraph, such as `Sidenote: yada yada.`, those will now be parsed incorrectly as measures. Just explicitly make them paragraphs `* Sidenote: yada yada.`. This regex can help you find any instances: `^[^ ]+: .`
 
 # 76.0.0 4/19/2024
 - 🎨 try using "rem" in CSS to better support the "zooming out" effect on a blog

diff --git a/tutorial.scroll b/tutorial.scroll
@@ -154,7 +154,7 @@ code
 # Expert: Adding your own parsers
 Scroll is based on the theory that a language should adapt to the domain, not the other way around. So Scroll has extendibility built-in.
 
-_Note: Custom Parsers are currently only supported using the `npm` package. The web editor does *not* currently support custom keywords_.
+* _Note: Custom Parsers are currently only supported using the `npm` package. The web editor does *not* currently support custom keywords_.
 
 You can define your own parsers right in your Scroll documents using `*Parser`. These Parsers are written in the `Grammar` language.