HTML-01-Basics/exercise1.html at master · Junior-dev-Track/HTML-01-Basics · GitHub

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
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>The Story of the Chinese Farmer</title>
</head>
<body>
<header>
  <h1>The Story of the Chinese Farmer</h1>
  <p><time datetime="2016-05-11">11 May 2016</time>, Alexandre Gorius</p>
  <figure>
    <img src="https://cdn-images-1.medium.com/max/1000/1*2PCmLZyzQaF2pyKYkSTFpA.jpeg" alt="A scenic image related to the story">
  </figure>
</header>
<section>
  <h2>Preamble</h2>
  <ul>
    <li>Read this once</li>
    <li>Then read it again</li>
    <li>Then tell it to your best friend</li>
  </ul>
</section>
<section>
  <h2>The Story</h2>
  <p>Once upon a time, there was a Chinese farmer whose horse ran away. That evening, all of his neighbors came around to commiserate. They said, <q>We are so sorry to hear your horse has run away. This is most unfortunate.</q> The farmer said, <em>Maybe.</em></p>
  <p>The next day, the horse came back bringing seven wild horses with it, and in the evening, everybody came back and said, <q>Oh, isn’t that lucky. What a great turn of events. You now have eight horses!</q> The farmer again said, <em>Maybe.</em></p>
  <p>The following day, his son tried to break one of the horses, and while riding it, he was thrown and broke his leg. The neighbors then said, <q>Oh dear, that’s too bad,</q> and the farmer responded, <em>Maybe.</em></p>
  <p>The next day, the conscription officers came around to conscript people into the army, and they rejected his son because he had a broken leg. Again, all the neighbors came around and said, <q>Isn’t that great!</q> Again, he said, <em>Maybe.</em></p>
  <blockquote>
    <p>The whole process of nature is an integrated process of immense complexity, and it’s really impossible to tell whether anything that happens in it is good or bad — because you never know what will be the consequence of the misfortune; or, you never know what will be the consequences of good fortune.</p>
    <footer>- Alan Watts</footer>
  </blockquote>
</section>
<section>
  <h2>Table of Events</h2>
  <table>
    <caption>Table representing the farmer's philosophy</caption>
    <thead>
    <tr>
      <th>Event</th>
      <th>Good or Bad?</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td>Lose a horse</td>
      <td><em>Maybe</em></td>
    </tr>
    <tr>
      <td>Win more horses</td>
      <td><em>Maybe</em></td>
    </tr>
    <tr>
      <td>Son injury</td>
      <td><em>Maybe</em></td>
    </tr>
    <tr>
      <td>Avoid war</td>
      <td><em>Maybe</em></td>
    </tr>
    </tbody>
  </table>
</section>
<footer>
  <h2>Conclusion</h2>
  <p>Good and Bad are just one perspective. Bananas are good for monkeys, but monkeys are not good for bananas. Let's not make a big deal out of it...</p>
  <p>&copy; 2017 Just Another Company. All rights reserved.</p>
  <p>Adapted from this article: <a href="https://wellsbaum.blog/2018/01/27/alan-watts-the-story-of-the-chinese-farmer/" target="_blank">Alan Watts: The Story of the Chinese Farmer</a></p>
</footer>
</body>
</html>