Skip to content

Commit 1dd2427

Browse files
ksen0ksen0
committed
Initial commit of v1.0
1 parent 1f83ef6 commit 1dd2427

File tree

6 files changed

+958
-0
lines changed

6 files changed

+958
-0
lines changed

‎example.jpg

52.4 KB
Loading

‎index.html

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<!DOCTYPE html>
2+
<head>
3+
<meta charset="utf-8"/>
4+
<title>Should I do the thing?</title>
5+
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
6+
7+
<script src="jquery.min.js"></script>
8+
<script src="story.js" charset="UTF-8"></script>
9+
10+
<script>
11+
jQuery(function($){
12+
$('#squiffy').squiffy();
13+
var restart = function () {
14+
$('#squiffy').squiffy('restart');
15+
};
16+
$('#restart').click(restart);
17+
$('#restart').keypress(function (e) {
18+
if (e.which !== 13) return;
19+
restart();
20+
});
21+
});
22+
</script>
23+
24+
<link rel="stylesheet" href="../tufte.css"/>
25+
<link rel="stylesheet" href="../latex.css"/>
26+
<link rel="stylesheet" href="style.css"/>
27+
<meta name="viewport" content="width=device-width, initial-scale=1">
28+
<style type="text/css">
29+
table#newspaper-tone > thead > tr > th:first-child { padding-right: 20%; }
30+
table#newspaper-tone > tbody > tr > td:nth-child(1) { padding-right: 15%; }
31+
table#newspaper-tone > thead > tr > th:nth-child(2) { width: 70px; }
32+
table#newspaper-tone > thead > tr > th:nth-child(3) { padding: 0 59px;
33+
min-width: 100px; }
34+
35+
@media screen and (max-width: 700px) { table#newspaper-tone > thead > tr > th:first-child { padding-right: 0; }
36+
table#newspaper-tone > thead > tr > th:nth-child(2) { padding-right: 0; }
37+
table#newspaper-tone > thead > tr > th:nth-child(3) { padding-right: 0; }
38+
table#newspaper-tone > tbody > tr > td:nth-child(1) { padding-right: 0; }
39+
table#newspaper-tone > tbody > tr > td:nth-child(2) { padding-right: 0; }
40+
table#newspaper-tone > tbody > tr > td:nth-child(3) { padding-right: 0; }}
41+
42+
43+
</style>
44+
</head>
45+
46+
<body>
47+
<article>
48+
49+
<!--<h1>kuksenok <small>/<a href=../index.html>about</a> /do-the-thing</small></h1>-->
50+
<p class="subtitle"><a class="squiffy-header-link" id="restart" tabindex="0">Restart</a><br>
51+
</p>
52+
<p><label for="mn-figure-1" class="margin-toggle">&#8853;</label><input type="checkbox" id="mn-figure-1" class="margin-toggle"/><span class="marginnote"><a href=example.jpg><img src="example.jpg"><br>The Flowchart Version (Nov. 2016)</a><br><br><br>made by <A href=https://www.facebook.com/ktkuks/posts/10208065546464454?notif_id=1507119013281849&notif_t=like>kuksenok</A><br><a href=https://github.com/textadventures/squiffy>created using squiffy 5.1.1</a><br>Last updated Oct., 2017</p>
53+
54+
<section>
55+
56+
<div id="squiffy">
57+
</div>
58+
59+
60+
<!--Pictured below, in order: (1) a box of controllable light to make static color swatches look different, based on an experiment in the Exploratorium Coursera course about Light; (2) an ambient animation using waves and some randomness; (3) a prototype for a physical installation; (4) installations for a film, see also video on the right.
61+
62+
<blockquote class="instagram-media" data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BPQqh0Ph-6e/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by ɐuǝɹǝɹǝɹǝʇɐʞ (@katerererena)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2017-01-14T21:46:37+00:00">Jan 14, 2017 at 1:46pm PST</time></p></div></blockquote> <script async defer src="http://platform.instagram.com/en_US/embeds.js"></script>-->
63+
64+
</section>
65+
</article>
66+
67+
68+
<script>
69+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
70+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
71+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
72+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
73+
74+
ga('create', 'UA-68362803-1', 'auto');
75+
ga('send', 'pageview');
76+
77+
</script>
78+
</body>
79+
</html>
80+
81+

‎jquery.min.js

Lines changed: 4 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎sq-prototype/flow.squiffy

Lines changed: 138 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
# [[Should I do the thing?]]
2+
3+
[[Should I do the thing?]]:
4+
5+
### Is the thing worth doing?
6+
7+
* [[y]] yes
8+
* [[n]] no
9+
10+
[[y]]:
11+
12+
### Is it worth doing by me in particular?
13+
14+
* [[yy]] yes!
15+
* [no](yn), someone else is better suited.
16+
17+
[yn]:
18+
19+
### Wait a hot minute. Is this [impostor syndrome](https://www.scientificamerican.com/article/what-is-impostor-syndrome/) talk?
20+
21+
* [[yy]] oops, yes, haha :) nevermind!
22+
* [[dontdo]] no, I am legitimately unqualified, and am only considering the thing as an advanced form of procrastination from the thing I *actually* mean to be doing, and/or the thing that is actually a better way *for me* to contribute to humanity/society/knowledge/art/environment
23+
24+
25+
[[yy]]:
26+
27+
### Is doing the thing going to take a surprising amount of resources (time, energy, money, or goodwill)?
28+
29+
* [[nope]], this is going to go swimmingly and precisely as I plan it!
30+
31+
[[nope]]:
32+
33+
### That seems unlikely, so let's imagine that it does become a surprising burden in _some_ way. How far over its budget (of time, energy, money, or goodwill) can the thing go and still be worth doing, _and_ worth doing _by me_?
34+
35+
* [[spreadthin]] Not at all, I am an extremely busy person already spread exceptionally thin.
36+
* [[23x]] Like, twice or three times what I imagine.
37+
* [[infinity]] It doesn't matter, the thing is my ultimate calling, it can sap me dry and I will be the happier for it!
38+
39+
[[infinity]]:
40+
41+
That is demonstrably an unproductive way to go, because I am a meatbag with 24 hours in each day, several of them - ideally - asleep, and the wakeful ones permeated by the looming spectre of inescapable mortality. Therefore:
42+
43+
# I will not neglect myself in the name of the thing.
44+
45+
Firstly, because it is unkind to myself and normalizes this kind of behavior to others. Secondly, because if I neglect myself, I will quickly be unable to do the thing well, or maybe at all, and there is no place for that kind of irony in the wide-eyed quest for productivity!
46+
47+
48+
[[23x]]:
49+
50+
# I will do the thing!
51+
52+
But also I will make sure to articulate measurable goals and keep myself accountable, and, if it turns out the thing metastasizes to other areas of life, I will seriously consider not doing the thing anymore. I will not let the sunk cost fallacy dictate my sanity.
53+
54+
[[finalyes]]:
55+
56+
# I will do the thing!
57+
58+
(and maybe, just maybe I might leave comments or suggestions for this thing on [this public FB post](https://www.facebook.com/photo.php?fbid=10208065569305025&set=a.2092313835444.2107842.1473210122&type=3&theater)...)
59+
60+
61+
[[spreadthin]]:
62+
63+
### Wait, so why am I considering doing the thing?
64+
65+
* [[opportunity]] I feel an all-consuming desire to sneak into a narrow window of opportunity.
66+
* [[sayno]] Someone asked me to do the thing, and saying "no" to them is hard.
67+
68+
[[sayno]]:
69+
70+
Saying "no" _is_ really hard!
71+
72+
But it's even hard to say "no" from under a guilt-ridden pile of incomplete work while apologizing and shaking from 2 hours of sleep.
73+
74+
# I shouldn't do the thing and I already know it.
75+
76+
[[opportunity]]:
77+
78+
The sense of a quickly-evaporating opportunity is, for the _vast majority_ of things, imaginary.
79+
80+
If the thing is worth doing, it'll be worth doing next year. If next year I consider the thing and I am still unable to make sufficient room in my life for it, then I will be grateful and happy that my life is filled with such meaningful things worth doing already.
81+
82+
# I will not do the thing, and also I will consider taking a nice walk, right now, why not, life is short and beautiful.
83+
84+
[[dontdo]]:
85+
86+
# I will do some other thing. There are lots of things I can do!
87+
88+
* [[but]] other people tell me my options are limited...
89+
90+
[[but]]:
91+
92+
When people give advice, even in the best conscience and with excellent relevant experience, they are speaking to their own past selves. I don't have to accept their words at face value, but I can still benefit from them and be greatful for them.
93+
94+
95+
[[n]]:
96+
97+
### Is it wrong to do, relative to my value system?
98+
99+
* [yes](ny), *but*....
100+
* [not *actively* wrong](nn) but also not *right*...
101+
* (no, just [no](justno) is not an option)
102+
103+
[justno]:
104+
105+
You indicated that the thing is not worth doing. If you think something is not worth doing, but it is a right thing to do, how is that consistent?
106+
107+
[ny]:
108+
109+
### Is it necessary?
110+
111+
* [[dontdo]] nope
112+
* [[kindayes]] right now, it is 100% inescapable
113+
114+
[nn]:
115+
116+
### Will it expand my imagination or capability?
117+
118+
* [no...](nnn)
119+
* [[kindayes]] yes!
120+
121+
[nnn]:
122+
123+
### Will it allow me to have more resources for other things, which are good and important?
124+
125+
* [no...](ny)
126+
* [[kindayes]] [yes!](kindayes)
127+
128+
[[kindayes]]:
129+
130+
# Nothing is over until it's over.
131+
132+
I will do the thing, but work to change my life so that something which feels *so wrong* is not *so necessary*.
133+
134+
* Change may take time, and
135+
* many things may be out of my influence, and
136+
* much may not turn out as I hope, so:
137+
138+
Ss long as I am doing my best, I will not punish myself unnecessarily for doing the thing, even if it goes against some of my values.

0 commit comments

Comments
 (0)