joke.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

<!DOCTYPE html>
<!-- Template for compiled 'Autocento' documents -->
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="generator" content="pandoc">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <meta name="author" content="Case Duckworth">
    <!-- more meta tags here -->
    <title>Joke | Autocento of the breakfast table</title>
    <!-- general styles & scripts -->
    <link rel="stylesheet" type="text/css" href="./css/common.css">
    <script src="./js/lozenge.js" type="text/javascript"> </script>
    <script src="./js/hylo.js" type="text/javascript"> </script>

        <link rel="stylesheet" type="text/css" href="./css/prose.css">
    <script src="./js/prose.js" type="text/javascript"> </script>
            <link rel="stylesheet" type="text/css" href="./css/paul.css">
    <script src="./js/paul.js" type="text/javascript"> </script>
        <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script>
    <![endif]-->
    <!-- <script src="js/external.js"> </script> -->
    </head>
<body>

<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Joke</h1>
        

        
            </header>

    <section class="thing prose">
    <p>He wrote <em><strong>JOKES</strong></em> on the top of a page in his notebook. He had run out of notecards and hadn’t been able to convince his mother to go to the Office Supply Store for him. He left a space underneath it and wrote.</p>
    <p><em>“<a href="window.html">Tell us a joke</a>” the listeners say to the clown. They have gather together in the clearing because they have heard he would be there, and they have heard he knew very funny jokes that were also true. “Tell us a joke that is true” they say.</em></p>
    <p><em>The clown does not move from the stump. He doesn’t move at all. The listeners watch, gap-mouthed, as a butterfly lands on his hat. A breeze ruffles his coat and the butterfly flies away. Hours pass. The listeners grow impatient. Some begin yelling insults at the clown. Eventually, they begin to walk away into the woods.</em></p>
    <p><em>The moon <a href="the-sea_the-beach.html">rises</a> on the clearing. The only people left are the clown and a listener, the <a href="listen.html">last listener</a>. She has been waiting for the joke a long time. The clown opens his mouth and she leans in closer to hear. He closes it as a tear falls onto his coat, then another. He opens his mouth again in a sob. The listener walks over to him and puts a hand on his shoulder.</em></p>
    <p><em>“I’m sorry” says the clown. “Sorry for what” she asks. “I don’t know. I don’t know any jokes.” He disappears. The last listener sits on the log and looks at the sky. There are no <a href="big-dipper.html">stars</a>.</em></p>
    </section>

    <nav>
                <a class="prevlink" href="punch.html">
            Punch
        </a>
                <a class="prevlink" href="hymnal.html">
            Hymnal
        </a>
                <a href="#" id="lozenge" title="Random page"> &loz; </a>
                <a class="nextlink" href="stump.html">
            Stump
        </a>
                <a class="nextlink" href="leaf.html">
            Leaf
        </a>
            </nav>
</div>
</body>
</html>