-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
420 lines (417 loc) · 24.1 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
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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=0.9, shrink-to-fit=no, user-scalable=yes">
<title>SpreadBuddy · Debate Speech Drill Aid</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="normalize.css">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Serif:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="preload" href="action.wav" as="audio">
<link rel="preload" href="tap.wav" as="audio">
<link rel="preload" href="release.wav" as="audio">
</head>
<body>
<img src="scroll-indicator.png" id="scroll-pop" alt=""> <!--DECORATIVE IMAGE HAS NULL ALT-->
<main class="scroller" id="splash-panel">
<section id="splash-screen">
<div id="backdrop"></div>
<div id="splash-screen-top" class="container flex">
<div id="lead">
<h1>
<span class="text">
<strong>SpreadBuddy</strong> — Debate Speech Drill Aid
</span>
</h1>
<p class="big">
<span class="text">
Use <i>SpreadBuddy</i> to get ready to spead faster like a pro debate master!
</span>
</p>
</div>
<div class="proceed">
<a class="button big" id="go-button">
<span class="text">
<i class="fas fa-play"></i> Let's Go!
</span>
</a>
</div>
</div>
<div id="splash-screen-bottom" class="container">
<p>
<span class="text">
© Copyright 2020 SpreadBuddy™
</span>
</p>
</div>
</section>
</main>
<main class="scroller" id="main-panel">
<section id="main-screen">
<div class="container flex" id="speech-player" hidden>
<div id="header">
<progress value="0" max="1" min="0"></progress>
<footer>
<div class="text">
<span id="past-box">
<span id="past"></span>
</span>
<span id="now"></span>
<span id="future"></span>
</div>
</footer>
</div>
<div id="textbox-wrapper">
<article class="text"></article>
</div>
<nav>
<span class="button" id="restart" data-key="r" title="Back to beginning">
<i class="fas fa-fast-backward"></i>
</span><span class="button" id="rewind" data-key="ArrowLeft" title="Reverse">
<i class="fas fa-backward"></i>
</span><span class="button" id="pause" data-key=" " title="Pause to breathe">
<i class="fas fa-pause"></i>
</span><span class="button" id="exit" data-key="Backspace" title="Quit spreading">
<i class="fas fa-undo"></i>
</span><span class="button" id="speedup" data-key="ArrowUp" title="Speed up">
<i class="fas fa-sort-amount-up"></i>
</span><span class="button" id="slowdown" data-key="ArrowDown" title="Slow down">
<i class="fas fa-sort-amount-down"></i>
</span>
</nav>
</div>
<div class="container flex" id="main-screen-top">
<h2>
<span class="text">
<i class="fas fa-file-alt"></i> Copy your case file & paste it here.
</span>
</h2>
<textarea placeholder="I got hoes, calling a young nibba phone...">
Moroccan Economic Growth is increasing
TWB 4/16, Data displayed on this site are a subset of those available in the World Bank’s DataBank, which contains extensive collections of time series data. The DataBank has advanced functions for selecting and slicing the datasets, performing customized queries and data downloads, and creating charts and other visualizations. (“Morocco’s Economic Outlook”) (https://www.worldbank.org/en/country/morocco/publication/economic-outlook-april-2018)KS
GDP growth is projected to decline to 3% in 2018. Cereal production is projected to return to its historical average and non-agricultural GDP growth is expected to remain around 3% in the absence of more decisive structural reforms.
The fiscal deficit is expected to decline to 3.3% of GDP in 2018 in line with the government’s commitment to bring down the deficit to 3% of GDP by 2019-2021 and to reduce public debt to 60% of GDP by 2021. To achieve this target, it would be appropriate for the government to ensure a comprehensive tax reform including measures to reduce tax exemptions, lower corporate tax rates, improve public investment management, and better enforce tax payments by the self-employed and liberal professions. In line with this fiscal consolidation and oil price projections, the current account deficit is projected to remain below 4.5% of GDP in 2018.
Trump is Deterring Migration Now
Kupoluyi 17,Department of Political Science and Public Administration, Veronica Adeleke School of Social Sciences, College of Management Sciences, Babcock University, Ilishan-Remo, Ogun State, Nigeria. (“Trump Presidency: An Opportunity for Africa to look inward”) (https://search-proquest-com.proxy.lib.umich.edu/docview/1932291535/fulltextPDF/3741D556625D4AE7PQ/1?accountid=14667)KS
The victory of Donald Trump‘s emergence was unexpected for many Africans and had been described as ‗an upset‘, based on his many controversial statements, his alleged lack of experience in local, international politics and the perceived insensitivity to the community of immigrants in the US, largely made up of Africans (The Punch, 2016). If media verdict was anything to go by, in winning elections, perhaps, the tide would have turned against Trump, who was described as too blunt to a fault and having little regard for currying public relations‘ advantage and having heavily criticized the media on a number of occasions. The Trump‘s presidency may affect Africans in terms of the fear being nursed that US could turn into a racist country, as we recall that Trump once called for racial profiling, especially of Muslims. Trump supports some unfavorable US immigration policies geared towards a ban of all foreign Muslims from entering the United States. These policies will undoubtedly alienate many ally countries on the continent, of which 30 per cent of Sub-Saharan Africans are Muslims and are predominantly based in North Africa. He recently barred seven Islamic countries from entering the US until the courts upturned the controversial directive. In other statements, he promised: ‗If I become President, we will send them all home. We will build a wall at the Atlantic shore‘ (Trump, 2017), President Trump had manifested this threat recently with the erection of a wall at the Mexican border, which would be paid for by the Mexicans, through the introduction of 20 percent tax on all imports from Mexico, which some African countries trade and have dealings with. Trump had said: …we will seek friendship and goodwill with the nations of the world - but we do so with the understanding that it is the right of all nations to put their own interests first. We do not seek to impose our way of life on anyone, but rather, to let it shine as an example for everyone to follow. We will reinforce old alliances and form new ones - and unite the civilized world against Radical Islamic Terrorism, which we will eradicate completely from the face of the Earth. At the bedrock of our politics will be a total allegiance to the United States of America and through our loyalty to our country, we will rediscover our loyalty to each other (Trump, 2017). Adewale K. Kupoluyi, Vol. 14, (Nos. 1 & 2), March/June 2017, pp 67-77 72 Fear of deportation is another major concern for many Africans living in the US. According to the 2006 American Community Survey, Nigeria alone has the greatest number of its people living in America while there are over 250,000 US residents claiming Nigerian heritage and known to be the single largest contemporary African immigrant group in the country. Hence, there is the fear that a Trump could embark on mass deportation and this would affect the migrants. Trump has also vowed to ‗increase standards for the admission of refugees and asylum-seekers‘ (Trump, 2017). In addition to refugees, who are fleeing political, violence, gender and social violence, voluntary immigrants from Africa have accounted for an increasing number of immigrants to the US in recent years. The US has pursued two major foreign policy orientations. It pursued unilateralism and then active engagement within the international system and at different periods that was either neutral or isolationist (Baligidde, 2017). Many Africans enter the US through the diversity visa programme, which seeks to encourage legal immigration from countries other than the major sending-countries of current immigrants to the US; hence, illegal African immigrants may not find it easy any longer to migrate into America. Additionally, such a move may increase tension between the US and African countries that are already retaliating against the perceived inequity of the US‘ immigration system. Trump‘s limitations on legal immigration into his country could lead to isolationist policies that will encourage reciprocity from African countries, as the continent become less open to Americans in retaliation (Robinson, 2016). African countries such as Eritrea, Congo and Sudan are among the top 10 countries seeking US refugee status on a yearly basis, due to citizens fleeing internal crises.
Lifting the cap on skilled immigration leads to unchecked brain drain from Morocco – skilled workers have a very high incentive to migrate to the US.
Abdelhamid 18, Nechad Abdelhamid is a professor of economics at ESCA-EM in Morocco, March 2018, (“A Geo-Economic Approach to Brain Drain in Morocco,” http://www.jesd-online.com/dokumenti/upload/separated/Vol_5_No_1_Paper7.pdf )KS
The incubation of the project to emigrate is often triggered by exogenous factors, the phenomenon being intensified by an international demand for the brain drain. The current globalization plays a paramount role in accelerating this elite migration. The restructuring of the production systems has led to a hike in the demand for highly qualified personnel. And this is sometimes accompanied by aggressive recruitment policies as evidenced by the Green Card in Germany which led to the proliferation of recruitment companies and of websites specialized in “talent hunting”.
Other exogenous factors of a professional nature encourage this elite to wake up from its latent phase, step up to the plate and emigrate. It is indeed the attractive environment in developed countries characterized by auspicious working and living conditions: a quest for excellence; an organizational flexibility; a competitive spirit; promotion prospects and access to opportunities; sectoral attractions related to the new trades of the new technologies. These professional factors are sustained by others of a rather personal nature: the wage incentives, the promotion systems and the opportunities at hand; the effective social security systems; the possibility to help parents and to be spoilt for choice on children’s schooling.
Zimmermann (1996) distinguishes between the factors that “push” people out of their countries of origin and the factors that “attract” them to a new “host” country. Some home unfavorable internal conditions are the unsatisfactory educational capacity, the low living standards, the limitations of technology, the inadequate training and employment and the uncertainty of tomorrow, the political malaise, the armed conflicts4 , the absence of realistic labor policies and the economic instability (Chang, 1999).
The barriers to achieving educational goals or the lack of career opportunities (e.g. due to cuts in the budget allocated to public universities, as is the case in most African countries) can be an “Impulse” towards migration. The establishment of a subsidiary of an international company, or the relocation of factories, is also pushing skilled workers abroad, particularly to the developed world where some IT companies relocate some categories of skilled workers in countries such as India. There is evidence that deteriorating economic conditions are responsible for the brain drain in South Africa (Bhorat et al., 2002). However, for the skilled black South Africans, the feeling of estrangement from the political status quo and the loss of confidence in the government’s ability to improve the living conditions – particularly human rights violations – seem to play an important additional role.
The factors of attraction include better personal and professional opportunities in the host country, propitious policies for the immigration of the better-educated, wage differentials, differences in the quality of life, education for children, interaction with other professionals, political stability, and job security (Hillman and Weiss 1991, Porés 1991). Countries such as Canada, New Zealand, Germany, the United States and the United Kingdom now have aggressive recruitment policies for highly qualified foreigners to increase their own skilled labor force, particularly in a globalized global economy where intellectual worker are highly coveted.
From an economic perspective, the fundamental motivation for migration is the hope to score a net gain. 4 For example, a number of countries in Africa have experienced serious conflicts over the last 15 to 20 years. These include South Africa, Zimbabwe, Mozambique, Angola, Democratic Republic of Congo, Central African Republic, Kenya, Somalia, Sudan, Uganda, Ethiopia, Eritrea, Burundi, Rwanda, Algeria, Côte d’Ivoire, Senegal, Gambia, Sierra Leone, Liberia and Guinea. There are at least two potential economic benefits to migration for those participating in the labor market. The first is linked to the gains in the labor market or to income more generally. The second advantage is employment. People can move elsewhere to increase their income in the labor market; migration is then the result of the job search process. They may also move to increase their chances of landing a job, and in this case, migration is an intrinsic part of the job search.
Skilled Moroccans leave the homeland mainly to work. The working conditions they enjoy in their country of residence are generally better than those offered by their country of origin. Moroccans who emigrate choose to live abroad, but in fact it is their employers who choose them. Indeed, migration for work has always been the choice of the host countries (especially rich countries), since in most cases these countries encourage and accept only people who are sought after in their labor market. These skilled Moroccans abroad have become not only providers of intelligence for their host countries, but also “knowledge workers” in the new globalized order and new actors in international cooperation
</textarea>
<p>
<span class="text">
<span id="word-count"></span> words,
<span id="aspw"></span> avg. syllables per word
</span>
</p>
<div class="proceed">
<a class="button big" id="start-button">
<span class="text">
<i class="fas fa-hourglass-start"></i> Start Spreading
</span>
</a>
</div>
</div>
<div id="main-screen-bottom" class="container">
<h3>
<span class="text">
<i class="fas fa-tools"></i> SpreadBuddy Controls
</span>
</h3>
<p>
<span class="text">
Based on your current settings, you'll get through the entire text in
<span id="duration-calc"></span>.
Your average rate is <span id="wpm"></span> words per minute.
</span>
</p>
<div class="module-unit">
<div class="right">
<input type="checkbox" id="anchor-letter" hidden checked>
<label for="anchor-letter">
<span class="switch-notch">
<span class="switch-notch-middle"></span>
<span class="switch-slide">
<span class="switch-on">ON</span><span class="switch-scrubber"></span><span class="switch-off">OFF</span>
</span>
</span>
</label>
</div>
<h4>
<span class="text">
<i class="fas fa-i-cursor"></i> Focal Point Position
</span>
</h4>
<span class="text">
Anchor letter:
</span>
<input type="range" min="1" max="9" value="3" id="anchor">
<span class="text">
Textbox alignment:
</span>
<input type="range" min="0" max="960" value="320" id="align" class="last">
</div>
<div class="module-unit">
<h4>
<span class="text">
<i class="fas fa-text-height"></i> Typeface Configuration
</span>
</h4>
<span class="text">
Size:
</span>
<input type="range" min="15" max="50" value="25" id="font-size">
<span class="text">
Thiccness:
</span>
<input type="range" min="1" max="7" value="4" id="font-weight">
<span class="text">
Space between letters:
</span>
<input type="range" min="-10" max="25" value="-1" id="gap">
<span class="text">
Space between words:
</span>
<input type="range" min="-10" max="50" value="1" id="gap2" class="last">
</div>
<div class="module-unit">
<h4>
<span class="text">
<i class="fas fa-user-ninja"></i> Speed (60 FSSPM – 1200 FSSPM)
</span>
</h4>
<input type="range" min="60" max="1200" value="500" id="speed">
<p>
<span class="text">
Flatrate single syllables per minute: <span id="spm"></span>
</span>
<small>
<span class="text">
FSSPM is the rate of syllables per minute without taking into account the Multi-Syllable Timebend settings (see below).
</span>
</small>
</p>
</div>
<div class="module-unit">
<h4>
<span class="text">
<i class="fas fa-sliders-h"></i> Multi-Syllable Timebend
</span>
</h4>
<span class="text">
Linear compression:
</span>
<input type="range" min="0" max="100" value="10" id="scale">
<span class="text">
Logarithmic compression:
</span>
<input type="range" min="0" max="100" value="0" id="exp">
<span class="text">
Monosyllabic frame length extension:
</span>
<input type="range" min="0" max="50" value="0" id="uni-syll">
<p>
<span class="text">
1-syllable word: <span id="single-syllable"></span> seconds
</span>
</p>
<p>
<span class="text">
2-syllable word: <span id="double-syllable"></span> seconds
</span>
</p>
<p>
<span class="text">
3-syllable word: <span id="triple-syllable"></span> seconds
</span>
</p>
<p>
<span class="text">
4-syllable word: <span id="quadruple-syllable"></span> seconds
</span>
</p>
<p>
<span class="text">
5-syllable word: <span id="quintuple-syllable"></span> seconds
</span>
</p>
</div>
<div class="module-unit">
<h4 class="big-gap">
<span class="text">
<i class="fas fa-sitemap"></i> Additional Flags
</span>
</h4>
<p>
<div class="left">
<input type="checkbox" id="years-assumption" hidden checked>
<label for="years-assumption">
<span class="switch-notch">
<span class="switch-notch-middle"></span>
<span class="switch-slide">
<span class="switch-on">ON</span><span class="switch-scrubber"></span><span class="switch-off">OFF</span>
</span>
</span>
</label>
</div>
<span class="text">
Assume that 4-digit numbers in the range 1500–2100 with no comma are years
</span>
<small>
<span class="text">
E.g. 1869 is interpereted as “eighteen sixty-nine” — 5 syllables; instead of “one thousand, eight hundred, sixty-nine” — 9 syllables.
</span>
</small>
</p>
<hr>
<p>
<div class="left">
<input type="checkbox" id="combinatorics" hidden checked>
<label for="combinatorics">
<span class="switch-notch">
<span class="switch-notch-middle"></span>
<span class="switch-slide">
<span class="switch-on">ON</span><span class="switch-scrubber"></span><span class="switch-off">OFF</span>
</span>
</span>
</label>
</div>
<span class="text">
Condense consecutive monosyllabic words into chunks
</span>
<small>
<span class="text">
E.g. “It is a” appears all at once instead of 3 separate.
</span>
</small>
</p>
<hr>
<p>
<div class="left">
<input type="checkbox" id="opacity-snap" hidden>
<label for="opacity-snap">
<span class="switch-notch">
<span class="switch-notch-middle"></span>
<span class="switch-slide">
<span class="switch-on">ON</span><span class="switch-scrubber"></span><span class="switch-off">OFF</span>
</span>
</span>
</label>
</div>
<span class="text">
Flash Text
</span>
<small>
<span class="text">
This can help you stay focused and talk even quicker. It also lets you recognize when the same word repeats.
</span>
</small>
</p>
<hr>
<p>
<div class="left">
<input type="checkbox" id="no-colors" hidden>
<label for="no-colors">
<span class="switch-notch">
<span class="switch-notch-middle"></span>
<span class="switch-slide">
<span class="switch-on">ON</span><span class="switch-scrubber"></span><span class="switch-off">OFF</span>
</span>
</span>
</label>
</div>
<span class="text">
Color-Cycle Words
</span>
<small>
<span class="text">
This can help you stay focused and talk even quicker. It also lets you recognize when the same word repeats.
</span>
</small>
</p>
<hr>
<p>
<div class="left">
<input type="checkbox" id="syll-dot-indicator" hidden>
<label for="syll-dot-indicator">
<span class="switch-notch">
<span class="switch-notch-middle"></span>
<span class="switch-slide">
<span class="switch-on">ON</span><span class="switch-scrubber"></span><span class="switch-off">OFF</span>
</span>
</span>
</label>
</div>
<span class="text">
Syllable Indicator
</span>
<small>
<span class="text">
Shows a dot moving across the current word from left to right.
</span>
</small>
</p>
<hr>
<p>
<div class="left">
<input type="checkbox" id="hyphen-split" hidden>
<label for="hyphen-split">
<span class="switch-notch">
<span class="switch-notch-middle"></span>
<span class="switch-slide">
<span class="switch-on">ON</span><span class="switch-scrubber"></span><span class="switch-off">OFF</span>
</span>
</span>
</label>
</div>
<span class="text">
Split on Hyphens/Dashes
</span>
<small>
<span class="text">
Split hyphenated words/phrases; split numbers connected with en-dashes.
</span>
</small>
</p>
<hr>
<p>
<div class="left">
<input type="checkbox" id="prank" hidden checked>
<label for="prank">
<span class="switch-notch">
<span class="switch-notch-middle"></span>
<span class="switch-slide">
<span class="switch-on">ON</span><span class="switch-scrubber"></span><span class="switch-off">OFF</span>
</span>
</span>
</label>
</div>
<span class="text">
Ben Shapiro Mo Bamba
</span>
<small>
<span class="text">
Turn off this switch if you're actually serious about debate.
</span>
</small>
</p>
</div>
</div>
</section>
</main>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="index.js"></script>
</body>
</html>