update from sparkleup

diary/2020-04-22.html

@@ -71,13 +71,13 @@ garden in winter<span class="p">&lt;/</span><span class="nt">div</span><span cla
 
 <span class="nv">This</span> <span class="o">-</span>{<span class="nv">this</span>} <span class="nv">word</span> <span class="nv">is</span> <span class="nv">removed</span>
 
-<span class="nv">I</span> <span class="nv">say</span>, <span class="o">~</span>{<span class="nv">out</span> <span class="nv">with</span> <span class="nv">the</span> <span class="nv">old</span>}{<span class="nv">in</span> <span class="nv">with</span> <span class="nv">the</span> <span class="nv">new</span>}
+<span class="nv">I</span> <span class="nv">say</span>, <span class="o">~</span>{<span class="nv">out</span> <span class="nv">with</span> <span class="nv">the</span> <span class="nv">old</span>}{<span class="o">*</span><span class="nv">in</span><span class="o">*</span> <span class="nv">with</span> <span class="nv">the</span> <span class="nv">new</span>}
 
 <span class="nv">Here</span> <span class="o">!</span>{<span class="nv">just</span> <span class="nv">a</span> <span class="nv">comment</span>} <span class="nv">is</span> <span class="nv">a</span> <span class="nv">line</span> <span class="nv">with</span> <span class="nv">a</span> <span class="nv">comment</span>
 
-<span class="nv">You</span> <span class="nv">can</span> <span class="nv">also</span> ?{<span class="nv">add</span> <span class="nv">comments</span> <span class="nv">to</span> <span class="nv">some</span> <span class="nv">text</span>}<span class="ss">(</span><span class="nv">Like</span> <span class="nv">this</span><span class="ss">)</span>
+<span class="nv">You</span> <span class="nv">can</span> <span class="nv">also</span> ?{<span class="nv">add</span> <span class="nv">comments</span> <span class="nv">to</span> <span class="nv">some</span> <span class="nv">text</span>}<span class="ss">(</span><span class="nv">Like</span> <span class="o">*</span><span class="nv">this</span><span class="o">*!</span>{<span class="nv">And</span> <span class="nv">comment</span> <span class="nv">within</span> <span class="nv">comments</span>}<span class="o">!</span>{<span class="nv">You</span> <span class="nv">can</span> <span class="nv">thread</span> <span class="nv">them</span> <span class="nv">that</span> <span class="nv">way</span>} <span class="ss">(</span><span class="mi">2020</span><span class="o">-</span><span class="mi">04</span><span class="o">-</span><span class="mi">21</span><span class="ss">))</span>
 
-<span class="nv">All</span> <span class="o">-</span>{<span class="nv">new</span>}<span class="ss">(</span><span class="nv">Redundant</span> <span class="ss">(</span><span class="nv">Makyo</span><span class="ss">))</span> <span class="nv">edit</span> <span class="nv">marks</span> <span class="nv">can</span> <span class="nv">have</span> <span class="nv">comments</span> <span class="nv">with</span> <span class="nv">attributions</span> <span class="nv">and</span> <span class="nv">dates</span> <span class="o">+</span>{<span class="nv">like</span> <span class="nv">this</span>}<span class="ss">(</span><span class="nv">See</span>? <span class="ss">(</span><span class="nv">Makyo</span> <span class="mi">2020</span><span class="o">-</span><span class="mi">04</span><span class="o">-</span><span class="mi">22</span><span class="ss">))</span> <span class="ss">(</span><span class="nv">though</span> <span class="nv">it</span><span class="s1">&#39;</span><span class="s">s ignored with comments !{like this}(won</span><span class="s1">&#39;</span><span class="nv">t</span> <span class="k">show</span><span class="ss">))</span>
+<span class="nv">All</span> <span class="o">-</span>{<span class="nv">new</span>}<span class="ss">(</span><span class="nv">Redundant</span> <span class="ss">(</span><span class="nv">Makyo</span><span class="ss">))</span> <span class="nv">edit</span> <span class="nv">marks</span> <span class="nv">can</span> <span class="nv">have</span> <span class="nv">comments</span> <span class="nv">with</span> <span class="nv">attributions</span> <span class="nv">and</span> <span class="nv">dates</span> <span class="o">+</span>{<span class="nv">like</span> <span class="nv">this</span>}<span class="ss">(</span><span class="nv">See</span>? <span class="ss">(</span><span class="nv">Makyo</span> <span class="mi">2020</span><span class="o">-</span><span class="mi">04</span><span class="o">-</span><span class="mi">22</span><span class="ss">))</span> <span class="ss">(</span><span class="k">for</span> <span class="nv">single</span> <span class="nv">comments</span>, <span class="nv">just</span> <span class="nv">put</span> <span class="nv">the</span> <span class="nv">attribution</span> <span class="nv">in</span> <span class="nv">there</span> <span class="o">!</span>{<span class="nv">like</span> <span class="nv">this</span>}<span class="ss">(</span><span class="nv">Makyo</span><span class="ss">))</span>
 
 <span class="nv">Bottom</span> <span class="nv">text</span>
 </code></pre></div>
@@ -93,6 +93,53 @@ garden in winter<span class="p">&lt;/</span><span class="nt">div</span><span cla
 <p>All <del class="deletion">new<q class="comment">Redundant<span class="attribution">Makyo</span></q></del> edit marks can have comments with attributions and dates <ins class="addition">like this<q class="comment">See?<span class="attribution">Makyo</span><span class="date">2020-04-22</span></q></ins> (for single comments, just put the attribution in there <q class="comment">like this<span class="attribution">Makyo</span></q>)</p>
 <p>Bottom text</p>
 </blockquote>
+<p>Using this stylehseet:</p>
+<div class="codehilite"><pre><span></span><code><span class="c">/* Editing extension */</span>
+<span class="nt">del</span><span class="p">.</span><span class="nc">deletion</span><span class="o">,</span> <span class="p">.</span><span class="nc">substitution</span> <span class="nt">del</span> <span class="p">{</span>
+    <span class="k">text-decoration</span><span class="p">:</span> <span class="kc">line-through</span><span class="p">;</span>
+    <span class="k">background-color</span><span class="p">:</span> <span class="mh">#fbb</span><span class="p">;</span>
+    <span class="k">color</span><span class="p">:</span> <span class="mh">#555</span><span class="p">;</span>
+<span class="p">}</span>
+
+<span class="nt">ins</span><span class="p">.</span><span class="nc">addition</span><span class="o">,</span> <span class="p">.</span><span class="nc">substitution</span> <span class="nt">ins</span> <span class="p">{</span>
+    <span class="k">text-decoration</span><span class="p">:</span> <span class="kc">none</span><span class="p">;</span>
+    <span class="k">background-color</span><span class="p">:</span> <span class="mh">#d4fcbc</span><span class="p">;</span>
+<span class="p">}</span>
+
+<span class="nt">q</span><span class="p">.</span><span class="nc">comment</span> <span class="p">{</span>
+    <span class="k">display</span><span class="p">:</span> <span class="kc">block</span><span class="p">;</span>
+    <span class="k">float</span><span class="p">:</span> <span class="kc">right</span><span class="p">;</span>
+    <span class="k">width</span><span class="p">:</span> <span class="mi">33</span><span class="kt">%</span><span class="p">;</span>
+    <span class="k">border</span><span class="p">:</span> <span class="mi">1</span><span class="kt">px</span> <span class="kc">solid</span> <span class="mh">#ccc</span><span class="p">;</span>
+    <span class="k">margin-left</span><span class="p">:</span> <span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span>
+    <span class="k">padding</span><span class="p">:</span> <span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span>
+    <span class="k">clear</span><span class="p">:</span> <span class="kc">both</span><span class="p">;</span>
+<span class="p">}</span>
+
+<span class="nt">q</span><span class="p">.</span><span class="nc">comment</span> <span class="nt">q</span><span class="p">.</span><span class="nc">comment</span> <span class="p">{</span>
+    <span class="k">float</span><span class="p">:</span> <span class="kc">none</span><span class="p">;</span>
+    <span class="k">width</span><span class="p">:</span> <span class="kc">auto</span><span class="p">;</span>
+<span class="p">}</span>
+
+<span class="nt">q</span><span class="p">.</span><span class="nc">comment</span> <span class="p">.</span><span class="nc">attribution</span><span class="o">,</span> <span class="nt">q</span><span class="p">.</span><span class="nc">comment</span> <span class="p">.</span><span class="nc">date</span> <span class="p">{</span>
+    <span class="k">font-size</span><span class="p">:</span> <span class="mi">10</span><span class="kt">pt</span><span class="p">;</span>
+    <span class="k">display</span><span class="p">:</span> <span class="kc">inline-block</span><span class="p">;</span>
+    <span class="k">float</span><span class="p">:</span> <span class="kc">right</span><span class="p">;</span>
+    <span class="k">clear</span><span class="p">:</span> <span class="kc">both</span><span class="p">;</span>
+<span class="p">}</span>
+
+<span class="nt">q</span><span class="p">.</span><span class="nc">comment</span><span class="p">::</span><span class="nd">before</span><span class="o">,</span> <span class="nt">q</span><span class="p">.</span><span class="nc">comment</span><span class="p">::</span><span class="nd">after</span> <span class="p">{</span>
+    <span class="k">content</span><span class="p">:</span> <span class="s2">&quot;&quot;</span><span class="p">;</span>
+    <span class="k">display</span><span class="p">:</span> <span class="kc">table</span><span class="p">;</span>
+    <span class="k">clear</span><span class="p">:</span> <span class="kc">both</span><span class="p">;</span>
+<span class="p">}</span>
+
+<span class="nt">p</span> <span class="p">{</span>
+    <span class="k">clear</span><span class="p">:</span> <span class="kc">both</span><span class="p">;</span>
+<span class="p">}</span>
+</code></pre></div>
+
+
 <p>Which will let me mark potential changes I'm not sure about and leave notes to myself in the things I write, something I used to do with HTML comments.</p>
 <p>So I hope that gives an idea of the types of things that I've been working on that, while not exactly writing in and of themselves, are things that can be used within the context of writing.</p>
 <p>Thanks for peeking in!</p>