Merge branch 'master' of github.com:jrtechs/github-graphs

Author: Bryce Murphy

public/GraphGenerator.html

@@ -59,7 +59,7 @@ <h1 id="search" class="m-title">Search GitHub:</h1>
             </div>
             <div class="card-deck text-center">
                 <div class="card rounder">
-                    <div class="card-header">
+                    <div class="card-header rounder">
                         <h1 class="m-title">Interactive Friends Chart</h1>
                     </div>
                     <div class="card-body">
@@ -73,7 +73,7 @@ <h1 class="m-title">Interactive Friends Chart</h1>
                     <p></p>
                 </div>
                 <div class="card rounder">
-                    <div class="card-header">
+                    <div class="card-header rounder">
                         <h1 class="m-title">Repo Timeline</h1>
                     </div>
                     <div class="card-body">
@@ -103,7 +103,7 @@ <h1 id="search" class="m-title">Search GitHub:</h1>
             </div>
             <div class="card-deck text-center">
                 <div class="card rounder">
-                    <div class="card-header">
+                    <div class="card-header rounder">
                         <h1 class="m-title">Interactive Organization Chart</h1>
                     </div>
                     <div class="card-body">
@@ -117,7 +117,6 @@ <h1 class="m-title">Interactive Organization Chart</h1>
                 </div>
             </div>
         </div>
-        </div>
     </div>
 </body>
 </html>

public/about.css

@@ -38,10 +38,6 @@
     width: 40px;
 }
 
-.plink {
-    color: rgb(250, 152, 33);
-}
-
 @media (max-width: 767px) {
     #content-title {
         height: 40px;

public/about.html

@@ -46,14 +46,14 @@ <h1 class="big-title text-center">What is this?</h1>
             </div>
             <div id="content-body" class="container">
                 <p style="padding: 10px;">
-                    This is an interactive website which allows you to make graphs of the github network.
-                    Currently we have three types of graphs-- the most popular of which is our friends graph.
-                    The friends graphs helps you visualize clusters of friends/collaborators on GitHub.
+                    This is an interactive website which allows you to make various graphs of information from 
+                    the GitHub network. Currently the site generates three types of graphs-- the most popular and entertaining 
+                    of which is the friends graph. The friends graph helps you visualize clusters of friends/collaborators on GitHub.
                     This can be used to spot clusters within organizations and schools.
                 </p>
                 <p style="padding: 10px;">
-                    This is an open source project, all the source code can be found on github.
-                    New collaborators are always welcomed; look at our github repository for contributing guidelines.
+                    This is an open source project, all the source code can be found on GitHub.
+                    New collaborators are always welcomed; look at our GitHub repository for contributing guidelines.
                 </p>
             </div>
             <div id="content-title">
@@ -77,7 +77,7 @@ <h1 class="big-title text-center">Developers</h1>
                     </div>
                     <div class="card-body">
                         <p>
-                            I did a large chunk of work with the backend pulling data from github and generating the graphs with visJS.
+                            Managed a majority of the work with the backend, pulling data from GitHub and generating the graphs with visJS.
                         </p>
                     </div>
                     <div class="links row text-center">
@@ -105,7 +105,7 @@ <h1 class="big-title text-center">Developers</h1>
                     </div>
                     <div class="card-body">
                         <p>
-                            Worked on pulling api data from github to create the mini profile display and some graphs.
+                            Worked on pulling API data from GitHub to create the mini-profile display and some graph work.
                         </p>
                     </div>
                     <div class="links row text-center">
@@ -133,7 +133,7 @@ <h1 class="big-title text-center">Developers</h1>
                     </div>
                     <div class="card-body">
                         <p>
-                            Worked on the front end design of the website and designed graphic art for this website.
+                            Worked on the front-end design of the website, responsible for a majority of the html and css elements.
                         </p>
                     </div>
                     <div class="links row text-center">

public/index.html

@@ -99,7 +99,6 @@ <h1 class="m-title" style="padding-top: 5px;">What can I do here?</h1>
             </div>
             <img class="side-img img-fluid col" style="top: 50px;" src="./img/recording.gif" />
         </div>
-        <p>check</p>
     </div>
 </body>
 </html>

public/style.css

@@ -156,6 +156,10 @@
     background-color: rgb(208, 208, 208);
 }
 
+.card-header {
+    background-color: rgb(208, 208, 208);
+}
+
 .card-body {
     background-color: rgb(242, 242, 242);
 }
@@ -169,9 +173,28 @@
     top: 10px;
 }
 
+.footer {
+    background-color: rgb(208, 208, 208);
+    position: absolute;
+    height: 70px;
+    width: 100%;
+    bottom: 0px;
+}
+
+.footer-text {
+    position: relative;
+    top: 15px;
+    left: 70px;
+}
+
+.plink {
+    color: rgb(250, 152, 33);
+}
+
 body {
     background-color: #232323;
 }
+
 @media (max-width: 767px) {
     .big-title {
         font-size: 30px;