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 16:10:06 -07:00
parent 67526c5708
commit 57497ebe8e
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -89,8 +89,8 @@ garden in winter<span class="p">&lt;/</span><span class="nt">div</span><span cla
<p>This <del class="deletion">this</del> word is removed</p>
<p>I say, <span class="substitution"><del>out with the old</del><ins><em>in</em> with the new</ins></span></p>
<p>Here <q class="comment">just a comment</q> is a line with a comment</p>
<p>You can also <mark class="selected">add comments to some text<q class="comment">Like <em>this</em><q class="comment">And comment within comments</q><span class="attribution">2020-04-21</span></q></mark></p>
<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> (though it's ignored with comments <q class="comment">like this (Makyo)</q>)</p>
<p>You can also <mark class="selected">add comments to some text<q class="comment">Like <em>this</em><q class="comment">And comment within comments</q><q class="comment">You can thread them that way</q><span class="attribution">2020-04-21</span></q></mark></p>
<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>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>

12
style.css
View File

@ -163,18 +163,18 @@ blockquote {
}
/* Editing extension */
del {
del.deletion, .substitution del {
text-decoration: line-through;
background-color: #fbb;
color: #555;
}
ins {
ins.addition, .substitution ins {
text-decoration: none;
background-color: #d4fcbc;
}
q {
q.comment {
display: block;
float: right;
width: 33%;
@ -184,19 +184,19 @@ q {
clear: both;
}
q q {
q.comment q.comment {
float: none;
width: auto;
}
q .attribution, q .date {
q.comment .attribution, q.comment .date {
font-size: 10pt;
display: inline-block;
float: right;
clear: both;
}
q::before, q::after {
q.comment::before, q.comment::after {
content: "";
display: table;
clear: both;