Browse Source

Minor edits

pull/11/head
CetaceanNation 5 years ago
parent
commit
add177a5de
2 changed files with 22 additions and 5 deletions
  1. +14
    -4
      public/index.html
  2. +8
    -1
      public/style.css

+ 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;

Loading…
Cancel
Save