## 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/edx-theme/edx-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">
        ## Translators: '&copy;' is an HTML character code for the copyright symbol. Please don't remove or change it.
        <p>${_("&copy; {copyright_year} edX, some rights reserved.").format(copyright_year=settings.COPYRIGHT_YEAR)}</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 edX")}</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>
        <a href="${marketing_link('FAQ')}"><span class="copy">${_("FAQ")}</span></a>
        <a href="${marketing_link('BLOG')}"><span class="copy">${_("edX Blog")}</span></a>
        <a href="${marketing_link('DONATE')}"><span class="copy">${_("Donate to edX")}</span></a>
        <a href="${marketing_link('JOBS')}"><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">
        ## Translators: This is the website name of www.twitter.com. Please
        ## translate this the way that Twitter advertises in your language.
        <a href="${settings.PLATFORM_TWITTER_URL}" title="${_("Twitter")}">
          <i class="icon fa fa-twitter element-invisible"></i>
          <span class="copy">${_("Twitter")}</span>
        </a>
        ## Translators: This is the website name of www.facebook.com. Please
        ## translate this the way that Facebook advertises in your language.
        <a href="${settings.PLATFORM_FACEBOOK_ACCOUNT}" title="${_("Facebook")}">
          <i class="icon fa fa-facebook element-invisible"></i>
          <span class="copy">${_("Facebook")}</span>
        </a>
        ## Translators: This is the website name of www.meetup.com. Please
        ## translate this the way that Meetup advertises in your language.
        <a href="${settings.PLATFORM_MEETUP_URL}" title="${_("Meetup")}">
          <i class="icon fa fa-calendar element-invisible"></i>
          <span class="copy">${_("Meetup")}</span>
        </a>
        ## Translators: This is the website name of www.linked.com. Please
        ## translate this the way that LinkedIn advertises in your language.
        <a href="${settings.PLATFORM_LINKEDIN_URL}" title="${_("LinkedIn")}">
          <i class="icon fa fa-linkedin element-invisible"></i>
          <span class="copy">${_("LinkedIn")}</span>
        </a>
        ## Translators: This is the website name of plus.google.com. Please
        ## translate this the way that Google+ advertises in your language.
        <a href="${settings.PLATFORM_GOOGLE_PLUS_URL}" title="${_("Google+")}">
          <i class="icon fa fa-google-plus element-invisible"></i>
          <span class="copy">${_("Google+")}</span>
        </a>
      </div>
    </div>
  </footer>
</div>
