component Character(character *arn.Character)
	a.character(href="/character/" + character.ID)
		img.character-image.lazy(data-src=character.ImageLink("medium"), data-webp="true", data-color=character.AverageColor(), alt=character.Name.Canonical)
		.image-title
			.image-title-text= character.Name.Canonical

component CharacterSmall(character *arn.Character)
	a.character.tip(href="/character/" + character.ID, aria-label=character.Name.Canonical)
		img.character-image.character-image-small.lazy(data-src=character.ImageLink("small"), data-webp="true", data-color=character.AverageColor(), alt=character.Name.Canonical)