-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
171 lines (168 loc) · 12.7 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
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Weathr</title>
<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto" rel="stylesheet">
<link rel="stylesheet" href="css/Weather3D.css" />
<link rel="stylesheet" href="css/titlebar.css" />
<link rel="stylesheet" href="css/hamburger.css" />
<link rel="stylesheet" href="css/loader.css" />
<link rel="stylesheet" href="css/loader-specific.css" />
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" href="css/slick_custom.css" />
</head>
<body id="load">
<div class="container" id="gameHolder">
<div class="title-bar">
<div class="title-bar-btns">
<button id="min-btn">-</button>
<button id="max-btn">+</button>
<button id="close-btn">x</button>
</div>
</div>
<div id="hamburgerMenu">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<div class="header" id="onScreenText">
<div class="weatherData">
<p id="location">Loading..</p>
<p id="country">Loading..</p>
<p id="temp"></p>
<p id="error"></p>
<button id="retryButton" class="appButton">Retry</button>
<div class="carousel">
</div>
</div>
<div class="locationArea">
<p>Where are you?</p>
<input id="locationForm" class="locationBar" type="text" name="location"/>
<input type="button" name="location" value="I'm here" id="locationAcceptButton">
</div>
<button id="modeSelector">Skinny Mode</button>
</div>
<div id="loader-wrapper">
<div id="loader">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 690.4 648.746" id="HJ8-h_9U1ez">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="640 234.6 690.4 648.746" width="690.4" height="648.746" id="HJ8-h_9U1ez">
<g id="sunLayer">
<g id="SyuW2d9LJxG">
<defs>
<filter id="oNxgaJLgNmX2297FfIWeiw9GiOffxTRl" x="-200%" y="-200%" width="400%" height="400%">
<feGaussianBlur xmlns="http://www.w3.org/2000/svg" stdDeviation="19.492985145289186"/>
</filter>
</defs>
<g filter="url(#oNxgaJLgNmX2297FfIWeiw9GiOffxTRl)" id="SkY-3_9I1lf">
<path d=" M 1059.521 320 C 1059.521 297.923 1077.445 280 1099.521 280 C 1121.598 280 1139.521 297.923 1139.521 320 C 1139.521 342.077 1121.598 360 1099.521 360 C 1077.445 360 1059.521 342.077 1059.521 320 Z " id="sunHalo"/>
</g>
<path d=" M 1077.321 320 C 1077.321 307.582 1087.483 297.5 1100 297.5 C 1112.517 297.5 1122.679 307.582 1122.679 320 C 1122.679 332.418 1112.517 342.5 1100 342.5 C 1087.483 342.5 1077.321 332.418 1077.321 320 Z " id="sun"/>
</g>
</g>
<g id="moonLayer">
<defs>
<filter id="ASOfIcNu67iffjSimlnmqZDopPxidVQ2" x="-200%" y="-200%" width="400%" height="400%">
<feGaussianBlur xmlns="http://www.w3.org/2000/svg" stdDeviation="19.492985145289186"/>
</filter>
</defs>
<g filter="url(#ASOfIcNu67iffjSimlnmqZDopPxidVQ2)" id="ry6Z3u9LygG">
<path d=" M 1205 392.132 C 1205 370.055 1222.923 352.132 1245 352.132 C 1267.077 352.132 1285 370.055 1285 392.132 C 1285 414.209 1267.077 432.132 1245 432.132 C 1222.923 432.132 1205 414.209 1205 392.132 Z " id="moonHalo"/>
</g>
<path d=" M 1244.619 368.349 C 1254.713 370.616 1262.253 379.579 1262.253 390.275 C 1262.253 402.693 1252.09 412.775 1239.573 412.775 C 1232.125 412.775 1225.51 409.205 1221.369 403.701 C 1222.989 404.081 1224.679 404.275 1226.415 404.275 C 1238.932 404.275 1249.094 394.193 1249.094 381.775 C 1249.094 376.746 1247.428 372.101 1244.619 368.349 Z " id="moon"/>
</g>
<g id="earth">
<g id="S1bG2Oc81ez">
<path d=" M 860 317.543 L 1300 571.577 L 1080 704.774 C 797.961 551.016 651.305 464.288 640 444.56" id="earthTopFace"/>
<path d=" M 640 455.774 L 1080 717.068 C 1090.366 722.993 1090.376 778.429 1080 883.346 L 640 622.052 L 640 455.774 Z " id="mudLeftFace"/>
<path d=" M 1300 587.544 L 1080 704.774 L 1080 883.346 L 1300 753.193 L 1300 587.544 Z " id="mudRightFace"/>
<path d=" M 703.464 585.124 L 1080 802.517 L 1080 814.064 L 703.464 596.671 C 701.552 595.567 700 592.878 700 590.671 L 700 587.124 C 700 584.916 701.552 584.02 703.464 585.124 Z " id="SyrMhOcUkxG"/>
<path d=" M 1176.536 746.782 L 1080 802.517 L 1080 814.064 L 1176.536 758.329 C 1178.448 757.225 1180 754.537 1180 752.329 L 1180 748.782 C 1180 746.574 1178.448 745.678 1176.536 746.782 Z " id="Hk8M3u5Iyef"/>
<path d=" M 817.402 633.585 L 640 531.162 L 640 519.615 L 816.536 621.538 C 818.448 622.642 820 625.331 820 627.538 L 820 632.085 C 820 633.741 818.836 634.413 817.402 633.585 Z " id="Bywfnu9UJef"/>
<path d=" M 1123.464 823.611 L 1300 721.688 L 1300 710.141 L 1123.464 812.064 C 1121.552 813.168 1120 815.856 1120 818.064 L 1120 821.611 C 1120 823.819 1121.552 824.715 1123.464 823.611 Z " id="B1dG2O9IygG"/>
<path d=" M 974.743 804.096 L 805.257 710.826 C 802.355 709.229 800 705.346 800 702.159 L 800 702.159 C 800 698.973 802.355 697.682 805.257 699.279 L 974.743 792.549 C 977.645 794.146 980 798.029 980 801.216 L 980 801.216 C 980 804.402 977.645 805.693 974.743 804.096 Z " id="rkFG2O98yxG"/>
<path d=" M 1115.196 747.555 L 1286.536 648.632 C 1288.448 647.528 1290 644.84 1290 642.632 L 1290 639.085 C 1290 636.878 1288.448 635.981 1286.536 637.085 L 1115.196 736.008 C 1112.328 737.664 1110 741.595 1110 744.782 L 1110 744.782 C 1110 747.968 1112.328 749.211 1115.196 747.555 Z " id="rJcM2u98yef"/>
<path d=" M 640 444.56 L 1080 698.594 C 1083.301 707.646 1083.311 715.354 1080 721.688 L 640 467.654 L 640 444.56 Z " id="earthLeftFace"/>
<path d=" M 1300 571.577 L 1080 698.594 L 1080 721.688 L 1300 594.671" id="earthRightFace"/>
</g>
</g>
<g id="cloud1Group">
<defs>
<filter id="w60dY9jSStw00LG57HHxv07pClmyDKsY" x="-200%" y="-200%" width="400%" height="400%">
<feOffset xmlns="http://www.w3.org/2000/svg" in="SourceAlpha" result="offOut" dx="-9" dy="46"/>
<feGaussianBlur xmlns="http://www.w3.org/2000/svg" in="offOut" result="blurOut" stdDeviation="0"/>
<feComponentTransfer xmlns="http://www.w3.org/2000/svg" in="blurOut" result="opacOut">
<feFuncA xmlns="http://www.w3.org/2000/svg" type="table" tableValues="0 0.5"/>
</feComponentTransfer>
<feBlend xmlns="http://www.w3.org/2000/svg" in="SourceGraphic" in2="opacOut" mode="normal"/>
</filter>
</defs>
<g filter="url(#w60dY9jSStw00LG57HHxv07pClmyDKsY)" id="SJAGhu9UylG">
<path d=" M 872.129 458.361 C 873.814 458.526 875 457.291 875 455.054 L 875 451.408 C 875 448.442 872.915 444.831 870.346 443.348 L 789.654 396.76 C 787.085 395.277 785 396.481 785 399.447 L 785 403.093 C 785 405.452 786.319 408.219 788.151 409.999 L 774.612 402.469 C 772.067 400.999 770 402.193 770 405.132 L 770 408.873 C 770 411.813 772.067 415.392 774.612 416.862 L 848.455 459.495 L 885.388 480.818 C 887.933 482.288 890 481.095 890 478.155 L 890 474.414 C 890 471.475 887.933 467.895 885.388 466.425 L 872.129 458.361 Z " id="cloud1"/>
</g>
</g>
<g id="cloud2Group">
<defs>
<filter id="GsT2fgrCuuKQ8m2YSF19LnIf8OnnkYF5" x="-200%" y="-200%" width="400%" height="400%">
<feOffset xmlns="http://www.w3.org/2000/svg" in="SourceAlpha" result="offOut" dx="-9" dy="46"/>
<feGaussianBlur xmlns="http://www.w3.org/2000/svg" in="offOut" result="blurOut" stdDeviation="0"/>
<feComponentTransfer xmlns="http://www.w3.org/2000/svg" in="blurOut" result="opacOut">
<feFuncA xmlns="http://www.w3.org/2000/svg" type="table" tableValues="0 0.5"/>
</feComponentTransfer>
<feBlend xmlns="http://www.w3.org/2000/svg" in="SourceGraphic" in2="opacOut" mode="normal"/>
</filter>
</defs>
<g filter="url(#GsT2fgrCuuKQ8m2YSF19LnIf8OnnkYF5)" id="BkWX3dcLkxG">
<path d=" M 1035.556 451.285 C 1037.945 450.835 1039.521 448.613 1039.521 445.059 L 1039.521 444.631 C 1039.521 438.996 1035.559 432.134 1030.68 429.316 L 968.363 393.338 C 963.483 390.521 959.521 392.808 959.521 398.443 L 959.521 398.871 C 959.521 402.425 961.098 406.467 963.486 409.675 L 950.35 402.091 C 944.374 398.641 939.521 400.51 939.521 406.263 C 939.521 412.016 944.374 419.488 950.35 422.938 L 1048.692 479.716 C 1054.669 483.167 1059.521 481.298 1059.521 475.545 C 1059.521 469.792 1054.669 462.32 1048.692 458.869 L 1035.556 451.285 Z " id="cloud2"/>
</g>
</g>
<g id="cloud3Group">
<defs>
<filter id="hIakCfD9z0Phss7JW4REqgPqCUkth3Cu" x="-200%" y="-200%" width="400%" height="400%">
<feOffset xmlns="http://www.w3.org/2000/svg" in="SourceAlpha" result="offOut" dx="-9" dy="46"/>
<feGaussianBlur xmlns="http://www.w3.org/2000/svg" in="offOut" result="blurOut" stdDeviation="0"/>
<feComponentTransfer xmlns="http://www.w3.org/2000/svg" in="blurOut" result="opacOut">
<feFuncA xmlns="http://www.w3.org/2000/svg" type="table" tableValues="0 0.5"/>
</feComponentTransfer>
<feBlend xmlns="http://www.w3.org/2000/svg" in="SourceGraphic" in2="opacOut" mode="normal"/>
</filter>
</defs>
<g filter="url(#hIakCfD9z0Phss7JW4REqgPqCUkth3Cu)" id="H1VQhu5U1xf">
<path d=" M 1114.933 550.784 C 1117.695 550.879 1119.521 549.343 1119.521 546.402 C 1119.521 541.768 1114.989 535.39 1109.406 532.167 L 999.637 468.791 C 994.054 465.568 989.521 466.713 989.521 471.346 C 989.521 474.288 991.348 477.932 994.11 481.026 L 971.424 467.928 C 964.855 464.136 959.521 464.818 959.521 469.452 C 959.521 474.085 964.855 480.926 971.424 484.719 L 1127.619 574.898 C 1134.188 578.691 1139.521 578.008 1139.521 573.375 C 1139.521 568.741 1134.188 561.9 1127.619 558.108 L 1114.933 550.784 Z " id="cloud3"/>
</g>
</g>
<path id="OrbitPath" d=" M 280 75.357 C 280 -1.92 351.694 -23.266 440 27.718 C 528.306 78.701 600 182.832 600 260.109 C 600 337.385 528.306 358.731 440 307.747 C 351.694 256.764 280 152.633 280 75.357 Z " fill="none"/>
</svg>
</svg>
<p id="loaderText">Loading..</p>
</div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="world" id="world"></div>
</div>
</body>
<script type="text/javascript" src="js/TweenMax.min.js"></script>
<script type="text/javascript" src="js/three.min.js"></script>
<script type="text/javascript" src="js/StormEvent.js"></script>
<script type="text/javascript" src="js/Weather3D.js"></script>
<script type="text/javascript" src="js/SkyShader.js"></script>
<script type="text/javascript" src="js/OrbitControls.js"></script>
<script type="text/javascript" src="js/OBJLoader.js"></script>
<script type="text/javascript" src="node_modules/dat.gui/build/dat.gui.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA9u9lyhhSKoxU0OMVhonpe40U_FE4eg60&libraries=places"></script>
<script>window.$ = window.jQuery = require('./js/jquery-3.2.1.min.js');</script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script>
require('./js/Utils.js')
require('./js/WeatherManager.js')
require('./js/ui.js')
require('./js/DataLoader.js')
require('./js/WeatherObjects.js')
</script>
</html>