learn_to_code/book.html at main · lilatace/learn_to_code · 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
  <head>
    <title>Moby Dick</title>
    <meta charset="utf-8">
    <html lang="en">
  </head>
  <body>

    <div style="text-align: center">
      <a href="https://lilatace.github.io/learn_to_code/" style= "margin: 0 20px 0 20px">Home</a>
      <a href="https://lilatace.github.io/learn_to_code/about.html" style= "margin: 0 20px 0 20px">About</a>
      <a href="https://lilatace.github.io/learn_to_code/tags.html" style= "margin: 0 20px 0 20px">Tags</a>
      <a href="https://lilatace.github.io/learn_to_code/book.html" style= "margin: 0 20px 0 20px">Book Report</a>
    </div>

<!-- let's practice adding a note and let's comment it out  -->

    <header>
      <h1 style="text-align: center;">A Softcover Book Report</h1>
      <h2 style="text-align: center;margin: 0 0 80px;">Moby-Dick (or, The Whale)</h2>
    </header>

    <div>
      <p>
        The <a href="https://www.softcover.io/">Softcover</a> publishing platform
        was designed mainly for ebooks like the
        <a href="https://railstutorial.org/book"><em>Ruby on Rails Tutorial</em>
        book</a> and <a href="https://learnenough.com/html"><em>Learn Enough
        HTML to Be Dangerous</em></a>, but it's also good for making more
        traditional books, such as the novel <em>Moby-Dick</em> by Herman
        Melville (sometimes written as <em>Moby Dick</em>). We present below a
        short and affectionately irreverent book report on this classic of
        American literature.
      </p>
    </div>

      <img src="images/whale_fin.jpg" alt="whale fins breaching" width="700" height="340" style= "display: block; margin: 0 auto">

      <div style="width: 500px; margin: 20px auto; padding: 30px;
  background-color: #fafafa;">

      <h3>Moby-Dick: A classic tale of the sea</h3>

      <a href="https://www.softcover.io/read/6070fb03/moby-dick"
         target="_blank" rel="noopener">
        <img src="images/moby_dick.png" alt="Moby Dick" height="200px" style="float:right; margin: 0 40px 0 80px;>
      </a>

      <p>
        <a href="https://www.softcover.io/read/6070fb03/moby-dick"
           target="_blank" rel="noopener">
          <em>Moby-Dick</em></a>
          by Herman Melville begins with these immortal words:
      </p>

      <blockquote style="font-style: italic; font-size: 20px">
        <p>
          <span style ="font-style: italic; font-size: 40px; weight: bold; color: blue;">Call me Ishmael.</span> Some years ago–never mind how long
          precisely–having little or no money in my purse, and nothing
          particular to interest me on shore, I thought I would sail about a
          little and see the watery part of the world. It is a way I have of
          driving off the spleen and regulating the circulation.
        </p>
      </blockquote>

      <p>
        After driving off his spleen (which <em>can't</em> be good for you),
        Ishmael then goes on in much the same vein for approximately one
        jillion pages. The only thing bigger than Moby Dick (who—<em>spoiler
        alert!</em>—is a giant white whale) is the book itself.
      </p>
    </div>

    <div style="width: 500px; margin: 20px auto; padding: 30px;
background-color: #fafafa;">
      <h4>My Three Favorite Things About The Book:</h4>
      <ol>
        <li>List Item 1</li>
        <li>List Item 2</li>
        <li>List Item 3</li>
      </ol>
      <ul>
        <li>List Item 1</li>
        <li>List Item 2</li>
        <li>List Item 3</li>
      </ul>
    </div>
  </body>
</html>