-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
318 lines (273 loc) · 18.3 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
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Virtual Religious School</title>
<link rel="stylesheet" href="dist/reset.css">
<link rel="stylesheet" href="dist/reveal.css">
<link rel="stylesheet" href="dist/theme/moon.css" id="theme">
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="plugin/highlight/monokai.css" id="highlight-theme">
<!-- The Gizra font. -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet">
</head>
<body>
<div class="reveal">
<div class="slides">
<!-- Title -->
<section data-background-opacity="0.18" data-background-image="https://user-images.githubusercontent.com/688507/108880424-e5d7d100-75c7-11eb-8698-0b13d372d67e.png">
<h1>Virtual Religious School</h1>
</section>
<!-- The Idea -->
<section>
<h2>The Idea</h3>
<img src="https://user-images.githubusercontent.com/688507/108931888-0fb3e680-760e-11eb-9e35-d94643fb0a62.png" alt="">
</section>
<!-- About Gizra -->
<section data-background-opacity="0.85" data-background="https://cloud.githubusercontent.com/assets/125707/12092123/dd49649a-b303-11e5-9355-e49a3881f5bd.png">
<h2>Who we are</h2>
<div>
<span style="font-family: Abril Fatface; color: #e27058; font-size: 50px;">
gizra
</span>
// small agency founded in Israel // globally distributed // some fancy clients
</div>
</section>
<!-- Jewish Education -->
<section data-background-color="#eee8d5" data-background-opacity="0.18" data-background-image="https://www.jewishedproject.org//sites/default/files/styles/hero_background_xlarge/public/resized-hero.jpg?itok=YuBQBXd1%201x">
<h2>
Collaboration in Jewish Education
</h2>
<div class="collab-box">
<div style="display:flex; justify-content: center;" class="collab-item gizra">
<div class="" style="display:flex; flex-direction: column; justify-content: center;">
<svg width="196" height="80" viewBox="0 0 98 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1601 8.27727 18.3014 7.5841C18.4645 6.74142 18.1384 6.32008 17.3232 6.32008 16.1547 6.32008 15.5705 7.21712 15.5705 9.01121 15.5705 9.71797 15.6656 10.5335 15.8558 11.4577 17.921 12.844 18.9536 14.6245 18.9536 16.7992 18.9536 18.9467 18.2063 20.6184 16.7118 21.8145 15.2172 23.0105 13.1928 23.6086 10.6385 23.6086 9.57869 23.6086 8.47816 23.4998 7.33687 23.2824 6.14123 24.0435 5.54341 24.6143 5.54341 24.9949 5.54341 25.3755 6.41297 25.5657 8.15208 25.5657H12.3096C18.478 25.5657 21.5622 27.7812 21.5622 32.212 21.5622 34.6041 20.6248 36.4934 18.7498 37.8797 16.902 39.2932 14.008 40 10.0678 40 3.35594 40 0 38.5457.0 35.6371.0 34.0605 1.04618 32.9732 3.13855 32.3751L5.58417 33.476C5.36678 34.2644 5.25809 35.0119 5.25809 35.7187 5.25809 38.0564 6.9972 39.2253 10.4754 39.2253 12.595 39.2253 14.2254 38.8311 15.3667 38.0428S17.0786 36.2759 17.0786 35.107C17.0786 33.9382 16.7253 33.1498 16.0188 32.7421 15.3395 32.3615 13.9672 32.1713 11.902 32.1713H7.94827C5.74721 32.1713 4.17115 31.8043 3.22007 31.0703 2.26899 30.3364 1.79346 29.4393 1.79346 28.3792 1.79346 27.2919 2.13313 26.3948 2.81247 25.6881 3.49181 24.9541 4.70103 24.0571 6.44014 22.9969 3.288 22.0999 1.71194 20.034 1.71194 16.7992 1.71194 14.7604 2.44562 13.1159 3.913 11.8654 5.38037 10.615 7.58143 9.9898 10.5162 9.9898 12.2825 9.9898 13.7906 10.3296 15.0406 11.0092 14.8775 10.2752 14.796 9.60924 14.796 9.01121 14.796 7.48895 15.2036 6.38804 16.0188 5.70846 16.834 5.02888 17.7444 4.68909 18.7498 4.68909 19.7552 4.68909 20.5568 4.96092 21.1546 5.50459 21.7796 6.02107 22.0921 6.74142 22.0921 7.66565 22.0921 8.58987 21.8476 9.28304 21.3584 9.74516 20.8693 10.1801 20.2715 10.3976 19.565 10.3976 18.8856 10.3976 18.315 10.2209 17.853 9.86748 17.4183 9.48692 17.1873 8.95685 17.1601 8.27727zM8.51892 15.9021V18.104C8.51892 19.9252 8.66837 21.1621 8.96728 21.8145 9.29337 22.4669 9.7689 22.7931 10.3939 22.7931 11.0461 22.7931 11.508 22.4805 11.7797 21.8552 12.0787 21.2029 12.2281 19.8845 12.2281 17.9001V15.9021C12.2281 13.7819 12.0922 12.3955 11.8205 11.7431 11.5488 11.0635 11.0868 10.7237 10.4347 10.7237 9.80966 10.7237 9.33413 11.0771 9.00804 11.7839 8.68196 12.4635 8.51892 13.8362 8.51892 15.9021z" fill="#e27058"></path><path d="M28.1027 7.5841C26.6625 7.5841 25.6299 7.21712 25.0049 6.48318 24.4071 5.74923 24.1082 4.8386 24.1082 3.75127 24.1082 2.66395 24.4343 1.7669 25.0864 1.06014 25.7658.35338 26.7848.0 28.1435.0 29.5021.0 30.5347.326198 31.2412.978593 31.9478 1.60381 32.301 2.51444 32.301 3.7105 32.301 4.87937 31.9613 5.81719 31.282 6.52395 30.6027 7.23072 29.5429 7.5841 28.1027 7.5841zM21.9479 10.3976h9.9863V29.0724H34.2167V29.8063H22.1109V29.0724H24.3527V11.1315H21.9479V10.3976z" fill="#e27058"></path><path d="M54.0011 10.3976V11.1315L44.3409 29.0724H44.8708C47.1534 29.0724 48.9468 28.4743 50.2512 27.2783 51.5555 26.0822 52.5745 24.1386 53.3082 21.4475H53.8789L53.2267 29.8063H36.1073V29.1947L45.9306 11.1315H45.4822C42.7377 11.1315 40.8219 11.58 39.735 12.4771 38.6752 13.3741 37.7242 15.2905 36.8818 18.2263H36.3519L36.8818 10.3976H54.0011z" fill="#e27058"></path><path d="M69.8378 11.5392C68.8324 11.5392 67.9492 12.1916 67.1884 13.4964 66.4275 14.8012 66.0471 16.3507 66.0471 18.1447V29.0724H68.9411V29.8063H56.2238V29.0724H58.4657V11.1315H56.2238V10.3976H66.0471V14.3119C66.4004 12.9256 67.0797 11.8654 68.0851 11.1315 69.0905 10.3704 70.2318 9.9898 71.509 9.9898 72.7861 9.9898 73.8187 10.3568 74.6068 11.0907 75.422 11.7975 75.8296 12.8169 75.8296 14.1488 75.8296 15.4536 75.5307 16.4594 74.9329 17.1662 74.335 17.8729 73.4111 18.2263 72.1612 18.2263 70.9383 18.2263 70.028 17.8186 69.4302 17.0031 68.8596 16.1876 68.7916 15.0595 69.2264 13.6188H70.6938C71.3731 12.2324 71.0878 11.5392 69.8378 11.5392z" fill="#e27058"></path><path d="M85.5904 20.2243H86.7725V17.0846C86.7725 14.5022 86.623 12.7761 86.3241 11.9062 86.0524 11.0092 85.5089 10.5607 84.6937 10.5607 84.2046 10.5607 83.7562 10.6966 83.3486 10.9684 82.9682 11.213 82.778 11.5664 82.778 12.0285 82.778 12.4635 82.8595 12.912 83.0225 13.3741H84.0415C84.2589 13.945 84.3676 14.6381 84.3676 15.4536 84.3676 16.2419 84.0279 16.9351 83.3486 17.5331 82.6693 18.104 81.8133 18.3894 80.7807 18.3894 78.4438 18.3894 77.2753 17.2613 77.2753 15.0051 77.2753 11.6616 80.115 9.9898 85.7942 9.9898 89.0279 9.9898 91.2561 10.5471 92.4789 11.6616 93.7289 12.7489 94.3539 14.7604 94.3539 17.6962v8.2773C94.3539 27.387 94.7479 28.0938 95.536 28.0938 96.4599 28.0938 97.0033 26.6938 97.1664 23.894L97.7778 23.9348C97.6691 26.3269 97.2207 27.9715 96.4327 28.8685 95.6447 29.7655 94.3539 30.2141 92.5605 30.2141 89.2996 30.2141 87.4246 29.2083 86.9355 27.1967 86.5823 28.2297 86.0524 28.9908 85.3459 29.4801S83.6068 30.2141 82.2481 30.2141C78.2264 30.2141 76.2155 28.5695 76.2155 25.2803 76.2155 23.3503 76.9764 22.0319 78.4981 21.3252 80.047 20.5912 82.4111 20.2243 85.5904 20.2243zM83.96 25.2396C83.96 26.6531 84.0279 27.5637 84.1638 27.9715 84.3269 28.3792 84.6122 28.5831 85.0198 28.5831 85.4546 28.5831 85.8486 28.2433 86.2018 27.5637 86.5823 26.8569 86.7725 25.8919 86.7725 24.6687V20.8767H86.4872C84.8024 20.8767 83.96 22.1135 83.96 24.5872V25.2396z" fill="#e27058"></path></svg>
</div>
<div style="display:flex; flex-direction: column; justify-content: center; margin: 0 5px 0 15px;">
//
</div>
<img style="display:flex; flex-direction: column; justify-content: center; margin: 0; width:300px; max-width:100%; max-height:auto; height:auto;" src="https://www.jewishedproject.org/themes/custom/jewish-ed/logo.png" alt="JEP Logo">
</div>
</div>
<div style="margin-top:80px;"class="fragment">
<h4>Other Jewish Educational Partners</h4>
<img style="margin:0; width:150px; margin-right:20px;" src="https://theicenter.org/profiles/icenter/themes/custom/bootstrap_subtheme/images/header/homepage_logo.svg" alt="">
<img style="margin:0; width:75px" src="https://www.birthrightisraelfellows.com/profiles/taglit/libraries/taglit/images/main/small-logo.png" alt="">
</div>
</section>
<!-- Section: Considerations -->
<section data-background-opacity="0.18" data-background-image="https://user-images.githubusercontent.com/688507/108880981-74e4e900-75c8-11eb-95e9-209957c8f432.png">
<h2>Considerations</h2>
<div class="">
target market // online learning today // business decisions // syncronous and asyncronous
</div>
</section>
<!-- Target Markets -->
<section data-auto-animate data-background-opacity="0.18" data-background-image="https://user-images.githubusercontent.com/688507/109012833-11b28f80-7678-11eb-8559-02e599b10922.png">
<h3>Target Markets</h3>
<ul>
<li>Non/Marginally-affiliated families</li>
<li>Collaborations with organizations</li>
<li>Distinct marketplaces</li>
</ul>
</section>
<section data-auto-animate data-background-opacity="0.18" data-background-image="https://user-images.githubusercontent.com/688507/109012833-11b28f80-7678-11eb-8559-02e599b10922.png">
<h3>Target Markets</h3>
<ul>
<li>Non/Marginally-affiliated families</li>
<li>Collaborations with organizations</li>
<li>Distinct marketplaces</li>
</ul>
<h3 style="margin-top:60px;margin-bottom:0;">Our Competition</h3>
<small style="margin-top:0">is not the market of <span style="text-transform:uppercase; font-weight:bold;color:#eee8d5">Jewish</span> experiences - it's the market of <span style="text-transform:uppercase; font-weight:bold;color:#eee8d5">experiences</span>.</small>
</section>
<!-- Online Learning Today -->
<section data-auto-animate data-background-opacity="0.18" data-background-image="https://user-images.githubusercontent.com/688507/109015390-b2a24a00-767a-11eb-94f3-d8b50118d8ab.png">
<h3>Online Learning Today</h3>
<p class="covid">
COVID will end.
</p>
</section>
<section data-auto-animate data-background-opacity="0.18" data-background-image="https://user-images.githubusercontent.com/688507/109015900-3825fa00-767b-11eb-9b60-6baba925bdb0.png">
<h3>Online Learning Today</h3>
<p class="covid">
COVID will end.
</p>
<div class="online">
Remote digital learning is here to stay.
</div>
<div class="fragment" style="margin-top:40px;color:#eee8d5;">
reduced friction // increased adaptation
</div>
</section>
<!-- Buy It or Build It -->
<section data-background-opacity="0.18" data-background-image="https://user-images.githubusercontent.com/688507/109018950-2a25a880-767e-11eb-909f-e4e136a3e294.png">
<h3>Business decisions</h3>
<ul>
<li>What to buy and what to build</li>
<li>Customized approach to learner management</li>
<li>Leverage of functionality from Jewish Educator Portal</li>
</ul>
</section>
<!-- Syncronous and Asyncronous -->
<section data-auto-animate>
<h3>Syncronous and Asyncronous</h3>
<p>The availability of asyncronous learning tools can deepen
experiences and expand reach by adopting project-based learning
methodogies.</p>
</section>
<section>
<h3>Syncronous and Asyncronous</h3>
<p>These tools can be built with existing, not technically
complex, web technologies.</p>
<div style="display:flex; align-items:center; justify-content: space-around;">
<img style="width:400px;height:auto" src="https://www.gizra.com/projects/images/birthright-fellows.jpg" alt="">
<img style="width:400px;height:auto" src="https://user-images.githubusercontent.com/688507/109023475-72df6080-7682-11eb-8b2b-dae155b60062.png" alt="">
</div>
</section>
<!-- The Plan -->
<section data-background-opacity="0.1" data-background-image="https://user-images.githubusercontent.com/688507/109025611-7ecc2200-7684-11eb-89d4-d02cbbe467a6.png">
<h3>The Plan</h3>
<ul>
<li><strong style="color:#eee8d5;">Phase 1: </strong>Discovery/Definition </li>
<li><strong style="color:#eee8d5;">Phase 2: </strong>Platform/marketplace for targeted audience</li>
<li><strong style="color:#eee8d5;">Phase 3: </strong>Community building tools</li>
<li><strong style="color:#eee8d5;">Phase 4: </strong>Expand the platform </li>
<li><strong style="color:#eee8d5;">Phase 5: </strong>Asynchronous learning tools</li>
</ul>
</section>
<!-- The Team -->
<section>
<h3>The
<span style="margin-left:10px; text-transform:lowercase; font-family: Abril Fatface; color: #e27058; font-size: 120px;">gizra</span>
Team</h3>
<h5 style="margin-bottom:0;text-align:left;">Adam Stewart, Project Lead</h5>
<small style="margin-bottom:20px;text-align:left;">15+ years in
Jewish and Israel education // developed online learning
for Jewish camps and Birthright Israel staff // project lead for
Jewish Educator Portal</small>
<h5 style="margin-bottom:0;text-align:left;">Amitai Burstein, Technical Lead</h5>
<small style="margin-bottom:20px;text-align:left;">industry leader in open
source software development // chief architect of Unio online learning</small>
<h5 style="margin-bottom:0;text-align:left;">Mor Shahor, Design Lead</h5>
<small style="margin-bottom:20px;text-align:left;">trained in industrial
and fashion design // children's fashion entrepeneur // classroom art
teacher and museum docent</small>
</section>
<!-- Appendix -->
<section>
<h2>Appendix</h3>
</section>
<!-- Appendix -->
<section>
<h3>
<span style="margin-left:10px; text-transform:lowercase; font-family: Abril Fatface; color: #e27058; font-size: 90px;">gizra</span>'s Experience</h3>
</section>
<!-- Appendix -->
<section>
<h2>Unio</h3>
<img src="https://user-images.githubusercontent.com/688507/109751251-aef35380-7ba3-11eb-8780-1d15a3205e8b.png" alt="">
</section>
<!-- Appendix -->
<section>
<h2>Birthright Israel Fellows</h3>
<img src="https://www.gizra.com/projects/images/birthright-fellows.jpg" alt="">
</section>
<!-- Appendix -->
<section>
<h2>OpenScholar</h3>
<img src="https://user-images.githubusercontent.com/688507/109798099-eed82c00-7bdf-11eb-9bf1-1839be730f73.png" alt="">
</section>
<section data-auto-animate>
<h2>Other projects</h2>
<h3>Workforce Practices Platform // E-Heza</h3>
<div style="display:flex; align-items:center; justify-content: space-around;">
<img style="width:400px;height:auto" src="https://user-images.githubusercontent.com/688507/109813225-ab3aed80-7bf2-11eb-9587-6f91bac0773b.png" alt="">
<img style="width:400px;height:auto" src="https://user-images.githubusercontent.com/688507/109813462-ffde6880-7bf2-11eb-9a9b-709c18928a5f.png" alt="">
</div>
</section>
<!-- Appendix -->
<section data-auto-animate>
<h2>What we've learned</h3>
<h4>Prioritize tools to check in on learners</h4>
<img src="https://user-images.githubusercontent.com/688507/109813824-75e2cf80-7bf3-11eb-85e1-2e95fb1110e3.png" alt="">
</section>
<section data-auto-animate>
<h2>What we've learned</h3>
<h4>Prioritize tools to check in on learners</h4>
<img src="https://user-images.githubusercontent.com/688507/109813824-75e2cf80-7bf3-11eb-85e1-2e95fb1110e3.png" alt="">
</section>
<section data-auto-animate>
<h2>What we've learned</h3>
<h4>Keep it simple</h4>
<img src="https://user-images.githubusercontent.com/688507/109817399-8301bd80-7bf7-11eb-8ae6-844162fd06c2.png" alt="">
</section>
<section data-auto-animate>
<h2>What we've learned</h3>
<h4>Keep it simple</h4>
<img src="https://user-images.githubusercontent.com/688507/109824445-73d23e00-7bfe-11eb-9014-20efb03b6246.png" alt="">
</section>
<section data-auto-animate>
<h2>What we've learned</h3>
<h4>Also:</h4>
<ul>
<li class="fragment">Favor teaching functionality over learning functionality.</li>
<li class="fragment">Keep the containers separate (video conferencing and teaching tools).</li>
<li class="fragment">Sophisticated UI is more important than complex features.</li>
</ul>
</section>
<!-- Appendix -->
<section data-auto-animate>
<h2>Technology</h2>
<h3>Valid architectural questions/statements</h3>
<ul>
<li class="fragment">What are your plans for scaling and sustaining this project?</li>
<li class="fragment">What are the needs for user interaction and the storage of information?</li>
<li class="fragment">For this task, I would use this framework because...</li>
</ul>
</section>
<section data-auto-animate>
<h2>Technology</h2>
<h3>Non-valid architectural questions/statements</h3>
<ul>
<li class="fragment">You can't do that with Drupal (or insert any framework).</li>
<li class="fragment">Framework X is more expensive.*</li>
<li class="fragment">You don't need a framework, you should code from scratch.</li>
</ul>
</section>
<section data-auto-animate>
<h2>Technology</h2>
<h3>The "hard" architectural pieces:</h3>
<ul>
<li class="fragment">Security</li>
<li class="fragment">Scalability</li>
</ul>
<small style="margin-top:20px;" class="fragment">
We manage UN Country team sites that recieved millions of hits
just this morning - some of them malicious. We're confident in
our ability to do this right.
</small>
<small style="margin-top:20px;" class="fragment">
Come see us at <a href="https://iran.un.org/">iran.un.org</a>, <a href="https://turkey.un.org/">turkey.un.org</a>, and <a href="https://dprkorea.un.org/">dprkorea.un.org</a> - just to name a few.
</small>
</section>
</div>
</div>
<script src="dist/reveal.js"></script>
<script src="plugin/notes/notes.js"></script>
<script src="plugin/markdown/markdown.js"></script>
<script src="plugin/highlight/highlight.js"></script>
<script>
// More info about initialization & config:
// - https://revealjs.com/initialization/
// - https://revealjs.com/config/
Reveal.initialize({
hash: true,
// Learn about plugins: https://revealjs.com/plugins/
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
});
</script>
</body>
</html>