Browse Source

Add new navbar to all pages

pull/4/head
Sebastian Gutierrez 5 years ago
parent
commit
3e12dfe6bf
5 changed files with 77 additions and 116 deletions
  1. +12
    -21
      public/FriendsGraph.html
  2. +13
    -21
      public/GraphGenerator.html
  3. +16
    -24
      public/OrgRepoGraph.html
  4. +21
    -27
      public/TimeLineGraph.html
  5. +15
    -23
      public/about.html

+ 12
- 21
public/FriendsGraph.html View File

@ -23,34 +23,25 @@
</head> </head>
<body> <body>
<div id="header-bar" class="d-flex flex-column flex-md-row shadow-sm align-items-center">
<div id="header-title">
<a href="./index.html">
<img id="logo" src="./logo.svg" />
</a>
</div>
<div id="navigation">
<ul class="nav">
<nav class="navbar navbar-dark bg-dark navbar-expand-md">
<a class="navbar-brand" href="/"><img src="img/githubgraph-logo.svg" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="main-menu" class="collapse navbar-collapse">
<ul class="navbar-nav flex-fill justify-content-end">
<li class="nav-item"> <li class="nav-item">
<a href="./GraphGenerator.html">
Generate graphs
</a>
<a class="nav-link" href="./GraphGenerator.html">Generate graphs</a>
</li> </li>
<div class="nav-sep"></div>
<li class="nav-item"> <li class="nav-item">
<a href="https://github.com/jrtechs/github-graphs">
View on GitHub
</a>
<a class="nav-link" href="https://github.com/jrtechs/github-graphs/">View on GitHub</a>
</li> </li>
<div class="nav-sep"></div>
<li class="nav-item"> <li class="nav-item">
<a href="./about.html">
About
</a>
<a class="nav-link" href="./about.html">About</a>
</li> </li>
</ul> </ul>
</div> </div>
</div>
</nav>
<div class="main container"> <div class="main container">
<div class="row"> <div class="row">
@ -79,4 +70,4 @@
} }
</script> </script>
</html>
</html>

+ 13
- 21
public/GraphGenerator.html View File

@ -15,34 +15,26 @@
</script> </script>
</head> </head>
<body> <body>
<div id="header-bar" class="d-flex flex-column flex-md-row shadow-sm align-items-center">
<div id="header-title">
<a href="./index.html">
<img id="logo" src="./logo.svg" />
</a>
</div>
<div id="navigation">
<ul class="nav">
<nav class="navbar navbar-dark bg-dark navbar-expand-md">
<a class="navbar-brand" href="/"><img src="img/githubgraph-logo.svg" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="main-menu" class="collapse navbar-collapse">
<ul class="navbar-nav flex-fill justify-content-end">
<li class="nav-item"> <li class="nav-item">
<a href="./GraphGenerator.html">
Generate graphs
</a>
<a class="nav-link" href="./GraphGenerator.html">Generate graphs</a>
</li> </li>
<div class="nav-sep"></div>
<li class="nav-item"> <li class="nav-item">
<a href="https://github.com/jrtechs/github-graphs">
View on GitHub
</a>
<a class="nav-link" href="https://github.com/jrtechs/github-graphs/">View on GitHub</a>
</li> </li>
<div class="nav-sep"></div>
<li class="nav-item"> <li class="nav-item">
<a href="./about.html">
About
</a>
<a class="nav-link" href="./about.html">About</a>
</li> </li>
</ul> </ul>
</div> </div>
</div>
</nav>
<div class="main container"> <div class="main container">
<div id="user-graphs"> <div id="user-graphs">
<div id="search-bar"> <div id="search-bar">
@ -181,4 +173,4 @@
window.location.href = "./OrgRepoGraph.html?name=" + uname; window.location.href = "./OrgRepoGraph.html?name=" + uname;
} }
</script>
</script>

+ 16
- 24
public/OrgRepoGraph.html View File

@ -31,34 +31,26 @@
</head> </head>
<body> <body>
<div id="header-bar" class="d-flex flex-column flex-md-row shadow-sm align-items-center">
<div id="header-title">
<a href="./index.html">
<img id="logo" src="./logo.svg" />
</a>
</div>
<div id="navigation">
<ul class="nav">
<nav class="navbar navbar-dark bg-dark navbar-expand-md">
<a class="navbar-brand" href="/"><img src="img/githubgraph-logo.svg" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="main-menu" class="collapse navbar-collapse">
<ul class="navbar-nav flex-fill justify-content-end">
<li class="nav-item"> <li class="nav-item">
<a href="./GraphGenerator.html">
Generate graphs
</a>
<a class="nav-link" href="./GraphGenerator.html">Generate graphs</a>
</li> </li>
<div class="nav-sep"></div>
<li class="nav-item"> <li class="nav-item">
<a href="https://github.com/jrtechs/github-graphs">
View on GitHub
</a>
<a class="nav-link" href="https://github.com/jrtechs/github-graphs/">View on GitHub</a>
</li> </li>
<div class="nav-sep"></div>
<li class="nav-item"> <li class="nav-item">
<a href="./about.html">
About
</a>
<a class="nav-link" href="./about.html">About</a>
</li> </li>
</ul> </ul>
</div> </div>
</div>
</nav>
<div class="main containerCustom"> <div class="main containerCustom">
<div class="row containerCustom"> <div class="row containerCustom">
@ -91,7 +83,7 @@
</div> </div>
<script> <script>
function createGraphs(orgname) { function createGraphs(orgname) {
options.width = $("#myGraph").width() + "px"; options.width = $("#myGraph").width() + "px";
options.height = "700px"; options.height = "700px";
@ -100,15 +92,15 @@
createOrgTable(orgname, 'repositoryTable'); createOrgTable(orgname, 'repositoryTable');
createOrgInfo(orgname, 'organizationInfo') createOrgInfo(orgname, 'organizationInfo')
} }
if(findGetParameter("name") !== null) if(findGetParameter("name") !== null)
{ {
createGraphs(findGetParameter("name")) createGraphs(findGetParameter("name"))
} }
</script> </script>
</div> </div>
</body> </body>
</html>
</html>

+ 21
- 27
public/TimeLineGraph.html View File

@ -79,32 +79,26 @@
</style> </style>
</head> </head>
<body> <body>
<div id="header-bar" class="d-flex flex-column flex-md-row shadow-sm align-items-center">
<div id="header-title">
<a href="./index.html">
<img id="logo" class="text-center" src="./logo.svg" />
</a>
</div>
<ul id="navigation" class="nav justify-content-end">
<li class="nav-item">
<a href="./GraphGenerator.html">
Generate graphs
</a>
</li>
<div class="nav-sep"></div>
<li class="nav-item">
<a href="https://github.com/jrtechs/github-graphs">
View on GitHub
</a>
</li>
<div class="nav-sep"></div>
<li class="nav-item">
<a href="./about.html">
About
</a>
</li>
</ul>
</div>
<nav class="navbar navbar-dark bg-dark navbar-expand-md">
<a class="navbar-brand" href="/"><img src="img/githubgraph-logo.svg" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="main-menu" class="collapse navbar-collapse">
<ul class="navbar-nav flex-fill justify-content-end">
<li class="nav-item">
<a class="nav-link" href="./GraphGenerator.html">Generate graphs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/jrtechs/github-graphs/">View on GitHub</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./about.html">About</a>
</li>
</ul>
</div>
</nav>
<div class="containerCustom"> <div class="containerCustom">
<div class="row align-center" id="searchBarTop"> <div class="row align-center" id="searchBarTop">
@ -152,4 +146,4 @@
} }
</script> </script>
</html>
</html>

+ 15
- 23
public/about.html View File

@ -11,34 +11,26 @@
<link rel="stylesheet" href="./about.css" /> <link rel="stylesheet" href="./about.css" />
</head> </head>
<body> <body>
<div id="header-bar" class="d-flex flex-column flex-md-row shadow-sm align-items-center">
<div id="header-title">
<a href="./index.html">
<img id="logo" src="./logo.svg" />
</a>
</div>
<div id="navigation">
<ul class="nav">
<nav class="navbar navbar-dark bg-dark navbar-expand-md">
<a class="navbar-brand" href="/"><img src="img/githubgraph-logo.svg" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="main-menu" class="collapse navbar-collapse">
<ul class="navbar-nav flex-fill justify-content-end">
<li class="nav-item"> <li class="nav-item">
<a href="./GraphGenerator.html">
Generate graphs
</a>
<a class="nav-link" href="./GraphGenerator.html">Generate graphs</a>
</li> </li>
<div class="nav-sep"></div>
<li class="nav-item"> <li class="nav-item">
<a href="https://github.com/jrtechs/github-graphs">
View on GitHub
</a>
<a class="nav-link" href="https://github.com/jrtechs/github-graphs/">View on GitHub</a>
</li> </li>
<div class="nav-sep"></div>
<li class="nav-item"> <li class="nav-item">
<a href="./about.html">
About
</a>
<a class="nav-link" href="./about.html">About</a>
</li> </li>
</ul> </ul>
</div> </div>
</div>
</nav>
<div> <div>
<div id="content" class="container"> <div id="content" class="container">
<div id="content-title"> <div id="content-title">
@ -46,8 +38,8 @@
</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 various graphs of information from
the GitHub network. Currently the site generates three types of graphs-- the most popular and entertaining
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. 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>
@ -158,4 +150,4 @@
</div> </div>
</div> </div>
</body> </body>
</html>
</html>

Loading…
Cancel
Save