{"size": 2165, "ext": "js", "max_stars_repo_path": "src/components/Footer.js", "max_stars_repo_name": "graasp/graasp-content-climate", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Footer.js", "max_issues_repo_name": "graasp/graasp-content-climate", "max_issues_repo_issues_event_min_datetime": "2021-09-28T13:32:01.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-28T08:29:14.000Z", "max_forks_repo_path": "src/components/Footer.js", "max_forks_repo_name": "graasp/graasp-content-climate", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 18, "max_forks_count": null, "avg_line_length": 32.3134328358, "max_line_length": 145, "alphanum_fraction": 0.4905311778}
import React from 'react';
import { useTranslation } from 'react-i18next';

function Footer() {
  const { t } = useTranslation();

  return (
    <div>
      <footer className="py-3" style={{ backgroundColor: '#00264a' }}>
        <div
          className="container"
          style={{
            display: 'flex',
            alignItems: 'flex-end',
            justifyContent: 'space-between',
            color: 'white',
            fontSize: 14,
          }}
        >
          <div>
            <div style={{ fontWeight: 900, marginBottom: 7.5 }}>
              {t('Supported by')}
            </div>
            <a
              href="https://www.credit-suisse.com/about-us/en/our-company/corporate-responsibility/economy-society/switzerland/jubilee-fund.html"
              target="_blank"
              rel="noreferrer"
            >
              <img
                src="https://user-images.githubusercontent.com/19311953/135832813-9d5aac85-2a5f-4c1e-8bb7-4ab6bc2259a9.png"
                alt="Credit Suisse Foundation"
                style={{ marginRight: 30 }}
              />
            </a>
            <a href="https://www.epfl.ch/" target="_blank" rel="noreferrer">
              <img
                src="https://user-images.githubusercontent.com/19311953/135830613-ef0d9d45-4279-4653-a5c8-74c24f45007c.png"
                alt="École Polytechnique Fédérale de Lausanne"
                style={{ marginRight: 30 }}
              />
            </a>
            <a
              href="https://www.hepl.ch/accueil.html"
              target="_blank"
              rel="noreferrer"
            >
              <img
                src="https://user-images.githubusercontent.com/19311953/135833080-23ec97d6-febc-4023-aa14-c1a820a4cda5.png"
                alt="Haute École Pédagogique Vaud"
              />
            </a>
          </div>
          <div>
            © {t('Copyright')}{' '}
            <a href="https://graasp.org" target="_blank" rel="noreferrer">
              graasp.org
            </a>{' '}
            {new Date().getFullYear()}
          </div>
        </div>
      </footer>
    </div>
  );
}

export default Footer;
