anos20.html

<div class="main-container">

  <!-- Tab navigation -->
  <div class="tab-panel">

    <input type="radio" name="attr_tabs_radio" value="profile" checked="true" data-i18n-title="profile"
      title="Perfil" />
    <div>U</div>
    <input type="radio" name="attr_tabs_radio" value="configuration" data-i18n-title="configuration"
      title="Configuração" />
    <div>y</div>
    <input type="radio" name="attr_tabs_radio" value="help" data-i18n-title="help" title="Ajuda" />
    <div>?</div>

  </div>
  <input type='hidden' class="tabcontrol" name='attr_selected_tab' value='profile' />

  <!-- Profile Tab -->
  <div class="profiletab">

    <div class="profilegrid header-margin">

      <span class="header passport main-font" data-i18n="passport">passaporte</span>

      <button type="roll" class="header roll-button" name="roll_action" title="@{action}"
        value="&{template:main} {{charname=@{character_name}}} {{result=[[1d6]]}}"></button>

      <span class="header mainlabel secondary-font" data-i18n="name">Nome:</span>

      <div class="header">
        <input class="borderless-input main-font" name="attr_character_name" type="text" title="@{character_name}" />
        <div class="bottom-separator"></div>
      </div>

      <span class="header mainlabel secondary-font" data-i18n="profession">Profissão:</span>
      <div class="header">

        <div class="profession">
          <select class="borderless-input main-font" name="attr_profession" title="@{profession}">
            <option value="none" data-i18n="select" selected="selected">Selecione</option>
            <option value="retiree" data-i18n="retiree">Aposentado</option>
            <option value="artist" data-i18n="artist">Artista</option>
            <option value="scientist" data-i18n="scientist">Cientista</option>
            <option value="detective" data-i18n="detective">Detetive</option>
            <option value="engineer" data-i18n="engineer">Engenheiro</option>
            <option value="student" data-i18n="student">Estudante</option>
            <option value="shopkeeper" data-i18n="shopkeeper">Lojista</option>
            <option value="medic" data-i18n="medic">Médico</option>
            <option value="worker" data-i18n="worker">Operário</option>
            <option value="cop" data-i18n="cop">Policial</option>
            <option value="custom" data-i18n="custom">Personalizada</option>
          </select>

          <input class="profession-control" type="hidden" name="attr_profession" />

          <input class="profession-input custom main-font" name="attr_custom_profession" type="text"
            title="@{custom_profession}" />
        </div>
        <div class="bottom-separator"></div>
      </div>

      <span class="header mainlabel secondary-font" data-i18n="problem">Problema:</span>

      <div class="header">
        <input class="profession-control" type="hidden" name="attr_profession" />

        <span class="profession-problem main-font retiree" data-i18n="retiree-problem">Tudo pelo que lutou
          está a ruir.</span>

        <span class="profession-problem main-font artist" data-i18n="artist-problem">Pessoas estão
          desacreditando da arte.</span>

        <span class="profession-problem main-font scientist" data-i18n="scientist-problem">O líder do
          cenário
          está
          planejando corte de custos.</span>

        <span class="profession-problem main-font detective" data-i18n="detective-problem">O centro policial
          está começando a lhe
          enxergar como ameaça.</span>

        <span class="profession-problem main-font engineer" data-i18n="engineer-problem">Seu espaço de
          trabalho têm
          diminuído.</span>

        <span class="profession-problem main-font student" data-i18n="student-problem">Há realmente espaço
          pra
          você na
          cidade?</span>

        <span class="profession-problem main-font shopkeeper" data-i18n="shopkeeper-problem">Clientes têm
          diminuido
          exponencialmente.</span>

        <span class="profession-problem main-font medic" data-i18n="medic-problem">Estão surgindo doenças
          erradicadas, portanto
          tratamentos estão extintos.</span>

        <span class="profession-problem main-font worker" data-i18n="worker-problem">Seu valor no cenário é
          bem baixo, lhe
          forçando por vezes a ficar longe de outros habitantes.</span>

        <span class="profession-problem main-font cop" data-i18n="cop-problem">A violência têm se
          intensificado, em alguns casos a
          moral é corrompida pelo dinheiro.</span>

        <input class="borderless-input custom main-font" name="attr_problem" type="text" title="@{problem}" />

        <div class="bottom-separator"></div>
      </div>

    </div>
    <div class="profilegrid">
      <!--Sanity-->
      <div class="column">
        <span class="box-label main-font" data-i18n="sanity">sanidade</span>

        <div class="sanity">
          <input name="attr_sanity" class="base-radio radio-zero big-radio-zero" type="radio" value="0" checked="true"
            title="@{sanity}" /> <span></span>
          <input name="attr_sanity" class="base-radio big-radio sanity-radio" type="radio" value="1"
            title="@{sanity}" /> <span></span>
          <input name="attr_sanity" class="base-radio big-radio sanity-radio" type="radio" value="2"
            title="@{sanity}" /> <span></span>
          <input name="attr_sanity" class="base-radio big-radio sanity-radio" type="radio" value="3"
            title="@{sanity}" /> <span></span>
          <input name="attr_sanity" class="base-radio big-radio sanity-radio" type="radio" value="4"
            title="@{sanity}" /> <span></span>
          <input name="attr_sanity" class="base-radio big-radio sanity-radio" type="radio" value="5"
            title="@{sanity}" /> <span></span>
        </div>
      </div>

      <div class="column">

        <!--Profession Description-->
        <div class="column profession-descriptions">
          <input class="profession-control" type="hidden" name="attr_profession" />

          <span class="profession-quote main-font retiree" data-i18n="retiree-quote">"Aquilo que fiz, desfrute da glória
            meu
            filho"</span>
          <span class="profession-description secondary-font retiree" data-i18n="retiree-description">
            Os criadores da cidade agora aproveitam de tudo
            aquilo que construíram. A glória, o luxo, a ciência
            e todas as coisas que fazem esta utopia funcionar
            de forma tão magnífica.
            Apesar de todo esse glamour, algumas escamas
            das terríveis consequências da ganância começam
            a aparecer. Há valor nos progenitores deste
            objetivo?</span>

          <span class="profession-quote main-font artist" data-i18n="artist-quote">"A arte não deve ser
            enclausurada"</span>
          <span class="profession-description secondary-font artist" data-i18n="artist-description">
            Arte sempre fora um dos pilares da sociedade.
            Para alguns arte é como respirar, para
            outros uma forma de escape e para alguns
            apenas uma forma de entretenimento.
            A verdade é que para o artista a arte não é apenas seu
            trabalho, mas seu motivo de vida. É de entristecer
            este profissional saber que para as pessoas e
            para o governo local arte têm sido dispensável.</span>

          <span class="profession-quote main-font scientist" data-i18n="scientist-quote">"Se o conhecimento é de um só,
            vão é
            nosso
            trabalho"</span>
          <span class="profession-description secondary-font scientist" data-i18n="scientist-description">
            A ciência foi um dos pilares durante o estabelecer
            desta cidade. Alguns até mesmo passavam por
            cima da ética, já que a fiscalização era bem falha.
            Porém, quando as coisas avançam demais, alguns
            tendem a monopolizar o conhecimento, alguns se
            isolam e outros começam a temer que as coisas
            fiquem estagnadas devido a falta de incentivo.</span>

          <span class="profession-quote main-font detective" data-i18n="detective-quote">"A verdade vem à tona, eles
            querendo ou não"</span>
          <span class="profession-description secondary-font detective" data-i18n="detective-description">
            Detetives começaram a trabalhar na cidade
            em trabalhos infames. Coisas como filhos
            levados, esposas e maridos infiéis, sumiço de
            pertences importantes, entre outras coisas que
            passavam do aval da polícia. Com o tempo,
            apenas pessoas mais ricas começaram a usar
            deste artifício dificultando o trabalho. Outro
            ponto chave é o desafeto com a polícia, pois
            a maioria os considera uma patente inferior.</span>

          <span class="profession-quote main-font engineer" data-i18n="engineer-quote">"Carrego a dádiva do conhecimento
            pro bem ou pro mal"</span>
          <span class="profession-description secondary-font engineer" data-i18n="engineer-description">
            A engenharia avançada fora requisitada
            para formar essa magnífica utopia. Qualquer
            projeto que chegou a este mundo, que
            permeia a vida da sociedade pré-colapsada,
            passou pelos cálculos e mentes do engenho.
            Contudo, a humanidade tratou o poder
            de modo muito ambíguo. Engenheiros
            cresceram nesta cidade, talvez até demais.</span>

          <span class="profession-quote main-font student" data-i18n="student-quote">"Uma tela em branco, pronta para
            ser pintada"</span>
          <span class="profession-description secondary-font student" data-i18n="student-description">
            A segunda geração após uma sociedade abre um
            leque para os futuros profissionais e validações
            pra cidade. Viver a sombra de algo tão magnífico
            é convidativo, mas também apavorador.
            O que há de novo para se aprender ou o que
            resta para escolher em meio a esta sociedade.
            Esta tela de vida há de ser preenchida?</span>

          <span class="profession-quote main-font shopkeeper" data-i18n="shopkeeper-quote">"quando o luxo se tornou
            desumano?"</span>
          <span class="profession-description secondary-font shopkeeper" data-i18n="shopkeeper-description">
            Comércios sempre estiveram na sociedade e não
            seria diferente neste local. Nesta maravilhosa
            utopia, lojas sempre aproveitaram do luxo e com
            o dinheiro em expansão sempre passaram por
            bons bocados, isso até os insanos aparecerem.
            Lojistas foram os primeiros a sofrer com o
            descontrole social, pois eram saqueados até serem
            designados em um programa de proteção do local.
            Lojistas se mantém na parte luxuosa da cidade.</span>

          <span class="profession-quote main-font medic" data-i18n="medic-quote">"Quando vidas se tornaram
            selecionáveis?"</span>
          <span class="profession-description secondary-font medic" data-i18n="medic-description">
            Medicina é um dos pilares da sociedade. Afinal,
            sempre precisará de alguém para precaver
            doenças que venham dizimar a população. Seu
            problema é que assim como as outras partes
            da ciência, a medicina também sofre com a
            descrença e com os valores exorbitantes para que
            as coisas possam ser executadas de forma plena.</span>

          <span class="profession-quote main-font worker" data-i18n="worker-quote">"Como ascender nesse caos?"</span>
          <span class="profession-description secondary-font worker" data-i18n="worker-description">
            Operários foram a principal mão de obra
            durante o estabelecer da cidade, porém a
            menos valorizada. O trabalho árduo do início
            foi o que fez com que as estruturas principais
            e toda sociedade pudesse se desenvolver.
            O problema principal dessa classe que além das
            péssimas condições de trabalho, seu físico fora
            severamente castigado. Líderes das distopias por
            vezes colocam alguns pra viverem em suburbios.</span>

          <span class="profession-quote main-font cop" data-i18n="cop-quote">"A justiça têm sido válida pra
            todos?"</span>
          <span class="profession-description secondary-font cop" data-i18n="cop-description">
            Segurança fora uma das forças principais
            a serem chamados para participar da
            utopia. Por um período, as coisas correram
            excepcionalmente bem, porém não demorou
            muito para que a "justiça" beneficiasse quem
            trouxesse vantagens a elite da cidade. Isso
            gerou medo e desconfiança por grande parte da
            população, principalmente da classe operária.</span>

          <textarea class="secondary-font profession-description custom" name="attr_professiondescription"
            data-i18n-placeholder="profession-description" placeholder="Descrição da Profissão"
            title="@{professiondescription}"></textarea>

        </div>

        <!--Features-->
        <div class="column features">

          <span class="box-label main-font" data-i18n="features">características</span>

          <input class="profession-control" type="hidden" name="attr_profession" />

          <span class="feature secondary-font retiree" data-i18n="retiree-feature1">Aposentados podem negar 1 de
            sanidade a cada semana.</span>
          <span class="feature secondary-font retiree" data-i18n="retiree-feature2">Vitalidades podem custar caro. Danos
            custam 2 pontos à aposentados.</span>
          <span class="feature secondary-font retiree" data-i18n="retiree-feature3">Por serem os fundadores da cidade,
            estes vivem na parte nobre da cidade.</span>
          <span class="feature secondary-font retiree" data-i18n="retiree-feature4">A vivência prolongada em um local
            permite que o aposentado conheça por completo um setor da cidade, tanto prédios quanto pessoas.</span>

          <span class="feature secondary-font artist" data-i18n="artist-feature1">Artistas têm um atelier para sua
            arte.</span>
          <span class="feature secondary-font artist" data-i18n="artist-feature2">Artistas podem recuperar 1 ponto de
            sanidade tirando um dia para dedicar a sua arte.</span>
          <span class="feature secondary-font artist" data-i18n="artist-feature3">Ficando uma semana sem sua arte
            começam a perder 1 de sanidade à cada semana subsequente.</span>
          <span class="feature secondary-font artist" data-i18n="artist-feature4">Suas artes podem gerar contatos
            importantes. Quanto mais tempo produzindo mais fiel o contato.</span>

          <span class="feature secondary-font scientist" data-i18n="scientist-feature1">Cientistas podem viajar
            gratuitamente.</span>
          <span class="feature secondary-font scientist" data-i18n="scientist-feature2">Pode convencer alguém a ajudá-lo
            ou acreditar no seu ponto, porém custa 1 de sanidade.</span>
          <span class="feature secondary-font scientist" data-i18n="scientist-feature3">Cientistas podem entrar em um
            estado de frenesi para tentar descobrir uma subtância ou desvendar algo, porém custa 1 de sanidade e 1 de
            vitalidade.</span>
          <span class="feature secondary-font scientist" data-i18n="scientist-feature4">Cientistas podem ficar até dois
            dias sem dormir sem penalidades.</span>

          <span class="feature secondary-font detective" data-i18n="detective-feature1">Detetives podem ter uma
            pistola.</span>
          <span class="feature secondary-font detective" data-i18n="detective-feature2">Detetives possuem um distintivo
            para investigação. Caso necessite interrogar alguém, podem extrair uma informação importante gastando 1 de
            sanidade.</span>
          <span class="feature secondary-font detective" data-i18n="detective-feature3">Este profissional tem um
            escritório no centro da cidade.</span>
          <span class="feature secondary-font detective" data-i18n="detective-feature4">Devido a brigas de autoridade, a
            polícia se recusa a proteger seu escritório.</span>

          <span class="feature secondary-font engineer" data-i18n="engineer-feature1">Engenheiros podem descobrir um
            enigma automaticamente sacrificando 1 de sanidade.</span>
          <span class="feature secondary-font engineer" data-i18n="engineer-feature2">Todo engenheiro tem uma
            calculadora científica.</span>
          <span class="feature secondary-font engineer" data-i18n="engineer-feature3">Perdendo 1 vitalidade o
            profissional pode tirar um tempo para descobrir um mecanismo até então desconhecido .</span>
          <span class="feature secondary-font engineer" data-i18n="engineer-feature4">Por causa da fama da profissão,
            algumas lojas os tratam como prioridades. Por vezes, ganham até desconto para roupas e mais bens de
            consumo.</span>

          <span class="feature secondary-font student" data-i18n="student-feature1">Estudantes têm uma flexibilidade
            maior de ações por não terem um trabalho determinado.</span>
          <span class="feature secondary-font student" data-i18n="student-feature2">Trabalhos geralmente não rendem
            dinheiro, mas podem render coisas/contatos importantes.</span>
          <span class="feature secondary-font student" data-i18n="student-feature3">Estudantes precisam estudar. Na
            narrativa enfrentaram provas e precisam manter no mínimo 3 pontos de estudo para passar, caso contrário,
            perdem sanidade. Pode-se usar o período noturno para estudo sem penalidade até 2 vezes por semana.</span>

          <span class="feature secondary-font shopkeeper" data-i18n="shopkeeper-feature1">Lojistas têm um
            estabelecimento a sua escolha.</span>
          <span class="feature secondary-font shopkeeper" data-i18n="shopkeeper-feature2">Têm um segurança a sua
            disposição. Eles lidam automaticamente com ataques a loja, porém perde 1 de sanidade.</span>
          <span class="feature secondary-font shopkeeper" data-i18n="shopkeeper-feature3">Lojistas têm um objeto de
            extrema valia em sua loja. Em situação de desespero podem negociá-lo sem perder sanidade.</span>
          <span class="feature secondary-font shopkeeper" data-i18n="shopkeeper-feature4">Pela pressão de se manter
            lojistas devem vender algo a cada semana. Caso não venda, o estresse lhe custará 1 de vitalidade.</span>

          <span class="feature secondary-font medic" data-i18n="medic-feature1">Médicos podem recuperar 1 de vitalidade
            de seus aliados. Custa 1 de sanidade.</span>
          <span class="feature secondary-font medic" data-i18n="medic-feature2">Todo médico tem 5 kits de primeiros
            socorros. Pós crise insana, só eles podem comprar em farmácias. Kits recuperam 1 de Vitalidade.</span>
          <span class="feature secondary-font medic" data-i18n="medic-feature3">Muitas pessoas pedem ajuda pelas ruas.
            Após 3 recusas, perde-se 1 de sanidade por recusa.</span>
          <span class="feature secondary-font medic" data-i18n="medic-feature4">Ao ver uma doença erradicada novamente
            causa um desconforto ao médico. Pode-se tentar curar ou pelo menos conter com um teste, porém se falhar
            perde 1 de sanidade e vitalidade.</span>

          <span class="feature secondary-font worker" data-i18n="worker-feature1">Operários, apesar dos abusos físicos
            dos trabalhos, aguentam desgaste. Podem negar 1 dano em vitalidade, porém perdem 1 de sanidade.</span>
          <span class="feature secondary-font worker" data-i18n="worker-feature2">Viagens pela cidade são mais baratas
            por lei para operários.</span>
          <span class="feature secondary-font worker" data-i18n="worker-feature3">Operários podem operar ferramentas e
            fazer reparos sem necessitar de teste.</span>
          <span class="feature secondary-font worker" data-i18n="worker-feature4">Testes para operários podem demarcar
            lugares exclusivos. Custa 1 sanidade.</span>

          <span class="feature secondary-font cop" data-i18n="cop-feature1">Polícia pode usar armas de fogo.</span>
          <span class="feature secondary-font cop" data-i18n="cop-feature2">Policiais podem interrogar alguém para
            extrair informações, porém perde 1 de sanidade.</span>
          <span class="feature secondary-font cop" data-i18n="cop-feature3">A profissão é de alto risco então policiais
            contam com um colete que nega 1 na redução de vitalidade.</span>
          <span class="feature secondary-font cop" data-i18n="cop-feature4">Policiais têm 1 acerto automático em
            combate, porém se visto pela sociedade e for injustificado para seus superiores, perde 2 de sanidade.</span>

          <fieldset class="repeating_features">

            <div class="repeatable-row">
              <textarea class="feature secondary-font feature-description" name="attr_featuredescription" data-i18n-placeholder="feature"
                placeholder="característica" title="@{featuredescription}"></textarea>
            </div>

          </fieldset>
        </div>
      </div>

      <!--Vitality-->
      <div class="column">
        <span class="box-label main-font" data-i18n="vitality">vitalidade</span>

        <div class="sanity">
          <input name="attr_vitality" class="base-radio radio-zero big-radio-zero" type="radio" value="0"
            title="@{vitality}" checked="true" /> <span></span>
          <input name="attr_vitality" class="base-radio vitality-radio big-radio" type="radio" value="1"
            title="@{vitality}" /> <span></span>
          <input name="attr_vitality" class="base-radio vitality-radio big-radio" type="radio" value="2"
            title="@{vitality}" /> <span></span>
          <input name="attr_vitality" class="base-radio vitality-radio big-radio" type="radio" value="3"
            title="@{vitality}" /> <span></span>
          <input name="attr_vitality" class="base-radio vitality-radio big-radio" type="radio" value="4"
            title="@{vitality}" /> <span></span>
          <input name="attr_vitality" class="base-radio vitality-radio big-radio" type="radio" value="5"
            title="@{vitality}" /> <span></span>
        </div>
      </div>

      <!-- Clothing and Accessories-->
      <div class="equipment">
        <span class="box-label main-font" data-i18n="clothes-and-accessories">vestimenta e acessórios</span>

        <fieldset class="repeating_equipments">

          <div class="repeatable-row">
            <input class="secondary-font" name="attr_equipment" type="text" title="@{equipment}" />
          </div>
        </fieldset>
      </div>

      <!--Money and miscelaneous-->
      <div class="misc">
        <input class="profession-control" type="hidden" name="attr_profession" />

        <span class="mainlabel secondary-font" data-i18n="credits">Créditos</span>
        <input class="secondary-font borderless-input" name="attr_credits" type="text" title="@{credits}" />
        <div class="small-bottom-separator"></div>

        <span class="mainlabel secondary-font artist" data-i18n="registered-studio">Atelier Registrado</span>
        <input class="secondary-font artist borderless-input" name="attr_studio" type="text" title="@{studio}" />
        <div class="artist small-bottom-separator"></div>

        <span class="mainlabel secondary-font artist" data-i18n="art-type">Tipo de Arte</span>
        <input class="secondary-font artist borderless-input" name="attr_art" type="text" title="@{art}" />
        <div class="artist small-bottom-separator"></div>

        <span class="mainlabel secondary-font scientist" data-i18n="study-area">Área de Estudo</span>
        <input class="secondary-font scientist borderless-input" name="attr_study_area" type="text" title="@{study_area}" />
        <div class="scientist small-bottom-separator"></div>

        <span class="mainlabel secondary-font detective" data-i18n="pistol-name">Nome da Pistola</span>
        <input class="secondary-font detective borderless-input" name="attr_pistol_name" type="text" title="@{pistol_name}" />
        <div class="detective small-bottom-separator"></div>

        <span class="mainlabel secondary-font student" data-i18n="study">Estudo</span>
        <div class="misc-marker student">
          <input name="attr_study_radio" class="base-radio radio-zero small-radio-zero" type="radio" value="0"
            title="@{study_radio}" checked="true" /> <span></span>
          <input name="attr_study_radio" class="base-radio misc-radio small-radio" type="radio" value="1"
            title="@{study_radio}" /> <span></span>
          <input name="attr_study_radio" class="base-radio misc-radio small-radio" type="radio" value="2"
            title="@{study_radio" /> <span></span>
          <input name="attr_study_radio" class="base-radio misc-radio small-radio" type="radio" value="3"
            title="@{study_radio}" /> <span></span>
          <input name="attr_study_radio" class="base-radio misc-radio small-radio" type="radio" value="4"
            title="@{study_radio}" /> <span></span>
          <input name="attr_study_radio" class="base-radio misc-radio small-radio" type="radio" value="5"
            title="@{study_radio}" /> <span></span>
        </div>

        <span class="mainlabel medic secondary-font" data-i18n="medical-kit">Kit Médico</span>
        <div class="misc-marker medic">
          <input name="attr_medic_kit" class="base-radio radio-zero small-radio-zero" type="radio" value="0"
            title="@{medic_kit}" checked="true" /> <span></span>
          <input name="attr_medic_kit" class="base-radio misc-radio small-radio" type="radio" value="1"
            title="@{medic_kit}" /> <span></span>
          <input name="attr_medic_kit" class="base-radio misc-radio small-radio" type="radio" value="2"
            title="@{medic_kit" /> <span></span>
          <input name="attr_medic_kit" class="base-radio misc-radio small-radio" type="radio" value="3"
            title="@{medic_kit}" /> <span></span>
          <input name="attr_medic_kit" class="base-radio misc-radio small-radio" type="radio" value="4"
            title="@{medic_kit}" /> <span></span>
          <input name="attr_medic_kit" class="base-radio misc-radio small-radio" type="radio" value="5"
            title="@{medic_kit}" /> <span></span>
        </div>

        <span class="mainlabel shopkeeper secondary-font" data-i18n="store-name">Nome da Loja</span>
        <input class="secondary-font shopkeeper borderless-input" name="attr_store_name" type="text" title="@{store_name}" />
        <div class="shopkeeper small-bottom-separator"></div>

        <span class="mainlabel shopkeeper secondary-font" data-i18n="commerce-type">Tipo de Comércio</span>
        <input class="secondary-font shopkeeper borderless-input" name="attr_commerce_type" type="text" title="@{commerce_type}" />
        <div class="shopkeeper small-bottom-separator"></div>

        <span class="mainlabel cop secondary-font" data-i18n="weapon-type">Tipo de Arma</span>
        <input class="secondary-font cop borderless-input" name="attr_weapon_type" type="text" title="@{weapon_type}" />
        <div class="cop small-bottom-separator"></div>

      </div>

      <div class="logo">
        
      </div>

      <div class="logo2">
        <span class="glory-of-the-city main-font" data-i18n="work-for-the-glory-of-the-city">trabalhe pela glória da
          cidade</span>
        <span class="glory-of-the-city-small secondary-font" data-i18n="or-not">(ou não)</span>
      </div>


    </div>
  </div>

  <!-- Config tab-->
  <div class='configurationtab'>
    <h2>Config/Settings</h2>
    <span>Sheet Config/Settings goes here</span>
  </div>

  <!-- Help Tab -->
  <div class='helptab'>
    <h2>Help page</h2>
    <span>Help Stuff Goes here</span>
  </div>

</div>

<!-- Footer -->
<div class="footer secondary-font">
  <span data-i18n="copyright">Anos 20 é um jogo escrito por Luis Heavy.</span>
</div>

<!-- end of sheet -->

<!-- Roll Templates -->
<rolltemplate class="sheet-rolltemplate-main">
  <div class="template-container">
    <div class="template-header template-main-font">
      {{charname}}
    </div>

    {{#result}}
    <div class="template-roll">
      {{result}}
    </div>

    {{#rollTotal() result 1}}
    <div class="template-result">
      <span class="template-fail template-secondary-font" data-i18n="roll_result_1">O personagem falha na ação determinada de forma desastrosa.
        Além de acarretar algo ruim para si ou para o grupo, perde-se 1 de sanidade.
      </span>
    </div>
    {{/rollTotal() result 1}}

    {{#rollTotal() result 2}}
    <div class="template-result">
      <span class="template-fail template-secondary-font" data-i18n="roll_result_2">O personagem falha em fazer a ação que queria tendo de lidar
        com as consequências disso.
      </span>
    </div>
    {{/rollTotal() result 2}}

    {{#rollTotal() result 3}}
    <div class="template-result">
      <span class="template-fail template-secondary-font" data-i18n="roll_result_3">O personagem até sente um leve gosto da conquista que
        almejava mas falha na sua execução.
      </span>
    </div>
    {{/rollTotal() result 3}}

    {{#rollTotal() result 4}}
    <div class="template-result">
      <span class="template-success template-secondary-font" data-i18n="roll_result_4">O personagem consegue alcançar seu objetivo no limite
        entre o acerto e a falha.
      </span>
    </div>
    {{/rollTotal() result 4}}

    {{#rollTotal() result 5}}
    <div class="template-result">
      <span class="template-success template-secondary-font" data-i18n="roll_result_5">O personagem consegue concluir o que queria de uma forma
        mais satisfatória seguindo de uma forma tranquila.
      </span>
    </div>
    {{/rollTotal() result 5}}

    {{#rollTotal() result 6}}
    <div class="template-result">
      <span class="template-success template-secondary-font" data-i18n="roll_result_6">O personagem consegue com maestria chegar a seu objetivo!
        A conclusão do seu ato é extremamente satisfatório, rendendo a recuperação de 1 sanidade.
      </span>
    </div>
    {{/rollTotal() result 6}}

    {{/result}}

  </div>

</rolltemplate>

<!--Sheet Workers -->
<script type="text/worker">

  /*Tabs Control */
  on('change:tabs_radio', function(eventInfo) {
    setAttrs({
      selected_tab: eventInfo.newValue
    });
  });

  const credits = {
    custom: 0,
    retiree: 1100,
    artist: 1000,
    scientist: 900,
    detective: 900,
    engineer: 1100,
    student: 300,
    shopkeeper: 1000,
    medic: 1200,
    worker: 800,
    cop: 800
  };

  /* sets the profession's initial credits */
  on('change:profession', function(eventInfo) {
    const profession = eventInfo.newValue;
    
    if (credits[profession] !== undefined) {
      setAttrs(
        {
          credits: credits[profession]
        }
      );
    }
    
  });
  
  
</script>