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 remote-tracking branch 'origin/master'

pull/11/head
Jeffery Russell 5 years ago
parent
8741b6b85d 1ac3434bd7
commit
d8e0f535ba
3 changed files with 49 additions and 30 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +27
    -25
      public/FriendsGraph.html
  2. +14
    -4
      public/index.html
  3. +8
    -1
      public/style.css

+ 27
- 25
public/FriendsGraph.html View File

@ -22,32 +22,34 @@
</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="./FriendsGraph.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
<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> </a>
</li>
</ul>
</div>
</div>
<div id="navigation">
<ul class="nav">
<li class="nav-item">
<a href="./FriendsGraph.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>
</div>
<div class="main container"> <div class="main container">
<div class="row align-center" id="searchBarTop"> <div class="row align-center" id="searchBarTop">

+ 14
- 4
public/index.html View File

@ -37,7 +37,7 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="main container-fluid text-center">
<div class="main container-fluid">
<div class="home-content row align-items-center"> <div class="home-content row align-items-center">
<div class="side-txt col"> <div class="side-txt col">
<div class="text-title text-center" style="padding: 10px;"> <div class="text-title text-center" style="padding: 10px;">
@ -46,11 +46,21 @@
<div class="text-content"> <div class="text-content">
<p style="position: relative; padding: 10px;"> <p style="position: relative; padding: 10px;">
Head over to the 'Generate graphs' page and enter Head over to the 'Generate graphs' page and enter
the username of a GitHub user. The space on that
page will then populate with the requested GitHub
user and all the related user, visualizing the
the username of a GitHub user. The space on that
page will then populate with the requested GitHub
user and all the related user, visualizing the
connections between them. connections between them.
</p> </p>
<p style="position: relative; padding: 10px;">
If you'd like to see how everything works, follow
the link to GitHub, where you can view all the work
that went into making this functional.
</p>
<p style="position: relative; padding: 10px;">
If you're interested in knowing more about this
project, additional information can be found on
the About page.
</p>
</div> </div>
</div> </div>
<img class="side-img img-fluid col" src="./img/graphExample.png" /> <img class="side-img img-fluid col" src="./img/graphExample.png" />

+ 8
- 1
public/style.css View File

@ -71,6 +71,7 @@
} }
.home-content { .home-content {
padding: 20px; padding: 20px;
width: 100%;
max-height: 40px; max-height: 40px;
} }
.side-img { .side-img {
@ -85,7 +86,6 @@
display: block; display: block;
position: relative; position: relative;
width: 50%; width: 50%;
max-width: 500px;
} }
.text-title { .text-title {
background-color: rgb(208, 208, 208); background-color: rgb(208, 208, 208);
@ -109,6 +109,13 @@ body {
.side-img { .side-img {
display: none; display: none;
} }
.side-txt {
position: absolute;
top: 10px;
left: 50%;
transform: translate(-50%, 0%);
width: 100%;
}
#navigation { #navigation {
position: absolute; position: absolute;
top: 50px; top: 50px;

Write Preview
Loading…
Cancel
Save