Webmakers/SampleBadges: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Added publisher badge.)
(Made behaviors more human-readable)
 
(2 intermediate revisions by the same user not shown)
Line 4: Line 4:


<table><tr>
<table><tr>
<td>
<td style="vertical-align: top">
[[File:Merit-badge.png]]
[[File:Merit-badge.png]]
</td>
</td>
<td>
<td>
''Like a champion, you logged in, vanquishing all privacy policies and terms of service in your path.''
''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'''
'''Skills Learned'''
Line 14: Line 16:
* Can create an account on [https://persona.org/ persona.org].
* Can create an account on [https://persona.org/ persona.org].
* Can log into a site that uses Persona for authentication.
* Can log into a site that uses Persona for authentication.
This badge is awarded when a user successfully logs into a Webmaker property using Persona.
</td>
</td>
</tr></table>
</tr></table>
Line 22: Line 22:


<table><tr>
<table><tr>
<td>
<td style="vertical-align: top">
[[File:Merit-badge.png]]
[[File:Merit-badge.png]]
</td>
</td>
<td>
<td>
''You can forge the fundamental building block of the Web.''
''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'''


* Can add an <code>&lt;a&gt;</code> tag with an <code>href</code> attribute to a Web page.
* Can add an <code>&lt;a&gt;</code> tag with an <code>href</code> attribute to a Web page.
This badge is awarded when a user creates or edits a hyperlink in Thimble.
</td>
</td>
</tr></table>
</tr></table>


== Documenter ==
== HTML Documenter ==


<table><tr>
<table><tr>
<td>
<td style="vertical-align: top">
[[File:Merit-badge.png]]
[[File:Merit-badge.png]]
</td>
</td>
<td>
<td>
''You can add explanatory comments to a page.''
''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'''
'''Skills Learned'''


* Can add HTML comments (e.g., <code>&lt;!-- --&gt;</code>) and/or CSS comments (e.g., <code>/* */</code>) to a Web page.
* Can add HTML comments (e.g., <code>&lt;!-- --&gt;</code>) to a Web page.
 
This badge is awarded when a user creates or edits a comment in Thimble.
</td>
</td>
</tr></table>
</tr></table>
Line 56: Line 56:


<table><tr>
<table><tr>
<td>
<td style="vertical-align: top">
[[File:Merit-badge.png]]
[[File:Merit-badge.png]]
</td>
</td>
<td>
<td>
''You've published your first page on the Web!''
''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'''


* Can use the publish functionality in Thimble.
* Can use the publish functionality in Thimble.
This badge is awarded when a user publishes their first page 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.