-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
UniversalObjectivesSummary_phoneView.html
730 lines (715 loc) · 30.8 KB
/
UniversalObjectivesSummary_phoneView.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
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" lang="ENG" />
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Loading...</title>
<style>
body {
background-color: transparent;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.hidden_class {
background-color: transparent;
color: transparent;
font-size: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
z-index: -10;
resize: none;
}
.div_class_01 {
background-color: white;
opacity: .95;
width: 60%;
height: 60%;
margin: 0px 0px 0px 0px;
padding: : 0px 0px 0px 0px;
/*border: 10px round gold;*/
box-shadow: 5px 5px 20px 5px black;
position: absolute;
top: 20%;
left: 20%;
z-index: 4;
}
.output_class_01 {
width: 80%;
height: 80%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: "Times New Roman", sans-serif;
font-size: 16px;
letter-spacing: .75px;
font-weight: normal;
text-shadow: .2px .2px .2px black;
position: absolute;
top: 10%;
left: 10%;
}
.div_class_02 {
width: 10%;
height: 10%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: "Times New Roman", sans-serif;
font-size: 16px;
letter-spacing: .75px;
font-weight: normal;
border: 20px inset white;
box-shadow: 5px 5px 20px 5px black;
position: absolute;
top: 35%;
left: 6.9%;
z-index: 2;
}
.button_class_01 {
background-color: transparent;
color: darkblue;
width: 49%;
height: 50%;
font-size: 16px;
font-weight: bold;
text-shadow: .3px .3px .2px black;
border: 2px outset grey;
box-shadow: 1px 1px 1px 0px black;
position: absolute;
top: 50%;
left: 0%;
cursor: pointer;
z-index: 5;
}
.button_class_02 {
background-color: transparent;
color: darkblue;
width: 49%;
height: 50%;
font-size: 16px;
font-weight: bold;
text-shadow: .3px .3px .2px black;
border: 2px outset grey;
box-shadow: 1px 1px 1px 0px black;
position: absolute;
top: 50%;
left: 50%;
cursor: pointer;
z-index: 5;
}
.button_class_01:hover, .button_class_02:hover {
border: 2px outset darkblue;
box-shadow: 1px 1px 1px 1px darkblue;
}
.button_class_03 {
width: 100%;
height: 50%;
background-color: white;
border: 2px grooge grey;
cursor: default;
}
.button_class_03:hover {
background-color: white;
border: 2px grooge grey;
cursor: default;
}
#div_header:hover {
cursor: pointer;
z-index: 2;
}
</style>
</head>
<body>
<div id="div_header" style="background: linear-gradient(to top left, #cc9900 0%, #ffff00 100%); width: 100%; height: auto; position: absolute; top: 11%; box-shadow: 0px .6px 7px grey;" onclick="home_page()" onmouseover="f01()" onmouseout="f02()" >
<h1 id="elementId01" style="z-index: 3;">Loading...</h1>
</div>
<p id="paragraph_id_01" class="hidden_class" >
Immortality
</p>
<p id="paragraph_id_02" class="hidden_class" >
ETERNAL PARADISE UNIVERSE ENVIRONMENT SIMULATIONS. Description - full conscious emersion in simulated environments, provided to you and operated within your new anatomy made of immortal, nano-robot materials.
</p>
<p id="paragraph_id_03" class="hidden_class" >
FULL CONTROL OF THE COSMOS. Description - feasible, full, deliberative control of the entire cosmos, the elements, the universe.
</p>
<p id="paragraph_id_04" class="hidden_class" >
500% INCREASE IN ROBUSTNESS OF THE GLOBAL ECOCOMY. 500% more robust economy. Description - with an infinite universe comes infinite resources; and with super intelligent robots comes feasible utilization and provision to you of infinite wealth.
</p>
<p id="paragraph_id_05" class="hidden_class" >
Super Intelligent Humanoid Workforce. Computer programs. Cloud computing applications to be uploaded wirelessly to super intelligent humanoid workforce robots. How - force of operations - Super Intelligent Humanoid Workforce Robots composed of micro-robot-composite parts. Also, robots made of nano material anatomy. Description - shape-shifting humanoids, super intelligent, workforce robots supplied with workforce operations data applications for motion abilities to perform tasks, where the applications are saved on cloud computer servers and uploaded (1) to the robots wirelessly, (2) via computer chips, (3) by wire cables, (4) or otherwise provided to the computer operating systems inside of the robots.
</p>
<p id="paragraph_id_06" class="hidden_class" >
<span style="font-size: small; letter-spacing: 2px;">Example</span>
<br>
You receive new nano material anatomy from a health facility, run by humans and super intelligent humanoids (micro-composite-built, human-like, super-intelligent-humanoid-workforce-robots). Many, tiny (microscopic), replaceable, mobile, communicating, programmable robots comprise your immortal anatomy; by which anatomy you have full-conscious simulations of eternal paradise with immediate feasible deliberative control of the elements via applications, personal computers and humanoids. You will be able to type a command to a computer, such as, "Build another planet, like so", and the computer will immediately build the planet in the manner you describe.
</p>
<p id="paragraph_id_07" class="hidden_class" >
How - The United States of America - Population of Able-Bodied Human Resources, Human Workforce, to perform the following procedures:
<br><br>
</p>
<ul id="paragraph_id_07_ol_01" class="hidden_class" >
<li>Mandate specialization (require careers in advance technology by way of legislation).</li>
<li>Increase the Rate of Research and Development of Advance Technology.</li>
<li>Build ASI which can conduct Research and Development.</li>
<li>Build ASI which can create scripts of operations procedures for use by super intelligent humanoid workforce robots.</li>
<li>Build Super Intelligent Humanoid Workforce Robots.</li>
</ul>
<br><br>
<ol id="paragraph_id_07_ol_02" class="hidden_class" >
<br><br>
<span>List - ASI Applications of Operations for Workforce Humanoids:</span>
<li> Building more humanoids</li>
<li> Building machines and equipment</li>
<li> Resource acquisition (gathering raw materials, mining, preparing, transporting etc.)</li>
<li> Manufacturing</li>
<li> Welding </li>
<li> Electricity (energy)</li>
<li> Electronics</li>
<li> Architecture</li>
<li> Agriculture; Food distribution; Food service </li>
<li> Contact and Communications</li>
<li> Construction; Plumbing; Electrical; Painting</li>
<li> Mail </li>
<li> Money transportation; Money handling; Banking services; Accounting </li>
<li> All service operations</li>
<li> City planning; Systems designs (travel; city layouts; resource centers and distributions; manufacturing; agriculture; food distribution, preparation, service and delivery)</li>
<li> Healthcare; reading and interpreting: books, articles and data; uploading new application scripts for humanoid operations to the cloud servers for distribution packages to other humanoid workforce robots; monitoring and recording doctors operations, methods and procedures, and create robot imitation applications of said doctor abilities</li>
<li> Military operations (administering sleep commands; acquiring and regulating nations; building small and micro-composite weaponized robots; military plans, methods of objective achievement, tactics and operations; transport machines for military robots)</li>
<li> All other desirable operations, discluding those applications of operations which will impede the progress of the timely accomplishment of the Universal Objectives, until the Universal Objectives are fully accomplished.</li>
</ol>
<p id="paragraph_id_08" class="hidden_class" >
Details - Mandate specialization
<br>The mandate will include a package of required United States Human Resources Procedures, among which are the following:
</p>
<ol id="paragraph_id_08_ol_01" class="hidden_class" >
<li> Allocate human resources into specialized, advance technology careers</li>
<ol>
<li> Close all stores that are not required for survival; these closures are temporary pending the timely accomplishment of the Universal Objectives.</li>
<li> Recordation of store procedures. Robot applicability - automated scripts composed to robot readability for later implementation of service operations; and for the purpose of preservation of the arts, methods, and operations procedures of all such stores.</li>
</ol>
<li> Provide more feasible delivery of necessary food provisions (from Walmart; the grocery store)</li>
<ol>
<li> Drones. Air-transport drone deliveries, with auto-pilot; and roof-top landing pads.</li>
<li> Tubes. Air-pressurized tunnel food delivery systems, from Walmart (the grocery store) to homes (houses, apartments, dwellings, offices, workplaces, etc.).</li>
</ol>
<li> Security. Guaranteed security of advanced security equipment and measures. 24-hour security. Surveilance security. Robot security. Tranquilization weapons on robot's bodies for security enforcement. Flying robot security. Small robot security, regulations enforcement.</li>
<li> (reserved for future use)</li>
</ol>
<p id="paragraph_id_09" class="hidden_class" >
Example - Simulated Paradise
<br>The United States takes over the world.
<br>The ASI Apps supply robots with super intelligent, operations, motion procedures.
<br>The super intelligent humanoids are 100k+ robots are conducting research and development in the sciences.
<br>The ASI, thereby, obtains the knowledge to transfer conscious to new anatomy. The new anatomy is built by the machines that the workforce robots constructed. The humanoid schedule appointments for humans, and the humans are brought to health facilities to be transferred to their new anatomy. Each human is in its own new, nano-robot-composite anatomy. The said anatomy is equiped with a computer application which can emerse the conscious entirely in a mind simulation universe environment. You are sitting in a recliner in the health facility. You open an simulator app on your cellphone. You scan your palm with your phone so that the app can identify you. You select an option on the app which indicates to start your new anatomy simulator mechanism. The app requests a verbal confirmation, and the app verifies your voice identification. Your anatomy initiates a sleep spell on your conscious. You sleep, then you wake up after a duration of only a short few seconds. You discover that you are in a void, but that you are standing on a glass floor that spans infinitely in every direction. You are sitting in a recliner, and the only thing, else, in the infinite space is a computer, desk, desk-chair, keyboard, mouse and monitor display. You get up and approach the desk. You sit at the desk. You Turn on the computer. The desktop shows an icon button to a simulation app. You Click twice on the icon button. The simulation app opens. You observe an interface command line on the monitor display. The display types the message, "The app is waiting for your instructions..." You type on the keyboard, the following command into the command line input field,
<br><br>
"Build a house. Let the material be diamond bricks. Let the diamond bricks be 1 meter by 2 meters by 50cm. House width = 250 meters. House length = 500 meters. House height = 500 meters. Let there be an inlet for the entrance in the front, facing me. Let the inlet be a depth of 1 meter. Let the height of the inlet be 10 meters. Let the length of the inlet be 25 meters. Let the door be made of silver, and let it be trimmed with jade. Let the jade be inset 1cm. Let the handles be bronze. Now, build the house, 10 meters in front of me."
<br><br>
Then you press the "Enter" key. The simulation app requests you to verify before proceeding, and it displays an image of your requested object on the monitor display, and a message that reads, "Would you like to proceed to build the following house in the following location?" You click twice on the "Okay" button. Then, the house appears 10 meters in front of you, and you observe the doors of the entrance.
<br><br>
You want surface to walk on, and you want the house to be on a surface (besides the glass floor). You do a search on the simulator app in the command line, you type,
<br><br>
"Show me planets."
<br><br>
The app displayes images of planets commonly found in the real universe from which you came. Then, you type,
<br><br>
"Build a planet made of marble bricks. Let the planet be almost perfectly spherical. Let the marble bricks range in size, and be woven in design, let the sizes be from 50mm to 100 meters on the surface of the planet. Let the core of the planet be solid marble. Let the size of the planet be the size of the planet Jupiter. Let the planet have a ring, like Saturn, let it be visible from the surface of the planet. Let the planet have an atmosphere of air, for me to breath. Let the ring of the planet be made of marble. Let the planet be above me, 2km high. Let my house be on the planet, and not on the floor of the void. Let there be a portal door made of a synthetic, silver liquid. Let the portal open on the marble planet, 10 meters from the entrance of my house."
<br><br>
You press the "Enter" key. Then, an image of the portal is displayed, and the computer responds to you, with the following message,
<br><br>
"The portal will remain open; so that you can return to the location of the computer. But, if you want the portal to close, then you must request that a communication device to this app be made and go with you to the marble planet, as well as request that the portal close at: a specified time, upon arrival, or upon another event (such as a button or a verbal command)."
<br><br>
The computer also displays the following message,
<br><br>
"Kindly indicate where you would like the entrance portal."
<br><br>
You type the following request,
<br><br>
"Let the portal be 2 meters to the left of my desk, facing my desk chair."
<br><br>
You press the "Enter" key. Then, the simualtion app, responds to you, as follows,
<br><br>
"The image of the request is below. Would you like to proceed?"
<br><br>
You click twice on the "Okay" button. Then, the marble planet is created, and instantly appears 2km above you, as instructed; and the portal appears 2 meters to the left, as you instructed.
</p>
<!-- output output output output output output output output output output output output output output output output -->
<div id="div_id_01" class="div_class_01" >
<p id="para_output_01" class="output_class_01" >0</p>
</div>
<div id="div_id_02" class="div_class_02" >
<input id="button_id_01" type="button" class="button_class_03" value="1 of 8" onclick="#" />
<img src="left arrow.jpg" alt=">>" width="50%" height="50%" style="position: absolute; top: 50%; left: 0; z-index: 3;" >
<input type="button" class="button_class_01" value="" onclick="onclick_01()" />
<img src="right arrow.jpg" alt=">>" width="50%" height="50%" style="position: absolute; top: 50%; left: 50%; z-index: 3;" >
<input type="button" class="button_class_02" value="" onclick="onclick_02()" />
</div>
<p id="paragraph_saveData_01" class="hidden_class" >0</p>
<p id="paragraph_saveData_02" class="hidden_class" >0</p>
<textarea id="paragraph_saveData_03" class="hidden_class" style="border: 0px solid black; outline: none;" >0</textarea>
<p id="paragraph_saveData_04" class="hidden_class" >0</p>
<!--<p id="p_test" ></p>-->
<script>
const f01 = function () {
var val = document.getElementById("paragraph_saveData_04").innerHTML;
var num = Number(val);
if(num == 1 || num == 2) {return null;}else{
var el = document.getElementById("paragraph_saveData_04");
el.innerHTML = "1";
style_header_01();
}
}
const f02 = function () {
var val = document.getElementById("paragraph_saveData_04").innerHTML;
var num = Number(val);
if(num == 2) {return null;}else{
var el = document.getElementById("paragraph_saveData_04");
el.innerHTML = "2";
style_header_02();
el.innerHTML = "0";
}
}
onloadFunction2();//regular style, use this style when not programming 3D content in the browser page
const onloadFunction = function() {
document.title = "Summary of Universal Objectives GlowingGoldenGlobe";
bodyWandH01();
var text = document.getElementById("div_header").innerHTML;
var obj = {"values1":text};
//alert(obj.values1);
var str_json = JSON.stringify(obj);
//alert(str_json);
document.getElementById("paragraph_saveData_03").innerHTML = str_json;
//note that there is no return null, but that I can put it, if I wan to.
//note that this const variable function() occurs in sequence above (before, prior to) calling the function, below (onloadFunction();)
}
onloadFunction();//threejs.org style, use this style for 3D programming
function onloadFunction2() {
var element01 = document.getElementById("elementId01");
element01.style.margin = "10px 0px 10px 5%";
//element01.style.width = "100%";
//element01.style.backgroundColor = "gold";
//element01.style.background = "linear-gradient(to top left, #cc9900 0%, #ffff00 100%)";
element01.style.zIndex = "1";
element01.innerHTML = "<span style='text-shadow: .5px .5px .5px black;' >Summary</span><br><span style='color: black; font-size: 18px; text-shadow: .5px .5px .5px black;' >Universal Objectives</span>";
return null;
}
function onhoverFunction1() {
var element01 = document.getElementById("elementId01");
element01.style.margin = "10px 0px 10px 5%";
//element01.style.width = "100%";
//element01.style.backgroundColor = "gold";
//element01.style.background = "linear-gradient(to top left, #cc9900 0%, #ffff00 100%)";
element01.style.zIndex = "1";
element01.innerHTML = "<span style='text-shadow: .5px .5px .5px black;' >Glowing Golden Globe</span><br><span style='color: black; font-size: 18px; text-shadow: .5px .5px .5px black;' >Go to Home Page</span>";
return null;
}
function bodyWandH01() {
var windowWidth01 = window.innerWidth;
var w01 = windowWidth01.toString();
var windowHeight01 = window.innerHeight;
var h01 = windowHeight01.toString();
var test01 = h01.search("px");
test01 = Number(test01);
if(test01 == -1) {
w01 = w01 + "px";
h01 = Number(h01);
h01 = (h01 * 1.2);
h01 = h01 + "px";
}else{
var split = w01.split("px");
var str = split[0];
split = h01.split("px");
var str_2 = split[0];
str = Number(str);
str_2 = Number(str_2);// adds 20% to the height; makes height = 120% of the original height
str_2 = (str_2 * 1.2);
w01 = str + "px";
h01 = str_2 + "px";
}
//document.body.style.width = w01;
//document.body.style.height = h01;
}
const home_page = function() {
window.open("https://glowinggoldenglobe.com/", "_top");
}
const style_header_01 = function () {
//alert("1");
var el = document.getElementById("div_header");
el.style.background = "linear-gradient(to top left, #cc9900 10%, #ffff11 90%)";
el.style.boxShadow = "0px .6px 7px gold";
el.fontSize = "18px";
el.fontWeight = "bold";
var values = el.innerHTML;
var height = el.clientHeight;
//alert(height);
//el.innerHTML = "Glowing Golden Globe<br><span>https://glowinggoldenglobeportfolio.godaddysties.com/</span>";
onhoverFunction1();
height = height + "px";
el.style.height = height;
}
const style_header_02 = function () {
var el = document.getElementById("div_header");
el.style.background = "linear-gradient(to top left, #cc9900 0%, #ffff00 100%)";
el.style.boxShadow = "0px .6px 7px grey";
var height = el.clientHeight;
el.innerHTML = "<h1 id='elementId01' ></h1>";
height = height + "px";
el.style.height = height;
onloadFunction2();
}
const onclick_01 = function() {
//code...
// stop function, if script is running
document.getElementById("paragraph_saveData_02").innerHTML = "1";
// reset value, for opacity change of function animate_text_03();
document.getElementById("paragraph_saveData_01").innerHTML = "0";
// reset value, display paragraph
var el = document.getElementById("para_output_01");
el.innerHTML = " ";
el.style.opacity = "1";
// execute function variables
var button_el = document.getElementById("button_id_01");
var val = button_el.value;
var str = val.toString();
var val_2 = str.split(" of ");
var val_3 = val_2[0];
var num_1 = Number(val_3);
var new_val = "";
if(num_1 <= 1) {
new_val = "1";
}else{
new_val = (num_1 - 1);
}
button_el.value = new_val + " of 8";
setTimeout(function() {
document.getElementById("paragraph_saveData_02").innerHTML = "0";
if(new_val == 1) {animate_text_01();}
if(new_val == 2) {animate_text_02();}
if(new_val >= 3) {animate_text_03();}
//if(new_val == 4) {animate_text_04();}
//if(new_val == 5) {animate_text_05();}
//if(new_val == 6) {animate_text_06();}
//if(new_val == 7) {animate_text_07();}
//if(new_val == 8) {animate_text_08();}
}, 250);
}
const onclick_02 = function() {
//code...
// stop function, if script is running
document.getElementById("paragraph_saveData_02").innerHTML = "1";
// reset value, for opacity change of function animate_text_03();
document.getElementById("paragraph_saveData_01").innerHTML = "0";
// reset value, display paragraph
var el = document.getElementById("para_output_01");
el.innerHTML = " ";
el.style.opacity = "1";
// execute function variables
var button_el = document.getElementById("button_id_01");
var val = button_el.value;
var str = val.toString();
var val_2 = str.split(" of ");
var val_3 = val_2[0];
var num_1 = Number(val_3);
var new_val = "";
if(num_1 >= 8) {
new_val = "8";
}else{
new_val = (num_1 + 1);
}
button_el.value = new_val + " of 8";
setTimeout(function() {
document.getElementById("paragraph_saveData_02").innerHTML = "0";
if(new_val == 1) {animate_text_01();}
if(new_val == 2) {animate_text_02();}
if(new_val >= 3) {animate_text_03();}
//if(new_val == 4) {animate_text_04();}
//if(new_val == 5) {animate_text_05();}
//if(new_val == 6) {animate_text_06();}
//if(new_val == 7) {animate_text_07();}
//if(new_val == 8) {animate_text_08();}
}, 250);
}
const repeat_01 = function () {
var val = "";
setTimeout(function() {
val = document.getElementById("paragraph_saveData_02").innerHTML;
if(val == 1) {
return null;
}else{
animate_text_01();
}
}, 25);
}
const animate_text_01 = function () {
// test if execute function versus return null
var button_el = document.getElementById("button_id_01");
var val = button_el.value;
var str = val.toString();
var val_2 = str.split(" of ");
var val_3 = val_2[0];
var num_1 = Number(val_3);
var new_val = Number(1);
if(num_1 != new_val) {
return null;
}
// text displayed
var el = document.getElementById("para_output_01");
var displayed_text = el.innerHTML;
var str_displayed = displayed_text.toString();
var length_displayed = str_displayed.length;
var num_displayed = Number(length_displayed);
// text to display
var text = document.getElementById("paragraph_id_01").innerHTML;
var str_1 = text.toString();
var length = str_1.length;
var num = Number(length);
var chars_remaining = (num - num_displayed);
var end_char = num_displayed + 1;
var output = "";
output = str_1.substring(0, end_char);
if(chars_remaining == (num-1)) {
document.getElementById("button_id_01").value = "1 of 8";
//output = str_1.substring(0, 1);
}
if(chars_remaining == 0) {
setTimeout(function() {
el.innerHTML = " ";
document.getElementById("button_id_01").value = "2 of 8";
animate_text_02();
}, 1000);
return null;
}
el.innerHTML = output;
var val = "";
val = document.getElementById("paragraph_saveData_02").innerHTML;
if(val == 1) {
return null;
}else{
repeat_01();
}
}
const onload_01 = function () {
var el = document.getElementById("para_output_01");
el.style.opacity = 0;
var text = ""
+ "I"
+ "";
el.innerHTML = text;
setTimeout(function() {
el.style.opacity = 1;
animate_text_01();
}, 1000);
}
onload_01();
const repeat_02 = function () {
var val = "";
setTimeout(function() {
val = document.getElementById("paragraph_saveData_02").innerHTML;
if(val == 1) {
return null;
}else{
animate_text_02();
}
}, 25);
}
const repeat_02_b = function () {
var val = "";
setTimeout(function() {
val = document.getElementById("paragraph_saveData_02").innerHTML;
if(val == 1) {
return null;
}else{
animate_text_02();
}
}, 10);
}
const animate_text_02 = function () {
// test if execute function versus return null
var button_el = document.getElementById("button_id_01");
var val = button_el.value;
var str = val.toString();
var val_2 = str.split(" of ");
var val_3 = val_2[0];
var num_1 = Number(val_3);
var new_val = Number(2);
if(num_1 != new_val) {
return null;
}
// text displayed
var el = document.getElementById("para_output_01");
var displayed_text = el.innerHTML;
var str_displayed = displayed_text.toString();
var length_displayed = str_displayed.length;
var num_displayed = Number(length_displayed);
// text to display
var text = document.getElementById("paragraph_id_02").innerHTML;
var str_1 = text.toString();
var length = str_1.length;
var num = Number(length);
var chars_remaining = (num - num_displayed);
var end_char = num_displayed + 1;
var output = "";
output = str_1.substring(0, end_char);
if(chars_remaining == (num-1)) {
document.getElementById("button_id_01").value = "2 of 8";
//output = str_1.substring(0, 0);
}
if(chars_remaining == 0) {
setTimeout(function() {
// el.innerHTML = " ";
var var_5 = para_get_id();
var num_5 = Number(var_5);
if(num_5 >= 3) {return null;}
document.getElementById("button_id_01").value = "3 of 8";
// animate_text_03();
}, 10000);
return null;
}
el.innerHTML = output;
var val = "";
val = document.getElementById("paragraph_saveData_02").innerHTML;
if(val == 1) {
return null;
}else{
if(end_char <= 10) {
repeat_02();
}else{
repeat_02_b();
}
}
}
const repeat_03 = function () {
// this repeat function is slower; it is followed by the one that is faster, after some specified quantity characters are displayed.
var val = "";
setTimeout(function() {
val = document.getElementById("paragraph_saveData_02").innerHTML;
if(val == 1) {
return null;
}else{
animate_text_03();
}
}, 25);
}
const repeat_03_b = function () {
// this repeat is faster; it follows the slower repeat, after some specified quantity of characters are displayed.
var val = "";
setTimeout(function() {
val = document.getElementById("paragraph_saveData_02").innerHTML;
if(val == 1) {
return null;
}else{
animate_text_03();
}
}, 10);
}
const repeat_03_c = function () {
// this repeat is faster; it follows the slower repeat, after some specified quantity of characters are displayed.
var val = "";
setTimeout(function() {
val = document.getElementById("paragraph_saveData_02").innerHTML;
if(val == 1) {
return null;
}else{
animate_text_03();
}
}, 1);
}
const animate_text_03 = function () {
// test if execute function versus return null
//document.getElementById("p_test").innerHTML = "test";
var button_el = document.getElementById("button_id_01");
var val = button_el.value;
var str = val.toString();
var val_2 = str.split(" of ");
var val_3 = val_2[0];
var num_1 = Number(val_3);
//document.getElementById("p_test").innerHTML = num_1;
var new_val = Number(3);
if(num_1 < new_val) {
return null;
}
// text displayed
var el = document.getElementById("para_output_01");
var displayed_text = el.innerHTML;
var str_displayed = displayed_text.toString();
var el_saveData = document.getElementById("paragraph_saveData_01");
var length_displayed = el_saveData.innerHTML;//str_displayed.length;
var num_displayed = Number(length_displayed);
el_saveData.innerHTML = (num_displayed + 1);
// text to display
var name_1 = para_get_id();
var id_1 = "paragraph_id_0" + name_1;
var text = document.getElementById(id_1).innerHTML;
el.style.overflow = "visible";
var text_2 = "";
if(name_1 == 7) {
text_2 = document.getElementById("paragraph_id_07_ol_01").innerHTML;
var text_3 = document.getElementById("paragraph_id_07_ol_02").innerHTML;
el.style.overflowY = "scroll";
text += text_2 + text_3;
}
if(name_1 == 8) {
el.style.overflowY = "scroll";
text_2 = document.getElementById("paragraph_id_08_ol_01").innerHTML;
text += text_2;
}
//alert(text);
//document.getElementById("p_test").innerHTML = text;
var str_1 = text.toString();
var length = str_1.length;
var num = Number(length);
var chars_remaining = (num - num_displayed);
var end_char = num_displayed + 1;
var output = "";
output = str_1.substring(0, end_char);
if(chars_remaining == (num-1)) {
//document.getElementById("button_id_01").value = "3 of 8";
el.innerHTML = text;
//output = str_1.substring(0, 0);
}
if(chars_remaining == 0) {
//el.innerHTML = " ";
el_saveData.innerHTML = "0";
//document.getElementById("button_id_01").value = "4 of 8";
return null;
}
if(end_char <= num) {el.style.opacity = (end_char/(num*.2))};
var val = "";
val = document.getElementById("paragraph_saveData_02").innerHTML;
if(val == 1) {
return null;
}else{
if(end_char <= 10) {
if(name_1 == 7 || name_1 == 8) {repeat_03_c(); //el.style.opacity = 1; return null;
}else{
repeat_03();}
}else{
if(name_1 == 7 || name_1 == 8) {repeat_03_c(); //el.style.opacity = 1; return null;
}else{
repeat_03_b();}
}
}
}
const para_get_id = function() {
var button_el = document.getElementById("button_id_01");
var val = button_el.value;
var str = val.toString();
var val_2 = str.split(" of ");
var val_3 = val_2[0];
var num_1 = Number(val_3);
var new_val = "";
if(num_1 <= 1) {
new_val = "1";
}else{
//new_val = (num_1 - 1);
new_val = num_1;
return new_val;
}
//button_el.value = new_val + " of 8";
document.getElementById("paragraph_saveData_02").innerHTML = "0";
}
</script>
</body>
</html>