Add attribution and Github links

Haseeb-Qureshi · Haseeb-Qureshi · commit 64a3b22543ec · 2016-02-07T14:52:43.000-08:00
diff --git a/index.html b/index.html
@@ -8,6 +8,7 @@
     <link rel='shortcut icon' type='image/x-icon' href='images/favicon.ico' />
   </head>
   <body>
+    <a href="https://github.com/Haseeb-Qureshi/n-queens-visualizer"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
     <div id="root"></div>
     <script src="dist/bundle.js"></script>
   </body>
diff --git a/src/components/container.js b/src/components/container.js
@@ -17,6 +17,8 @@ var Container = React.createClass({
   render: function () {
     return (
       <div className="container">
+        <h1 className="title"> N-Queens Visualizer </h1>
+        <h2 className="attribution">by <a href="https://github.com/Haseeb-Qureshi">Haseeb Qureshi</a></h2>
         <Board />
         <AlgoPanel algos={algos} />
         <div className="row"/>
diff --git a/src/css/main.css b/src/css/main.css
@@ -17,6 +17,25 @@ body {
 
 #root, #container {
   overflow: auto;
+  margin-left: 15px;
+}
+
+h1.title {
+  margin: 30px 30px 30px 110px;
+  color: #3cb0fd;
+  font-size: 48px;
+  text-shadow: 1px 1px 1px #000;
+}
+
+h2.attribution {
+  font-size: 18px;
+  margin: -20px 0px 20px 113px;
+  text-decoration: italicize;
+}
+
+a {
+  text-decoration: none;
+  color: #4cc0ff;
 }
 
 div.algo-panel {
