-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1002 lines (941 loc) · 66.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
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
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AMNESIA : Restored</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;1,400;1,600&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://use.typekit.net/cpx5vev.css">
<!-- Stylesheets -->
<link id="styles" rel="stylesheet" type="text/css" href="css/reset.css">
<link id="styles" rel="stylesheet" type="text/css" href="css/prototype.css">
<link id="modeStyles" rel="stylesheet" type="text/css" href="">
<link rel="stylesheet" href="scr/leaflet.css">
<!-- Addtional Scripts -->
<script src="scr/leaflet.js"></script>
<script src="scr/jquery/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/Draggable.min.js"></script>
<script src="https://unpkg.com/flatted@3.2.7/min.js"></script>
</head>
<body>
<p id="version-number">v2.5</p>
<!-- black portion of game fixed size, fixed height -->
<!-- this is the game -->
<div id="game-container">
<div id="game-title">
<div class="game-item-1">
</div>
<div class="game-item-2">
</div>
<div class="game-item-3">
<div id="title-screen">
<div id="title-img">
<video id="vid" width="60%" height="auto" autoplay muted>
<source src="video/video-logo-bannerweb.mp4" type="video/mp4">
</video>
<script>
document.getElementById('vid').play();
</script>
</div>
<div id="game-button-container">
<div id="new-game-button">
<button class="game-button" onclick="newGame()">NEW GAME</button>
</div>
<div id="load-game-button">
<button class="game-button" onclick="loadGame()">LOAD GAME</button>
</div>
</div>
</div>
</div>
<div class="game-item-4">
</div>
<div class="game-item-5">
</div>
</div>
<!-- these are the different screens that will populate in the game -->
<div id="game-options">
<div class="game-item-1">
</div>
<div class="game-item-2">
</div>
<div class="game-item-3">
<div id="options-screen">
<div id="options-title">
<h2 id="selectTitle">Select Your Game Options</h2>
<p id="defaultDesc">If no options are chosen, default difficulty and visual mode will be Modern
and Restored.</p>
</div>
<div id="difficulty-options">
<h3 id="difficulty-title">DIFFICULTY</h3>
<h4 class="mode" id="story" onclick="displayDesc(this.id)">Story</h4>
<h4 class="mode" id="modern" onclick="displayDesc(this.id)">Modern</h4>
<h4 class="mode" id="classic" onclick="displayDesc(this.id)">Classic</h4>
<p id="difficulty-options-descriptions">Default difficulty mode is modern.</p>
</div>
<div id="visuals-options">
<h3 id="visuals-title">VISUAL MODE</h3>
<h4 class="mode" id="restored" onclick="visualDesc(this.id)">Restored</h4>
<h4 class="mode" id="apple" onclick="visualDesc(this.id)">Apple //e</h4>
<h4 class="mode" id="commodore" onclick="visualDesc(this.id)">Commodore 64</h4>
<h4 class="mode" id="IBM" onclick="visualDesc(this.id)">IBM</h4>
<p id="visual-mode-options-descriptions">Default visual mode is restored.</p>
</div>
<div id="begin-game-button">
<button class="game-button" onclick="beginGame()">BEGIN GAME</button>
</div>
</div>
</div>
<div class="game-item-4">
</div>
<div class="game-item-5">
</div>
</div>
<div id="game-load">
<div class="game-item-1">
</div>
<div class="game-item-2">
</div>
<div class="game-item-3">
<div id="load-screen">
<div id="load-title">
<h2>Load a previously saved game.</h2>
</div>
<div id="load-saves">
<div class="saves" id="first-save-container">
<button onclick="beginGame('slot1')">
<h4 id=saveSlot1></h4>
</button>
<h4 class="saves-date" id="first-save-date"></h4>
<h4 class="saves-time" id="first-save-time"></h4>
</div>
<div class="saves" id="second-save-container">
<button onclick="beginGame('slot2')">
<h4 id=saveSlot2></h4>
</button>
<h4 class="saves-date" id="second-save-date"></h4>
<h4 class="saves-time" id="second-save-time"></h4>
</div>
<div class="saves" id="third-save-container">
<button onclick="beginGame('slot3')">
<h4 id=saveSlot3></h4>
</button>
<h4 class="saves-date" id="third-save-date"></h4>
<h4 class="saves-time" id="third-save-time"></h4>
</div>
<div class="saves" id="fourth-save-container">
<h4 id=saveSlot4></h4>
<h4 class="saves-date" id="fourth-save-date"></h4>
<h4 class="saves-time" id="fourth-save-time"></h4>
</div>
<div class="saves" id="fifth-save-container">
<h4 id=saveSlot5></h4>
<h4 class="saves-date" id="fifth-save-date"></h4>
<h4 class="saves-time" id="fifth-save-time"></h4>
</div>
</div>
<div id="load-begin-game-button">
<button class="game-button" onclick="beginGame()">BEGIN GAME</button>
<button class="game-button" onclick="mainScreen()">BACK</button>
</div>
</div>
</div>
<div class="game-item-4">
</div>
<div class="game-item-5">
</div>
</div>
<div id="game">
<div class="game-item-1">
<div id="room-title">
<h1 id="currroom"></h1>
</div>
</div>
<div class="game-item-2">
<div id="left-side-clickables">
<div class="clickable-container" id="inventory-clickable">
<!-- icon insert <img class="clickable-image" id="inventory-icon" src=""> -->
<button class="iconbtn" id="inventory-button" onclick="currentInv()"></button>
</div>
<div class="clickable-container" id="address-book-clickable">
<!-- icon insert <img class="clickable-image" id="address-icon" src=""> -->
<button class="iconbtn" id="address-book-button"
onclick="displayLeftToggle('address-display', 'address', 'address-text-container'); currentAdd('addresses')"></button>
</div>
<div class="clickable-container" id="map-clickable">
<!-- icon insert <img class="clickable-image" id="map-icon" src=""> -->
<button class="iconbtn" id="map-button" onclick="turnOnMap()"></button>
</div>
<div class="clickable-container" id="info-clickable">
<!-- icon insert <img class="clickable-image" id="info-icon" src=""> -->
<button class="iconbtn" id="info-button"
onclick="displayLeftToggle('info-display', 'info', 'info-text-container'); updateScore();"></button>
</div>
</div>
</div>
<div class="game-item-3">
<div class="container" id="input-output-container">
<div id="output"></div>
<!-- Player input -->
<div class="input"><span class="ml-1" id="arrow">></span><input id="input" autofocus
spellcheck="false" autocomplete="off">
</div>
</div>
<!-- clickables elements -->
<!-- left side clickables -->
<div id="inventory-display" class="clickables-left">
<div id="inventory-text-container">
<button class="x-button" onclick="currentInv()"><img src="img/png/x-icon.png"
alt="close icon"></button>
<h2 id="inventory-display-title">Inventory</h2>
<div id="inventory">
<!--
<img class="inventory-img" alt="icon">
<h3 onclick="openItem('inventory-item-display')">Item Name</h3>-->
</div>
</div>
</div>
<div id="inventory-item-display">
<div id="inventory-item-container">
<h2 id="item-name"></h2>
<div id="item-img-container">
<img id="item-img" src="" alt="item image">
</div>
<div id="item-description"></div>
<!--
* right now there is not a use for this feature 11-29-2021
<button class="game-button" id="use-item-button" onclick="useItem()">USE ITEM</button>
-->
</div>
</div>
<div id='inventory-brochure-display'>
<div id="inventory-brochure-container">
<h2 id="item-name">Brochure</h2>
<div id="item-img-container">
<img id="item-img" src="img/gif/gif-brochure-ingame.gif" alt="item image">
</div>
<div id ="item-description">
<div id="brochure-more" onclick="slideBroFull('brochure-full-display')">
Read more information about the Sunderland...
</div>
</div>
</div>
</div>
<div id="brochure-full-display">
<div id="brochure-full-container">
<div class="bropage" id="brochure-title-page">
<div class="brocontent" id="bro-title-content">
<h2>A Visitors Guide to New York City</h2>
<div id="bro-title-inner-content">
<h4>Compliments of</h4>
<br>
<h3>THE SUNDERLAND HOTEL</h3>
<br>
<h4>53rd Street at 5th Avenue</h4>
</div>
</div>
<div class="pagebtns">
<p id="nextPage1"><img src="img/png/argument-indicator.png"></p>
</div>
</div>
<div class="bropage" id="brochure-first-page">
<div class="brocontent" id="bro-first-content">
<h2>SUNDERLAND</h2>
<h3>A Personal Message From The Manager</h3>
<br>
<h4>New York is not so much a city as it is a way of life. And like life itself, the best way to experience it is to live it. We at The Sunderland want you to have the best possible time during your visit to New York, and to make sure that you have everything you need to make your stay an experience to remember, we have included a few useful items in your "newcomer's kit".<br>
<br>
Firstly, you will find a map of Manhattan, showing all the streets from the downtown Wall Street area all the way to 110th Street. Your map also shows the various subway systems that criss-cross the island, together with a street index so you can easily find your way around.<br>
<br>
Secondly, this brochure includes a description of the most interesting and colorful New York neighborhoods ("Getting Around The Big Apple"), so you can "visit" them without leaving your hotel room. Of course, there is no substitute for being there in person, and your brochure will help you get the most out of that, should you desire to step out for an "adventure".<br>
<br>
Finally, to help you find the right cross street as you make your way around Manhattan, we have included our patented little <span>X-Street Indexer</span> (U.S.Pat.#NL-4563.18). To use the <span>X-Street Indexer</span>, align the avenue name on the inner wheel with the street address on the outer wheel. When you have aligned the two, simply look in the little window in the inner wheel to find the nearest cross street. For example, suppose you need to find 581 7th Avenue. Just align the 7th Ave on the inner wheel with 500-599 on the outer wheel. The little window in the inner wheel will show you the nearest cross street. Now, what could be simpler?<br>
<br>
On behalf of the staff here at the Sunderland Hotel, we would like to wish you a pleasant stay in New York City. Please feel free to approach any of us for anything you may need to make your visit as care free as possible. New York means different things to different people, and we suggest you venture forth and experience it to the fullest. Who knows - you may even discover your true self.<br>
<br>
Hilton Rosenberg,<br>
Manager
</h4>
</div>
<div class="pagenums">
<p>Page 1</p>
</div>
<div class="pagebtns">
<p id="backPage1"><img src="img/png/argument-indicator-left.png"></p>
<p id="nextPage2"><img src="img/png/argument-indicator.png"></p>
</div>
</div>
<div class="bropage" id="brochure-second-page">
<div class="brocontent" id="bro-second-content">
<h2>SUNDERLAND</h2>
<div class="content-title">
<br>
<h3>New York's Distinguished</h3>
<h2>SUNDERLAND HOTEL</h2>
<h3>53rd Street at 5th Avenue</h3>
<br>
</div>
<h4>
Impressively different in character, the distinguished Sunderland Hotel has a personality that sets it apart from other hotels on the New York scene. Quietly and modestly set in mid-town Manhattan, its charming friendliness has prompted many a passer-by to pause and admire its inviting atmosphere. Yet The Sunderland is but moments away from New York's bustling shopping and theater districts, providing guests with the best of all possible worlds to make their stay an experience to remember.<br>
<br>
Upon entering The Sunderland, one instantly senses the gracious friendliness expressed in the warmth of rich decorator colors, luxurious carpeting, soft lights dancing from crystal chandeliers and lavish displays of freshly cut flowers. Even the mirrors tell a revealing story as they happily reflect the smile of welcome extended to every guest.<br>
<br>
The Sunderland is a strikingly handsome building, towering some twenty stories above Manhattan and occupying almost an entire city block. Yet in character it retains a personal note found only in smaller hotels. After the first impression, the next will surely be one of unusual comfort, which is greatly apparent in the air-conditioned guest rooms as well as in the attractive restaurants and cocktail lounges. The Sunderland is indeed a hotel of many faces, all of which spell comfort, convenience and luxury to our pampered guests.
</h4>
</div>
<div class="pagenums">
<p>Page 2</p>
</div>
<div class="pagebtns">
<p id="backPage2"><img src="img/png/argument-indicator-left.png"></p>
<p id="nextPage3"><img src="img/png/argument-indicator.png"></p>
</div>
</div>
<div class="bropage" id="brochure-third-page">
<div class="brocontent" id="bro-third-content">
<h2>SUNDERLAND</h2>
<div class="content-title">
<br>
<h3>The All-Faith Chapel</h3>
<br>
</div>
<h4>
Exquisitely decorated with an inspiring mural by Maxfield Parrish, The Sunderland's All-Faith Chapel has been witness to many a famous wedding, including two of Barbara Hutton's. The,All-Faith Chapel, which can be found on the hotel's second floor, was purposely created to inspire faith across all denominations. It is available to guests for formal functions (under the guidance of a rabbi, a priest or a Unitarian minister), or whenever the spirit moves one to seek a helping hand amid the turmoil.<br>
<br>
The All-Faith Chapel is available during normal business hours, and by appointment at other times. While The Sunderland makes the Chapel available to its guests free of charge for unattended use, it charges a small fee for providing a rabbi, priest or minister to preside over the gathering. The fee, which accumulates in 15-minute increments, can be charged to the guest's room simply by presenting the room key at the end of the function.<br>
<br>
</h4>
<div id="third-page-squares">
<div id="roe-square">
<div id="row-sqaure-content">
<h3>Row & Harpmeister</h3>
<h4>Funeral Service</h4>
<p>Full Service Mortuary</p>
<p>with special counselling for those in need.</p>
<p>555-1188</p>
<p>corner of Broom and Center</p>
</div>
</div>
<div id="koch-square">
<div id="koch-square-content">
<h3>Koch's Florists</h3>
<h4>Floral dreams made real by the artistic skill of Charon Chavez</h4>
<p>Miniature rowboat planters, sailboats in bottles and rare Hawaiian black orchids are just a few of our unique gift items.</p>
<p>phone 555-7673</p>
<p>corner of Worth and Lafayette</p>
</div>
</div>
</div>
</div>
<div class="pagenums">
<p>Page 3</p>
</div>
<div class="pagebtns">
<p id="backPage3"><img src="img/png/argument-indicator-left.png"></p>
<p id="nextPage4"><img src="img/png/argument-indicator.png"></p>
</div>
</div>
<div class="bropage" id="brochure-fourth-page">
<div class="brocontent" id="bro-fourth-content">
<h2>SUNDERLAND</h2>
<div class="content-title">
<br>
<h3>The Rathskeller</h3>
<br>
</div>
<h4>
Dining in The Sunderland's delightful Rathskeller restaurant is a pleasure to the eye and palate. Inspired by an interior designer's love for gold, ivory and blue, this is truly a world of majestic drama. Here the atmosphere is serenely relaxing, and the air perfectly conditioned. Glancing around, the eye quickly perceives a magnificent painting on one wall, purposely created abroad to pay tribute to this exquisite setting.<br>
<br>
As one would expect, each culinary achievement is directed by a dedicated master chef to guarantee that every dish is authentically continental. Here one can sample such famous German fare as sausage, sauerkraut and schnitzel, knowing that no better can be found outside of the Continent. Truly, this is New York dining at its best<br>
<br>
Our pampered guests can enjoy the best the Rathskeller has to offer in the comfort and convenience of their own room. In addition to our gourmet selection, the following Autobahn Express specials are available from Room Service 24 hours a day. We invite you to choose from the following collection of mouth-watering delights:<br>
<br>
</h4>
<div id="fourth-page-square">
<div id="rath-square">
<div id="rath-square-content">
<h3>Das Hamburger Hamburger</h3>
<h4>$7.50</h4>
<h3>Das Frankfurter Frankfurter<br>
mit Kartoffelsalat</h3>
<h4>$6.00</h4>
<h3>Das Spiegeli: One Egg</h3>
<h4>$4.00</h4>
<h3>Das Apfeltorte<br>
mit Schlagobers</h3>
<h4>$5.50</h4>
<h3>Ein Tasse Kafe</h3>
<h4>$3.50</h4>
</div>
</div>
</div>
</div>
<div class="pagenums">
<p>Page 4</p>
</div>
<div class="pagebtns">
<p id="backPage4"><img src="img/png/argument-indicator-left.png"></p>
<p id="nextPage5"><img src="img/png/argument-indicator.png"></p>
</div>
</div>
<div class="bropage" id="brochure-fifth-page">
<div class="brocontent" id="bro-fifth-content">
<h2>SUNDERLAND</h2>
<div class="content-title">
<br>
<h3>The Health Club</h3>
<br>
</div>
<h4>
Perched atop The Sunderland's twentieth floor, the Health Club provides guests with the amenities for keeping physically fit and healthy. Staffed with friendly masseurs and attendants, the Club boasts the most up to date equipment, from saunas to barbells. In addition, the club features a compact swimming pool for use by guests during business hours. The Health Club was renovated as recently as 1968 with the addition of a new weightlifting room.<br>
<br>
Guests are invited to sample the Health Club's amenities during regular business hours and on weekends. Guests may choose from a wide range of activities, including sauna, massage, weightlifting, swimming, or just plain sunbathing by the pool. The Health Club truly makes the Sunderland Hotel a home away from home for active guests, who can charge massage and locker fees to their rooms.<br>
<br>
</h4>
<div id="fifth-page-square">
<div id="rolo-square">
<div id="rolo-square-content">
<h3>Rolo's Pizzeria</h3>
<h4>"We make our dough by making our dough!"<br>
- Rolo Kippi</h4>
<p>With 52 toppings, 11 crusts and 14 sauces, you can eat a different Rolo's Pizza every day for the rest of your life!</p>
<p>Dial 555-7656</p>
<p>corner of W. 94th & Broadway</p>
<p>Open till Midnight</p>
</div>
</div>
</div>
</div>
<div class="pagenums">
<p>Page 5</p>
</div>
<div class="pagebtns">
<p id="backPage5"><img src="img/png/argument-indicator-left.png"></p>
<p id="nextPage6"><img src="img/png/argument-indicator.png"></p>
</div>
</div>
<div class="bropage" id="brochure-sixth-page">
<div class="brocontent" id="bro-sixth-content">
<h2>SUNDERLAND</h2>
<div class="content-title">
<br>
<h3>Getting Around the Big Apple</h3>
<br>
</div>
<h4>
New York is more than just a city. It is a vast panorama of humanity: pulsating, dynamic and everchanging. It is also a visitor's paradise, with more theaters, restaurants, museums, shops and sightseeing attractions than one can possibly experience in a lifetime. To make sure that you experience the best that New York has to offer, The Sunderland provides the following Guide to New York City, a brief tour of the City's highlights for your convenience and enjoyment.<br>
<br>
There are other great cities, to be sure: London, Paris, Tokyo. But each of them is the nexus of a culture, while New York is a synthesis of many cultures, making it not so much a 'melting pot' as a collage of diverse elements juxtaposed into a cacaphonous but vital whole.<br>
<br>
</h4>
<div id="sixth-neighboor-container">
<h3>LOWER MANHATTAN</h3>
<h4>Now the site of government buildings and financial institutions, this is where it all began. The Dutch settled here in the early 1600's and the zig-zag streets of today are the remnants of the paths they created. The Dutch also erected a wooden wall for fortification, and although that wall is no longer standing, its legacy can be found in Wall Street, now the site of the New York Stock Exchange. Few people live in the canyons of stone, glass, and steel which form the financial nerve center of the world.</h4>
<br>
<h3>CHINATOWN</h3>
<h4>Originally settled by the Cantonese, Chinatown is a bustling community of restaurants, oriental shops, and overcrowded streets. A visit to Chinatown is like a trip to the mysterious Orient, with its ethnic sights, sounds and smells giving the visitor a glimpse of oriental life. Chinatown is alive with a vitality that can make a visit there an experience to remember.</h4>
<br>
<h3>THE LOWER EAST SIDE</h3>
<h4>Once the world's largest Jewish settlement, the Lower East Side is now home to New York's Puerto Rican community. Even so, you can still find evidence of its origins: Katz's Delicatessen ("send a salami to your boy in the army"), Yonah Schimmel's knishes, and Orchard street- discounted garments sold off the racks, everything from shmattas (rags) to designer dresses.</h4>
<br>
<h3>SOHO</h3>
<h4>SOuth of HOuston is SoHo. SoHo, which used to be a cheap warehouse district, is now an exclusive artists' colony, with most of its old commercial buildings taken over by artists as residences and studios. SoHo is packed with art galleries displaying the most contemporary art, clothes boutiques selling the most contemporary clothes, and restaurants serving the most contemporary food. It's a great place to walk around, stare and eat</h4>
<br>
<h3>THE BOWERY</h3>
<h4>Once a center of entertainment, the Bowery (which consists of Bowery Street between Canal and Houston) now consists of restaurant supply stores, lamp stores, and the less fortunate victims of circumstance. No matter how badly you might feel about your present circumstances, a visit to the Bowery is guaranteed to make you feel better.</h4>
<br>
<h3>GREENWICH VILLAGE</h3>
<h4>As everyone knows, Greenwhich Village is a bohemian haven, even though only the more wealthy bohemians can afford to live there now. Greenwich Village is also the home of two schools: New York University and The New School. There is also Washington Square park, which is a large public square full of folk singers, chessplayers, students, and other colorful denizens of The Village. The Village also boasts restaurants of all types, as well as jazz and folk clubs, bookstores, and clothing andjewelry stores.</h4>
<br>
<h3>THE EAST VILLAGE</h3>
<h4>The East Village is the most colorful area of New York. Here you will find people parading in some of the most unusual costumes the garment industry has to offer. During the 60's the East Village was the home of the Fillmore East and hosted the likes of Janis Joplin and Jirni Hendrix. Today it is a pot-pourri of cultures and lifestyles, a microcosm a little like Manhattan itself.</h4>
<br>
<h3>CHELSEA</h3>
<h4>Chelsea is a residential district between the Village and Mid-town. It has a checkered history and is a mixed bag -- part ghetto, a touch of village, partly elegant. The more perceptive traveller should be able to find a few good restaurants and antique stores.</h4>
<br>
<h3>MURRAY HILL</h3>
<h4>On the east side above The Village are the residential areas of Murray Hill and Gramercy Park. Here one can find a few good restauants and boutiques as well as a number of hotels. Gramercy park is the only private park in NYC - you need a key to get in, and only residents of the immediate neighborhood can get a key. A number oflarge apartment complexes can be found here, including Kips Bay and Stuyvesant Town.
</h4>
<br>
<h3>MID-TOWN</h3>
<h4>At the lower end (34th street) are Macy's and Gimbels department stores. To the west, Penn Station, Madison Square Garden, and the Central Post Office (two blocks of columns supporting the inscription "neither rain nor snow nor hail nor the gloom of night shall stay these couriers from their appointed rounds.")
</h4>
<br>
<h3>THE THEATER DISTRICT</h3>
<h4>Moving northward on the west side is the theater district, 42nd Street and Times Square. Broadway around Times Square is the heart of the theatre district, and the place where 42 theatres present the musicals, the comedy and the drama which is the soul of American theatre. Times square is still a very exciting area, although the prudent traveller should be aware that 42nd steet is the seat of Manhattan's red light district, and the home of many characters of easy if not questionable virtue.
</h4>
<br>
<h3>FIFTH AVENUE</h3>
<h4>This is the dividing line between the West Side and the East Side. On the east side of 42nd Street is Grand Central Station, one of the busiest railway stations in the country. East of Grand Central is the Turtle Bay neighborhood, the home of the United Nations. As you walk up Fifth Avenue from 42nd Street to Central Park South you will find some of the most expensive and wonderful shops in the world, places like Saks, Tiffanys, Van Cleef and Arpels, and Harry Winston.
</h4>
<br>
<h3>UPPER EAST SIDE</h3>
<h4>The east side of Manhattan above 57th street is known as the Upper East Side. Here you will find townhouses, old mansions, luxurious apartment houses, churches, museums (including the Guggenheim, the Metropolitan Museum of Art), many art galleries (especially on Madison Avenue) and boutiques. The Upper East Side is the most conservative section of Manhattan. It is calm, elegant and expensive. It does not have the wide variety of ethnic influences found in other parts of the city, but is consistent in its style.
</h4>
<br>
<h3>UPPER WEST SIDE</h3>
<h4>The Upper West Side is also largely residential, but unlike its east side counterpart, it is neither conservative nor homogeneous. Lining Central Park West are some extraordinary apartment buildings, including the well-known Dakota. Wine bars, gift shops, fancy ice cream stores and amusing boutiques can be found here. A diverse and vital area, the Upper West Side is exciting and everchanging.
</h4>
<br>
<h3>CENTRAL PARK</h3>
<h4>Marking the upper boundry of Mid-Town and separating the upper east side from the upper west side is Central Park. Contrary to appearances, the park is not a natural woodland, but is planned and crafted like a well-tended backyard. Here you can attend concerts, watch Shakespeare, ride horses, visit the zoo, view statuary, jog ardund a reservoir, ride a carousel, ice and roller skate, row a boat, or take a carriage ride, all in the heart of Manhattan. The park is open until midnight but the careful traveller should avoid visiting the park late at night.
</h4>
<br>
</div>
</div>
<div class="pagenums">
<p>Page 6</p>
</div>
<div class="pagebtns">
<p id="backPage6"><img src="img/png/argument-indicator-left.png"></p>
<p id="nextPageTitle"><img src="img/png/argument-indicator.png"></p>
</div>
</div>
</div>
</div>
<div id="inventory-xIndex-display">
<div id="xIndex-container">
<h2 id="xIndex-name">X-Street Indexer</h2>
<div id="xIndex-img-container">
<img id="xIndex-img2" src="/img/png/image-xstreet-back.png" alt="item image">
<img id="xIndex-img" src="/img/png/image-xstreet-front.png" alt="item image">
</div>
<div id="x-indexer-instructions">
<h3>Instructions for use:</h3>
<p>1. Align the avenue name on the inner wheel with the street address on the outer wheel by
dragging and dropping.</p>
<p>2. The small window in the inner wheel shows the nearest cross street.</p>
<p>OR use the drop down menu below to find the nearest cross street.</p>
</div>
<div id='xStreetIndex'>
<form>
<label for="x-Streets">Choose A Number and Cross Street</label><br>
<select name="Street Number" id="streetNumber">
<option value='0-199'>0-199</option>
<option value="200-299">200-299</option>
<option value="300-399">300-399</option>
<option value="400-499">400-499</option>
<option value="500-599">500-599</option>
<option value="600-699">600-699</option>
<option value="700-799">700-799</option>
<option value="800-899">800-899</option>
<option value="900-999">900-999</option>
<option value="1000-1099">1000-1099</option>
<option value="1100-1199">1100-1199</option>
<option value="1200-1299">1200-1299</option>
<option value="1300-1399">1300-1399</option>
<option value="1400-1499">1400-1499</option>
<option value="1500-1599">1500-1599</option>
<option value="1600-1699">1600-1699</option>
<option value="1700-1799">1700-1799</option>
<option value="1800-1899">1800-1899</option>
<option value="1900-1999">1900-1999</option>
<option value="2000-2099">2000-2099</option>
<option value="2100-2199">2100-2199</option>
<option value="2200-2299">2200-2299</option>
<option value="2300-2399">2300-2399</option>
<option value="2400-2499">2400-2499</option>
<option value="2500-2599">2500-2599</option>
<option value="2600-2699">2600-2699</option>
<option value="2700-2799">2700-2799</option>
<option value="2800-2899">2800-2899</option>
<option value="2900-2999">2900-2999</option>
<option value="3000-3099">3000-3099</option>
</select>
<select name="Cross Street" id="crossStreet">
<option value="riverside">Riverside</option>
<option value="park">Park</option>
<option value="madison">Madison</option>
<option value="lexington">Lexington</option>
<option value="broadway">Broadway</option>
<option value="10th">10th</option>
<option value="9th">9th</option>
<option value="8th">8th</option>
<option value="7th">7th</option>
<option value="6th">6th</option>
<option value="5th">5th</option>
<option value="4th">4th</option>
<option value="3rd">3rd</option>
<option value="2nd">2nd</option>
<option value="1st">1st</option>
</select>
<!-- <input type="submit" value="Submit"> -->
</form>
<input type="text" id="result" style="color: #e4e4e4;"><button id="submitButton">Go!</button>
</div>
</div>
</div>
<div id="address-display" class="clickables-left">
<div id="address-text-container">
<button class="x-button"
onclick="displayLeftToggle('address-display', 'address', 'address-text-container')"><img
src="img/png/x-icon.png" alt="close icon"></button>
<h2 id="address-display-title">Address Book</h2>
<div id="addresses">
</div>
</div>
</div>
<div id="map-display">
<button class="x-button" id="exitMapBtn" onclick="turnOnMap()"><img src="img/png/x-icon.png"
alt="close icon"></button>
<div id="map-man" style="background-color: #32302f;"></div>
</div>
<div id="info-display" class="clickables-left">
<div id="info-text-container">
<button id="map-x-button" class="x-button"
onclick="displayLeftToggle('info-display', 'info', 'info-text-container')"><img
src="img/png/x-icon.png" alt="close icon"></button>
<h2 id="info-display-title">Information</h2>
<div id="info">
<div id="score">
<h3 id="score-title">SCORE</h3>
<h4 id="det-title">Detective Score:</h4>
<p id="det-score"></p><br>
<h4 id="sur-title">Survival Score:</h4>
<p id="sur-score"></p><br>
<h4 id="char-title">Character Score:</h4>
<p id="char-score"></p><br>
<h4 id="tote-title">Total Score:</h4>
<p id="tote-score"></p>
</div>
<!-- <h3 id="play-time-title">PLAY TIME</h3>
<h4 id="play-time"></h4> -->
<h3 id="difficulty-setting-title">DIFFICULTY SETTING</h3>
<h4 id="difficulty-setting"></h4>
</div>
</div>
</div>
<!-- right side clickables -->
<div id="mode-display" class="clickables-right">
<div id="mode-text-container">
<button class="x-button"
onclick="displayRightToggle('mode-display', 'mode', 'mode-text-container')"><img
src="img/png/x-icon.png" alt="close icon"></button>
<h2 id="mode-display-title">Visual Mode</h2>
<div id="mode">
<div id="restored-button-container">
<div class="btn-container">
<div id="restored-btn-container">
<img id="restored-bow-image" src="img/png/icon-mode-option-restored.png">
<input type="radio" id="restored-radio" name="radio" onclick="changeMode('restored')">
<span class="custom-radio"></span>
<label for="restored-radio">Restored</label>
</div>
</div>
</div>
<div id="appleiie-button-container">
<div class="btn-container">
<div id="appleiie-btn-container">
<img id="appleiie-bow-image" src="img/png/icon-mode-option-apple.png">
<input type="radio" id="appleiie-radio" name="radio" onclick="changeMode('apple')">
<span class="custom-radio"></span>
<label for="appleiie-radio">Apple //e</label>
</div>
</div>
</div>
<div id="commodore-button-container">
<div class="btn-container">
<div id="commodore-btn-container">
<img id="commodore-bow-image" src="img/png/icon-mode-option-c64.png">
<input type="radio" id="commodore-radio" name="radio" onclick="changeMode('c64')">
<span class="custom-radio"></span>
<label for="commordore-radio">Commodore 64</label>
</div>
</div>
</div>
<div id="IBM-button-container">
<div class="btn-container">
<div id="IBM-btn-container">
<img id="IBM-bow-image" src="img/png/icon-mode-option-ibm.png">
<input type="radio" id="IBM-radio" name="radio" onclick="changeMode('ibm')">
<span class="custom-radio"></span>
<label for="IBM-radio">IBM</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="achieve-display" class="clickables-right">
<div id="achieve-text-container">
<button class="x-button"
onclick="displayRightToggle('achieve-display', 'achieve', 'achieve-text-container')"><img
src="img/png/x-icon.png" alt="close icon"></button>
<h2 id="achieve-display-title">Ending Achievements</h2>
<h3>Play the game to unlock your endings.</h3>
<div id="achieve">
<div class="ending" id="eterWith-ending">
<img class="achieveImg" id="eterWith-icon" src="img/png/hat-icon.png">
<h4 class="achieveTitle" id="eterWith-title">???</h4>
<p class="achieveDesc" id="eterWith-desc">Reached the River Styx. Charon's still waiting
on that name.</p>
</div>
<div class="ending" id="emptEnli-ending">
<img class="achieveImg" id="emptEnli-icon" src="img/png/hat-icon.png">
<h4 class="achieveTitle" id="emptEnli-title">???</h4>
<p class="achieveDesc" id="emptEnli-desc">An easy life free of sin, you enjoy quiet
walks and the smell of fresh dirt.</p>
</div>
<div class="ending" id="theShep-ending">
<img class="achieveImg" id="theShep-icon" src="img/png/hat-icon.png">
<h4 class="achieveTitle" id="theShep-title">???</h4>
<p class="achieveDesc" id="theShep-desc">You're still enjoying life on the idyllic sheep
farm in the beautiful outback.</p>
</div>
<div class="ending" id="the1986-ending">
<img class="achieveImg" id="the1986-icon" src="img/png/hat-icon.png">
<h4 class="achieveTitle" id="the1986-title">???</h4>
<p class="achieveDesc" id="the1986-desc">Next time let's check streets with precision
detective.</p>
</div>
<div class="ending" id="deatTexa-ending">
<img class="achieveImg" id="deatTexa-icon" src="img/png/hat-icon.png">
<h4 class="achieveTitle" id="deatTexa-title">???</h4>
<p class="achieveDesc" id="deatTexa-desc">Texas is no home for an amnesiac.</p>
</div>
<div class="ending" id="painMan-ending">
<img class="achieveImg" id="painMan-icon" src="img/png/hat-icon.png">
<h4 class="achieveTitle" id="painMan-title">???</h4>
<p class="achieveDesc" id="painMan-desc">"Sing us a song, you're the piano man, sing us
a song tonight." You've failed to give the Wacky Wanderer the correct directions and
suffered a crushing defeat.
</p>
</div>
<div class="ending" id="dawdHote-ending">
<img class="achieveImg" id="dawdHote-icon" src="img/png/hat-icon.png">
<h4 class="achieveTitle" id="dawdHote-title">???</h4>
<p class="achieveDesc" id="dawdHote-desc">Good things come to those who wait, but Luke
is not one of those things.
</p>
</div>
<div class="ending" id="anAmn-ending">
<img class="achieveImg" id="anAmn-icon" src="img/png/hat-icon.png">
<h4 class="achieveTitle" id="anAmn-title">???</h4>
<p class="achieveDesc" id="anAmn-desc">You've been restored as John Cameron.
Congradulations.</p>
</div>
<div class="ending" id="zaneShot-ending">
<img class="achieveImg" id="zaneShot-icon" src="img/png/hat-icon.png">
<h4 class="achieveTitle" id="zaneShot-title">???</h4>
<p class="achieveDesc" id="zaneShot-desc">While I commend you on fighting perhaps in this story, it really is best to go with
flight.
</p>
</div>
<div class="ending" id="shepTux-ending">
<img class="achieveImg" id="shepTux-icon" src="img/png/hat-icon.png">
<h4 class="achieveTitle" id="shepTux-title">???</h4>
<p class="achieveDesc" id="shepTux-desc">Alice is your one true love,
it doesn't matter that you still
don't know who you are, what you are
is a Shepard. You will no longer hurt, you will just heard.
</p>
</div>
<h3 id="achieve-hidden">Achievement Hidden</h3>
<div class="ending" id="elephantAchieve" id="elephantAchieve-ending">
<img class="achieveImg" id="elepAchi-icon" src="img/png/hat-icon.png">
<h4 class="achieveTitle" id="elepAchi-title">???</h4>
<p class="achieveDesc" id="elepAchi-desc">Shared a touching moment with the Wanderer.
</p>
</div>
</div>
</div>
</div>
<div id="help-display" class="clickables-right">
<div id="help-text-container">
<button class="x-button"
onclick="displayRightToggle('help-display', 'help', 'help-text-container')"><img
src="img/png/x-icon.png" alt="close icon"></button>
<h2 id="help-display-title">Command<br>
Guide</h2>
<div id="help">
<div id="noAgruCommand">
<h3><span id="arrowIndicateNo" class="argument-indicator"><img src="img/png/argument-indicator.png" alt="arrow indicator"></span> No Arguments</h3>
<h4 class="c-list">e.g. "help", "inv"</h4>
</div>
<div id="noAgruList" class="commands">
<p>inv OR i</p>
<p>look OR l</p>
<p>talk OR t</p>
<p>take</p>
<p>items</p>
<p>use</p>
<p>chars</p>
<p>help</p>
<p>say</p>
<p>save</p>
<p>load</p>
<p>forward OR f</p>
<p>dial</p>
<p>beg</p>
<p>sleep</p>
<p>press</p>
<p>jump</p>
<p>go</p>
<p>n</p>
<p>s</p>
<p>e</p>
<p>w</p>
<p>ne</p>
<p>se</p>
<p>sw</p>
<p>nw</p>
</div>
<div id="oneAgruCommand">
<h3><span id="arrowIndicateOne" class="argument-indicator"><img src="img/png/argument-indicator.png" alt="arrow indicator"></span> One Argument</h3>
<h4 class="c-list">e.g. "go north", "take book"</h4>
</div>
<div id="oneAgruList" class="commands">
<p>enter</p>
<p>look</p>
<p>head</p>
<p>go</p>
<p>take</p>
<p>get</p>
<p>wake</p>
<p>use</p>
<p>say</p>
<p>drop</p>
<p>open</p>
<p>close</p>
<p>wear</p>
<p>remove</p>
<p>read</p>
</div>
<div id="twoAgruCommand">
<h3><span id="arrowIndicateTwo" class="argument-indicator"><img src="img/png/argument-indicator.png" alt="arrow indicator"></span> Two Arguments</h3>
<h4 class="c-list">e.g. "look at key", "talk to dene"</h4>
</div>
<div id="twoAgruList" class="commands">
<p>search</p>
<p>look</p>
<p>go</p>
<p>walk</p>
<p>talk</p>
<p>turn</p>
<p>jump</p>
</div>
</div>
</div>
</div>
<div id='tutorial'>
<div id="tutorial-text-container">
<h3>Instructions for use:</h3>
<p>To dial a phone number either press the number keys on your keyboard or click the number
buttons on the dial pad to the right.</p>
<br>
<p>Need to delete a number? Press the backspace key or the delete button.</p>
<br>
<p>To dial the number press the enter key or the enter button.</p>
</div>
</div>
<div id="dialPad" class="clickables-right">
<div id="dial-pad-container">
<div id="dial-pad-buttons">
<button id="toggleTutorial" onclick='animateToggle()'>i</button> <!-- openTutorial() -->
<button id="close" class="x-button" onclick='closeDial()'><img src="img/png/x-icon.png"
alt="close icon"></button>
</div>
<h2 id="dial-name">Dial Pad</h2>
<h4 id="dial-info">Enter the phone number</h4>
<div id="dial-keys">
<button name="number" value="1" id="1key" onclick='numdialButton(this.id)'>1</button>
<button name="number" value="2" id="2key" onclick='numdialButton(this.id)'>2</button>
<button name="number" value="3" id="3key" onclick='numdialButton(this.id)'>3</button>
<button name="number" value="4" id="4key" onclick='numdialButton(this.id)'>4</button>
<button name="number" value="5" id="5key" onclick='numdialButton(this.id)'>5</button>
<button name="number" value="6" id="6key" onclick='numdialButton(this.id)'>6</button>
<button name="number" value="7" id="7key" onclick='numdialButton(this.id)'>7</button>
<button name="number" value="8" id="8key" onclick='numdialButton(this.id)'>8</button>
<button name="number" value="9" id="9key" onclick='numdialButton(this.id)'>9</button>
<button name="delete" value="delete" id="deletekey" onclick='deleteNumBtn()'>Del</button>
<button name="number" value="0" id="0key" onclick='numdialButton(this.id)'>0</button>
<button name="enter" value="enter" id="enterkey" onclick='enterBtnClick()'>Ent</button>
</div>
</div>
</div>
</div>
<div class="game-item-4">
<div id="right-side-clickables">
<div class="clickable-container" id="save-clickable">
<!-- icon insert <img class="clickable-image" id="save-icon" src=""> -->
<button class="iconbtn" id="save-button" onclick="save()"></button>
</div>
<div class="clickable-container" id="mode-clickable">
<!-- icon insert <img class="clickable-image" id="mode-icon" src=""> -->
<button class="iconbtn" id="mode-button"
onclick="displayRightToggle('mode-display', 'mode', 'mode-text-container')"></button>
</div>
<div class="clickable-container" id="achievements-clickable">
<!-- icon insert <img class="clickable-image" id="achieve-icon" src=""> -->
<button class="iconbtn" id="achieve-button"
onclick="displayRightToggle('achieve-display', 'achieve', 'achieve-text-container'); updateEndings()"></button>
</div>
<div class="clickable-container" id="help-clickable">
<!-- icon insert <img class="clickable-image" id="help-icon" src=""> -->
<button class="iconbtn" id="help-button"
onclick="displayRightToggle('help-display', 'help', 'help-text-container')"></button>
</div>
</div>
</div>
<div class="game-item-5">
<div id="game-ui-bar">
<div id=hunger>
<div id="hunger-bar-progress">
<div id="hunger-bar"></div>
</div>
<h3>HUNGER</h3>
</div>
<div id="fatigue">
<div id="fatigue-bar-progress">
<div id="fatigue-bar"></div>
</div>
<h3>FATIGUE</h3>
</div>
<div id="money-counter">
<h3 id="money">
</h2>
</div>
<div id="time-display">
<h3 id="time">Sunday 9:05 A.M.</h2>
</div>
</div>
</div>
</div>
</div> <!-- close game container -->
<script type="text/javascript">
const innerWheel = Draggable.create('#xIndex-img', {
type: "rotation",
inertia: true,
onDrag: function() {
//console.log(this.rotation);
}
});
const outterWheel = Draggable.create('#xIndex-img2', {
type: "rotation",
inertia: true,
onDrag: function() {
//console.log(this.rotation);
}
});
</script>
<!-- Scripts (Including Engines)-->
<!-- Include game engine -->
<!-- Be sure to load in dependencies first -->
<script src='scr/text-engine/playercharacter.js'></script>
<script src="scr/text-engine/parser.js"></script>
<script src="scr/text-engine/init.js"></script>
<script src="scr/prototype-scripts.js"></script>
<script src="scr/text-engine/pcommand.js"></script>
<script src="scr/text-engine/internalfunc.js"></script>
<!-- Include game data ('disk') -->
<script src="scr/text-engine/game-disks/amnesia-restored.js"></script>
<!-- Load disk into engine -->
<script>loadDisk(amnesiaRestored)</script>
<script src='scr/text-engine/map.js'></script>
</body>