Um "guia" que espero ser simples sobre como copiar e colar elementos no código-fonte para organizar e personalizar. Este guia pressupõe que você tem pouco conhecimento de HTML ou do processo de edição do código-fonte. Se você tem mais experiência, vá direto à Personalidade do bot para ver o código.

Informações básicas

O botão circulado em vermelho abrirá o código-fonte. Observação: o editor removerá automaticamente todos os espaços em branco depois de salvar. Então, sim, depois de terminar, ele vai parecer uma grande parede de texto. Cole os elementos desejados no código-fonte, aplique e confira se funcionou (as alterações devem aparecer na Biografia do Personagem sem que você precise salvar seu bot). Tudo o que não for "compatível com o Janitor AI" desaparecerá do código-fonte.

AVISO: Encontrei todo esse código clicando com o botão direito nos elementos e selecionando "Inspecionar". Isso abre as Ferramentas do Desenvolvedor do seu navegador, onde você pode copiar o elemento completo e ajustá-lo conforme necessário. Isso significa que não estou reivindicando nenhum desses códigos como meu, e não encontrei um guia semelhante, então estou apenas tentando disponibilizar os elementos que descobri para facilitar o uso por todos. Presumo que esse processo não seja malvisto, já que qualquer pessoa pode fazê-lo e não estou pegando conteúdo/dados reais de bots. Fique à vontade para comentar se discordar, mas explique o motivo.

Exemplos

O código que você vai querer inserir no código-fonte está na seção Personalidade deste bot. Abaixo, dei um exemplo de cada elemento. Se quiser mudar as cores do texto, você pode fazer isso da maneira habitual, selecionando o texto e usando o botão da paleta de cores. Se quiser alinhar o texto de outra forma, é a mesma coisa.

Não é necessário editar o código-fonte depois de colar; você pode editar o TEXTO DE ENTRADA AQUI diretamente sem danificar o código.

NO ENTANTO, pressionar a tecla Enter geralmente criará um segundo banner/rótulo/caixa etc. Se quiser expandir um banner ou plano de fundo, infelizmente, você terá que editar o código-fonte. Para isso, é preciso inserir um <br>, que é uma quebra de linha, depois de 'TEXTO DE ENTRADA AQUI'. Não recomendo fazer isso, a menos que você tenha algum conhecimento de HTML, pois colocar <br> no lugar errado pode danificar o código.

Banner vermelho, texto branco

TEXTO DE ENTRADA AQUI

Texto pequeno com borda

TEXTO DE ENTRADA AQUI

Exemplo de pressionar Enter! Criei uma segunda caixa com borda.

Uso estes como etiquetas

Fundo preto com texto branco

TEXTO DE ENTRADA AQUI

Rótulo azul, cabeçalho com fundo preto e descrição

    CABEÇALHO
DESCRIÇÃO

Banner amarelo, texto branco

TEXTO DE ENTRADA AQUI

Isso é tudo o que reuni até agora.

Espero que seja útil, e fique à vontade para me corrigir gentilmente se eu tiver cometido algum erro. Também tenho visto muitos criadores de bots usarem imagens para personalizar as descrições dos bots! Esta é apenas uma maneira de organizar/personalizar (: Meus bots mais recentes usam esses elementos, caso queira ver como organizo os exemplos acima em um modelo.

Fique à vontade para comentar com perguntas também; responderei da melhor maneira que puder! Não sou especialista, mas estou disposto a ajudar<3

Prefere isso em outro formato? Estava pensando em colocar num Google Docs, caso alguém ache mais fácil. Me avise.