## mako
<%! from django.core.urlresolvers import reverse %>
<%! from django.utils.translation import ugettext as _ %>
<%namespace name='static' file='static_content.html'/>

## WARNING: These files are specific to edx.org and are not used in installations outside of that domain. Open edX users will want to use the file "footer.html" for any changes or overrides.
<div class="wrapper wrapper-footer edx-footer edx-footer-new">
  <footer id="footer-global" class="footer-global" role="contentinfo" aria-label="Footer">

    <div class="footer-about">
      <h2 class="sr footer-about-title">${_("About edX")}</h2>

      <div class="footer-about-logo">
        <img alt="edX logo" src="${static.url('images/header-logo.png')}">
      </div>

      <div class="footer-about-copy">
        <p>
          ${_(
            "{EdX} offers interactive online classes and MOOCs from the world's best universities. "
            "Online courses from {MITx}, {HarvardX}, {BerkeleyX}, {UTx} and many other universities. "
            "Topics include biology, business, chemistry, computer science, economics, finance, "
            "electronics, engineering, food and nutrition, history, humanities, law, literature, "
            "math, medicine, music, philosophy, physics, science, statistics and more. {EdX} is a "
            "non-profit online initiative created by founding partners {Harvard} and {MIT}."
            ).format(
            EdX="EdX", Harvard="Harvard", MIT="MIT", HarvardX="HarvardX", MITx="MITx",
            BerkeleyX="BerkeleyX", UTx="UTx"
          )}
        </p>
      </div>

      <div class="footer-about-copyright">
        <p>${_("&copy; 2014 edX, some rights reserved.")}</p>
      </div>

      <div class="footer-about-links">
        <a href="${marketing_link('TOS')}"><span class="copy">${_("Terms of Service and Honor Code")}</span></a>
        <a href="${marketing_link('PRIVACY')}"><span class="copy">${_("Privacy Policy")}</span> <span class="note">${_("(Revised 4/16/2014)")}</span></a>
      </div>
    </div>

    <nav class="footer-nav" role="navigation" aria-label="About Us">
      <h2 class="footer-nav-title">${_("About & Company Info")}</h2>

      <div class="footer-nav-links">
        <a href="${marketing_link('ABOUT')}"><span class="copy">${_("About")}</span></a>
        <a href="${marketing_link('NEWS')}"><span class="copy">${_("News")}</span></a>
        <a href="${marketing_link('CONTACT')}"><span class="copy">${_("Contact")}</span></a>
      </div>

      <div class="footer-nav-links">
        <a href="${marketing_link('FAQ')}"><span class="copy">${_("FAQ")}</span></a>
        <a href="${marketing_link('BLOG')}"><span class="copy">${_("edX Blog")}</span></a>
      </div>

      <div class="footer-nav-links">
        <a href="${marketing_link('DONATE')}" class="has-emphasis"><span class="copy">${_("Donate to edX")}</span></a>
        <a href="${marketing_link('JOBS')}" class="has-emphasis"><span class="copy">${_("Jobs at edX")}</span></a>
      </div>
    </nav>

    <div class="footer-follow">
      <h2 class="footer-follow-title">${_("Follow Us")}</h2>

      <div class="footer-follow-links">
        <a href="${settings.PLATFORM_TWITTER_URL}" title="Twitter">
          <i class="icon icon-twitter element-invisible"></i>
          <span class="copy">${_("Twitter")}</span>
        </a>
        <a href="${settings.PLATFORM_FACEBOOK_ACCOUNT}" title="Facebook">
          <i class="icon icon-facebook-sign element-invisible"></i>
          <span class="copy">${_("Facebook")}</span>
        </a>
        <a href="${settings.PLATFORM_MEETUP_URL}" title="Meetup">
          <i class="icon icon-calendar element-invisible"></i>
          <span class="copy">${_("Meetup")}</span>
        </a>
        <a href="${settings.PLATFORM_LINKEDIN_URL}" title="LinkedIn">
          <i class="icon icon-linkedin-sign element-invisible"></i>
          <span class="copy">${_("LinkedIn")}</span>
        </a>
        <a href="${settings.PLATFORM_GOOGLE_PLUS_URL}" title="Google+">
          <i class="icon icon-google-plus-sign element-invisible"></i>
          <span class="copy">${_("Google+")}</span>
        </a>
      </div>
    </div>
  </footer>
</div>
