Browse Source

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

pull/11/head
Bryce Murphy 5 years ago
parent
commit
45c0980311
10 changed files with 63 additions and 17 deletions
  1. +1
    -0
      public/FriendsGraph.html
  2. +24
    -7
      public/GraphGenerator.html
  3. +2
    -1
      public/OrgRepoGraph.html
  4. +2
    -1
      public/TimeLineGraph.html
  5. +1
    -1
      public/about.html
  6. BIN
      public/img/friends.png
  7. BIN
      public/img/friends2.png
  8. BIN
      public/img/repos.png
  9. +8
    -6
      public/index.html
  10. +25
    -1
      public/style.css

+ 1
- 0
public/FriendsGraph.html View File

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Friends - GitHub Graphs</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

+ 24
- 7
public/GraphGenerator.html View File

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Generate - GitHub Graphs</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
@ -123,27 +124,43 @@
<script>
function fetchUserInput() {
const inputedName = $("#txtUsername").val();
if(inputedName === "")
{
alert("Please enter a Github name in the text field.")
}
return inputedName;
}
function fetchOrgInput() {
function fetchOrgInput()
{
const inputedOrg = $("#txtOrgname").val();
if(inputedOrg === "")
{
alert("Please enter a Github organization name in the text field.")
}
return inputedOrg;
}
function toFriends() {
function toFriends()
{
var uname = fetchUserInput();
window.location.href = "./FriendsGraph.html?name=" + uname;
if(uname !== "")
window.location.href = "./FriendsGraph.html?name=" + uname;
}
function toTimeline() {
function toTimeline()
{
var uname = fetchUserInput();
window.location.href = "./TimeLineGraph.html?name=" + uname;
if(uname !== "")
window.location.href = "./TimeLineGraph.html?name=" + uname;
}
function toOrgRepos() {
var oname = fetchOrgInput();
window.location.href = "./OrgRepoGraph.html?name=" + oname;
var uname = fetchOrgInput();
if(uname !== "")
window.location.href = "./OrgRepoGraph.html?name=" + uname;
}
</script>

+ 2
- 1
public/OrgRepoGraph.html View File

@ -1,8 +1,9 @@
<!doctype html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Organization - GitHub Graphs</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

+ 2
- 1
public/TimeLineGraph.html View File

@ -1,8 +1,9 @@
<!doctype html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Timeline - GitHub Graphs</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

+ 1
- 1
public/about.html View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>GitHub Graphs</title>
<title>About - GitHub Graphs</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

BIN
public/img/friends.png View File

Before After
Width: 1302  |  Height: 1032  |  Size: 1.0 MiB

BIN
public/img/friends2.png View File

Before After
Width: 1465  |  Height: 1544  |  Size: 880 KiB

BIN
public/img/repos.png View File

Before After
Width: 1586  |  Height: 593  |  Size: 252 KiB

+ 8
- 6
public/index.html View File

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Home - GitHub Graphs</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
@ -48,18 +49,18 @@
<div id="mainCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="text-center">
<img src="./img/DolphinCroissant.png" />
<div class="image-vert text-center">
<img class="img-fluid carousel-img" src="./img/friends.png" />
</div>
</div>
<div class="carousel-item">
<div class="text-center">
<img src="./img/DolphinCroissant.png" />
<div class="image-vert text-center">
<img class="img-fluid carousel-img" src="./img/repos.png" />
</div>
</div>
<div class="carousel-item">
<div class="text-center">
<img src="./img/DolphinCroissant.png" />
<div class="image-vert text-center">
<img class="img-fluid carousel-img" src="./img/DolphinCroissant.png" />
</div>
</div>
</div>
@ -98,6 +99,7 @@
</div>
<img class="side-img img-fluid col" src="./img/graphExample.png" />
</div>
<p>check</p>
</div>
</body>
</html>

+ 25
- 1
public/style.css View File

@ -47,11 +47,27 @@
#mainCarousel {
height: 500px;
background-color: black;
background-color: #232323;
}
.carousel-item {
height: 500px;
overflow: hidden;
vertical-align: middle;
}
.carousel-img {
width: 100%;
min-height: 300px;
display: inline-block;
top: 0%;
left: 0%;
position: absolute;
}
.img-vert {
display: inline-block;
height: 100%;
}
.error {
@ -205,4 +221,12 @@ body {
align-self: center;
width: 80%;
}
.carousel-img {
width: 100%;
min-height: 200px;
display: inline-block;
top: 10px;
position: relative;
}
}

Loading…
Cancel
Save