Webmakers/SampleBadges: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Changed to table layout)
(Made behaviors more human-readable)
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
These are sample badges.
These are sample badges.


== First Login Badge ==
== First Login ==


<table><tr>
<table><tr>
<td style="vertical-align: top">
[[File:Merit-badge.png]]
</td>
<td>
<td>
[[File:Merit-badge.png|left]]
''Like a champion, you logged in, vanquishing all privacy policies and terms of service in your path.''
 
Awarded when a user has <strong class="behavior">logged in</strong> to a Webmaker property <span class="trigger">once</span>.
 
'''Skills Learned'''
 
* Can create an account on [https://persona.org/ persona.org].
* Can log into a site that uses Persona for authentication.
</td>
</tr></table>
 
== Hyperlinker ==
 
<table><tr>
<td style="vertical-align: top">
[[File:Merit-badge.png]]
</td>
</td>
<td>
<td>
''Like a champion, you logged into Thimble, vanquishing all privacy policies and terms of service in your path.''
''You can forge the fundamental building block of the Web.''
 
Awarded when a user has created or edited a <strong class="behavior">hyperlink</strong> <span class="trigger">5</span> times.


'''Skills Learned'''
'''Skills Learned'''


* Legalese
* Can add an <code>&lt;a&gt;</code> tag with an <code>href</code> attribute to a Web page.
</td>
</td>
</tr></table>
</tr></table>


== Second Login Badge ==
== HTML Documenter ==


<table><tr>
<table><tr>
<td style="vertical-align: top">
[[File:Merit-badge.png]]
</td>
<td>
<td>
[[File:Merit-badge.png|left]]
''You can add explanatory HTML comments to a page.''
 
Awarded when a user has created or edited an <strong class="behavior">HTML comment</strong> <span class="trigger">5</span> times.
 
'''Skills Learned'''
 
* Can add HTML comments (e.g., <code>&lt;!-- --&gt;</code>) to a Web page.
</td>
</tr></table>
 
== Publisher ==
 
<table><tr>
<td style="vertical-align: top">
[[File:Merit-badge.png]]
</td>
</td>
<td>
<td>
''You logged in again. Nice job.''
''You've published your first page on the Web!''
 
Awarded when a user has <strong class="behavior">published</strong> a page in Thimble <span class="trigger">once</span>.


'''Skills Learned'''
'''Skills Learned'''


* Perseverance
* Can use the publish functionality in Thimble.
</td>
</td>
</tr></table>
</tr></table>

Latest revision as of 15:27, 21 September 2012

These are sample badges.

First Login

Merit-badge.png

Like a champion, you logged in, vanquishing all privacy policies and terms of service in your path.

Awarded when a user has logged in to a Webmaker property once.

Skills Learned

  • Can create an account on persona.org.
  • Can log into a site that uses Persona for authentication.

Hyperlinker

Merit-badge.png

You can forge the fundamental building block of the Web.

Awarded when a user has created or edited a hyperlink 5 times.

Skills Learned

  • Can add an <a> tag with an href attribute to a Web page.

HTML Documenter

Merit-badge.png

You can add explanatory HTML comments to a page.

Awarded when a user has created or edited an HTML comment 5 times.

Skills Learned

  • Can add HTML comments (e.g., <!-- -->) to a Web page.

Publisher

Merit-badge.png

You've published your first page on the Web!

Awarded when a user has published a page in Thimble once.

Skills Learned

  • Can use the publish functionality in Thimble.