import FaGithub from 'react-icons/lib/fa/github'

export default () => (
  <footer>
    <p>
      Made with ❤ By <a href='https://vinaypuppal.com'>VinayPuppal</a>
    </p>
    <ul>
      <li>
        <a href='https://github.com/vinaypuppal/linklet-app'>
          <FaGithub /> View on Github
        </a>
      </li>
      <li>
        <a href='https://github.com/vinaypuppal/linklet-app/issues/new'>
          Feedback
        </a>
      </li>
      <li>
        <a href='https://privacy.linklet.ml'>
          Privacy
        </a>
      </li>
    </ul>
    <style jsx>
      {`
      footer {
        color: #888;
        width: 100%;
        min-height: 50px;
        display: flex;
      }
      p{
        margin-left: 240px;
        font-size: 14px;
      }
      ul {
        flex: 1;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 50px;
      }
      ul li {
        text-align: center;
        padding: 0 50px 0 0;
        font-size: 14px;
      }
      a {
        text-decoration: none;
        color: #444;
      }
      a:hover {
        color: #222;
      }
      @media(max-width: 720px) {
        footer {
          margin-left: 0;
          padding-bottom: 60px;
          flex-direction: column;
          align-items: center;
        }
        p {
          margin-left: 0;
        }
        ul {
          width: 100%;
          justify-content: flex-start;
        }
        ul li {
          flex: 1;
          border-left: 1px solid #ccc;
          padding: 0;
        }
      }
    `}
    </style>
  </footer>
)

@@ -105,19 +105,68 @@
 ith %E2%9D%A4 By
- %3Ca
+%0A      %7B' '%7D%0A      %3Ca rel='noopener' target='_blank'
  href='h
@@ -189,16 +189,25 @@
 al.com'%3E
+%0A        
 VinayPup
@@ -209,16 +209,23 @@
 ayPuppal
+%0A      
 %3C/a%3E%0A   
@@ -252,32 +252,93 @@
  %3Cli%3E%0A        %3Ca
+%0A          rel='noopener'%0A          target='_blank'%0A         
  href='https://g
@@ -371,16 +371,25 @@
 let-app'
+%0A        
 %3E%0A      
@@ -458,32 +458,93 @@
  %3Cli%3E%0A        %3Ca
+%0A          rel='noopener'%0A          target='_blank'%0A         
  href='https://g
@@ -588,16 +588,25 @@
 ues/new'
+%0A        
 %3E%0A      

add _blank for external links