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

5 years ago · 133532bae4
--- a/public/404.html
+++ b/public/404.html
@ -0,0 +1,42 @@
 <!doctype html>
 <html lang="en">
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <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" />
 </head>
 <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="./GraphTest.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 class="main">
        <div id="content" class="container">
            
        </div>
    </div>
 </body>
 </html>
--- a/public/about.css
+++ b/public/about.css
@ -9,17 +9,26 @@
    top: 20%;
    height: 80px;
    background-color: rgb(208, 208, 208);
    border-radius: 20px 20px 0px 0px;
    
    border-radius: 20px 20px 0px 0px
 }
 #content-body {
    position: relative;
    background-color: rgb(242, 242, 242);
    border-radius: 0px 0px 20px 20px;
 }
 .plink {

 .card-deck {
    position: relative;
    padding-top: 20px;
 }
 .rounder {
    border-radius: 20px !important;
 }
 body {
    background-color: #232323;
 .avatar {
    border-radius: 10px 10px 10px 10px !important;
    top: 10px;
    position: relative;
    width: 70%;
 }
 .plink {
    color: rgb(250, 152, 33);
 }
--- a/public/about.html
+++ b/public/about.html
@ -3,6 +3,8 @@
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="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="./style.css" />
    <link rel="stylesheet" href="./about.css" />
@ -11,12 +13,12 @@
    <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" />
                <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="./generate">
                <a href="./GraphTest.html">
                    Generate graphs
                </a>
            </li>
@ -52,6 +54,44 @@
                    This project was made for participation in <a class="plink" href="https://brickhack.io/">BrickHack V</a>.
                </p>
            </div>
            <div id="content-title" style="border-radius: 20px;">
                <h1 class="big-title text-center">Developers</h1>
            </div>
            <div class="card-deck">
                <div class="card rounder">
                    <img class="avatar mx-auto d-block" src="https://avatars0.githubusercontent.com/u/13894625?s=400&v=4" />
                    <div class="card-header text-center m-title">
                        Jeff
                    </div>
                    <div class="card-body">
                        <p>
                            did stuff
                        </p>
                    </div>
                </div>
                <div class="card rounder">
                    <img class="avatar mx-auto d-block" src="https://avatars0.githubusercontent.com/u/32306409?s=400&v=4" />
                    <div class="card-header text-center m-title">
                        Bryce
                    </div>
                    <div class="card-body">
                        <p>
                            also did stuff
                        </p>
                    </div>
                </div>
                <div class="card rounder">
                    <img class="avatar mx-auto d-block" src="https://avatars3.githubusercontent.com/u/32624140?s=400&v=4" />
                    <div class="card-header text-center m-title">
                        Alex
                    </div>
                    <div class="card-body">
                        <p>
                            kinda did stuff
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
 </body>
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@ -1,8 +1,10 @@
 <!doctype html>
 <!doctype html>
 <html lang="en">
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="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="./style.css" />
 </head>
@ -10,12 +12,12 @@
    <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" />
                <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="./generate">
                <a href="./GraphTest.html">
                    Generate graphs
                </a>
            </li>
@ -33,6 +35,9 @@
            </li>
        </ul>
    </div>
    <div class="main">
        <div id="content" class="container">

        </div>
 </body>
 </html>
--- a/public/logo.svg
+++ b/public/logo.svg
--- a/public/style.css
+++ b/public/style.css
@ -20,12 +20,14 @@
 }
 #header-title {
    width: 30%;
    padding-left: 20px;
    font-size: 25px;
 }
 #logo {
    height: 60px;
 }
 #error-code {
    background-color: rgb(208, 208, 208);
 }
 #navigation {
    width: 70%;
    padding-right: 20px !important;
@ -35,6 +37,11 @@
    font-weight: bold;
    font-size: 60px;
 }
 .m-title {
    font-family: Comfortaa;
    font-weight: normal;
    font-size: 150%;
 }
 .nav-sep {
    position: relative;
    left: 10px;
@ -52,9 +59,9 @@
    text-decoration: none;
 }
 .nav-item a:hover {
    color: rgb(57, 163, 225);
    color: rgb(250, 152, 33);
    text-decoration: none;
 }
 body {
    background-color: rgb(242, 242, 242);
    background-color: #232323;
 }