-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
193 lines (151 loc) · 8.32 KB
/
index.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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/bookClubMain.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="javascript/bookClubJS.js" type="text/javascript"></script>
<script type="text/javascript" src="javascript/indexscript.js"></script>
<!-- using code for pop-up html window from highslide.com -->
<!-- Torstein Honsi , Highslide.com -->
<script type="text/javascript" src="javascript/highslide-with-html.js"></script>
<link rel="stylesheet" type="text/css" href="css/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'images/graphics/';
hs.outlineType = 'rounded-white';
</script>
<!-- -->
<title>The Bee Book Club</title>
</head>
<body>
<div id='container'>
<div id='header'>
<img src="images/logo1.jpg" alt = "The Book Club Logo" width = "100" height = "100"/>
<h1 id='headertext'> The Bee Book Club</h1>
<div id='search-box'>
<div class="searchbox">
<input type="text" name="search" /><input type="submit" value="Search" />
</div>
</div>
</div>
<div id='nav'>
<ul id="navmenu">
<li><a href="index.html"> Home </a></li>
<li><a href="authors.html"> Meet The Authors </a></li>
<li><a href="reviews.html"> Reviews </a></li>
<li><a href="events.html"> Book Events </a></li>
<li><a href="contest.html"> Short Story Contest </a></li>
<li><a href="join.html"> Join the Club </a></li>
<li><a href="contact.html"> Contact Us </a></li>
</ul>
</div>
<div id='content'>
<h1 id="contentheader"> This Month's Choice </h1>
<div id='book1Col'>
<!-- Torstein Honsi , Highslide.com -->
<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'bk1highslide-html' } )" class="highslide">
<img class="pics" src="images/emperorChil.jpg" id="Rotating1" alt="Emperors Children book cover "/>
</a>
<div class="highslide-html-content" id="bk1highslide-html">
<div class="highslide-header">
<ul>
<li class="highslide-close">
<a href="#" onclick="return hs.close(this)">Close</a>
</li>
</ul>
</div>
<div class="highslide-body">
<p>Emperors Children, review by Ron Charles </p>We've all caught glimpses of them before, but Claire Messud has captured and pinned under glass members of a striking subspecies of the modern age: the smart, sophisticated, anxious young people who think of themselves as the cultural elite. Trained for greatness in the most prestigious universities, these shiny liberal arts graduates emerge with expensive tastes, the presumption of entitlement and no real economic prospects whatsoever. If you are one of them or if you cannot resist the delicious pleasure of pitying them, you will relish every page of The Emperors Children.
</div>
<div class="highslide-footer">
<div>
<span class="highslide-resize" title="Resize">
<span></span>
</span>
</div>
</div>
</div>
</div> <!-- book1Col -->
<div id='book2Col'>
<!-- Torstein Honsi , Highslide.com -->
<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'bk2highslide-html' } )" class="highslide">
<img class="pics" src="images/LiesMyTe.jpg" id="Rotating2" alt = "Lies My Teacher told book cover "/>
</a>
<div class="highslide-html-content" id="bk2highslide-html">
<div class="highslide-header">
<ul>
<li class="highslide-close">
<a href="#" onclick="return hs.close(this)">Close</a>
</li>
</ul>
</div>
<div class="highslide-body">
<p>Lies My Teacher Told Me, review by Scott Hughes</p>In Lies My Teacher Told Me: Everything Your History Textbook Got Wrong, James Loewen criticizes the general history curriculum in American schools. He studies twelve popular history textbooks, and compares the presentation of history with the evidence currently available to historians. This book won the Oliver Cromwell Cox Award for Distinguished Anti-Racist Scholarship and the 1996 American Book Award. <br/>Loewen proposes that schools give American students a feel-good non-controversial history. He explains how this not only bores students, but also fosters misunderstanding. Additionally, Loewen points out that a feel-good history - which underplays events that might put the country or government in a bad light, such as the treatment of black and poor people - disaffects poor students and minority students. To support this claim, Loewen provides statistics showing that the largest achievement gap occurs in history courses.
</div>
<div class="highslide-footer">
<div>
<span class="highslide-resize" title="Resize">
<span></span>
</span>
</div>
</div>
</div>
</div> <!-- book2Col -->
<div id='book3Col'>
<!-- Torstein Honsi , Highslide.com -->
<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'bk3highslide-html' } )" class="highslide">
<img class="pics" src="images/game.jpg" id="Rotating3" alt = "Game of Thrones book cover "/>
</a>
<div class="highslide-html-content" id="bk3highslide-html">
<div class="highslide-header">
<ul>
<li class="highslide-close">
<a href="#" onclick="return hs.close(this)">Close</a>
</li>
</ul>
</div>
<div class="highslide-body">
<p>Game of Thrones by George R R Martin, review by Tim Martin </p> Political metaphors do not come much more pointed than the Iron Throne, the seat of the kings of Westeros in George R R Martins sprawling fantasy sequence A Song of Ice and Fire. Forged from a thousand captured daggers and swords, the vast metal chair is designed to prick and goad its calmest occupants and slice the unwary to ribbons. One aspirant gloomily remarks on the barbs along the back, the ribbons of twisted steel, the jagged ends of swords and knives all tangled up and melted. It is not a seat where a man can rest at ease.
</div>
<div class="highslide-footer">
<div>
<span class="highslide-resize" title="Resize">
<span></span>
</span>
</div>
</div>
</div>
</div> <!-- book3Col -->
<div id='book4Col'>
<!-- Torstein Honsi , Highslide.com -->
<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'bk4highslide-html' } )" class="highslide">
<img class="pics" src="images/1984.jpg" id="Rotating4" alt = "1984 book cover "/>
</a>
<div class="highslide-html-content" id="bk4highslide-html">
<div class="highslide-header">
<ul>
<li class="highslide-close">
<a href="#" onclick="return hs.close(this)">Close</a>
</li>
</ul>
</div>
<div class="highslide-body">
<p>Nineteen Eighty-Four, review by Scott Hughes</p>Nineteen Eighty-Four (1984) is a dystopian novel written by the English writer George Orwell (1903 - 1950). The novel was first published in 1949. The book tells the story of fictional character Winston Smith and his attempt to rebel against the totalitarian state in which he lives.<br/>Nineteen Eighty-Four remains as one of the most popular and widely read books of all time. Indeed, the novel has even greatly affected common language and created new phrases, words, and idioms. For example, the commonplace term 'big brother' comes from Nineteen Eighty-Four.<br/>The impact of Nineteen Eighty-Four is not surprising, because the well-written novel amazingly predicts a frightening future with shocking accuracy. In contemporary society, the novel can frighten readers even more, since the readers can actually see how much of the Orwell's warnings have come to pass.<br/>
</div>
<div class="highslide-footer">
<div>
<span class="highslide-resize" title="Resize">
<span></span>
</span>
</div>
</div>
</div>
</div> <!-- book4Col -->
</div> <!-- content -->
<div id='footer'>
<p>© 2012 The Bee Book Club. All rights reserved</p>
</div>
</div> <!-- container -->
</body>
</html>