-
Notifications
You must be signed in to change notification settings - Fork 0
/
characterBuilder.html
943 lines (813 loc) · 50.6 KB
/
characterBuilder.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/global.css">
<link rel="stylesheet" type="text/css" href="css/character-builder.css">
<link rel="stylesheet" type="text/css" href="css/animation.css">
<title>Character Builder</title>
</head>
<body>
<div class="pagecontainer">
<div class="topBox">
<h1>Character Builder</h1>
<input type="text" placeholder="Character Name" autocomplete="none" spellcheck="false">
<br><b style="color: var(--themecolor);">Theme Color</b> <input type="color">
<!-- <span> | </span> -->
</div>
<div class="mainBox">
<div class="tab">
<button class="tablinks" id="defaultOpen" onclick="openTab(event, 'General')">General</button>
<button class="tablinks" onclick="openTab(event, 'Species')">1. Species</button>
<button class="tablinks" onclick="openTab(event, 'Career')">2. Career</button>
<button class="tablinks" onclick="openTab(event, 'Specializations')">3. Specializations</button>
<button class="tablinks" onclick="openTab(event, 'Duty')">4. Duty</button>
<button class="tablinks" onclick="openTab(event, 'SpendXP')">5. Spend XP</button>
<button class="tablinks" onclick="openTab(event, 'Gear')">6. Gear</button>
<!-- <button class="tablinks" onclick="openTab(event, 'Specializations')">7. Aquire Rebellion Resources</button> -->
<button disabled class="playBtn tablinks">Play</button>
</div>
<div id="General" class="tabcontent">
<h3 style="color: var(--themecolor);">Actions</h3>
<hr>
</div>
<div id="Species" class="tabcontent">
<h3 style="color: var(--themecolor);">Pick a Species</h3>
<hr>
<select>
<option style="display: none;" value="">--</option>
<option value="Bothan">Bothan</option>
<option value="Droid">Droid</option>
<option value="Duros">Duros</option>
<option value="Gran">Gran</option>
<option value="Human">Human</option>
<option value="Ithorian">Ithorian</option>
<option value="MonCalamari">Mon Calamari</option>
<option value="Sullustan">Sullustan</option>
</select><br><br>
<div id="Bothan" class="hidden raceOption">
<h1>Bothan</h1>
<button class="collapsible">Starting Characteristics</button>
<div class="content"><br>
<b>Brawn: </b><span>1</span><br>
<b>Agility: </b><span>2</span><br>
<b>Intellect: </b><span>2</span><br>
<b>Cunning: </b><span>3</span><br>
<b>Willpower: </b><span>2</span><br>
<b>Presence: </b><span>2</span><br>
<br>
<b>Wound Threshold: </b><span>10 + Brawn</span><br>
<b>Strain Threshold: </b><span>11 + Willpower</span><br>
<br>
<b>Starting XP: </b><span>100 XP</span><br>
<br>
</div>
<button class="collapsible">Special Abilitys</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div>
<h3>Physiology</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Society</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Homeworld</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Language</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Life in the Alliance</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<br>
</div>
<div id="Droid" class="hidden raceOption">
<h1>Droid</h1>
<button class="collapsible">Starting Characteristics</button>
<div class="content"><br>
<b>Brawn: </b><span>1</span><br>
<b>Agility: </b><span>1</span><br>
<b>Intellect: </b><span>1</span><br>
<b>Cunning: </b><span>1</span><br>
<b>Willpower: </b><span>1</span><br>
<b>Presence: </b><span>1</span><br>
<br>
<b>Wound Threshold: </b><span>10 + Brawn</span><br>
<b>Strain Threshold: </b><span>10 + Willpower</span><br>
<br>
<b>Starting XP: </b><span>175 XP</span><br>
<br>
</div>
<button class="collapsible">Special Abilitys</button>
<div class="content">
<p>
Special Abilities: Droids do not need to eat, sleep,
or breathe, and are unaffected by toxins and poisons.
Droids have a cybernetic implant cap of 6 instead
of their Brawn rating. In addition, after selecting a
career, a droid Player Character may train one rank
each in six of the eight career skills (instead of the
usual four). After selecting a specialization, a droid
PC may train one rank each in three of the four
specialization skills (instead of the usual two).
</p>
</div>
<button class="collapsible">Inorganic</button>
<div class="content">
<p>
Since droids are inorganic, they do
not gain the benefits of recovering with a bacta
tank, a stimpack, or Medicine skill checks. Droids
do recover naturally by resting, as their systems
attempt self-repairs. If self-repair is not
adequately effective, a droid needs to be tended to
with a Mechanics check, using the same
difficulties and results as Medicine checks for organic
beings. Emergency repair patches can be used to
repair damage, just like stimpacks can be used on
organic beings. See page 232 for more on droid
repairs and healing. Due to their resilient metallic
construction, droids start the game with one rank
in the Enduring talent.
</p>
</div>
<button class="collapsible">Mechanical Being</button>
<div class="content">
<p>
Droids cannot become Forcesensitive nor
acquire a Force rating by any means.
Droids cannot use Force powers and also cannot
be affected by mind-altering Force powers.
</p>
</div>
<div>
<h3>Society</h3>
<p>
Society: In the wider galaxy (aside from wild rumors
about "machine planets"), most droids are mere
functionaries within societies that completely rely upon
them and expect them to obey. Within the Alliance, how-
ever, they have come to know a higher level of respect.
Though many in the Alliance's structure still hold with
the idea of memory wipes and programming for necessary
tasks only (especially when droids are acquired
from Imperial or questionable sources), more and more
leaders and commanders have taken the long view on
allowing trusted droids to continue to develop a sense
of personal independence and purpose. On more than
one occasion, this has proven to be a brilliant strategy,
and will likely continue.
As such, many droids have transcended their
programming and original purpose to become more than
they started as, and find service in the Alliance very
satisfactory. Granted, those coming from outside
regular channels face a great deal of suspicion, which is
often impossible to overcome. Technicians usually scan
a droid's memory bank and programming thoroughly
to ensure there are no hidden commands betraying the
Rebellion in any way.
</p>
<h3>Life in the Alliance</h3>
<p>
Most droids are better suited to
non-combat roles, serving in support areas to better
enable the forces of the Rebellion to fight efficiently
and effectively. Many droids of a technical nature
serve aboard capital ships, often handling the tasks
</p>
</div>
<br>
</div>
<div id="Duros" class="hidden raceOption">
<h1>Duros</h1>
<button class="collapsible">Starting Characteristics</button>
<div class="content"><br>
<b>Brawn: </b><span>1</span><br>
<b>Agility: </b><span>2</span><br>
<b>Intellect: </b><span>3</span><br>
<b>Cunning: </b><span>2</span><br>
<b>Willpower: </b><span>2</span><br>
<b>Presence: </b><span>2</span><br>
<br>
<b>Wound Threshold: </b><span>11 + Brawn</span><br>
<b>Strain Threshold: </b><span>10 + Willpower</span><br>
<br>
<b>Starting XP: </b><span>100 XP</span><br>
<br>
</div>
<button class="collapsible">Special Abilitys</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button class="collapsible">Intuitive Navigation</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div>
<h3>Physiology</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Society</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Homeworld</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Language</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Life in the Alliance</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<br>
</div>
<div id="Gran" class="hidden raceOption">
<h1>Gran</h1>
<button class="collapsible">Starting Characteristics</button>
<div class="content"><br>
<b>Brawn: </b><span>2</span><br>
<b>Agility: </b><span>2</span><br>
<b>Intellect: </b><span>2</span><br>
<b>Cunning: </b><span>1</span><br>
<b>Willpower: </b><span>2</span><br>
<b>Presence: </b><span>3</span><br>
<br>
<b>Wound Threshold: </b><span>10 + Brawn</span><br>
<b>Strain Threshold: </b><span>9 + Willpower</span><br>
<br>
<b>Starting XP: </b><span>100 XP</span><br>
<br>
</div>
<button class="collapsible">Special Abilitys</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button class="collapsible">Enhanced Vision</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div>
<h3>Physiology</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Society</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Homeworld</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Language</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Life in the Alliance</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<br>
</div>
<div id="Human" class="hidden raceOption">
<h1>Human</h1>
<button class="collapsible">Starting Characteristics</button>
<div class="content"><br>
<b>Brawn: </b><span>2</span><br>
<b>Agility: </b><span>2</span><br>
<b>Intellect: </b><span>2</span><br>
<b>Cunning: </b><span>2</span><br>
<b>Willpower: </b><span>2</span><br>
<b>Presence: </b><span>2</span><br>
<br>
<b>Wound Threshold: </b><span>10 + Brawn</span><br>
<b>Strain Threshold: </b><span>10 + Willpower</span><br>
<br>
<b>Starting XP: </b><span>110 XP</span><br>
<br>
</div>
<button class="collapsible">Special Abilitys</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div>
<h3>Physiology</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Society</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Homeworld</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Language</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Life in the Alliance</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<br>
</div>
<div id="Ithorian" class="hidden raceOption">
<h1>Ithorian</h1>
<button class="collapsible">Starting Characteristics</button>
<div class="content"><br>
<b>Brawn: </b><span>2</span><br>
<b>Agility: </b><span>1</span><br>
<b>Intellect: </b><span>2</span><br>
<b>Cunning: </b><span>2</span><br>
<b>Willpower: </b><span>3</span><br>
<b>Presence: </b><span>2</span><br>
<br>
<b>Wound Threshold: </b><span>9 + Brawn</span><br>
<b>Strain Threshold: </b><span>12 + Willpower</span><br>
<br>
<b>Starting XP: </b><span>90 XP</span><br>
<br>
</div>
<button class="collapsible">Special Abilitys</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button class="collapsible">Ithorian Bellow</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div>
<h3>Physiology</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Society</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Homeworld</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Language</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Life in the Alliance</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
<div id="MonCalamari" class="hidden raceOption">
<h1>Mon Calamari</h1>
<button class="collapsible">Starting Characteristics</button>
<div class="content"><br>
<b>Brawn: </b><span>2</span><br>
<b>Agility: </b><span>2</span><br>
<b>Intellect: </b><span>2</span><br>
<b>Cunning: </b><span>2</span><br>
<b>Willpower: </b><span>2</span><br>
<b>Presence: </b><span>2</span><br>
<br>
<b>Wound Threshold: </b><span>10 + Brawn</span><br>
<b>Strain Threshold: </b><span>10 + Willpower</span><br>
<br>
<b>Starting XP: </b><span>100 XP</span><br>
<br>
</div>
<button class="collapsible">Special Abilitys</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button class="collapsible">Amphibious</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div>
<h3>Physiology</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Society</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Homeworld</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Language</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Life in the Alliance</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
<div id="Sullustan" class="hidden raceOption">
<h1>Sullustan</h1>
<button class="collapsible">Starting Characteristics</button>
<div class="content"><br>
<b>Brawn: </b><span>2</span><br>
<b>Agility: </b><span>3</span><br>
<b>Intellect: </b><span>2</span><br>
<b>Cunning: </b><span>1</span><br>
<b>Willpower: </b><span>2</span><br>
<b>Presence: </b><span>2</span><br>
<br>
<b>Wound Threshold: </b><span>10 + Brawn</span><br>
<b>Strain Threshold: </b><span>10 + Willpower</span><br>
<br>
<b>Starting XP: </b><span>100 XP</span><br>
<br>
</div>
<button class="collapsible">Special Abilitys</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div>
<h3>Physiology</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Society</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Homeworld</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Language</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<h3>Life in the Alliance</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
<br>
</div>
<div id="Career" class="tabcontent">
<h3 style="color: var(--themecolor);">Select a Career</h3>
<hr>
<select id="Career-select">
<option style="display: none;">--</option>
<option value="Ace">Ace</option>
<option value="Commander">Commander</option>
<option value="Diplomat">Diplomat</option>
<option value="Engineer">Engineer</option>
<option value="Soldier">Soldier</option>
<option value="Spy">Spy</option>
</select>
<div id="Ace" class="careerOption">
<h3 style="color: var(--themecolor);">Ace</h3>
An Ace's eight
career skills
are Astrogation,
Cool, Gunnery,
Mechanics, Perception, Piloting (Planetary),
Piloting (Space), and Ranged
(Light). The Ace automatically gains
a rank in four of these skills without
spending experience, and receives a discount on increasing them with future experience points.
<h3 style="color: var(--themecolor);">An Aces Role</h3>
Piloting vehicles, from repulsorlift speeders to massive starships and everything in
between, is a fairly common skill for anyone who lives outside of a completely isolated, low-tech society. However, when it's
time to get somewhere fast or plunge into
the thick of vehicular combat, Aces are the
ones people want at the controls.
Just getting from one place to another is
not enough for the Ace; this flier wants to
get there faster, and to do so with style.
He'd rather dive headlong into an asteroid field with half a dozen ships on his
tail than safely move cargo down a
well-traveled hyperspace lane. Aces
are not the kind of people most
transport companies want to hire to
move their goods. They are, however, in very high demand when it
comes to ship-to-ship combat of
any kind, or when war machines
need to be maneuvered into place
during a planet-side battle.
The Ace isn't just a master of
piloting and driving, but often has a gift
for using vehicular weapons to deadly effect.
He understands that shooting is about more
than merely looking through a scope and pulling a trigger—leading the target, compensating
for the complexities of moving bodies in space,
and aiming for vulnerable systems make the
Ace a force to be reckoned with in any
dogfight or speeder chase.
</div>
<div id="Commander" class="careerOption">
<h3 style="color: var(--themecolor);">Commander</h3>
A Commander's eight career skills are Coercion, Cool, Discipline, Knowledge (Warfare), Leadership, Perception, Ranged
(Light), and Vigilance. They automatically
gains a rank in four of these skills withI out spending experience, and gains a
discount on increasing them with future
experience points.
<h3 style="color: var(--themecolor);">A Commanders Role</h3>
Individual warriors can act
bravely and with resolute
determination, accomplishing great things. They
can also cause untold havoc
without any real achievement, save property damage
and loss of life, including their
own. A motley mob of people
capable of violence is only a threat
until a more disciplined force arrives
to put it down.
The role of a Commander is to
organize, manage, and lead the
fighters and other people who
serve in a military force so they
accomplish truly great things
together. He must see the bigger picture, make the hard
decisions, and motivate his
people to charge into the jaws
of death for a greater cause,
all while never wasting personnel or resources. Without good
Commanders, true victory is
mpossible for any military.
Whether on the bridge of a
capital ship, flying in formation
with a squad of starfighters,
or standing on a hill shouting
encouragement to his troops,
the Commander is the true
heart and soul of the Alliance
military. In his hands lies the
key to victory or defeat.
</div>
<div id="Diplomat" class="careerOption">
<h3 style="color: var(--themecolor);">Diplomat</h3>
A Diplomat's eight career skills are Charm, Deception, Knowledge (Core Worlds), Knowledge
(Lore) Knowledge (Outer Rim), Knowledge
(Xenology), Leadership, and Negotiation
They automatically gains a rank in four of these
skills without spending experience, and
gains a discount on increasing them with
future experience points.
<h3 style="color: var(--themecolor);">A Diplomats Role</h3>
The single most important resource in
any war is people, and the Diplomat is
the procurer of this resource, as well as
the one who guides its use. Diplomats
may not directly wage the war, but
they ensure there is a chance for victory, and they are utterly indispensable for arranging and managing the
peace to follow.
While many of the Rebellion's
heroes wage war with weapons,
Diplomats are masters of employng words for strategic gain. If the
stylus is stronger than the sword,
then it is the Diplomat who must
wield it with the skill and finesse
necessary to achieve victory
without spilling a drop of blood.
Whether overseeing a treaty with
a potential ally or arranging the
terms for an enemy's equitable
surrender, a Diplomat's battleheld is the negotiating table.
In the halls of the Senate,
on the streets of a planet rife
with political discord, or in a
warehouse full of desperately
needed medical supplies, the
Diplomat struggles to gain
the upper hand and achieve
a favorable—and perhaps
peaceful—outcome for his
people. No matter his methods, the Diplomat's success
or failure has dramatic impact on
a great many lives, and this drives
him to passionately pursue his own
form of victory at all costs.
</div>
<div id="Engineer" class="careerOption">
<h3 style="color: var(--themecolor);">Engineer</h3>
An Engineer's eight career skills are Athletics, Computers, Knowledge (Education), Mechanics, Perception, Piloting (Space), Ranged (Light), and Vigilance. The Engineer automatically gains a rank in four of
these skills without spending experience, and gains a discount on increasing them with future experience points.
<h3 style="color: var(--themecolor);">An Engineers Role</h3>
There would be no Galactic Civil War
if not for the massive technological capabilities of
both the Empire and the
Alliance. Machines of every
size and weapons of every
type are employed across
great distances to hammer away at the enemy.
These machines are
imagined, designed,
and built by Engineers,
and Engineers are the
ones who know how to
keep them running—or
to stop them cold.
Engineers speak the
languages of computers, engines, and electrical conduits (they should,
since they invented them).
Most engineers prefer working with technology over people, especially in light of how
chaotic the latter are. While
some Engineers are fully (and
eagerly) aware of the massive
destruction their creations
are capable of, most are
merely fascinated with the
challenge of creating something new, or fixing something
thought beyond repair. Some
focus their attentions on disrupting the machines of others, pitting their knowledge and talents
against those of rivals working for
the opposition.
Whether at the design table,
n the hangar bay, or scurrying
towards an access panel with
explosives in hand, Engineers
are a vital part of the Alliance's
</div>
<div id="Soldier" class="careerOption">
<h3>Soldier</h3>
A Soldier's eight career skills are Athletics, Brawl,
Knowledge (Warfare), Medicine, Melee, Ranged
(Light), Ranged (Heavy), and Survival. The Soldier
automatically gains a rank in four of these skills without
spending experience, and gains a discount on increasing
them with future experience points.
<h3>A Soldiers Role</h3>
Soldiers are the ones who take up arms and
face death for a cause, for pay, or sometimes for
lack of anything better to do. Fighting is what
they know and what they do, and the ones
who do it best survive long enough to pass
on that knowledge to the green recruits
who follow in their bloody footsteps.
There is glory and honor to be
found serving as a Soldier, yet
there is also terror, pain, blood,
and brutality. For a Soldier, a
boring day is often one of his
best days.
Administrators and politicians craft policy, commanders dictate how policy is to
be implemented, and Soldiers are the tools of that
implementation. Most
care little for what
the actual policy is;
for them, the job is to
take out the enemy
and stay alive (not
necessarily in that
order). Some
Soldier s
are more
invested in
the causes they are fighting for, motivated by
the knowledge that
they fight for something worthy.
On the battlefront, behind enemy
ines, and across the
galaxy, the true heart
and soul of the Rebelion is found in the Soldiers who serve beneath
its banner. The causes they fight for are
justice and freedom from tyranny. The
</div>
<div id="Spy" class="careerOption">
<h3>Spy</h3>
A Spy's eight career skills are Computers, Cool,
Coordination, Deception, Knowledge (Warfare),
Perception, Skulduggery, and Stealth The Spy
automatically gains a rank in four of these skills
without spending experience, and gains a discount
on increasing them with future experience points.
<h3>A Spys Role</h3>
Soldiers of a different type, Spies seek out the
secrets of the enemy, undo the enemy's plans,
and hinder the enemy's ability to do battle
effectively. A single Spy, in the right place
at the right moment, can save (or destroy)
many thousands of lives, with a single welltimed action. Most military forces
(along with governments, criminal
factions, and large corporations)
place a great deal of emphasis on
crafting an effective corps of espionage
operatives.
The primary role of any Spy is the
gathering of intelligence—information
about what is happening in the areas
of operation, as well as what
the enemy is doing—for those
in command of Allied forces.
There are many ways to do
this, meaning there are many
types of Spies with divergent
specialties. Some focus on infiltrating the ranks of the enemy
and gathering data from within,
while others focus on external
observations of troop and asset
movements. Some take advantage
of the dependency of modern
military forces on electronic means of data collation, tapping into their opponents' networks and
siphoning off everything that can be snagged.
The Alliance's reliance on Spies cannot be
understated. Together with other specialist
operatives, Spies are critical to the Rebellion's
chance for success. Their skills and talents play
a crucial role in balancing the scales against the
Empire's overwhelming superiority in both forces
and resources. As the war progresses, however,
the Alliance can no longer treat its Spies as
untouchable assets, never to be unduly risked;
more and more, Spies are being called on to
make direct strikes against the targets from
which they are sent to gain information.
</div>
</div>
<div id="Specializations" class="tabcontent">
<h3 style="color: var(--themecolor);">Choose Specializations</h3>
<hr>
<select id="Specialization-select">
<option style="display: none;">--</option>
<optgroup label="Career Specializations">
</optgroup>
<optgroup label="Non-Career Specializations">
</optgroup>
</select>
</div>
<div id="Duty" class="tabcontent">
<h3 style="color: var(--themecolor);">Manage Duty</h3>
<hr>
</div>
<div id="SpendXP" class="tabcontent">
<h3 style="color: var(--themecolor);">Increase Abilitys</h3>
<hr>
</div>
<div id="Gear" class="tabcontent">
<h3 style="color: var(--themecolor);">Manage Gear</h3>
<hr>
</div>
</div>
</div>
<div class="diceResult">
<b>Custom Roll</b>
<div>
</div>
<b>Results:</b>
<p></p>
</div>
<div id="diceRoller">
<div>
<h1 class="dimond" style="color: var(--abilityColor);">♦</h1>
<b>0</b>
</div>
<div>
<h1 style="color: var(--proficencyColor);">⬢</h1>
<b>0</b>
</div>
<div>
<h1 class="square" style="color: var(--boostColor);">■</h1>
<b>0</b>
</div>
<br>
<div>
<h1 class="dimond" style="color: var(--dificultyColor);">♦</h1>
<b>0</b>
</div>
<div>
<h1 style="color: var(--challengeColor);">⬢</h1>
<b>0</b>
</div>
<div>
<h1 class="square" style="color: var(--setbackColor);">■</h1>
<b>0</b>
</div>
<br>
<div class="close">
<h1 class="close">❌</h1>
</div>
</div>
<script src="js/game.js"></script>
<script src="js/dice.js"></script>
<script src="js/character-builder.js"></script>
</body>
</html>