Choose Your Background & Alignment

@if (isLoading) { @for (i of [1,2,3,4,5,6]; track i) { } } @else { @for (background of backgrounds; track background.index) { {{ background.name }} @if (selectedBackground?.index === background.index) { } } }
@if (selectedBackground) {
@if (loadingDetail) {
} @else if (selectedBackgroundDetail) {

{{ selectedBackgroundDetail.name }}

Feature: {{ selectedBackgroundDetail.feature.name }}

@for (paragraph of selectedBackgroundDetail.feature.desc; track $index) {

{{ paragraph }}

}
@if (selectedBackgroundDetail.proficiencies && selectedBackgroundDetail.proficiencies.length > 0) {

Proficiencies

@for (prof of selectedBackgroundDetail.proficiencies; track prof.index) { {{ prof.name.replace("Skill: ", "") }} }
} @if (selectedBackgroundDetail.starting_equipment && selectedBackgroundDetail.starting_equipment.length > 0) {

Starting Equipment

    @for (item of selectedBackgroundDetail.starting_equipment; track item.equipment.index) {
  • {{ item.quantity > 1 ? item.quantity + " × " : "" }}{{ item.equipment.name }}
    • }
} @if (selectedBackgroundDetail.currency) {

Starting Wealth

@for (currency of getCurrencyEntries(); track currency[0]) { {{ currency[1] }} {{ currency[0].toUpperCase() }} }
} @if (characterChoices[ChoiceType.Equipment]!.length > 0) {

Equipment Choices

@for (choice of getTopLevelEquipmentChoices(); track choice.id) { }
}
}
} @else {

Please select a background from the options above

}

Choose Your Alignment

Your alignment broadly describes your character's moral and personal attitudes.

@for (alignment of alignments; track alignment.axis) { {{ alignment.name }}
{{ alignment.abbreviation }}

{{ alignment.desc }}

@if (selectedAlignment?.axis === alignment.axis) { } }
@if (allRequirementsMet) { All selections complete! } @else { Please complete all required selections }
{{ activeSubchoice?.desc }} @if (activeSubchoice?.isLoading) {

Loading options...

} @else {
Selected: {{ activeSubchoice!.selectedValues.length }}/{{ activeSubchoice!.choose }}
}