## mako
<%!
from django.conf import settings
from django.core.urlresolvers import reverse
from django.utils.translation import ugettext as _
%>
<%namespace name='static' file='/static_content.html'/>
<%page args="base_application"/>
<div class="fun-footer">
    <div class="${'funsite-footer-width' if base_application=='funsite' else 'courseware-width'}">

        <ul class="top-footer">
            <div class="left-md-footer">
                <li>
                    <a href="${settings.PLATFORM_RICHIE_URL}/${LANGUAGE_CODE}/a-propos">
                        ${_("About...")}
                    </a>
                </li>
                <li>
                    <a href="//www.fun-mooc.help" target="_blank">
                        ${_("Help and Contact")}
                    </a>
                </li>
                <li>
                    <a href="${settings.PLATFORM_RICHIE_URL}/${LANGUAGE_CODE}/cgu">
                        ${_("Terms of use")}
                    </a>
                </li>
            </div><div class="right-md-footer">
                <li>
                    <a href="${settings.PLATFORM_RICHIE_URL}/${LANGUAGE_CODE}/charte-utilisateurs">
                        ${_("Usage policy")}
                    </a>
                </li>
                <li>
                    <a href="${settings.PLATFORM_RICHIE_URL}/${LANGUAGE_CODE}/politique-de-confidentialite">
                        ${_("Privacy policy")}
                    </a>
                </li>
                <li>
                    <a href="${settings.PLATFORM_RICHIE_URL}/${LANGUAGE_CODE}/mentions-legales">
                        ${_("Terms and conditions")}
                    </a>
                </li>
            </div>
        </ul>
        <div class="bottom-footer">
            <ul class="fun-footer-icons" >
                <li>
                    <a class="logo-fun" href="/">
                        <img src="${static.url('funsite/images/logos/fun-white-fr.svg')}" alt="Logo FUN">
                    </a>
                </li>
                <li>
                    <a class="logo-facebook logo-social" href="${settings.PLATFORM_FACEBOOK_ACCOUNT}" target="_blank" rel="noreferrer">
                        <img src="${static.url('funsite/images/logos/facebook32.png')}" alt="Facebook">
                    </a>
                </li>
                <li>
                    <a class="logo-twitter logo-social" href="https://twitter.com/${settings.PLATFORM_TWITTER_ACCOUNT}" target="_blank" rel="noreferrer">
                        <img src="${static.url('funsite/images/logos/twitter32.png')}" alt="Twitter">
                    </a>
                </li>
            </ul>

            <div>
                <a href="http://openedx.org" target="_blank">
                    <img src="https://files.edx.org/openedx-logos/open-edx-logo-tag-dark.png" width="140" alt="Powered by Open edX" />
                </a>
            </div>

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