-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
215 lines (194 loc) · 7.43 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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<html>
<head>
<title>Todd's Lectionary</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/lectionary.css">
<link rel="stylesheet" type="text/css" href="http://www.gnpcb.org/esv/assets/style/text.css" />
<script type="text/javascript" src="lib/lectionary/lectionary.js" /></script>
<script type="text/javascript">
$(document).ready(function(){
var date = new Date();
var lectionary = new Lectionary(date);
$('#ReadingsDate').replaceWith("Readings for " + date.toDateString());
$('#Summary').replaceWith("<strong>Summary:</strong> "
+ lectionary.psalms()
+ ", " + lectionary.gospel()
+ ", " + lectionary.proverbs());
displayEsv("PsMorning", lectionary.psalmsAm());
displayEsv("PsNoon", lectionary.psalmsNoon());
displayEsv("PsEvening", lectionary.psalmsPm());
displayEsv("Gospel", lectionary.gospel());
displayEsv("Proverbs", lectionary.proverbs());
});
function debug(content) {
$('#Debug').append("<li>" + content + "</li>");
}
function displayEsv(destinationDiv, passage) {
passage = passage.replace(" ", "");
var myUrl = "http://www.boidem.org/cgi/esv/passageQuery2.py"
+ "?include-verse-numbers=0"
+ "&include-first-verse-numbers=0"
+ "&include-footnotes=0"
+ "&include-surrounding-chapters=0"
+ "&audio-format=mp3"
+ "&include-headings=false"
+ "&passage=" + passage;
// TODO put real fetching message here
$('#' + destinationDiv).append("<p>Fetching " + myUrl + "</p>");
$('#' + destinationDiv).load(myUrl);
}
</script>
</head>
<body>
<div data-role="page" id="home">
<div data-role="header">
<h1>Todd's Lectionary</h1>
</div>
<div data-role="content">
<h3><div id="ReadingsDate"></div></h3>
<div id="Summary"></div>
<ul data-role="listview" data-inset="true">
<li><a href="#psmorningPage">Morning Psalms</a></li>
<li><a href="#psnoonPage">Noon Psalms</a></li>
<li><a href="#pseveningPage">Evening Psalms</a></li>
<li><a href="#gospelPage">Gospel</a></li>
<li><a href="#proverbsPage">Proverbs</a></li>
<li><a href="#aboutPage">About</a></li>
<li><a href="#notesPage">Notes</a></li>
</ul>
<ul>
<div id="Debug"></div>
</ul>
</div>
<div data-role="footer">
<h4>
</h4>
</div>
</div>
<div data-role="page" id="aboutPage">
<div data-role="header">
<h1>About this app</h1>
</div>
<div data-role="content">
<p>Psalms reading plan adapted from Rabbi Menachem Davis, ed.,
<em>Tehillim</em> (<a href="http://artscroll.com/">Mesorah
Publications, Ltd.</a>: 2001).
</p>
<p>
Scripture taken from The Holy Bible, English Standard Version. Copyright ©2001 by <a href="http://www.crosswaybibles.org">Crossway Bibles</a>, a publishing ministry of Good News Publishers. Used by permission. All rights reserved. Text provided by the <a href="http://www.gnpcb.org/esv/share/services/">Crossway Bibles Web Service</a>.
</p>
<p>Kudos to <a href="http://www.crossway.org/home/esv/">Crossway
Bibles</a> for providing a simple, easy and free
<a href="http://www.esvapi.org/">Javascript API</a> to their Bible.
I also very much like their
<a href="http://www.gnpcb.org/esv/mobile/">clean mobile interface</a>
(e.g., <a href="http://www.gnpcb.org/esv/mobile/?q=Ps+130">Ps 130</a>).
</p>
<form action="http://www.gnpcb.org/esv/search/" id="esvsearchform" method="get">
<label for="esvinput">Search the ESV Bible</label>
<input type="text" name="q" id="esvinput" size="20" maxlength="255" />
<input type="submit" name="go" id="esvsearchbutton" value="Search" />
</form>
<p>If you don't mind a little heavier interface,
<a href="http://www.logos.com">my employer</a> provides
<a href="http://biblia.com">a more comprehensive tool</a>:
be sure to click on the "mobile" link
for a nice clean interface (my preference!).
</p>
<p>This app uses the new <a href="http://jquerymobile.com">jQuery
Mobile</a>.</p>
<p>
Web app copyright ©2011 by Todd Foster.
Last update on 29 January 2011.
</p>
</div>
</div>
<div data-role="page" id="notesPage">
<div data-role="header">
<h1>Notes/Todo</h1>
</div>
<div data-role="content">
<p> Some ideas:</p>
<ul>
<li>refactor remaining js out of html</li>
<li>css for wider screens</li>
<li>move about/notes off of main menu</li>
<li>hide invalid readings (e.g., at end of month)</li>
<li>config dialog</li>
<ul>
<li>Add check-boxes to toggle options sent to esvapi</li>
<li>which lectionaries, ordered</li>
<li>store prefs locally</li>
<li>accept prefs from url</li>
<li>use local storage to cache configurable #days ahead/behind</li>
</ul>
<li>Weekly mode</li>
<li>Tomorrow/Yesterday/Date chooser</li>
<li>other Bible vv?</li>
<li>More readings:
<ul>
<li>monthly Gospel</li>
<li>weekly Gospel</li>
<li>RCL</li>
<li>Scrolls -- just link</li>
<li>Parashoth - authoritative source for calendar?</li>
<li>Epistles</li>
<li>History</li>
<li>Prophets</li>
<li>Kaddish</li>
<li>BCP psalms</li>
<li>BCP: daily offices</li>
<li>BCP:collects</li>
<li>Orthodox Kathisma</li>
<li>McCheyene</li>
</ul></li>
<li><a rel="external"
href="lib/lectionary/SpecRunner.html">Tests</a></li>
</ul>
</div>
</div>
<div data-role="page" id="psmorningPage">
<div data-role="header">
<h1>Morning Psalms</h1>
</div>
<div data-role="content">
<div class="Passage" id="PsMorning"></div>
</div>
</div>
<div data-role="page" id="psnoonPage">
<div data-role="header">
<h1>Noon Psalms</h1>
</div>
<div data-role="content">
<div class="Passage" id="PsNoon"></div>
</div>
</div>
<div data-role="page" id="pseveningPage">
<div data-role="header">
<h1>Evening Psalms</h1>
</div>
<div data-role="content">
<div class="Passage" id="PsEvening"></div>
</div>
</div>
<div data-role="page" id="gospelPage">
<div data-role="header">
<h1>Gospel</h1>
</div>
<div data-role="content">
<div class="Passage" id="Gospel"></div>
</div>
</div>
<div data-role="page" id="proverbsPage">
<div data-role="header">
<h1>Proverbs</h1>
</div>
<div data-role="content">
<div class="Passage" id="Proverbs"></div>
</div>
</div>
</div>
</body>
</html>