kit

Avatar

Built revision v17.10.0

Phoenix
Topics

Human support

Bring a missing role, layout, or state, or a rendering against the standard, to the session working on kit. Name the package and the entry.

On Shell, List, Record, Calendar

Avatar

People at Avatar: a picture, initials, a picture whose address answers nothing, an address with no name, and a person no longer present.

Aisha Khan

Priya Shah

Tom Reid

jo@oakmerehall.uk

Former member

The same people at Avatar small.

Aisha Khan

Priya Shah

Tom Reid

jo@oakmerehall.uk

Former member

An Avatar alone, named for its person.

AK

An Avatar alone with availability beside one without, at each size.

PS SO

P S

A group of five: three circles and the rest counted, opening the people.

  • Aisha KhanEditing the deposit
  • Priya ShahReading
  • Tom ReidReading
  • jo@oakmerehall.ukReading the notes
  • Sam OkaforReading

A group of two, with no count, one of them away.

  • Priya Shah AwayReading
  • Sam OkaforEditing the notes
Source
<script type="application/json" data-specimen-failures phx-no-curly-interpolation>{"resources":["data:image/png;base64,AA=="],"errors":[]}</script>
<p class="specimen-case-line">People at Avatar: a picture, initials, a picture whose address answers nothing, an address with no name, and a person no longer present.</p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.person("Aisha Khan", "AK", "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgdmlld0JveD0iMCAwIDk2IDk2Ij48cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIGZpbGw9IiM4ZmE1YjYiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjM4IiByPSIxOCIgZmlsbD0iI2U4YzlhOCIvPjxwYXRoIGQ9Ik00OCA2MGMtMTcgMC0yOSAxMS0zMSAyNnYxMGg2MlY4NmMtMi0xNS0xNC0yNi0zMS0yNnoiIGZpbGw9IiMzZjVkNTIiLz48cGF0aCBkPSJNMzAgMzRjMC0xMiA4LTIwIDE4LTIwczE4IDggMTggMjBjMC02LTYtOC0xOC04cy0xOCAyLTE4IDh6IiBmaWxsPSIjNGEzYTJmIi8+PC9zdmc+")} /> Aisha Khan</p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.person("Priya Shah", "PS")} /> Priya Shah</p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.person("Tom Reid", "TR", "data:image/png;base64,AA==")} /> Tom Reid</p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.unnamed("jo@oakmerehall.uk")} /> <Kit.Phoenix.Email.email address="jo@oakmerehall.uk" /></p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.gone()} /> Former member</p>
<p class="specimen-case-line">The same people at Avatar small.</p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.person("Aisha Khan", "AK", "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgdmlld0JveD0iMCAwIDk2IDk2Ij48cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIGZpbGw9IiM4ZmE1YjYiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjM4IiByPSIxOCIgZmlsbD0iI2U4YzlhOCIvPjxwYXRoIGQ9Ik00OCA2MGMtMTcgMC0yOSAxMS0zMSAyNnYxMGg2MlY4NmMtMi0xNS0xNC0yNi0zMS0yNnoiIGZpbGw9IiMzZjVkNTIiLz48cGF0aCBkPSJNMzAgMzRjMC0xMiA4LTIwIDE4LTIwczE4IDggMTggMjBjMC02LTYtOC0xOC04cy0xOCAyLTE4IDh6IiBmaWxsPSIjNGEzYTJmIi8+PC9zdmc+")} size="small" /> Aisha Khan</p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.person("Priya Shah", "PS")} size="small" /> Priya Shah</p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.person("Tom Reid", "TR", "data:image/png;base64,AA==")} size="small" /> Tom Reid</p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.unnamed("jo@oakmerehall.uk")} size="small" /> <Kit.Phoenix.Email.email address="jo@oakmerehall.uk" /></p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.gone()} size="small" /> Former member</p>
<p class="specimen-case-line">An Avatar alone, named for its person.</p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.person("Aisha Khan", "AK", "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgdmlld0JveD0iMCAwIDk2IDk2Ij48cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIGZpbGw9IiM4ZmE1YjYiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjM4IiByPSIxOCIgZmlsbD0iI2U4YzlhOCIvPjxwYXRoIGQ9Ik00OCA2MGMtMTcgMC0yOSAxMS0zMSAyNnYxMGg2MlY4NmMtMi0xNS0xNC0yNi0zMS0yNnoiIGZpbGw9IiMzZjVkNTIiLz48cGF0aCBkPSJNMzAgMzRjMC0xMiA4LTIwIDE4LTIwczE4IDggMTggMjBjMC02LTYtOC0xOC04cy0xOCAyLTE4IDh6IiBmaWxsPSIjNGEzYTJmIi8+PC9zdmc+")} alone /></p>
<p class="specimen-case-line">An Avatar alone with availability beside one without, at each size.</p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.person("Priya Shah", "PS", nil, "Away")} alone /> <Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.person("Sam Okafor", "SO")} alone /></p>
<p><Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.person("Priya Shah", "PS", nil, "Away")} size="small" alone /> <Kit.Phoenix.Roles.Avatar.avatar person={Kit.Phoenix.Roles.Avatar.person("Sam Okafor", "SO")} size="small" alone /></p>
<p class="specimen-case-line">A group of five: three circles and the rest counted, opening the people.</p>
<Kit.Phoenix.Roles.Avatar.group id="role-avatar-group-five" label="Aisha Khan, Priya Shah, Tom Reid and 2 more" people={[
  %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Aisha Khan", "AK", "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgdmlld0JveD0iMCAwIDk2IDk2Ij48cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIGZpbGw9IiM4ZmE1YjYiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjM4IiByPSIxOCIgZmlsbD0iI2U4YzlhOCIvPjxwYXRoIGQ9Ik00OCA2MGMtMTcgMC0yOSAxMS0zMSAyNnYxMGg2MlY4NmMtMi0xNS0xNC0yNi0zMS0yNnoiIGZpbGw9IiMzZjVkNTIiLz48cGF0aCBkPSJNMzAgMzRjMC0xMiA4LTIwIDE4LTIwczE4IDggMTggMjBjMC02LTYtOC0xOC04cy0xOCAyLTE4IDh6IiBmaWxsPSIjNGEzYTJmIi8+PC9zdmc+"), doing: "Editing the deposit"},
  %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Priya Shah", "PS"), doing: "Reading"},
  %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Tom Reid", "TR", "data:image/png;base64,AA=="), doing: "Reading"},
  %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.unnamed("jo@oakmerehall.uk"), doing: "Reading the notes"},
  %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Sam Okafor", "SO"), doing: "Reading"}
]} />
<p class="specimen-case-line">A group of two, with no count, one of them away.</p>
<Kit.Phoenix.Roles.Avatar.group id="role-avatar-group-two" label="Priya Shah and Sam Okafor" people={[
  %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Priya Shah", "PS", nil, "Away"), doing: "Reading"},
  %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Sam Okafor", "SO"), doing: "Editing the notes"}
]} />