makyo
/
zk_html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update from sparkleup

This commit is contained in:
Madison Scott-Clary 2020-04-22 19:00:08 -07:00
parent b60c781aea
commit 7bb657ffb0
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
diary/2020-04-22.html
View File

@ -33,11 +33,11 @@
<p>Instead, I'd like to post about some recent writing tech projects in the form of three Markdown extensions.</p>
<h1 id="verse-extension">Verse extension</h1>
<p>First, we have the Verse extension. It's dead simple: it looks for a block of text fenced in with triple single-quotes and wraps it in a <code>&lt;div class="verse"&gt;</code>. For example,</p>
<div class="codehilite"><pre><span></span><code><span class="s1">&#39;&#39;&#39;</span>
<span class="s1">Arctic fox&#39;</span><span class="n">s</span> <span class="n">den</span>
<span class="n">adorned</span> <span class="k">with</span> <span class="n">flowers</span> <span class="k">and</span> <span class="n">snow</span>
<span class="n">garden</span> <span class="k">in</span> <span class="n">winter</span>
<span class="s1">&#39;&#39;</span><span class="err">&#39;</span>
<div class="codehilite"><pre><span></span><code>&#39;&#39;&#39;
Arctic fox&#39;s den
adorned with flowers and snow
garden in winter
&#39;&#39;&#39;
</code></pre></div>
@ -50,7 +50,9 @@ garden in winter<span class="p">&lt;/</span><span class="nt">div</span><span cla
<p>which, with the following style</p>
<div class="codehilite"><pre><span></span><code><span class="p">.</span><span class="nc">verse</span> <span class="p">{</span>
<span class="k">white-space</span><span class="p">:</span> <span class="kc">pre-wrap</span><span class="p">;</span>
<span class="hll"> <span class="k">white-space</span><span class="p">:</span> <span class="kc">pre-wrap</span><span class="p">;</span>
</span> <span class="k">border-left</span><span class="p">:</span> <span class="mi">5</span><span class="kt">px</span> <span class="kc">solid</span> <span class="mh">#ddd</span><span class="p">;</span>
<span class="k">padding-left</span><span class="p">:</span> <span class="mi">1</span><span class="kt">rem</span><span class="p">;</span>
<span class="p">}</span>
</code></pre></div>

4
style.css
View File

@ -240,8 +240,8 @@ blockquote {
/* Verse extension */
.verse {
white-space: pre-wrap;
border-left: 1px solid #cccccc;
padding-left: 0.5rem;
border-left: 5px solid #ddd;
padding-left: 1rem;
}
/* Editing extension */