-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemplate.html
executable file
·435 lines (368 loc) · 25 KB
/
template.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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
<!doctype html>
<html>
<head>
<title>UNIFI Website Template</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<script>
(function () {
var elms = ['section', 'aside', 'nav', 'article'];
var i = 0, len = elms.length;
for (i; i < len; i++ ) {
document.createElement(elms[i]);
}
})();
</script>
</head>
<body>
<a name="top"></a>
<div id="wrapper">
<!--
Create the header secion, this will be the main image, navigation elements,
rotating quote, and search button.
-->
<header>
<!-- Header Image -->
<img src="images/final-header.png" height="200px" alt="Header Image" />
<!-- Nav Items -->
<nav>
<ul>
<li class="nav-item"><a href="?">Home</a></li>
<li class="nav-item"><a href="?about">About</a></li>
<li class="nav-item"><a href="?contact">Contact</a></li>
<li class="nav-item"><a href="?brunch">Brunch</a></li>
<li class="nav-item"><a href="?store">Store</a></li>
<li class="nav-item"><a href="?calendar">Calendar</a></li>
<li class="nav-item"><a href="?darwinweek">Darwin Week</a></li>
<li class="nav-item"><a href="?events">Events</a></li>
</ul>
</nav>
</header>
<hr />
<!--
The "right side" of the page which contains: "You" box, [Admin Dashboard],
social media icons, labels/authors, and the blogroll.
-->
<aside>
<section id="search" class="no-border">
<div class="no-border">
<form action="template.html" method="GET">
<input type="search" id="search-box" name="query" placeholder="Search..." />
</form>
</div>
</section>
<section id="profile-box-container">
<h3>You:</h3>
<div id="profile-box">
<div class="right no-border">
<img src="images/fb-button.png" />
</div>
<div class="no-border">
<span>
<a href="#" class="profile-link">Profile</a>
</span>
<span>
<a href="#" class="profile-link">Events</a> (7)
</span>
</div>
</div>
</section>
<section id="admin-box">
<h3>Admin:</h3>
<div>
<div class="right no-border">
<span>
<a href="#">Log (100) </a>
</span>
</div>
<div class="no-border">
<span>
<a href="#">Dashboard</a>
</span>
</div>
</div>
</section>
<section id="connect-with-us">
<h3>Connect with us:</h3>
<div id="social-media" class="no-border border-bottom">
<ul>
<li><a href="#"><img class="social-media-icon" src="images/facebook.png" /></a></li>
<li><a href="#"><img class="social-media-icon" src="images/twitter.png" /></a></li>
<li><a href="#"><img class="social-media-icon" src="images/reddit.png" /></a></li>
<li><a href="#"><img class="social-media-icon" src="images/youtube.png" /></a></li>
<li><a href="#"><img class="social-media-icon" src="images/email.png" /></a></li>
</ul>
</div>
</section>
<section id="quote-and-search" class="no-border">
<!-- Rotating Quote -->
<div id="quote" class="no-border border-bottom">
"I can't believe the special stories about our relationship to the universe at large."
<br />-- Richard Feynman
</div>
</section>
<section class="no-border">
<!-- Lables / Authors -->
<div id="blogroll" class="no-border border-bottom">
<h4>Blogroll</h4>
<ul>
<!-- -->
<li>
<img src="images/blogroll/a.ico" />
<span class="blogroll-title">
<a href="http://scienceblogs.com/pharyngula/">Pharyngula</a>
</span>
<span class="blogroll-desc">
Ken Ham was expelled! Ha haa! - Amazingly, a gang of ignorant young-earth creationist crazies who are running fundamentalist home-schooling conferences decided that Ken Ham and Answers ...
</span>
</li>
<!-- -->
<li>
<img src="images/blogroll/b.ico" />
<span class="blogroll-title">
<a href="http://whywontgodhealamputees.com/blog">WhyWontGodHealAmputees</a>
</span>
<span class="blogroll-desc">
The problem with religion… - The problem with religion… is that religious people want to cram religion down every throat. Case in point: GOP House Judiciary Committee Votes to Put ‘In ...
</span>
</li>
<!-- -->
<li>
<img src="images/blogroll/c.ico" />
<span class="blogroll-title">
<a href="http://friendlyatheist.com/">Friendly Atheist by Hemant Mehta</a>
</span>
<span class="blogroll-desc">
Rapture Day at Wichita State University - You know how the Bible says the Rapture is coming on May 21st? According to [Family Radio founder Harold] Camping’s prediction, the Rapture will happen exa...
</span>
</li>
<!-- -->
<li>
<img src="images/blogroll/d.ico" />
<span class="blogroll-title">
<a href="http://uiucatheists.blogspot.com/">Atheists, Agnostics, and Freethinkers</a>
</span>
<span class="blogroll-desc">
4 Last-Minute Lent Suggestions for the Catholic Church - For a week now, the Catholic world has been in the period of Lent between Mardi Gras and Easter Sunday. This means that all over the globe, upwards of a bi...
</span>
</li>
</ul>
</div>
<!-- Authors -->
<div id="labels-and-authors" class="no-border border-bottom">
<h4>Authors</h4>
<ul>
<li><a href="#"> Adam Shannon</a> (99)</li>
<li><a href="#"> Alex Popinga</a> (99)</li>
<li><a href="#"> Ben Cyr</a> (99)</li>
<li><a href="#"> Ben Musset</a> (99)</li>
<li><a href="#"> Bertrand Russel</a> (99)</li>
<li><a href="#"> Bill Maher</a> (99)</li>
<li><a href="#"> Blasphemy Challenge</a> (99)</li>
<li><a href="#"> Blasphemy Day</a> (99)</li>
<li><a href="#"> Blasphemy Friday</a> (99)</li>
<li><a href="#"> Blashphemy Rights Day</a> (99)</li>
<li><a href="#"> Blogging the Bible</a> (99)</li>
<li><a href="#"> Adam Shannon</a> (99)</li>
<li><a href="#"> Alex Popinga</a> (99)</li>
<li><a href="#"> Ben Cyr</a> (99)</li>
<li><a href="#"> Ben Musset</a> (99)</li>
<li><a href="#"> Bertrand Russel</a> (99)</li>
<li><a href="#"> Bill Maher</a> (99)</li>
<li><a href="#"> Blasphemy Challenge</a> (99)</li>
<li><a href="#"> Blasphemy Day</a> (99)</li>
<li><a href="#"> Blasphemy Friday</a> (99)</li>
<li><a href="#"> Blashphemy Rights Day</a> (99)</li>
<li><a href="#"> Blogging the Bible</a> (99)</li>
<li><a href="#"> Adam Shannon</a> (99)</li>
<li><a href="#"> Alex Popinga</a> (99)</li>
<li><a href="#"> Ben Cyr</a> (99)</li>
<li><a href="#"> Ben Musset</a> (99)</li>
<li><a href="#"> Bertrand Russel</a> (99)</li>
<li><a href="#"> Bill Maher</a> (99)</li>
<li><a href="#"> Blasphemy Challenge</a> (99)</li>
<li><a href="#"> Blasphemy Day</a> (99)</li>
<li><a href="#"> Blasphemy Friday</a> (99)</li>
<li><a href="#"> Blashphemy Rights Day</a> (99)</li>
<li><a href="#"> Blogging the Bible</a> (99)</li>
</ul>
</div>
<!-- Labels -->
<div id="labels-and-authors" class="no-border">
<h4>Labels</h4>
<ul>
<li><a href="#"> Adam Shannon</a> (99)</li>
<li><a href="#"> Alex Popinga</a> (99)</li>
<li><a href="#"> Ben Cyr</a> (99)</li>
<li><a href="#"> Ben Musset</a> (99)</li>
<li><a href="#"> Bertrand Russel</a> (99)</li>
<li><a href="#"> Bill Maher</a> (99)</li>
<li><a href="#"> Blasphemy Challenge</a> (99)</li>
<li><a href="#"> Blasphemy Day</a> (99)</li>
<li><a href="#"> Blasphemy Friday</a> (99)</li>
<li><a href="#"> Blashphemy Rights Day</a> (99)</li>
<li><a href="#"> Blogging the Bible</a> (99)</li>
<li><a href="#"> Adam Shannon</a> (99)</li>
<li><a href="#"> Alex Popinga</a> (99)</li>
<li><a href="#"> Ben Cyr</a> (99)</li>
<li><a href="#"> Ben Musset</a> (99)</li>
<li><a href="#"> Bertrand Russel</a> (99)</li>
<li><a href="#"> Bill Maher</a> (99)</li>
<li><a href="#"> Blasphemy Challenge</a> (99)</li>
<li><a href="#"> Blasphemy Day</a> (99)</li>
<li><a href="#"> Blasphemy Friday</a> (99)</li>
<li><a href="#"> Blashphemy Rights Day</a> (99)</li>
<li><a href="#"> Blogging the Bible</a> (99)</li>
<li><a href="#"> Adam Shannon</a> (99)</li>
<li><a href="#"> Alex Popinga</a> (99)</li>
<li><a href="#"> Ben Cyr</a> (99)</li>
<li><a href="#"> Ben Musset</a> (99)</li>
<li><a href="#"> Bertrand Russel</a> (99)</li>
<li><a href="#"> Bill Maher</a> (99)</li>
<li><a href="#"> Blasphemy Challenge</a> (99)</li>
<li><a href="#"> Blasphemy Day</a> (99)</li>
<li><a href="#"> Blasphemy Friday</a> (99)</li>
<li><a href="#"> Blashphemy Rights Day</a> (99)</li>
<li><a href="#"> Blogging the Bible</a> (99)</li>
</ul>
</div>
</section>
</aside>
<!--
The main section of the page, which has the blog posts (for the home page),
and the main content for other pages.
P.S. Where needed content should be separated by the <section> element.
-->
<article>
<div id="blog-wrapper" class="border-right">
<section class="blog-post">
<h2><a href="#">Fursdays wif Stef #26</a></h2>
<span class="blog-post-author">Posted By <a href="#">Stef McGraw</a> on {Day}, March 30th, 2011</span>
<p>If you were on UNI's campus this past fall, you probably remember an organization called "One Iowa." Heck, you may have even volunteered for it. For those of you who don't know though, it's the state's top LGBT rights organization, and those associated with it work tirelessly trying to ensure that same-sex marriage stays in Iowa through education, phone calls, voter registration, canvassing, etc. As a member of the executive board for UNI's chapter this past election season, I got to learn first hand what it takes to try and get people on board with voting in support of gay marriage, and got to see how successful One Iowa is at bringing people together to accomplish this goal.</p>
<p>That said, I don't agree with all their appeals. This week's One Iowa newsletter included a story entitled "Focus on Faith: I'm Proof God Changes Hearts and Minds." Not only do I take issue with actively promoting the idea that gay rights can fit in with faith, but this man's story especially infuriates me (I'll elaborate later). If you're too busy/lazy to read (though I suggest you do), here's a summary: A former pastor tells how he used to be a Biblical literalist who preached strongly against homosexuality. Then, through several things such as reading up on unfamiliar theology, educating himself on different modes of Biblical interpretation, reading a book by Pope John Paul II, meeting gay people, and, supposedly through the prayer of his wife, he changed his views. He quit his job and converted to Catholicism, which he considers a major part of why he now believes in equal rights.</p>
<p>Give me a break. Being a Christian still has nothing to do with the shedding of his bigotry; it has everything to do with the fact that he actually educated himself and started thinking about human rights. I think I can safely say that religion almost never brings anyone to civil rights, and rather that religion almost always is the reason behind gay hate.</p>
<p>Now, let me be clear: when it comes to supporting civil rights, I don't care what people's religious views are. Sure, I certainly think it's far better to be non-religious, but the fight to keep gay marriage in Iowa (and secure it in most other states, for that matter) is a far too important a cause for us to get caught up in religious differences. But for One Iowa to appeal especially to the religious is ultimately harmful to the cause. The lesson shouldn't be, "look, supporting civil rights can squeeze into your faith because you can interpret the Bible in this way!" Rather, it should be, "look, supporting civil rights is a moral issue, and you'd be wrong to not support it regardless of your religious views." To emphasize the fact that religion and civil justice can be compatible is to actively support the very institution from which the vast majority of bigotry is derived. One Iowa should focus far more on the fact that being a well-educated, empathetic, moral person is how one comes to support gay marriage, NOT on the fact that the Bible could, perhaps, if read a certain way, support it. It shouldn't matter one bit what the Bible says, because if the Bible could not possibly be made out to support homosexuality, One Iowa would obviously not be emphasizing it, and would still be equally in support of gay marriage.</p>
<p>But it's not just this accomodationalist, hypocritical approach that disappoints me. One Iowa also chose poorly on who specifically to use in their appeal to the religious. This man's commitment to gay rights first, remains unconvincing in my opinion: "Then, about two years ago, I was having a difficult time find a good barber in our small town. My wife suggested her hair dresser who I knew to be gay. Well, with some reluctance I went, and now he is not only the only barber I will go to, I also consider him a good friend."</p>
<p>So...you go to a gay barber. GREAT. But second, and most disturbing, is what he says directly after his barber story: "I must add that the most powerful weapon we possess to tear down these walls of religion discrimination is that of prayer."</p>
<p>...WHAT? So, all the work that One Iowa does, not important as just thinking about change. I don't even need to explain what's wrong with that, and how it goes COMPLETELY against what One Iowa stands for.</p>
<p>In the fight for gay rights, yeah, it's okay to include the religious, but religion itself should NOT become a part of the movement. Until One Iowa and similar groups realize this, I'm afraid it'll be quite difficult to get past the very counter-productive and frankly unimportant "how to accommodate religion" discussion.</p>
<span class="blog-post-comments"><a href="#">Comments (99)</a></span>
</section>
<section class="blog-post">
<h2><a href="#">24/7 Service Week</a></h2>
<span class="blog-post-author">Posted By <a href="#">Quinn Jones</a> on {Day}, March 29th, 2011</span>
<br />
<span class="right"><img src="http://3.bp.blogspot.com/-C4g_RHwq1Mk/TZNoPRH6I0I/AAAAAAAADQo/NvLskt9RuWM/s320/Service+Week+picture.jpg" /></span>
<p>During the week of April 14th-21st, the religious community here at UNI will be hosting 24/7 Prayer Week. Their goal is for students to pray continuously throughout the week at the Lutheran Student Center, creating an entire week of non-stop prayer.</p>
<p>As members of the UNI Freethinkers and Inquirers, we recognize that prayer doesn’t have any tangible impact on the world. Instead of spending our time praying, we’d rather do something that would have a real, tangible impact. We have decided to create a 24/7 Service Week event to encourage people to give back to their community “24/7” during this week, whether it be volunteering for an organization or simply doing a good deed for a stranger. To help you out, we’ve put together a schedule of service projects for each day of the week that we are sponsoring. We encourage people to participate in service week through our events, or find your own ways to make a difference in the community!</p>
<p>We’d like to invite anyone (religious or non-religious) interested to join us for any of these events by filling out the form below. Please let us know your availability as soon as possible since some of these events have a limited number of spots available. Details about individual events are located below the form. Email us at [email protected] with any questions!</p>
<p><iframe frameborder="0" height="1150" width="650" marginheight="0" marginwidth="0" src="https://spreadsheets.google.com/embeddedform?formkey=dEd3YmNkeVYtUFNMaE9yYk5fM1F5Tnc6MQ" width="760">&amp;amp;lt;p&amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;Loading...&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;gt;&amp;amp;lt;/p&amp;amp;gt;</iframe></p>
<span class="blog-post-comments"><a href="#">Comments (99)</a></span>
</section>
<section class="blog-post">
<h2><a href="#">What, what, what are you doing?</a></h2>
<span class="blog-post-author">Posted By <a href="#">Trevor Boeckman</a> on {Day}, March 23rd, 2011</span>
<p>This week has been dubbed "A" week by...someone. I'm not exactly sure how it started, but the movement has gained traction on Facebook. The idea is this: change your profile picture to an "A" for the week to come out and show how many atheists there are on Facebook.
The principle behind the event is a good one. When you can create an "us" vs. "them" mentality, it's really easy to demonize another group. When you realize "them" are your neighbors, friends, and family, it becomes a lot harder. Harvey Milk, advocating for gay rights, is portrayed in a memorable "Milk" scene saying "if they know us, they don't vote against us." The same is true of bringing atheism to the mainstream. If they know us, they don't vote against us.
So, it should be a powerful movement when I see this on Facebook, right?
</p>
<img src="https://lh5.googleusercontent.com/-cpoO0azsnx4/TYf3oBndu-I/AAAAAAAAAO0/SYrM6A3qiPk/s1600/dumb+profile+pics.PNG" />
<p>Well, it would be -- except here are what the people we're trying to win over are saying:</p>
<img src="https://lh6.googleusercontent.com/-jpC2bdAc2is/TYfvyQHxzHI/AAAAAAAAAOw/cyQZNPzcF-w/s1600/andrea+chat.PNG" />
<p>No one outside of our movement knows what the "A" means. Yes, some people will look up what's going on. Most won't.
Want to actually help help with the movement? Grab a sheet of paper, write that you're an atheist, and make that your profile picture. Hell, give us a link to it. Lets put these pictures around campus! Lets make a video! Lets actually out ourselves and show this campus how many atheists they know. A symbol is nice. A face is better.
Seriously, lets do this. Don't have a camera? Markers? A pen? My phone number is in the contact page. Send me a text and I'll bring them to you. Let me kick this off. This is what an atheist looks like.
</p>
<span class="blog-post-comments"><a href="#">Comments (99)</a></span>
</section>
<section class="blog-post">
<h2><a href="#">Announcing UNIFI's Vice President for 2011-2012</a></h2>
<span class="blog-post-author">Posted By <a href="#">Cory Derringer</a> on {Day}, March 23rd, 2011</span>
<p>I want to start by thanking Trevor for appointing me as the next UNIFI President. It's been a pleasure working under and learning from Trevor for the last two years, and I hope next year we can take the group he revolutionized to even greater heights.</p>
<p>I'm writing this post to announce a change in the makeup of the officer core for next year. The relationship between each of the positions has in the past been left undefined: everyone answered to the president. This accomplished two things: it allowed the group a certain flexibility, and it took advantage of Trevor's considerable leadership abilities.</p>
<p>Next year, I want the officer core to be led by a President-Vice President team. In essence, I'm expanding the role of Vice President. Because the Vice President will be more involved in decision making and have more authority than in the past, I have decided to select this officer first so that he/she may be involved in the selection of the other three officers and the revitalized chair positions, as well as the development of any other structural changes to the officer core. (I'll publish a post with more detail when the applications become available in the near future.)</p>
<p>With that said, I have selected my Vice President for next year: Michael Dippold.</p>
<p>I am confident both in the decision to change the relationship between the Vice President and the rest of the officer core, and the selection I have made for the position. If anyone has questions about this process or suggestions for next year, I urge you to email me at [email protected].</p>
<p>Congratulations, Mr. Dippold. I look forward to working with you, and I am confident in our ability to continue to make steady progress for UNIFI in the year to come.</p>
<span class="blog-post-comments"><a href="#">Comments (99)</a></span>
</section>
<section class="blog-post">
<h2><a href="#">Announcing UNIFI's Next President</a></h2>
<span class="blog-post-author">Posted By <a href="#">Trevor Boeckman</a> on {Day}, March 23rd, 2011</span>
<p>For the past two years, I've had the honor of serving as UNIFI's President. I've been proud of the work that I've accomplished along with our officers and members. We've started something great with this group, and I have no doubt it will continue in the coming years.</p>
<p>However, it won't continue with me. This May, I'll be graduating and moving to attend law school. Our constitution gives the President the power to appoint a successor every year on March 15th. The newly appointed President will spend a month organizing next year's leadership and then, on April 15th, will officially take over the group.</p>
<p>I am honored to announce the appointment of UNIFI's next President: Cory Derringer.</p>
<p>Cory has served as my Vice President for the past two years and is one of the most dedicated, knowledgeable, and hard-working members of the group. I have suspected from the day I became President that he would be my successor. Cory has been responsible for the creation of Faith Forum, the re-vitalization of the blog, and the STAR program at Cedar Falls High School. He organized this year's Darwin Week faculty speakers and was an excellent partner is our Darwin Week debate. I'm excited to see Cory continue to develop collaborative events with religious groups on campus -- it's an area where he excels, and I'm, admittedly, a bit lackluster.</p>
<p>Want to be a part of the new Derringer administration? Over the next few weeks, be on the lookout for announcements on how to be a part of next year's leadership team. Feel free to contact Cory with any questions.</p>
<p>Again, congratulations Cory. I've loved having you as my Vice President, and I look forward to seeing what you'll do with the new job.</p>
<span class="blog-post-comments"><a href="#">Comments (99)</a></span>
</section>
</div>
</article>
<!--
The footer which contains the legal documentation, copyright, and other
things as needed.
-->
<hr class="no-hr" />
<footer>
<div id="copyright" class="right">
Copyright © 2011 University of Northern Iowa Freethinkers and Inquirers
</div>
<div id="footer-links">
<ul>
<li><a href="#">Legal & Privacy</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#top">Top</a></li>
</ul>
</div>
</footer>
</section> <!-- #wrapper -->
<script>
/**
* Set up a script to rotate quotes.
*/
function bind_quote_rotate() {
var quotes = Array(5);
quotes[0] = "\"We are star stuff\"<br \/\>-- Carl Sagan";
quotes[1] = "\"The secrets of evolution are time and death.\"<br \/\>-- Carl Sagan";
quotes[2] = "\"Scientists love mysteries, they love not knowing.\"<br \/\>-- Lawrence Krauss";
quotes[3] = "\"Don't panic.\"<br \/\>-- Douglas Adams";
quotes[4] = "\"I can\'t believe the special stories about our relationship to the universe at large.\"<br \/\>-- Richard Feynman";
var elm = document.querySelector("#quote");
elm.onclick = function (e) {
var pick = Math.floor(Math.random() * quotes.length);
this.innerHTML = quotes[pick];
};
}
/**
* Set up the nav elements to go to their child a's link.
*/
function bind_nav_links() {
window.nav_elms = document.querySelectorAll('.nav-item');
var i = 0, len = window.nav_elms.length;
for (i; i < len; i++) {
window.nav_elms[i].onclick = function () { window.location = this.childNodes[0].href; };
}
}
/**
* Do some custom CSS for Firefox...
*/
function custom_firefox_css() {
if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
// The #blog-wrapper is broken, fix that.
document.querySelector('#blog-wrapper').style.paddingLeft = '1%';
document.querySelector('#blog-wrapper').style.paddingRight = "1%";
document.querySelector('#blog-wrapper').style.width = "70%";
}
}
window.onload = function () {
// Bind the rotating quote function to the page.
bind_quote_rotate();
// Map the nav elements to their first child's href.
bind_nav_links();
// Attempt to fix some CSS issues
custom_firefox_css();
};
</script>
</body>
</html>