simple skills list dust template

skills.html

{#profile_skill}
<div class="section" id="profile-skills" style="display:block">
  <div class="header">
    <h2>{@pre:i18n text="Skills"}</h2>
  </div>
{?skills} {! we still want to display the Skills heading, even if the number of skills is zero !}
<div class="content">
    <ol class="skills" id="skills-list">  
    {#skills}
      <li class="competency show-bean">
        <span class="miniprofile-container jellybean">{.name}</span>     
      </li>
    {/skills}                    
    </ol>
  </div>
{/skills}
</div>
{/profile_skill}

"profile_skill": {
    "skills": [{
        "name": "JavaScript"
    }, {
        "name": "Ruby"
    }, {
        "name": "Java"
    }],
    "i18n_skills": "Skills" // when rendered with current locale en_US
}