Template:sparkline
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:
- Say hi in IndieWeb chat.
- Add your chat name to chat-names
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.