footer-edx-v3.html 2.98 KB
Newer Older
1
## mako
2 3 4 5 6
<%!
  from django.utils.translation import ugettext as _
  from branding.api import get_footer
%>
<% footer = get_footer(is_secure=is_secure) %>
7
<%namespace name='static' file='static_content.html'/>
8

9
## 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.
10 11 12 13 14 15 16 17
<footer id="footer-edx-v3" role="contentinfo" aria-label="${_("Page Footer")}"
  ## When rendering the footer through the branding API,
  ## the direction may not be set on the parent element,
  ## so we set it here.
  % if bidi:
    dir=${bidi}
  % endif
>
18
    <h2 class="sr footer-about-title">${_("About edX")}</h2>
19 20 21 22
    <div class="footer-content-wrapper">
      <div class="footer-logo">
          <img alt="edX logo" src="${footer['logo_image']}">
      </div>
23

24 25 26 27 28 29 30 31 32 33 34 35
      <div class="site-details">
          <nav class="site-nav" aria-label="${_("About edX")}">
              % for link in footer["navigation_links"]:
              <a href="${link['url']}">${link['title']}</a>
              % endfor
          </nav>
          <nav class="legal-notices" aria-label="${_("Legal")}">
              % for link in footer["legal_links"]:
              <a href="${link['url']}">${link['title']}</a>
              % endfor
          </nav>
          <p class="copyright">${footer['copyright']}</p>
36

37 38 39 40 41 42 43 44 45 46 47
          ## The OpenEdX link may be hidden when this view is served
          ## through an API to partner sites (such as marketing sites or blogs),
          ## which are not technically powered by OpenEdX.
          % if not hide_openedx_link:
          <div class="openedx-link">
            <a href="${footer['openedx_link']['url']}" title="${footer['openedx_link']['title']}">
              <img alt="${footer['openedx_link']['title']}" src="${footer['openedx_link']['image']}" width="140">
            </a>
          </div>
          % endif
      </div>
48

49 50 51 52 53
      <div class="external-links">
        <div class="social-media-links">
          % for link in footer['social_links']:
          <a href="${link['url']}" class="sm-link external" title="${link['title']}" rel="noreferrer">
            <span class="icon fa ${link['icon-class']}" aria-hidden="true"></span>
54
            <span class="sr">${link['action']}</span>
55
          </a>
56
          % endfor
57 58
        </div>

59 60 61 62 63 64 65
        <div class="mobile-app-links">
          % for link in footer['mobile_links']:
          <a href="${link['url']}" class="app-link external">
            <img alt="${link['title']}" src="${link['image']}">
          </a>
          % endfor
        </div>
66
      </div>
67 68
    </div>
</footer>
69 70 71 72 73 74 75 76 77 78 79 80 81
% if include_dependencies:
  <%static:js group='base_vendor'/>
  <%static:css group='style-vendor'/>
  <%include file="widgets/segment-io.html" />
% endif
% if footer_css_urls:
  % for url in footer_css_urls:
    <link rel="stylesheet" type="text/css" href="${url}"></link>
  % endfor
% endif
% if footer_js_url:
  <script type="text/javascript" src="${footer_js_url}"></script>
% endif
82