Add credits to the KaTeX team and contributors (#1601)

* Add credits to the KaTeX team and contributors

* Remove Team

* Update link to contributors in main page, add license information

* Add license information to footer

website/core/Footer.js

@@ -64,6 +64,7 @@ class Footer extends React.Component {
               </div>
               <div>
                 <h5>More</h5>
+                <a href="https://github.com/Khan/KaTeX/graphs/contributors">Contributors</a>
                 <a
                   className="github-button"
                   href={this.props.config.repoUrl}
@@ -88,7 +89,10 @@ class Footer extends React.Component {
                 height="17"
               />
             </a>
-            <section className="copyright">{this.props.config.copyright}</section>
+            <section className="copyright">
+                Licensed under <a href="https://github.com/Khan/KaTeX/blob/master/LICENSE">MIT License</a><br/>
+                {this.props.config.copyright}
+            </section>
           </footer>
         );
     }

website/pages/index.html

@@ -115,6 +115,7 @@ f(x) = \int_{-\infty}^\infty
       <a class="ka-logo" href="https://www.khanacademy.org/"><img src="img/khan-academy.png" alt="Khan Academy" width="180" height="17"></a>
       <span class="credits">
         Created by <a href="https://github.com/xymostech">Emily Eisenberg</a> and <a href="https://sophiebits.com/">Sophie Alpert</a>
+        <br><a href="https://github.com/Khan/KaTeX/blob/master/LICENSE">MIT License</a> · Built from the hard work of <a href="https://github.com/Khan/KaTeX/graphs/contributors">many contributors</a>
       </span>
     </div></div>
     <script>

website/static/css/custom.css

@@ -26,6 +26,20 @@
     height: 80%;
 }
 
+.nav-footer .copyright {
+    line-height: 1.5;
+}
+
+.nav-footer .copyright a {
+    color: rgba(255, 255, 255, 0.6);
+}
+
+.nav-footer .copyright a:hover,
+.nav-footer .copyright a:focus {
+    color: white;
+    text-decoration: none;
+}
+
 /* Add special CSS for supported.md rendered on mobile */
 @media screen and (max-width: 480px) {
     /* We have two styles for very narrow screens.