/
moby_dick.html
90 lines (73 loc) · 3.92 KB
/
moby_dick.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
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 lang="en">
<head>
<title>Moby Dick</title>
<meta charset="utf-8">
</head>
<body>
<!-- simple navigation menu -->
<div style="text-align: right; margin: 40px 40px 0 0">
<a href="index.html" style="padding: 10px; text-decoration: none;">Home</a> |
<a href="tags.html" style="padding: 10px; text-decoration: none;">HTML Tags</a> |
<a href="moby_dick.html" style="padding: 10px; text-decoration: none;">Moby Dick</a>
</div>
<!-- much here to be styled, will do so in last section -->
<header style="text-align: center; margin-bottom: 80px;">
<h1>A Softcover Book Report</h1>
<h2>Moby-Dick (or, The Whale)</h2>
</header>
<div>
<p> The <a href="http://www.softcover.io/">Softcover</a>
publishing platform was designed mainly for ebooks like the
<a href="http://railstutorial.org/book"><em>Ruby on Rails Tutorial</em> book</a> and
<a href="http://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>
<!-- One restriction of "margin: 0 auto" is that it works only on block elements, but recall
that the img tag is an inline element. We can fix this with the style "display: block;",
which overrides the default. Putting this together with the margin rule leads to. -->
<a href="https://commons.wikimedia.org/wiki/File:Sperm_whale_pod.jpg" target="_blank">
<img src="images/sperm_whales.jpg" alt="Sperm Whales" style="display: block; margin: 0 auto;">
</a>
<div style="width: 500px; margin: 20px auto; padding: 30px; background-color: #eee;"> <!-- wrapper -->
<h3>Moby-Dick: A classic tale of the sea</h3>
<a href="https://www.softcover.io/read/6070fb03/moby-dick" target="_blank">
<img src="images/moby_dick.png" alt="Moby Dick" height="200px;" style="float: left; margin-right: 20px;">
</a>
<p> <a href="https://www.softcover.io/read/6070fb03/moby-dick" target="_blank">
<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: normal; font-size: 24px; font-weight: bold; color: #f00;">
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>
<h4>My top 3 favorite things about Moby Dick</h4>
<ol>
<li>Vengeful whale</li>
<li>Salty sailors</li>
<li>The names "Queequeg" and "Starbuck"</li>
</ol>
<h4>Other things about Moby Dick</h4>
<ul>
<li>Chapter after chapter (after chapter) of meticulous detail about whaling</li>
<li>The story pretty much
<a href="https://en.wikipedia.org/wiki/Essex_(whaleship)" target="_blank">
happened in real life
</a>
</li>
<li>Mad sea captains are fun</li>
</ul>
</div> <!-- end wrapper -->
</body>
</html>