/
index.html
48 lines (35 loc) · 2.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>We Make the Read By Annotating</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Neucha" rel="stylesheet">
</head>
<body>
<div id="container">
<div id="title">
<h1>We Make the Read by Annotating</h1>
<h2>Conversations on Education and Social Change in 2016</h2>
<h3>Words of Myles Horton and Paulo Freire</h3>
<p id="qcount">Give one of the gentlemen a kind mouse click ;-)</p>
</div>
<div class="book">
<p id="writing">We must be free; we must be free to believe in freedom. Do you see this paradox? Without freedom it's difficult to understand freedom. On the other hand, we fight for freedom to the extent that we don't have freedom, but in fighting for freedom we discover how freedom is beautiful and difficult to be created, but we have to believe that it's possible.</p>
<img alt="myles" src="images/myles.gif" id="myles" class="visible">
<img alt="paulo" src="images/paulo.gif" id="paulo" class="visible">
</div>
</div>
<div id="footer">
<p>The words that appear above are from <a href="https://docs.google.com/spreadsheets/d/15yb4A2JBWHUscoEOGwRIlJh4DHccI9OnaQ1kzWfvghc/edit#gid=1707852300" target="_blank">Adam Croom's spreadsheet of quotes</a> from <em>We Make the Road by Walking</em> that have been annotated with <a href="https://hypothes.is/" target="_blank">Hypothes.is</a> that have been tagged <code><a href="https://hypothes.is/search?q=tag%3Ahortonfreire" target="_blank">hortonfreire</a></code>. Clicking Horton or Freire will load a new quote. </p>
<p>Background image is <a href="https://pixabay.com/en/wood-table-desk-647098/" target="_blank">CC0 licensed image from Pixabay</a>. Fork, bend, spindle this site in <a href="https://github.com/cogdog/horton-freire" target="_blank">its GitHub repo</a>.</p>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script>
$.backstretch(["images/wood.jpg"]);
</script>
<script src="js/hf.js"></script>
</body>
</html>