SemanSemantic-UItic-UI/server/partials/header.html.eco

<% @tabs = {  definition: 'Definition', usage: 'Usage', examples: 'Examples', behaviors: 'Behaviors', settings: 'Settings' } if @tabs == 'module' %>

<div class="<% if @tabs?: %>tab <% end %>segment">
  <div class="container">
    <div class="introduction">

      <h1 class="ui dividing header">
        <%=@document.title %>
        <% if @document.status?: %><span class="ui label"><%= @document.status %></span><% end %>
      </h1>

      <p><%=@document.description %></p>
      <% if @document.type is 'UI Element' or @document.type is 'UI View' or @document.type is 'UI Collection' or @document.type is 'UI Module': %>
      <div class="ui basic labeled icon toggle overview button">
        Definition
        <i class="book icon"></i>
      </div>
      <% end %>

      <% index = 0 %>
      <% if @tabs?: %>
        <div class="ui tabular menu">
          <% for id, name of @tabs: %>
            <a class="<%= if index == 0 then 'active ' %>item" data-tab="<%= id %>"><%= name %></a>
            <% index++ %>
          <% end %>
        </div>
      <% end %>

    </div>
    <div class="advertisement">
      <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/51619/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
    </div>
  </div>
</div>