Browse Source

Merge remote-tracking branch 'origin/master'

pull/11/head
Jeffery Russell 5 years ago
parent
commit
f032263168
4 changed files with 41 additions and 18 deletions
  1. +1
    -14
      public/FriendsGraph.html
  2. +1
    -1
      public/about.html
  3. +14
    -3
      public/index.html
  4. +25
    -0
      public/style.css

+ 1
- 14
public/FriendsGraph.html View File

@ -1,4 +1,4 @@
<!doctype html>
<!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
@ -7,19 +7,6 @@
<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">
<link rel="stylesheet" href="./style.css" /> <link rel="stylesheet" href="./style.css" />
<style type="text/css">
body {
font: 10pt arial;
}
/*#myGraph {*/
/*!*width: 100%;*!*/
/*!*height: 800px;*!*/
/*!*border: 1px solid lightgray;*!*/
/*background-color:#333333;*/
/*}*/
</style>
<script <script
src="https://code.jquery.com/jquery-3.3.1.min.js" src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="

+ 1
- 1
public/about.html View File

@ -36,7 +36,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div id="main">
<div>
<div id="content" class="container"> <div id="content" class="container">
<div id="content-title"> <div id="content-title">
<h1 class="big-title text-center">What is this?</h1> <h1 class="big-title text-center">What is this?</h1>

+ 14
- 3
public/index.html View File

@ -35,9 +35,20 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="main">
<div id="content" class="container">
<div class="main container">
<div class="row">
<div class="side-txt">
<div class="text-title text-center" style="padding-top: 15px;">
<h1 class="m-title">How to get started:</h1>
</div>
<div class="text-content">
<p style="position: relative; padding-left: 10px; padding-right: 10px;">
Head over to the 'Generate graphs' page and enter the username of the user you want to generate your graph around.
</p>
</div>
</div>
<img class="side-img img-fluid" src="./img/graphExample.png" />
</div> </div>
</div>
</body> </body>
</html> </html>

+ 25
- 0
public/style.css View File

@ -51,6 +51,16 @@
font-weight: normal; font-weight: normal;
font-size: 150%; font-size: 150%;
} }
.text-title {
height: 60px;
background-color: rgb(208, 208, 208);
border-radius: 20px 0px 0px 0px;
}
.text-content {
height: 335px;
background-color: rgb(242, 242, 242);
border-radius: 0px 0px 0px 20px;
}
.nav-sep { .nav-sep {
position: relative; position: relative;
left: 10px; left: 10px;
@ -71,6 +81,21 @@
color: rgb(250, 152, 33); color: rgb(250, 152, 33);
text-decoration: none; text-decoration: none;
} }
.side-img {
display: grid;
position: relative;
width: 50%;
border-radius: 0px 20px 20px 0px;
}
.side-txt {
display: grid;
position: relative;
width: 50%;
}
.main {
position: relative;
top: 20px;
}
body { body {
background-color: #232323; background-color: #232323;
} }

Loading…
Cancel
Save