feature: tags for slides

renderer/fifty_ohm_html_slide_renderer.py

@@ -5,6 +5,7 @@ from renderer.fifty_ohm_html_renderer import FiftyOhmHtmlRenderer
 
 from .qso import Qso
 from .slide_break import SlideBreak
+from .tag import Tag
 
 
 class FiftyOhmHtmlSlideRenderer(FiftyOhmHtmlRenderer):
@@ -13,6 +14,7 @@ class FiftyOhmHtmlSlideRenderer(FiftyOhmHtmlRenderer):
         super().__init__(
             SlideBreak,
             Qso,
+            Tag,
             question_renderer=question_renderer,
             picture_handler=picture_handler,
             photo_handler=photo_handler,
@@ -38,10 +40,26 @@ class FiftyOhmHtmlSlideRenderer(FiftyOhmHtmlRenderer):
             return f'<section {token.attribute}>\n{inner}\n</section>\n'
 
     def render_qso(self, token):
-        qso = ""
+        qso = '<div class="qso r-fit-text">\n'
         for child in token.children:
             direction = "other" if child.received else "own"
             fade = "fragment fade-left" if child.received else "fragment fade-right"
             qso += f'<div class="qso_{direction} {fade}">{self.render_inner(child)}</div>\n'
+        qso += '</div>\n'
         return qso
 
+    def render_note(self, token):
+        return f'<aside class="notes">\n{self.render_inner(token)}\n</aside>\n'
+
+    def render_tag(self, token):
+        if token.tagtype == "fragment":
+            return f'<div class="fragment">\n{self.render_inner(token)}\n</div>\n'
+        if token.tagtype == "left":
+            return f'<div id="left">\n{self.render_inner(token)}\n</div>\n'
+        if token.tagtype == "right":
+            return f'<div id="right">\n{self.render_inner(token)}\n</div>\n'
+        elif token.tagtype == "note":
+            return f'<aside class="notes">\n{self.render_inner(token)}\n</aside>\n'
+        else:
+            return "" # Ignore other tags in slide context
+

renderer/slide_break.py

@@ -1,5 +1,4 @@
 
-# ^\s*---\s*(.*)\s*$
 import re
 
 from mistletoe.block_token import BlockToken, tokenize

renderer/tag.py

@@ -3,6 +3,7 @@ import re
 from mistletoe.block_token import BlockToken, tokenize
 
 captures = [
+    # Website:
     "margin",
     "indepth",
     "webmargin",
@@ -18,7 +19,11 @@ captures = [
     "webonly",
     "latexonly",
     "wordorigin",
+    # Slides:
+    "note",
     "fragment",
+    "left",
+    "right",
 ]