jrtechs
/
jrtechs-github-graphs
mirror of https://github.com/jrtechs/github-graphs.git
1
0
Fork 0
Code Issues 0 Releases 1 Wiki Activity
Browse Source

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

pull/11/head
Bryce Murphy 5 years ago
parent
65ed04d18e e8de0bac23
commit
45c0980311
10 changed files with 63 additions and 17 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  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> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut 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"> <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> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut 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"> <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> <script>
function fetchUserInput() { function fetchUserInput() {
const inputedName = $("#txtUsername").val(); const inputedName = $("#txtUsername").val();
if(inputedName === "")
{
alert("Please enter a Github name in the text field.")
}
return inputedName; return inputedName;
} }
function fetchOrgInput() {
function fetchOrgInput()
{
const inputedOrg = $("#txtOrgname").val(); const inputedOrg = $("#txtOrgname").val();
if(inputedOrg === "")
{
alert("Please enter a Github organization name in the text field.")
}
return inputedOrg; return inputedOrg;
} }
function toFriends() {
function toFriends()
{
var uname = fetchUserInput(); 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(); var uname = fetchUserInput();
window.location.href = "./TimeLineGraph.html?name=" + uname;
if(uname !== "")
window.location.href = "./TimeLineGraph.html?name=" + uname;
} }
function toOrgRepos() { 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> </script>

+ 2
- 1
public/OrgRepoGraph.html View File

@ -1,8 +1,9 @@
<!doctype html>
<!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut 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"> <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"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut 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"> <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> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut 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"> <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> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <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="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut 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"> <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 id="mainCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <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> </div>
<div class="carousel-item"> <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> </div>
<div class="carousel-item"> <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> </div>
</div> </div>
@ -98,6 +99,7 @@
</div> </div>
<img class="side-img img-fluid col" src="./img/graphExample.png" /> <img class="side-img img-fluid col" src="./img/graphExample.png" />
</div> </div>
<p>check</p>
</div> </div>
</body> </body>
</html> </html>

+ 25
- 1
public/style.css View File

@ -47,11 +47,27 @@
#mainCarousel { #mainCarousel {
height: 500px; height: 500px;
background-color: black;
background-color: #232323;
} }
.carousel-item { .carousel-item {
height: 500px; 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 { .error {
@ -205,4 +221,12 @@ body {
align-self: center; align-self: center;
width: 80%; width: 80%;
} }
.carousel-img {
width: 100%;
min-height: 200px;
display: inline-block;
top: 10px;
position: relative;
}
} }

Write Preview
Loading…
Cancel
Save