Edit profile - pronouns.cc

Avatar

{#if avatar}

{:else} {/if}

Only PNG, JPEG, GIF, and WebP images can be used as avatars. Avatars cannot be larger than 1 MB, and animated avatars will be made static.

</FormGroup>
        </div>
      </div>
    </div>
    <div class="row m-1">
      <div class="col-md">
        <h4>Names</h4>
        {#each names as _, index}
          <EditableName
            bind:value={names[index].value}
            bind:status={names[index].status}
            moveUp={() => moveName(index, true)}
            moveDown={() => moveName(index, false)}
            remove={() => removeName(index)}
          />
        {/each}
        <div class="input-group m-1">
          <input type="text" class="form-control" bind:value={newName} />
          <IconButton color="success" icon="plus" tooltip="Add name" click={() => addName()} />
        </div>
      </div>
      <div class="col-md">
        <h4>Links</h4>
        {#each links as _, index}
          <div class="input-group m-1">
            <input type="text" class="form-control" bind:value={links[index]} />
            <IconButton
              color="danger"
              icon="trash3"
              tooltip="Remove link"
              click={() => removeLink(index)}
            />
          </div>
        {/each}
        <div class="input-group m-1">
          <input type="text" class="form-control" bind:value={newLink} />
          <IconButton color="success" icon="plus" tooltip="Add link" click={() => addLink()} />
        </div>
      </div>
    </div>
    <div class="row m-1">
      <div class="col-md">
        <h4>Pronouns</h4>
        {#each pronouns as _, index}
          <EditablePronouns
            bind:pronoun={pronouns[index]}
            moveUp={() => movePronoun(index, true)}
            moveDown={() => movePronoun(index, false)}
            remove={() => removePronoun(index)}
          />
        {/each}
        <div class="input-group m-1">
          <input
            type="text"
            class="form-control"
            placeholder="Full set (e.g. it/it/its/its/itself)"
            bind:value={newPronouns}
            required
          />
          <input
            type="text"
            class="form-control"
            placeholder="Optional display text (e.g. it/its)"
            bind:value={newPronounsDisplay}
          />
          <IconButton
            color="success"
            icon="plus"
            tooltip="Add pronouns"
            click={() => addPronouns()}
          />
        </div>
      </div>
    </div>
    <hr />
    <h4>
      Fields <Button on:click={() => (fields = [...fields, { name: "New field", entries: [] }])}>
        Add new field
      </Button>
    </h4>
  </div>
  <div class="grid gap-3">
    <div class="row row-cols-1 row-cols-md-2">
      {#each fields as _, index}
        <EditableField bind:field={fields[index]} deleteField={() => removeField(index)} />
      {/each}
    </div>
  </div>
{/if}

Edit profile {#if modified} updateUser()}>Save changes {/if}

Avatar

Edit profile {#if modified} {/if}