Whac-a-Thought

<<include "LinkButtonInclude">>\n<<include "StyleInclude">>\n<script>\nfunction showRandomPoem(poem) {\n var num = poem;\n while( !(num != poem) ) { /* hack to get round Twine problem */\n num = 1+(Math.floor(Math.random() * 10));\n }\n var elid = "Span" + (num);\n document.getElementById(elid).style.visibility="visible";\n}\nfunction resetPoem() {\n document.getElementById("play").style.visibility="hidden";\n document.getElementById("click").style.visibility="visible";\n showRandomPoem(1);\n}\nfunction poemClicked(poem) {\n var elid = "Span" + (poem);\n document.getElementById(elid).style.visibility="hidden";\n showRandomPoem(poem);\n}\n</script>\n<span style="position:absolute; top:0px; left:100px; right:0px">\n!Whac-a-Thought\n<span style="position:absolute; top:500px; left:0px; right:0px">\n<strong>from<br/>“<<include "StoryTitle">>”<br/>by <<include "StoryAuthor">></strong>\n</span>\n<div style="display:flex; position:absolute; top:50px; left:0px; right:0px">\n <div style="flex:30%;" class="navMenu">\n\n\n\n\n<span id="click" style="visibility:hidden;font-weight:bold">Click on the intrusive\nthoughts to get rid of them</span>\n<span id="play" class="mylinkbutton"><<link "Play the poem">><<script>>resetPoem();<</script>><</link>></span>\n\n\n\n\n<span class="mylinkbutton" id="aboutbutton"><<button [[About the poem|AboutWhacAThought]]>><</button>></span>\n </div>\n<div style="flex:70%">\n<span id="Span0" style="position:relative; top:250px; left:50px;font-size:14;font-weight:bold">Summer is born outside\nthose doors. Inside, I am choked\nby winter's gloom.</span>\n<span id="Span1" class="poemSpan" style="position:absolute; top:0px; left:560px; visibility:hidden" onclick="poemClicked(1)">Rain in my hair drowns\nthe restless itch of thoughts.\nThe nurse doesn't get it.</span>\n<span id="Span2" class="poemSpan" style="position:absolute; top:20px; left:830px; visibility:hidden" onclick="poemClicked(2)">The schizophrenic gypsy\nshouts at me. In my room, I wrap\nmyself in warm nightmares.</span>\n<span id="Span3" class="poemSpan" style="position:absolute; top:130px; left:700px; visibility:hidden" onclick="poemClicked(3)">I steal a mug, smash it\nagainst the smoking shelter. White\nblades splinter my feet.</span>\n<span id="Span4" class="poemSpan" style="position:absolute; top:180px; left:370px; visibility:hidden" onclick="poemClicked(4)">A fox trails across\nthe car park. I take photos,\ndream without sleeping.</span>\n<span id="Span5" class="poemSpan" style="position:absolute; top:270px; left:970px; visibility:hidden" onclick="poemClicked(5)">My bare feet claw the grass\neach night. I smoke, tiptoe\naway from the storm.</span>\n<span id="Span6" class="poemSpan" style="position:absolute; top:380px; left:650px; visibility:hidden" onclick="poemClicked(6)">Too many visitors,\nflowers choke me. Pollen pixelates\nmy reflection.</span>\n<span id="Span7" class="poemSpan" style="position:absolute; top:410px; left:320px; visibility:hidden" onclick="poemClicked(7)">That night I walked barefoot\nIn the snow. I couldn't see the moon\nthrough the clouds in my eyes.</span>\n<span id="Span8" class="poemSpan" style="position:absolute; top:480px; left:860px; visibility:hidden" onclick="poemClicked(8)">I blister the lawn\nuntil they catch me, force my\nmedication down.</span>\n<span id="Span9" class="poemSpan" style="position:absolute; top:550px; left:480px; visibility:hidden" onclick="poemClicked(9)">I would change places\nwith my dying father. He is loved,\nand I am unravelling.</span>\n<span id="Span10" class="poemSpan" style="position:absolute; top:600px; left:910px; visibility:hidden" onclick="poemClicked(10)">If I scratch a little\ndeeper, could that rainbow purge\nall the wailing wounds?</span>\n</div>\n</div>

// disable the debug view\n(function () {\n\tSetting.addHeader("Debug Settings");\n\n\tfunction initSettingDebug() {\n\t\tConfig.debug = settings.debug;\n\t}\n\tSetting.addToggle("debug", {\n\t\tlabel : "Enable test/debug mode?",\n\t\tdefault : false,\n\t\tonInit : initSettingDebug,\n\t\tonChange : function () {\n\t\t\tinitSettingDebug();\n\t\t\twindow.location.reload();\n\t\t}\n\t});\n})();\n\n// get rid of the UI bar on the LHS\nUIBar.destroy();\n

<<include "LinkButtonInclude">>\n<<include "StyleInclude">>\n<span style="position:absolute; top:0px; left:100px; right:0px">\n!About<br/>“Whac-a-Thought”\n</span>\n<span style="position:absolute; top:500px; left:100px; right:0px">\n<strong>from “<<include "StoryTitle">>”<br/>by <<include "StoryAuthor">></strong>\n</span>\n<div style="display:flex; position:absolute; top:50px; left:100px; right:0px">\n <div style="flex:25%;" class="navMenu">\n\n\n\n\n\n\n\n\n\n\n\n\n<span class="mylinkbutton"><<button [[Return to poem|Start]]>><</button>></span>\n </div>\n <div style="flex:35%;">\nPeople who are depressed often have intrusive thoughts – thoughts which are usually irrational and just won't go away. They're often completely alien to the person thinking them, for example, they may be obsessed with detailed images of harming someone they love, or convinced that something disastrous is about to happen to them.\n\nDealing with these thoughts is exhausting. They can interfere with sleeping, socialising, eating and drinking. Distraction is a common avoidance technique, but that can also lead to obsessive behaviour, because once the person stops playing video games or dancing to loud music the thoughts come flooding back.\n\nIt's just like a never-ending game of Whac-a-Mole. Hit one mole on the head, another one pops up somewhere else.\n </div>\n <div style="flex:5%;">\n </div>\n <div style="flex:30%;">\n </div>\n</div>

.mybutton {\n background-color: #3355AA;\n color: white;\n padding: 6px 6px;\n text-align: center;\n text-decoration: none;\n font-weight: normal;\n display: inline-block;\n font-size: 16px;\n margin: 2px 0px;\n border: none;\n}\n.mybutton:hover {\n background-color: #2C488E;\n text-decoration: none;\n color: white;\n}

.flex-container {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-content: space-between;\n}

#passages {\n\tmargin: 100px;\n max-width: 1500px;\n}

everything is pieces of itself

Pippa Hennessy