update from sparkleup
This commit is contained in:
parent
7c217710bb
commit
159381991c
|
|
@ -107,7 +107,8 @@
|
|||
<li>Avery from <em>The Fool</em> is Alex from <em>What Remains of Yourself</em></li>
|
||||
<li>Malina from <em>A Theory of Attachment</em> is the badger from <em>The Fool</em></li>
|
||||
<li>Markus and Lee's mom/stepdad get in a fight in The Book and the Bean, Malina helps</li>
|
||||
<li>Winter from <em>lesbians</em> winds up working with Malina at The Book and the Bean, gives ride to MC from Disappearance</li>
|
||||
<li>Winter from <em>lesbians</em> winds up working with Malina at The Book and the Bean, gives ride to MC from <em>Disappearance</em></li>
|
||||
<li>Malina used to work as a CPA at the place where MC from <em>Disappearance</em> used to work</li>
|
||||
</ul>
|
||||
<h2 id="predictive-text-goofiness">Predictive text goofiness</h2>
|
||||
<p>makyo.io/botnik-sawtooth</p>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,157 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Zk | Textual Grieving</title>
|
||||
<link rel="stylesheet" type="text/css" href="/style.css" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta charset="utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<header>
|
||||
<h1>Zk | Textual Grieving</h1>
|
||||
</header>
|
||||
<article class="content">
|
||||
<p>Mechanics:
|
||||
* three column table: sender, text, num days after start date
|
||||
* macros: mk for Michael K., jm for Jace Macallan, number by days to turn into actual dates later (day 1 = Nov 11 2015)
|
||||
* emojis: https://afeld.github.io/emoji-css/</p>
|
||||
<hr />
|
||||
<p>Act 1:
|
||||
* Two teens dating online - Jace (Jason) and Michael
|
||||
* One thinks they're trans
|
||||
* Thinks folks find out, commits suicide - discovered soon enough that lands in hospital for a week or so, other finds out by calling parents</p>
|
||||
<h2 id="2017-03-06">2017-03-06</h2>
|
||||
<div class="codehilite"><pre><span></span><code><span class="nv">Michael</span> <span class="nv">K</span>.: 🆗🆒
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">lol</span> <span class="nv">whats</span> <span class="nv">that</span> <span class="nv">supposed</span> <span class="nv">to</span> <span class="nv">mean</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Come</span> <span class="nv">on</span>. <span class="nv">OK</span> <span class="nv">and</span> <span class="nv">Cool</span>. <span class="nv">Right</span>?
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">i</span> <span class="nv">get</span> <span class="nv">that</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">not</span> <span class="nv">disputing</span> <span class="nv">the</span> <span class="nv">fact</span> <span class="nv">of</span> <span class="nv">ok</span> <span class="nv">and</span> <span class="nv">cool</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">just</span> <span class="nv">saying</span> <span class="nv">you</span><span class="s1">'</span><span class="s">re a dork</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Dork</span>, <span class="nv">huh</span>? <span class="nv">I</span><span class="s1">'</span><span class="s">ll dispute that.</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">i</span><span class="s1">'</span><span class="s">ll dispute you</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">I</span><span class="s1">'</span><span class="s">ll dispute your face</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">classy</span>, <span class="nv">mikey</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">you</span><span class="s1">'</span><span class="s">re really showing your maturity</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">One</span> <span class="nv">year</span> <span class="nv">ahead</span> <span class="nv">of</span> <span class="nv">you</span>, <span class="nv">haha</span> 😂
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">trust</span> <span class="nv">me</span>, <span class="nv">the</span> <span class="nv">view</span><span class="s1">'</span><span class="s">s great back here</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Spicy</span> 😉
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">you</span><span class="s1">'</span><span class="s">re not helping your case here</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Haha</span>, <span class="nv">fine</span>. <span class="nv">I</span><span class="s1">'</span><span class="s">ll admit that I</span><span class="s1">'</span><span class="nv">m</span> <span class="nv">a</span> <span class="nv">dork</span>.
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: 🙂
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">love</span> <span class="nv">you</span>, <span class="nv">dork</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Love</span> <span class="nv">you</span> <span class="nv">too</span> 😘
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">So</span> <span class="nv">how</span> <span class="nv">was</span> <span class="nv">class</span>?
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">lame</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Lame</span> <span class="nv">how</span>?
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">I</span> <span class="nv">mean</span>, <span class="nv">you</span> <span class="nv">always</span> <span class="nv">say</span> <span class="nv">lame</span>, <span class="nv">but</span> <span class="nv">how</span>?
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">lol</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">just</span> <span class="nv">lame</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">teachers</span> <span class="nv">are</span> <span class="nv">assholes</span>, <span class="nv">students</span> <span class="nv">are</span> <span class="nv">assholes</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">i</span> <span class="nv">hate</span> <span class="nv">it</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Yeah</span>, <span class="nv">me</span> <span class="nv">too</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Anyone</span> <span class="nv">being</span> <span class="nv">an</span> <span class="nv">asshole</span> <span class="nv">to</span> <span class="nv">you</span>?
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">feels</span> <span class="nv">like</span> <span class="nv">everyone</span> <span class="nv">is</span> <span class="nv">lol</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Seriously</span>?
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">hmm</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">no</span>, <span class="nv">guess</span> <span class="nv">not</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">just</span> <span class="nv">not</span> <span class="nv">a</span> <span class="nv">good</span> <span class="nv">place</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">not</span> <span class="nv">good</span> <span class="nv">people</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">kids</span> <span class="nv">are</span> <span class="nv">awful</span>. <span class="nv">can</span><span class="s1">'</span><span class="s">t wait until i</span><span class="s1">'</span><span class="nv">m</span> <span class="nv">not</span> <span class="nv">one</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Haha</span>, <span class="nv">you</span><span class="s1">'</span><span class="s">re not a kid, really.</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">More</span> <span class="nv">grown</span> <span class="nv">up</span> <span class="nv">than</span> <span class="nv">me</span>, <span class="nv">at</span> <span class="nv">least</span>.
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">that</span><span class="s1">'</span><span class="s">s not hard, you know</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: 😝
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Seriously</span>, <span class="nv">though</span>. <span class="nv">Anyone</span> <span class="nv">gives</span> <span class="nv">you</span> <span class="nv">trouble</span>, <span class="nv">you</span> <span class="nv">tell</span> <span class="nv">them</span> <span class="nv">your</span> <span class="nv">boyfriend</span> <span class="nv">will</span> <span class="nv">kick</span> <span class="nv">their</span> <span class="nv">asses</span>.
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">lol</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">i</span> <span class="nv">can</span><span class="s1">'</span><span class="s">t tell anyone that, and you know it</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Yeah</span>, <span class="nv">sorry</span>.
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Still</span>...
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">I</span><span class="s1">'</span><span class="s">d totally kick their asses.</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: 🙂
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">you</span><span class="s1">'</span><span class="s">re sweet for a dork</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Thanks</span> 😂
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Besides</span>, <span class="nv">I</span> <span class="nv">might</span> <span class="nv">need</span> <span class="nv">you</span> <span class="nv">to</span> <span class="k">return</span> <span class="nv">the</span> <span class="nv">favor</span> <span class="nv">some</span> <span class="nv">day</span>. <span class="nv">I</span> <span class="nv">know</span> <span class="nv">some</span> <span class="nv">assholes</span> <span class="nv">around</span> <span class="nv">here</span> <span class="nv">who</span> <span class="nv">need</span> <span class="nv">their</span> <span class="nv">asses</span> <span class="nv">kicked</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">lol</span><span class="o">!</span> <span class="nv">and</span> <span class="nv">your</span> <span class="nv">girlfriend</span><span class="s1">'</span><span class="s">s the one to do it?</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Hell</span> <span class="nv">yeah</span>.
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">My</span> <span class="nv">girlfriend</span> <span class="nv">can</span> <span class="nv">beat</span> <span class="nv">me</span> <span class="nv">up</span><span class="o">!</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">They</span><span class="s1">'</span><span class="s">d be terrified of you.</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">oh</span> <span class="nv">god</span> <span class="nv">please</span> <span class="nv">don</span><span class="s1">'</span><span class="s">t tell them about me</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">please</span> <span class="nv">don</span><span class="s1">'</span><span class="s">t, mikey</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">I</span> <span class="nv">didn</span><span class="s1">'</span><span class="s">t, I promise.</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Sorry</span>, <span class="nv">didn</span><span class="s1">'</span><span class="s">t mean to worry you.</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">You</span> <span class="nv">okay</span>?
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">yeah</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">you</span> <span class="nv">promise</span>, <span class="nv">though</span>?
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">pinky</span> <span class="nv">swear</span>?
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Promise</span>.
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Pinky</span> <span class="nv">swear</span>.
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Didn</span><span class="s1">'</span><span class="s">t mean to upset you.</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">it</span><span class="s1">'</span><span class="s">s 🆗🆒</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">did</span> <span class="nv">I</span> <span class="k">do</span> <span class="nv">that</span> <span class="nv">right</span>?
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Haha</span>, <span class="nv">not</span> <span class="nv">quite</span>, <span class="nv">but</span> <span class="nv">I</span><span class="s1">'</span><span class="s">ll accept it.</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">still</span> <span class="nv">a</span> <span class="nv">dork</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Thanks</span> 😝
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">No</span> <span class="nv">one</span> <span class="nv">at</span> <span class="nv">school</span> <span class="nv">knows</span>, <span class="nv">though</span>. <span class="nv">promise</span>.
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Mom</span> <span class="nv">and</span> <span class="nv">dad</span> <span class="nv">know</span>.
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="o">*</span> <span class="nv">know</span> <span class="nv">that</span> <span class="nv">I</span><span class="s1">'</span><span class="s">m dating, not who</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">yeah</span>, <span class="nv">good</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">I</span> <span class="nv">still</span> <span class="nv">want</span> <span class="nv">to</span> <span class="nv">brag</span> <span class="nv">about</span> <span class="nv">you</span> <span class="nv">though</span> 🙂
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">I</span> <span class="nv">know</span> 😝
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">just</span> <span class="nv">don</span><span class="s1">'</span><span class="s">t</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">you</span> <span class="nv">can</span> <span class="nv">be</span> <span class="nv">out</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">at</span> <span class="nv">least</span> <span class="nv">there</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">i</span> <span class="nv">can</span><span class="s1">'</span><span class="s">t do that here</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">or</span> <span class="nv">anywhere</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">I</span> <span class="nv">know</span>.
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">I</span> <span class="nv">wish</span> <span class="nv">you</span> <span class="nv">could</span>.
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Still</span> <span class="nv">think</span> <span class="nv">your</span> <span class="nv">parents</span> <span class="nv">would</span> <span class="nv">shit</span> <span class="nv">a</span> <span class="nv">brick</span>?
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">mom</span> <span class="nv">would</span> <span class="nv">be</span> <span class="nv">fine</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">dad</span> <span class="nv">would</span> <span class="nv">just</span> <span class="nv">shit</span> <span class="nv">a</span> <span class="nv">whole</span> <span class="nv">building</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Haha</span> 😂
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">I</span> <span class="nv">hope</span> <span class="nv">it</span><span class="s1">'</span><span class="s">s not a big one.</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">it</span> <span class="nv">would</span> <span class="nv">be</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">it</span> <span class="nv">would</span> <span class="nv">be</span> <span class="nv">the</span> <span class="nv">brick</span> <span class="nv">factory</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">he</span> <span class="nv">got</span> <span class="nv">home</span>, <span class="nv">gotta</span> <span class="nv">go</span>
|
||||
<span class="nv">jace</span> <span class="nv">macallan</span>: <span class="nv">dinner</span>, <span class="nv">bbl</span>
|
||||
<span class="nv">Michael</span> <span class="nv">K</span>.: <span class="nv">Okay</span>. <span class="nv">Hopefully</span> <span class="nv">no</span> <span class="nv">bricks</span> <span class="k">for</span> <span class="nv">dinner</span>.
|
||||
</code></pre></div>
|
||||
|
||||
|
||||
<h2 id="2017-03-07">2017-03-07</h2>
|
||||
<div class="codehilite"><pre><span></span><code><span class="o">-</span><span class="nv">jm</span>: <span class="nv">hey</span>
|
||||
<span class="o">-</span><span class="nv">jm</span>: <span class="nv">hey</span> <span class="nv">jerk</span>
|
||||
<span class="o">-</span><span class="nv">mk</span>: <span class="nv">Jerk</span>? <span class="nv">Why</span>? 😝
|
||||
<span class="o">-</span><span class="nv">jm</span>: <span class="nv">you</span> <span class="nv">didn</span><span class="s1">'</span><span class="s">t respond, that</span><span class="s1">'</span><span class="nv">s</span> <span class="nv">why</span>
|
||||
<span class="o">-</span><span class="nv">mk</span>: <span class="k">For</span> <span class="nv">fifteen</span> <span class="nv">minutes</span><span class="o">!</span>
|
||||
<span class="o">-</span><span class="nv">mk</span>: <span class="nv">Jeez</span> 🙂
|
||||
<span class="o">-</span><span class="nv">jm</span>: <span class="nv">lol</span> <span class="nv">it</span><span class="s1">'</span><span class="s">s fine</span>
|
||||
<span class="o">-</span><span class="nv">mk</span>: <span class="nv">Suuuure</span> 😂
|
||||
<span class="o">-</span><span class="nv">jm</span>: <span class="nv">just</span> <span class="nv">being</span> <span class="nv">goofy</span>
|
||||
<span class="o">-</span><span class="nv">mk</span>: <span class="nv">Oh</span>, <span class="nv">like</span> <span class="nv">that</span> <span class="nv">Disney</span> <span class="nv">dog</span> <span class="nv">character</span>?
|
||||
<span class="o">-</span><span class="nv">jm</span>: <span class="nv">no</span> 😝
|
||||
<span class="o">-</span><span class="nv">jm</span>: <span class="nv">just</span> <span class="nv">had</span> <span class="nv">a</span> <span class="nv">good</span> <span class="nv">day</span>
|
||||
<span class="o">-</span><span class="nv">jm</span>: <span class="nv">so</span> <span class="nv">I</span><span class="s1">'</span><span class="s">m feeling good</span>
|
||||
</code></pre></div>
|
||||
|
||||
|
||||
<p>Act 2:</p>
|
||||
<ul>
|
||||
<li>Remaining teen grieves by leaving messages like journal entries through IMs</li>
|
||||
<li>Goes through many of the classical stages of grief - Denial, Anger, Bargaining, Depression</li>
|
||||
<li>Talks to own parents, calls other's parents once or twice</li>
|
||||
<li>Parents find log/conversation at one point, suggest therapy, therapist suggests continuing.</li>
|
||||
</ul>
|
||||
<p>Act 3:</p>
|
||||
<ul>
|
||||
<li>Remaining teen learns to accept the loss</li>
|
||||
<li>Starts dating again - guilt over replacing relationship, but finds a way to work with that, too</li>
|
||||
<li>Ends with needing to let go of the dead, decides to delete the chat</li>
|
||||
</ul>
|
||||
</article>
|
||||
<footer>
|
||||
<p>Page generated on 2020-04-23</p>
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -13,6 +13,7 @@
|
|||
</header>
|
||||
<article class="content">
|
||||
<p><span class="tag">writing</span> <span class="tag">fiction</span> <span class="tag">epistolary</span> <span class="tag">furry</span> <span class="tag">sawtooth</span> <span class="tag">death</span> <span class="tag">family</span></p>
|
||||
<p><q class="comment">As a small note, this originally began as a different story named <a href="textual-grieving.html">Textual Grieving</a></q></p>
|
||||
<style>
|
||||
h3 {
|
||||
padding-left: 2rem;
|
||||
|
|
@ -527,43 +528,10 @@ h3 {
|
|||
<p><em>7:24 PM Markus></em> So goodbye, Lee.</p>
|
||||
<p><em>7:24 PM Markus></em> Sleep well, miss prissy whiskers.</p>
|
||||
<p><em>7:24 PM Markus></em> Crazy face, out.</p>
|
||||
<span class="control">Expand all</span>
|
||||
</article>
|
||||
<footer>
|
||||
<p>Page generated on 2018-01-26</p>
|
||||
</footer>
|
||||
</main>
|
||||
<script type="text/javascript">
|
||||
document.querySelectorAll('li').forEach(el => {
|
||||
if (el.querySelectorAll('li').length !== 0) {
|
||||
el.classList.add('has-nested', 'closed');
|
||||
el.innerHTML = `<span class="toggle"></span> ${el.innerHTML}`;
|
||||
}
|
||||
});
|
||||
document.querySelectorAll('.toc .has-nested').forEach(el => {
|
||||
el.classList.remove('has-nested', 'closed');
|
||||
});
|
||||
document.querySelectorAll('li.has-nested').forEach(el => {
|
||||
el.querySelector('.toggle').addEventListener('click', () => {
|
||||
el.classList.toggle('closed');
|
||||
});
|
||||
});
|
||||
let expanded = false;
|
||||
document.querySelector('.control').addEventListener('click', (e) => {
|
||||
expanded = !expanded;
|
||||
if (expanded) {
|
||||
e.target.innerText = 'Collapse all';
|
||||
} else {
|
||||
e.target.innerText = 'Expand all';
|
||||
}
|
||||
document.querySelectorAll('.has-nested').forEach((el) => {
|
||||
if (expanded) {
|
||||
el.classList.remove('closed');
|
||||
} else {
|
||||
el.classList.add('closed')
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue