angular-cn/public/_includes/_hero.jade

// Refer to jade.template.html and addJadeDataDocsProcessor to figure out where the context of this jade file originates
- var textFormat = '';
- var headerTitle = title + (typeof varType !== 'undefined' ? (': ' + varType) : '');
- var capitalize = function capitalize(str) { return str.charAt(0).toUpperCase() + str.slice(1); }
- var useBadges = docType || stability;

// renamer :: String -> String
// Renames `Let` and `Var` into `Const`
- var renamer = function renamer(docType) {
-   return (docType === 'Let' || docType === 'Var') ? 'Const' : docType
- }

if current.path[4] && current.path[3] == 'api'
  - var textFormat = 'is-standard-case'

header(class="hero background-sky")
  div(class="inner-header")
    h1(class="hero-title text-display-1 #{textFormat}") #{headerTitle}
    if useBadges
    span(class="badges")
      if docType
        span(class="status-badge").
          #{renamer(capitalize(docType))}
      if stability
        span(layout="row" class="status-badge")
          // badge circle is filled based on stability by matching a css selector in _hero.scss
          span(class="status-circle status-#{stability}")
          span Stability: #{capitalize(stability)}
      if security
        span(class="status-badge security-risk-badge").
          Security Risk

  if subtitle
    h2.hero-subtitle.text-subhead #{subtitle}

  else if current.path[0] == "docs"
    != partial("_version-dropdown")