<div class="modal-child modal-childMain custCol-primary">
  <div class="about-hero modal-hero-about color-secondary-darken custCol-secondary-darken">
    <div class="modal-hero-icon"></div>
    <p class="width100 alignCenter custCol-text marginTop50 row5 textOpacity75 fontSize14"><%= polyglot.t('Version', {version: ob.version}) %></p>
    <% if(ob.serverVersion) { %>
      <p class="width100 alignCenter custCol-text marginTop10 textOpacity75 fontSize14"><%= polyglot.t('ServerVersion', {serverVersion: ob.serverVersion}) %></p>
    <% } %>
  </div>
  <div class="aboutModal-accordion accordion">
    <div class="accordion-window">
      <div class="accordion-child color-primary custCol-primary custCol-text">
        <div class="bar navBar barFlush custCol-text custCol-secondary height56">
          <a class="btn btn-bar btn-tab custCol-secondary js-tab <% ob.tab === 'about' && print('active') %>"  data-tab="about">
            <span class="ion-ios-book fontSize11 marginRight2 textOpacity1"></span>
            <%= polyglot.t('About') %>
          </a>
          <a class="btn btn-bar btn-tab custCol-secondary js-tab <% ob.tab === 'contributors' && print('active') %>"  data-tab="contributors">
            <span class="ion-ios-people fontSize12 marginRight2 textOpacity1"></span>
            <%= polyglot.t('Contributors') %>
          </a>
          <a class="btn btn-bar btn-tab custCol-secondary js-tab <% ob.tab === 'support' && print('active') %>" data-tab="support">
            <span class="ion-android-favorite fontSize11 marginRight2 textOpacity1"></span>
            <%= polyglot.t('Support') %>
          </a>
          <a class="btn btn-bar btn-tab custCol-secondary js-tab <% ob.tab === 'licensing' && print('active') %>" data-tab="licensing">
            <span class="ion-clipboard fontSize11 marginRight2 textOpacity1"></span>
            <%= polyglot.t('Licensing') %>
          </a>
        </div>

        <% if (ob.tab === 'about') { %>
        <div class="modal-section custCol-primary modal-about-sectionjs-externalLinks customThemeScrollbar lineHeight20">
          <%= polyglot.t('aboutSection.about') %>
        </div>
        <% } else if (ob.tab === 'licensing') { %>
        <div class="modal-section custCol-primary modal-about-section js-externalLinks customThemeScrollbar lineHeight20">
          <%= polyglot.t('aboutSection.licensing') %>
        </div>
        <% } else if (ob.tab === 'support') { %>
        <div class="modal-section custCol-primary modal-about-section js-externalLinks customThemeScrollbar lineHeight20">
          <% var shareURL = "https%3A%2F%2Fopenbazaar.org" %>
          <div class="supportWrapper">
            <div class="supportPayWrapper">
              <img src="./imgs/donations.png" />
            </div>
            <div class="socialReminder">
              <div class="socialLinkWrapper">
                <a href="https://twitter.com/intent/tweet/?text=<%= polyglot.t('socialReminder.blurb') %>&url=<%= shareURL %>&hashtags=TradeFree&related=openbazaar%3AOpenBazaar,News%20about%20OpenBazaar">
                  <span class="socialLink">
                    <span class="ion-social-twitter socialIcon"></span>
                  </span>
                  <%= polyglot.t('socialReminder.shareTwitter') %>
                </a>
                <a href="https://www.facebook.com/sharer/sharer.php?u=<%= shareURL %>">
                  <span class="socialLink">
                    <span class="ion-social-facebook socialIcon"></span>
                  </span>
                  <%= polyglot.t('socialReminder.shareFacebook') %>
                </a>
                <a href=http://pinterest.com/pin/create/button/?url=<%= shareURL %>&description=<%= polyglot.t('socialReminder.blurb') %>">
                  <span class="socialLink">
                    <span class="ion-social-pinterest socialIcon"></span>
                  </span>
                  <%= polyglot.t('socialReminder.sharePinterest') %>
                </a>
                <a href="https://www.linkedin.com/shareArticle?mini=true&url=<%= shareURL %>&title=<%= polyglot.t('socialReminder.title') %>&summary=<%= polyglot.t('socialReminder.blurb') %>&source=OpenBazaar">
                  <span class="socialLink">
                    <span class="ion-social-linkedin socialIcon"></span>
                  </span>
                  <%= polyglot.t('socialReminder.shareLinkedIn') %>
                </a>
                <a href="http://www.tumblr.com/share/link?url=<%= shareURL %>&name=OpenBazaar&description=<%= polyglot.t('socialReminder.blurb') %>">
                  <span class="socialLink">
                    <span class="ion-social-tumblr socialIcon"></span>
                  </span>
                  <%= polyglot.t('socialReminder.shareTumblr') %>
                </a>
              </div>
            </div>
          </div>
          <h2 class="socialTitle txt-center"><%= polyglot.t('socialReminder.reminder') %></h2>
          <%= polyglot.t('aboutSection.support') %>
        </div>
        <% } else if (ob.tab === 'contributors') { %>
        <div class="modal-section custCol-primary modal-about-section js-externalLinks customThemeScrollbar lineHeight20">
          <%= polyglot.t('aboutSection.contributors') %>
        </div>
        <% } %>

      </div>
    </div>
  </div>
</div>
