This repository has been archived by the owner on Dec 29, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
718 lines (660 loc) · 41.9 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
<!--
ZephyrCab - Realistic Model Train Simulation/Control System
Copyright (C) 2017 Hampton Morgan (K4KFH)
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published
by the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<!DOCTYPE html>
<html>
<head>
<!--import math.js--->
<script src="http://cdnjs.cloudflare.com/ajax/libs/mathjs/2.4.1/math.min.js"></script>
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="thirdparty/materialize/css/materialize-fromSASS.css" />
<title>ZephyrCab</title>
<!---All Icons/Fonts--->
<link rel="stylesheet" href="thirdparty/octicons/octicons.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--font for EvilGeniusTech logo--->
<link href='https://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
<!---My custom CSS sheet--->
<link rel="stylesheet" href="custom.css">
<!---All ZephyrCab Program scripts--->
<!---All storage files from /cfg--->
<script src="cfg/bundles.list.json"></script>
<script src="scripts/bundles.js"></script>
<script src="cfg/decoders.js"></script>
<script src="cfg/settings.json"></script>
<!---Now executables--->
<!--Import jQuery before everything-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<!---Now MaterializeCSS--->
<script type="text/javascript" src="thirdparty/materialize/js/materialize.js"></script>
<!---Now Buzz sound library--->
<script src="scripts/buzz/buzz.js"></script>
<script src="scripts/pretty-logs.js"></script>
<script src="scripts/websockets.js"></script>
<script src="scripts/jmri-core.js"></script>
<script src="scripts/ui.js"></script>
<script src="scripts/train.js"></script>
<script src="scripts/air.js"></script>
<script src="scripts/brakes.js"></script>
<script src="scripts/sim.js"></script>
<script src="scripts/setup.js"></script>
<script src="scripts/github.js"></script>
<script src="scripts/stats.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="container">
<div class="row">
<div class="col s12">
<ul class="tabs">
<li class="tab"><a href="#cab">Cab</a></li>
<li class="tab"><a id="tab_trainsettings" href="#trainsettings">Train Settings</a></li>
<li class="tab"><a id="tab_connection" class="active" href="#setup">setup</a></li>
<li class="tab"><a href="#layoutcontrol">Layout Control</a></li>
<li class="tab"><a href="#help">Help</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<!---beginning of actual page, this is the drive portion with the container that makes the fullscreen styling work--->
<div id="cab-fullscreen-container">
<div id="cab">
<div class="row">
<div class="">
<div class="col s3">
<table class="striped">
<tbody>
<tr>
<td><b>Speed</b></td>
<td id="gauge-speed">0mph</td>
</tr>
<tr>
<td><b>Load (Amperes)</b></td>
<td id="gauge-amps">N/A</td>
</tr>
</tbody>
</table>
</div>
<div class="col s3">
<table class="striped">
<tbody>
<tr>
<td><b>Brake Pipe</b></td>
<td id="gauge-brakePipe">90psi</td>
</tr>
<tr>
<td><b>Brake Cylinder</b></td>
<td id="gauge-brakeCylinder">0psi</td>
</tr>
</tbody>
</table>
</div>
<div class="col s3">
<table class="striped">
<tbody>
<tr>
<td><b>Main Reservoir</b></td>
<td id="gauge-mainReservoir">140psi</td>
</tr>
<tr>
<td><b>Equalizing Reservoir</b></td>
<td id="gauge-equalizingReservoir">90psi</td>
</tr>
</tbody>
</table>
</div>
<div class="col s3">
<div>
<a class="right teal square-btn" id="fullscreen-toggle"><i class="material-icons white-text">fullscreen</i></a>
</div>
<div>
<a class="chip" id="wheel-slip">Wheel Slip</a>
<a class="chip" id="pcs-open">PCS Open</a>
<a class="chip" id="dyn-brake-warning">Dynamic Brake</a>
<a class="chip" id="error">Error</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s6">
<div class="col s2">
<a id="horn" class="btn-floating btn-large waves-effect waves-light teal"><i class="material-icons">volume_up</i></a>
</div>
<div class="col s5">
<table class="striped">
<tbody>
<tr>
<td><b>Bell</b></td>
<td>
<div class="switch">
<label>
<input id="bell" type="checkbox">
<span class="lever"></span>
</label>
</div>
</td>
</tr>
<tr>
<td><b>Headlight</b></td>
<td>
<div class="switch">
<label>
<input id="headlight" type="checkbox">
<span class="lever"></span>
</label>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col s5">
<table class="striped">
<tbody>
<tr>
<td><b>Sand</b></td>
<td>
<div class="switch">
<label>
<input id="sand" type="checkbox">
<span class="lever"></span>
</label>
</div>
</td>
</tr>
<tr>
<td><b>Engine</b></td>
<td>
<div class="switch">
<label>
<input id="engine-start" type="checkbox">
<span class="lever"></span>
</label>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col s12">
<div class="card">
<div class="card-content">
<div id="autobrake-chip" class="chip">EMERGENCY</div>
<b class="right">Automatic Brake</b>
<input id="autobrake" type="range" value=0 min=0 max=100>
<table>
<tr>
<td id="autobrake-table-release" width="20%" class="white-text green center z-depth-2"><b>RELEASE</b></td>
<td id="autobrake-table-service" width="60%" class="white-text orange center"><b>SERVICE</b></td>
<td id="autobrake-table-emergency" width="20%" class="white-text red center"><i class="material-icons">new_releases</i></td>
</tr>
</table>
</div>
</div>
</div>
<div class="col s12">
<div class="card">
<div class="card-content">
<div class="left">
<a id="bailoff" class="chip waves-effect waves-light">BAIL OFF</a>
<a id="indbrake-indicator" class="chip">0psi</a>
</div>
<b class="right">Independent Brake</b>
<input id="indbrake" type="range" value=0 min=0 max=100>
</div>
</div>
</div>
</div>
<div class="col s6">
<div class="row">
<div class="col s12">
<div class="card">
<div class="card-content">
<div class="chip left"><b>UNAVAILABLE</b></div>
<b class="right">Dynamic Brake</b>
<input type="range" min=0 max=8 value=0>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12">
<div class="card">
<div class="card-content">
<div id="throttle-minus" class="btn-flat red white-text left" style="padding-left:15px;padding-right:15px;">-</div>
<div id="throttle-indicator" class="btn-flat grey lighten-2 black-text left" style="padding-left:10px;padding-right:10px">IDLE</div>
<div id="throttle-plus" class="btn-flat red white-text green" style="padding-left:15px;padding-right:15px;">+</div>
<b class="right">Power Throttle</b>
<input id="throttle" type="range" min=0 max=8 value=0>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s6">
<!--builders plate mockup-->
<div class="card">
<img class="responsive-img" src="http://static1.1.sqspcdn.com/static/f/464063/12952150/1309304050647/EMD+Plate.png? token=sZ1O9%2FC0mUI9AGJFrHGlurdskZM%3D">
</div>
</div>
<div class="col s6">
<div class="card">
<div class="card-content">
<div class="chip left" id="reverser-indicator">NEU</div>
<b class="right">Reverser</b>
<input id="reverser" type="range" min="-1" max="1" value=0>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--connection settings and setup area--->
<div id="setup">
<div class="row">
<div class="col s12">
<div class="card">
<div class="card-content">
<div class="section">
<h4><i class="material-icons left medium">settings_input_antenna</i>Connection Settings</h4>
<p>Configure the connection to JMRI. Unless you have changed it, you may leave the port on 12080 (the default JMRI web server port). You are currently: <a id="connectionStatus" style="color:red">Not Connected</a> via WebSockets.</p>
</div>
<div class="row">
<form class="col s12">
<div class="input-field col s6">
<div class="row">
<input id="link-ip" type="text" class="validate">
<label for="link-ip">IP Address</label>
</div>
</div>
<div class="input-field col s2">
<div class="row">
<input id="link-port" value="12080" type="number" class="validate">
<label for="link-port">Port</label>
</div>
</div>
</form>
<a class="btn-large waves-effect waves-light" id="link-connect">Connect<i class="material-icons right">trending_flat</i></a>
</div>
</div>
</div>
</div>
</div>
<!---bundles setup area--->
<div class="row">
<div class="col s12">
<div class="card">
<div class="card-content">
<span class="card-title black-text">Bundles Setup</span>
<p>Before you can use ZephyrCab, you need to bind JMRI roster entries to locomotive data files. We call these bundles, and they tell ZephyrCab how to simulate your prototype locomotive and how to control the sound functions on your decoder.</p>
<p><b>It is recommended to do this from your JMRI so you can copy and paste data into files easily.</b></p>
<br>
<p>You have <b id="setup-num-unbundled">...</b> unbundled locomotives. Choose one to configure below.</p>
<div class="row">
<select id="setup-loco-select" class="browser-default"></select>
</div>
<div class="row">
<h5 style="padding-left:10px" class="light">Prototype Info</h5>
<p style="padding-left:10px" >Some of these values (weight, horsepower, powertrain efficiency) are <i>very</i> important to ensure an accurate simulation, but with more obscure numbers like adhesion factor, it's safe to use the example values listed below.</p>
</div>
<div id="setup-form">
<!---builder info--->
<div class="row">
<div class="input-field col s6">
<input placeholder="EMD" id="setupForm-builder" type="text">
<label for="setupForm-builder">Builder</label>
</div>
<div class="input-field col s6">
<input placeholder="F7-A" id="setupForm-name" type="text">
<label for="setupForm-name">Name</label>
</div>
</div>
<!--beginning of real specs-->
<div class="row">
<div class="input-field col s2">
<input placeholder="250000" id="setupForm-weight" type="number">
<label for="setupForm-weight">Weight (lbs)</label>
</div>
<div class="input-field col s2">
<input placeholder="1500" id="setupForm-maxHP" type="number">
<label for="setupForm-maxHP">Horsepower</label>
</div>
<div class="input-field col s2">
<input placeholder="900" id="setupForm-maxAmps" type="number">
<label for="setupForm-maxAmps">Max. Current</label>
</div>
<div class="input-field col s3">
<input placeholder="56500" id="setupForm-startingTE" type="number">
<label for="setupForm-startingTE">Starting Tractive Effort (lbs)</label>
</div>
<div class="input-field col s3">
<input placeholder="0.72" id="setupForm-drivetrainEfficiency" type="number">
<label for="setupForm-drivetrainEfficiency">Powertrain Efficiency (decimal)</label>
</div>
</div>
<div class="row">
<div class="input-field col s4">
<input placeholder="0.30" id="setupForm-adhesion" type="number">
<label for="setupForm-adhesion">Normal Adhesion Factor</label>
</div>
<div class="input-field col s4">
<input placeholder="0.25" id="setupForm-adhesionDuringSlip" type="number">
<label for="setupForm-adhesionDuringSlip">Slipping Adhesion Factor</label>
</div>
<div class="input-field col s4">
<input placeholder="0.0015" id="setupForm-rollingResistance" type="number">
<label for="setupForm-rollingResistance">Coeff. of Rolling Resistance</label>
</div>
</div>
<div class="row">
<div class="input-field col s3">
<input placeholder="130" id="setupForm-compressorLowerLimit" type="number">
<label for="setupForm-compressorLowerLimit">Compressor Lower Limit (psi)</label>
</div>
<div class="input-field col s3">
<input placeholder="140" id="setupForm-compressorUpperLimit" type="number">
<label for="setupForm-compressorUpperLimit">Compressor Upper Limit (psi)</label>
</div>
<div class="input-field col s6">
<input placeholder="0.28" id="setupForm-flowRateCoeff" type="number">
<label for="setupForm-flowRateCoeff">Compressor Flow Rate Coefficient (cfm per engine rpm)</label>
</div>
</div>
<div class="row">
<div class="input-field col s3">
<input placeholder="100" id="setupForm-brakeLatency" type="number">
<label for="setupForm-brakeLatency">Brake Latency (milliseconds)</label>
</div>
<div class="input-field col s5">
<input placeholder="0 (assumes ideal tank)" id="setupForm-mainReservoirLeakRate" type="number">
<label for="setupForm-mainReservoirLeakRate">Main Reservoir Leak Rate (cubic feet per 100ms)</label>
</div>
<div class="input-field col s4">
<input placeholder="46.8" id="setupForm-mainReservoirCapacity" type="number">
<label for="setupForm-mainReservoirCapacity">Main Reservoir Capacity (cubic feet)</label>
</div>
</div>
<div class="row">
<h6 style="padding-left:10px"><b>Prime Mover RPM</b></h6>
<p style="padding-left:10px">The example values listed below are for an EMD 567 16cyl engine.</p>
<br>
<div class="input-field col s4">
<input placeholder="300" id="setupForm-notch0-rpm" type="number">
<label for="setupForm-notch0-rpm">Idle RPM</label>
</div>
<div class="input-field col s4">
<input placeholder="362" id="setupForm-notch1-rpm" type="number">
<label for="setupForm-notch1-rpm">RUN1 RPM</label>
</div>
<div class="input-field col s4">
<input placeholder="425" id="setupForm-notch2-rpm" type="number">
<label for="setupForm-notch2-rpm">RUN2 RPM</label>
</div>
<div class="input-field col s4">
<input placeholder="487" id="setupForm-notch3-rpm" type="number">
<label for="setupForm-notch3-rpm">RUN3 RPM</label>
</div>
<div class="input-field col s4">
<input placeholder="550" id="setupForm-notch4-rpm" type="number">
<label for="setupForm-notch4-rpm">RUN4 RPM</label>
</div>
<div class="input-field col s4">
<input placeholder="613" id="setupForm-notch5-rpm" type="number">
<label for="setupForm-notch5-rpm">RUN5 RPM</label>
</div>
<div class="input-field col s4">
<input placeholder="675" id="setupForm-notch6-rpm" type="number">
<label for="setupForm-notch6-rpm">RUN6 RPM</label>
</div>
<div class="input-field col s4">
<input placeholder="738" id="setupForm-notch7-rpm" type="number">
<label for="setupForm-notch7-rpm">RUN7 RPM</label>
</div>
<div class="input-field col s4">
<input placeholder="800" id="setupForm-notch8-rpm" type="number">
<label for="setupForm-notch8-rpm">RUN8 RPM</label>
</div>
</div>
<div class="row">
<h6 style="padding-left:10px"><b>Maximum Speed per Throttle Notch</b></h6>
<p style="padding-left:10px">This has to do with the electronics of the motors, the gear ratio of your locomotive, and the effects of back-EMF. The example values listed below are for an F7-A with the 62:15 gear ratio.</p>
<br>
<div class="input-field col s3">
<input placeholder="7.5" id="setupForm-notch1-maxSpeed" type="number">
<label for="setupForm-notch1-maxSpeed">RUN1 Max. Speed (mph)</label>
</div>
<div class="input-field col s3">
<input placeholder="15" id="setupForm-notch2-maxSpeed" type="number">
<label for="setupForm-notch2-maxSpeed">RUN2 Max. Speed (mph)</label>
</div>
<div class="input-field col s3">
<input placeholder="22.5" id="setupForm-notch3-maxSpeed" type="number">
<label for="setupForm-notch3-maxSpeed">RUN3 Max. Speed (mph)</label>
</div>
<div class="input-field col s3">
<input placeholder="30" id="setupForm-notch4-maxSpeed" type="number">
<label for="setupForm-notch4-maxSpeed">RUN4 Max. Speed (mph)</label>
</div>
<div class="input-field col s3">
<input placeholder="37.5" id="setupForm-notch5-maxSpeed" type="number">
<label for="setupForm-notch5-maxSpeed">RUN5 Max. Speed (mph)</label>
</div>
<div class="input-field col s3">
<input placeholder="45" id="setupForm-notch6-maxSpeed" type="number">
<label for="setupForm-notch6-maxSpeed">RUN6 Max. Speed (mph)</label>
</div>
<div class="input-field col s3">
<input placeholder="52.5" id="setupForm-notch7-maxSpeed" type="number">
<label for="setupForm-notch7-maxSpeed">RUN7 Max. Speed (mph)</label>
</div>
<div class="input-field col s3">
<input placeholder="60" id="setupForm-notch8-maxSpeed" type="number">
<label for="setupForm-notch8-maxSpeed">RUN8 Max. Speed (mph)</label>
</div>
</div>
<div class="row">
<h6 style="padding-left:10px"><b>Scale Speed Information</b></h6>
<p style="padding-left:10px">This coefficient should convert a speed in mph to a speed in DCC speed steps (0-128). The value listed below is an example for a Bachmann FT-A, but you will need to determine this value for your own model using a scale speedometer and some math. If you use the wrong coefficient for your model, ZephyrCab will still work as normal, but the model will not run at the scale speed shown on your ZephyrCab speedometer.</p>
<br>
<div class="input-field col s3">
<input placeholder="0.7268" id="setupForm-scaleSpeedCoefficient" type="number">
<label for="setupForm-scaleSpeedCoefficient">Scale Speed Coefficient</label>
</div>
</div>
</div>
<div class="row">
<a id="setup-download-bundle" class="btn waves-effect">Download Generated Bundle</a>
<h5 style="padding-left:10px" >How to install your bundle:</h5>
<ol>
<li>Download the bundle file. It will be in the format <code>your-loco-name.zephyrcab</code> (the contents are JSON).</li>
<li>Copy the file into your ZephyrCab installation folder (on your JMRI PC). Place it in the <code>/cfg/bundles</code> folder, otherwise ZephyrCab will not load it correctly.</li>
<li>Add the filename (the <code>your-loco-name.zephyrcab</code>) to the <code>bundles.list.json</code> file (in the cfg folder). If you don't do this, ZephyrCab won't load the new bundle. There are notes in the file about syntax, and all you need to open it is a text editor (Notepad++ recommended on Windows).</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
<!--throttle settings area--->
<div id="trainsettings">
<div class="row">
<div class="col s12">
<div class="card">
<div class="card-content">
<h4><i class="material-icons left medium">directions_railway</i>Train Settings:</h4>
<p>Here you can select a throttle, adjust the settings, name the throttle, configure your train, and more! Remember, before you use this, you must be connected to your layout via WebSockets. You can find out if your WebSockets connection is up and running on the Connection page.</p>
</div>
</div>
</div>
</div>
<!---train builder--->
<div class="row">
<div class="col s12">
<div class="card">
<div class="card-content">
<span class="card-title black-text">Train Builder</span>
<!---the actual display of the train we've built--->
<div class="col s12">
<div class="card">
<div class="card-content">
Select a cab by clicking the blue locomotive name on each train element.
<hr style="opacity:0">
<a class="black-text" id="trainDisplay"></a>
</div>
</div>
</div>
<!---palette--->
<div class="col s6">
<div class="card">
<div class="card-content">
<span class="card-title black-text">Locomotives</span>
<div id="locomotivePalette">
</div>
</div>
</div>
</div>
<div class="col s6">
<div class="card">
<div class="card-content">
<span class="card-title black-text">Rolling Stock</span>
<div id="rollingstockPalette">
<b>Something goofed...we couldn't build you a rolling stock palette.</b>
<p>In light of this, we have provided you with this excellent big red button that does absolutely nothing.</p>
<a class="btn red waves-light waves-effect">Useless Big Red Button</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!---unfinished layout control tab--->
<div id="layoutcontrol">
<div class="row">
<div class="col s12">
<div class="card">
<div class="card-content">
<h4><i class="material-icons left medium">settings</i>Layout Control</h4>
<p>This page allows control of various aspects of your layout, most importantly, the track power.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s6">
<div class="card">
<div class="card-content">
<h5><i class="material-icons left small">power</i>Power Settings</h5>
<p>This toggles track power on and off for your whole layout. It also keeps up to date with any changes made on the layout, so if this switch is off, your track power is off. Use with caution!</p>
<div class="section">
<div class="switch">
<label>
<input id="track-power" type="checkbox">
<span class="lever"></span>Track Power
</label>
</div>
</div>
</div>
</div>
</div>
<div class="col s6">
<div class="card">
<div class="card-content">
<h5>Turnout Control</h5>
<p><i class="material-icons small left">error</i>Unfortunately, this feature is still in development.</p>
</div>
</div>
</div>
</div>
</div>
<!---help/docs tab--->
<div id="help">
<div class="row">
<div class="col s12">
<div class="card">
<div class="card-content">
<span class="card-title black-text"><i class="material-icons left small">help</i>Help/Documentation</span>
<p>Visit our documentation, or post an issue on our GitHub page!</p>
<br>
<a class="btn btn-flat blue white-text waves-effect waves-light" target="_blank" href="http://k4kfh.github.io/ZephyrCab/docs"><i class="material-icons left">help</i>Visit our Documentation</a>
<a href="http://github.com/k4kfh/ZephyrCab" target="_blank" class="btn-flat blue white-text waves-effect"><i class="octicon octicon-mark-github"></i> GitHub</a>
<a href="http://k4kfh.github.io/ZephyrCab" target="_blank" class="blue btn-flat white-text waves-effect"><i class="material-icons left">code</i>Project Website</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12">
<div class="card">
<div class="card-content">
<span class="card-title black-text">Announcements Feed</span>
<p>This feature provides a live "news feed" style announcements system, updated regularly from the project site at <code><a href="http://k4kfh.github.io/ZephyrCab" target="_blank">http://k4kfh.github.io/ZephyrCab</a></code></p>
<hr style="opacity:0">
<div id="hubDisplay">
<div class="row">
<div class="col s6">
<h5 class="light">Release</h5>
<p><b>Version:</b> <a id="github-release-name"><code>Loading...</code></a></p>
<p><b>Type:</b> <a id="github-release-prerelease">Loading...</a></p>
<p><b>Status:</b> <a id="update-available">Loading...</a></p>
</div>
<div class="col s6">
<h5 class="light">Alerts</h5> There are no alerts in effect at this time.
</div>
</div>
<div class="row">
<div class="col s6">
<h5 class="light">User Poll</h5> On occasion, we may conduct an optional user poll to gather opinions on certain things. When that happens, it will appear here.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!---THIS IS THE CREDIT CARD! DO NOT PUT ANYTHING BELOW THIS OR IT WILL DO STUPID CRAP--->
<div class="row">
<div class="col s12">
<div class="card">
<a target="_blank" href="https://github.com/k4kfh/LocoThrottleJS"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<div class="card-content">
<i class="material-icons left small">info_outline</i>
<p><a class="zephyr black-text waves-effect waves-light" target="_blank" href="http://k4kfh.github.io/ZephyrCab">ZephyrCab</a> is free software, released under the GNU Affero General Public License (Version 3). Find out more on <a href="https://github.com/k4kfh/ZephyrCab" target="_blank">our GitHub page.</a></p>
<div class="section">
<p><a href="http://blog.evilgeniustech.com" target="_blank">K4KFH's Blog</a></p>
<div class="section">
<p>Proudly built with <a target="_blank" href="http://materializecss.com">MaterializeCSS,</a> and powered by <a href="http://jmri.org" target="_blank">JMRI.</a></p>
<p>Special thanks to <a href="http://brucekmodeltrains.com" target="_blank">Mr. Bruce Kingsley</a> for help with the physics engine.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
link.autoconnect();
</script>
<!---And lastly, the centralized script from the Pages repo--->
<script src="http://k4kfh.github.io/ZephyrCab/hub/hub.js"></script>
</body>
</html>