import React, { Component } from 'react';
import './Footer.css';
import gpl_v3_red from './images/gpl-v3-red.svg';
import cc_by_sa from './images/cc-by-sa-4.0.png';

class Footer extends Component {
  render() {
    return (
      <footer id="footer">
        <ul>
          <li><a href="">about us</a></li>
          <li><a href="">contact</a></li>
        </ul>
        <div className="license">
          <div>
            <p>
              Copyright &copy; 2017 Georg Hopp | All rights reserved
            </p>
            <p>
              All code (no matter which language) used to create this page is
              licensed under a&nbsp;
              <a href="http://www.gnu.org/licenses/gpl-3.0.en.html"
                rel="license">
                GNU General Public License (Version 3)
              </a>.
            </p>
            <p>
              All other work is licensed under a&nbsp;
              <a href="http://creativecommons.org/licenses/by-sa/4.0/"
                rel="license">
                Creative Commons Attribution 4.0 International License
              </a>.
            </p>
          </div>
          <a href="http://creativecommons.org/licenses/by-sa/4.0/"
            rel="license">
            <img src={cc_by_sa} width="88" height="31" alt="CC BY SA"></img>
          </a>
          <a href="http://www.gnu.org/licenses/gpl-3.0.en.html" rel="license">
            <img src={gpl_v3_red} height="31" width="62" alt="GPL Logo"></img>
          </a>
        </div>
      </footer>
      );
  }
}

export default Footer;
// vim: set ts=2 sw=2 et: