Template:sparkline

From IndieWeb
(Redirected from sparkline template)

The sparkline template is used to display an inline photo with an optional class attached, e.g. to make a u-photo microformat. It is commonly used to create templates for users to sign their chat-name on Etherpads or wiki pages.

Before You Start

IMPORTANT: Before you create a sparkline template, please:

That will give you a better idea of what to use for your sparkline template.

Blank Template

Copy, paste, fill in URL of the photo, then continue to the next section

{{sparkline|1=http://example.com/profile.jpg}}

If you want to add a class, add a class= parameter:

{{sparkline|1=http://example.com/profile.jpg|class=u-photo}}

Parameters

1
the URL of your photo
class
(optional) the class(es) to add to add to the <img> tag.

Notes

The numbered prefix "1=" is technically optional when using this template. They're used here to make the documentation clearer.

If your avatar image has a query string on the end (like ?size=128), you should use the numbered prefixes to ensure your image is displayed,e.g

  • {{sparkline|1=https://example.com/me.jpg?size=128}}

Examples

sparkline:

{{sparkline|1=http://tantek.com/logo.jpg}}

Will generate:

small h-card template using sparkline: (see: Template:t)

<span class="h-card">{{sparkline|1=https://twitter.com/t/profile_image}}[[User:Tantek.com|Tantek ร‡elik]]</span>

Will generate: Tantek ร‡elik

How to make a small h-card template

This has been moved to its own page.

How to include your h-card in your wiki signature

This has been moved to its own page.

How to edit a sparkline

This has been moved to its own page.