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}}
How to make a small h-card template
To make a small h-card template that allows you to easily add your name, link, and photo to a wiki page:
- On your wiki user page, temporarily add:
{{yourname}}- Replace "yourname" with your chat-name or other short form of your name
- This is not your domain. You don’t use your domain in chat so please no "www." or ".com" etc. in your sparkline either.
- Click the resulting red Template:yourname link to edit the template.
- Copy, paste, and edit with your information (note that you do not edit the word sparkline):
<span class="h-card" style="white-space:nowrap">{{sparkline|1=http://example.com/your-profile-image.jpg}} [[User:Example.com|Your Display Name]]</span>
- After saving the template, preview it on your wiki user page. Once it is working correctly, you can remove the template you initially added to your wiki user page
If you have any questions, ask us in the meta chat channel.
Browse other community members' templates
How to include your h-card in your wiki signature
After creating your h-card template, open the Special:Preferences page and scroll to the "Signature" section. In the "New Signature" field, add {{subst:yourname}}. Check the box for "Treat signature as wikitext (without an automatic link)" and click "Save."
You will now be able to sign your comments on the wiki with your h-card, using three tildes: ~~~
To sign with your h-card + current datetime, use four tildes: ~~~~
How to edit a sparkline
If you want to change an existing sparkline – for example, to update the user image – you can find the template at:
https://indieweb.org/Template:yourname
Replacing "yourname" with your name or chat-name that you used when creating the template, e.g. "aaronpk"
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