sheep-market: 10.000 sheep created by online workers

commit: 791f025620892e1883835559f5880ca23845bb97
parent: 16c6d6e31869b154058b3d9fb6bead3aef70cc24
Author: Tobias Bengfort <tobias.bengfort@posteo.de>
Date: 2019-08-29 07:11

refine HTML

Diffstat

index.html

+++++++++++++++++++++++++++++++++----------------------------

1 files changed, 48 insertions, 40 deletions

diff --git a/index.html b/index.html

@@ -1,40 +1,48 @@
    1    -1 <title>The Sheep Market</title>
    2    -1 <link rel="stylesheet" href="style.css" />
    3    -1 
    4    -1 <div class="top">
    5    -1     <header>
    6    -1         <h1>The Sheep Market</h1>
    7    -1 
    8    -1         <p>
    9    -1             10.000 sheep created by online workers.
   10    -1             <br>
   11    -1             <a href="#more">More&hellip;</a>
   12    -1         </p>
   13    -1     </header>
   14    -1 
   15    -1     <canvas id="canvas" width="480" height="260"></canvas>
   16    -1 </div>
   17    -1 
   18    -1 <a href="#1" id="grid">
   19    -1     <img src="overview.jpg" />
   20    -1 
   21    -1     <span class="grid__focus"></span>
   22    -1     <span class="grid__hover"></span>
   23    -1 </a>
   24    -1 
   25    -1 <footer>Aaron Koblin &copy; 2006</footer>
   26    -1 
   27    -1 <dialog id="more">
   28    -1     <h1>What's going on here?</h1>
   29    -1     <p>The sheep market is a collection of 10.000 sheep created by workers on Amazon's Mechanical Turk. Each worker was paid $.02 (US) to "draw a sheep facing left."
   30    -1     <ul>
   31    -1         <li>Average time spent drawing each sheep: 105 seconds</li>
   32    -1         <li>Average wage: 60.69 / hour</li>
   33    -1         <li>Rejected sheep:662</li>
   34    -1         <li>Collection Period 40 Days</li>
   35    -1         <li>Collection Rate: about 11 sheep/hour</li>
   36    -1         <li>Unique IP addresses: 7599</li>
   37    -1     </ul>
   38    -1 </dialog>
   39    -1 
   40    -1 <script src="sheep.js"></script>
   -1     1 <!DOCTYPE html>
   -1     2 <html>
   -1     3 <head>
   -1     4     <meta charset="utf-8" />
   -1     5     <title>The Sheep Market</title>
   -1     6     <link rel="stylesheet" href="style.css" />
   -1     7     <!-- This is a HTML5 clone of http://thesheepmarket.com -->
   -1     8 </head>
   -1     9 
   -1    10 <body>
   -1    11     <div class="top">
   -1    12         <header>
   -1    13             <h1>The Sheep Market</h1>
   -1    14 
   -1    15             <p>
   -1    16                 10.000 sheep created by online workers.
   -1    17                 <br>
   -1    18                 <a href="#more">More&hellip;</a>
   -1    19             </p>
   -1    20         </header>
   -1    21 
   -1    22         <canvas id="canvas" width="480" height="260"></canvas>
   -1    23     </div>
   -1    24 
   -1    25     <a href="#1" id="grid">
   -1    26         <img src="overview.jpg" />
   -1    27 
   -1    28         <span class="grid__focus"></span>
   -1    29         <span class="grid__hover"></span>
   -1    30     </a>
   -1    31 
   -1    32     <footer>Aaron Koblin &copy; 2006</footer>
   -1    33 
   -1    34     <dialog id="more">
   -1    35         <h1>What's going on here?</h1>
   -1    36         <p>The sheep market is a collection of 10.000 sheep created by workers on Amazon's Mechanical Turk. Each worker was paid $.02 (US) to "draw a sheep facing left."
   -1    37         <ul>
   -1    38             <li>Average time spent drawing each sheep: 105 seconds</li>
   -1    39             <li>Average wage: 60.69 / hour</li>
   -1    40             <li>Rejected sheep:662</li>
   -1    41             <li>Collection Period 40 Days</li>
   -1    42             <li>Collection Rate: about 11 sheep/hour</li>
   -1    43             <li>Unique IP addresses: 7599</li>
   -1    44         </ul>
   -1    45     </dialog>
   -1    46 
   -1    47     <script src="sheep.js"></script>
   -1    48 </body>