-
Notifications
You must be signed in to change notification settings - Fork 0
/
beginner.html
executable file
·275 lines (262 loc) · 13 KB
/
beginner.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./beginner.css">
<link rel="shortcut icon" href="Meta/asi_logo.png" />
<title>Beginner - A Supplementative (Alternative) School Curriculum</title>
<meta name="keywords" content="alternative education, supplementary education, after school activity, summer activity, teen development, additional learning, alternative school curriculum, education reform">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
<h1>WARNING</h1>
<p>If you are in a hurry, bookmark this page and return later, when you are free. Getting started on this website alone may take up to an hour. Completing the resources mentioned on this website can take 100 or so hours. Refer to the 'Why' section to see what this is all about.</p>
<h1>What is Here?</h1>
<p>
Below is a list of questions for organized study. You might find the list overwhelming. In that case, you may want to <a href="#adventure">embark on an Adventure</a>! (I'm sure you know what Pokemon is!) Even then, there are several topics, which haven't been included in the adventure - others have done a much better work of explaining these things. These topics have been indicated by a '*'.
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
<div class="panel-group visible-xs" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#ss-accord">
Society</a>
</h4>
</div>
<div id="ss-accord" class="panel-collapse collapse">
<div class="panel-body">
<iframe src="Meta/Social Science.html"></iframe>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#math-accord">
Maths*</a>
</h4>
</div>
<div id="math-accord" class="panel-collapse collapse">
<iframe src="Meta/Mathematics.html"></iframe>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#sci-accord">
Science</a>
</h4>
</div>
<div id="sci-accord" class="panel-collapse collapse">
<iframe src="Meta/Science.html"></iframe>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#ict-accord">
ICT</a>
</h4>
</div>
<div id="ict-accord" class="panel-collapse collapse">
<iframe src="Meta/ICT.html"></iframe>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#health-accord">
Health*</a>
</h4>
</div>
<div id="health-accord" class="panel-collapse collapse">
<iframe src="Meta/Health and Growing Up.html"></iframe>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#food-accord">
Food*</a>
</h4>
</div>
<div id="food-accord" class="panel-collapse collapse">
<iframe src="Meta/Food.html"></iframe>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#first-accord">
First Aid*</a>
</h4>
</div>
<div id="first-accord" class="panel-collapse collapse">
<iframe src="Meta/First Aid.html"></iframe>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#hist-accord">
History*</a>
</h4>
</div>
<div id="hist-accord" class="panel-collapse collapse">
<iframe src="Meta/History.html"></iframe>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#ssk-accord">
Edutainment*</a>
</h4>
</div>
<div id="ssk-accord" class="panel-collapse collapse">
<iframe src="Meta/Empathy and Social Skills.html"></iframe>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#money-accord">
Money (Financial Literacy)</a>
</h4>
</div>
<div id="money-accord" class="panel-collapse collapse">
<iframe src="Meta/Money.html"></iframe>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#why-accord">
Why</a>
</h4>
</div>
<div id="why-accord" class="panel-collapse collapse">
<iframe src="Meta/why.html"></iframe>
</div>
</div>
</div>
<ul class="nav nav-tabs hidden-xs">
<li class="active"><a data-toggle="tab" href="#ss-tab">Society</a></li>
<li><a data-toggle="tab" href="#math-tab">Maths*</a></li>
<li><a data-toggle="tab" href="#sci-tab">Science</a></li>
<li><a data-toggle="tab" href="#ict-tab">ICT</a></li>
<li><a data-toggle="tab" href="#health-tab">Health*</a></li>
<li><a data-toggle="tab" href="#food-tab">Food*</a></li>
<li><a data-toggle="tab" href="#first-tab">First Aid*</a></li>
<li><a data-toggle="tab" href="#hist-tab">History*</a></li>
<li><a data-toggle="tab" href="#ssk-tab">Edutainment*</a></li>
<li><a data-toggle="tab" href="#money-tab">Money*</a></li>
<li><a data-toggle="tab" href="#why-tab">Why</a></li>
</ul>
<div class="tab-content hidden-xs">
<div id="ss-tab" class="tab-pane fade in active">
<iframe src="Meta/Social Science.html"></iframe>
</div>
<div id="math-tab" class="tab-pane fade">
<iframe src="Meta/Mathematics.html"></iframe>
</div>
<div id="sci-tab" class="tab-pane fade">
<iframe src="Meta/Science.html"></iframe>
</div>
<div id="ict-tab" class="tab-pane fade">
<iframe src="Meta/ICT.html"></iframe>
</div>
<div id="health-tab" class="tab-pane fade">
<iframe src="Meta/Health and Growing Up.html"></iframe>
</div>
<div id="food-tab" class="tab-pane fade">
<iframe src="Meta/Food.html"></iframe>
</div>
<div id="first-tab" class="tab-pane fade">
<iframe src="Meta/First Aid.html"></iframe>
</div>
<div id="hist-tab" class="tab-pane fade">
<iframe src="Meta/History.html"></iframe>
</div>
<div id="ssk-tab" class="tab-pane fade">
<iframe src="Meta/Empathy and Social Skills.html"></iframe>
</div>
<div id="money-tab" class="tab-pane fade">
<iframe src="Meta/Money.html"></iframe>
</div>
<div id="why-tab" class="tab-pane fade">
<iframe src="Meta/why.html"></iframe>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2" id="adventure">
<h1>STEP 0 OF 3: What is this adventure?</h1>
<p>
We will be starting our journey by starting to understand a statement on the internet. Some questions will arise while trying to understand that statement.
</p>
<p>
Some more questions will arise while trying to answer the previously risen questions. You will be required to go from question to question and answer to answer, to make a sense of what the original statement meant.
</p>
<p>
Little by little, you will learn the answer to every question you should know about.
<br>
<p>
If you think this adventure is not worth undertaking, then <a href="mailto:alterschoolindia@email.com">write to us</a> about why you think so, and what we can improve, so that others can undertake a better adventure!
</p>
<h1>STEP 1 OF 3: Answering every question?</h1>
<p>Not everyone needs to know the answer to every question. In fact,</p>
<h2>Level 0</h2>
<p>Everyone should know the answer to some questions. These questions are indicated as "Level 0".</p>
<p>The aim of this website is to answer only the Level 0 questions.</p>
<h2>Level 1</h2>
<p>There are some questions whose answers are known only by some people. And not everyone needs to know the answers to these questions. These have been indicated as "Level 1".</p>
<p>We lack the expertise to answer Level 1 questions. Moreover, once you know the answer to all the Level 0 questions, you should also be able to use the internet for answering Level 1 questions.</p>
<h2>Level 2</h2>
<p>There are some questions whose answers are not known to anyone, inspite of the fact that billions of humans have habitted this Earth before! These are termed as "Level 2" questions.</p>
<p>We have mentioned Level 2 questions for the sake of curiosity. Answering them might require you to become a monk (!), or learning as much as possible, to obtain a Ph. D. ! Examples of Level 2 questions include: Do we have Free Will? Or, is a cure for cancer possible?</p>
<h1>STEP 2 OF 3: Know the Routes and the Map</h1>
<p>Think of this learning process as an adventure - you are to travel on various roads. Each road corresponds to a question, and therefore has a "Route Number".
<p>At the top of every question page, you will find a field called 'Route Number'. Since there are dozens of questions, it is not possible to go through them in one sitting.</p>
<p>Therefore, whenever you want to take a break, note down the Topic and the Route Number, both at the top of the screen. When you return from the break, you can go to the map and directly open the question under the specific topic.</p>
<p>Bookmark <a href="Meta/List for Organized Study.html">this</a> link to the map. This is essentially a list of all Level 0 questions on this website.</p>
<a href="Start Here.html"><h1>STEP 3 OF 3: Start your adventure!</h1></a>
<p>You will be greeted by a pop up that introduces you to the various components of the window. Enjoy your journey, and take sufficient rest - don't travel too hastily!</p>
</div>
<!--
<div class="col-md-4 col-sm-6 col-xs-12 window" onclick="window.location = 'Meta/Social Science.html'">
<iframe class="window" src="Meta/Social Science.html" scrolling="no"></iframe>
</div>
<div class="col-md-4 col-sm-6 col-xs-12 window" onclick="window.location = 'Meta/Mathematics.html'">
</div>
<div class="col-md-4 col-sm-6 col-xs-12 window" onclick="window.location = 'Meta/Science.html'">
<iframe class="window" src="Meta/Science.html" scrolling="no"></iframe>
</div>
<div class="col-md-4 col-sm-6 col-xs-12 window" onclick="window.location = 'https://kidshealth.org'">
<iframe class="window" src="https://kidshealth.org/" scrolling="no"></iframe>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<iframe class="window" src="Meta/Understanding People.html" scrolling="no"></iframe>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<iframe class="window" src="Meta/Finance.html" scrolling="no"></iframe>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<iframe class="window" src="Meta/Media Literacy.html" scrolling="no"></iframe>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<iframe class="window" src="Meta/History.html" scrolling="no"></iframe>
</div>
-->
</div>
</div>
<script src="bootstrap-3.3.7-dist/jquery-3.2.1/jquery.min.js"></script>
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</body>
</html>