Browse Source

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

pull/11/head
Bryce Murphy 5 years ago
parent
commit
a84b605e3f
5 changed files with 34 additions and 17 deletions
  1. +3
    -4
      public/GraphGenerator.html
  2. +0
    -4
      public/about.css
  3. +8
    -8
      public/about.html
  4. +0
    -1
      public/index.html
  5. +23
    -0
      public/style.css

+ 3
- 4
public/GraphGenerator.html View File

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

+ 0
- 4
public/about.css View File

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

+ 8
- 8
public/about.html View File

@ -46,14 +46,14 @@
</div> </div>
<div id="content-body" class="container"> <div id="content-body" class="container">
<p style="padding: 10px;"> <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. This can be used to spot clusters within organizations and schools.
</p> </p>
<p style="padding: 10px;"> <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> </p>
</div> </div>
<div id="content-title"> <div id="content-title">
@ -77,7 +77,7 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<p> <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> </p>
</div> </div>
<div class="links row text-center"> <div class="links row text-center">
@ -105,7 +105,7 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<p> <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> </p>
</div> </div>
<div class="links row text-center"> <div class="links row text-center">
@ -133,7 +133,7 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<p> <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> </p>
</div> </div>
<div class="links row text-center"> <div class="links row text-center">

+ 0
- 1
public/index.html View File

@ -99,7 +99,6 @@
</div> </div>
<img class="side-img img-fluid col" style="top: 50px;" src="./img/recording.gif" /> <img class="side-img img-fluid col" style="top: 50px;" src="./img/recording.gif" />
</div> </div>
<p>check</p>
</div> </div>
</body> </body>
</html> </html>

+ 23
- 0
public/style.css View File

@ -156,6 +156,10 @@
background-color: rgb(208, 208, 208); background-color: rgb(208, 208, 208);
} }
.card-header {
background-color: rgb(208, 208, 208);
}
.card-body { .card-body {
background-color: rgb(242, 242, 242); background-color: rgb(242, 242, 242);
} }
@ -169,9 +173,28 @@
top: 10px; 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 { body {
background-color: #232323; background-color: #232323;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.big-title { .big-title {
font-size: 30px; font-size: 30px;

Loading…
Cancel
Save