Favicon and about updates.

5 years ago · 4ab5b1e493
--- a/public/404.html
+++ b/public/404.html
@ -0,0 +1,40 @@
 <!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>
 </body>
 </html>
--- a/public/about.css
+++ b/public/about.css
@ -9,16 +9,28 @@
    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;
 }
 .card-deck {
    position: relative;
    padding-top: 20px;
 }
 .rounder {
    border-radius: 20px !important;
 }
 .avatar {
    border-radius: 10px 10px 10px 10px !important;
    top: 10px;
    position: relative;
    width: 70%;
 }
 .plink {
    color: rgb(250, 152, 33);
 }
 body {
    background-color: #232323;
--- a/public/about.html
+++ b/public/about.html
@ -11,12 +11,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 +52,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,4 +1,4 @@
 <!doctype html>
 <!doctype html>
 <html lang="en">
 <head>
    <meta charset="utf-8">
@ -10,12 +10,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>
--- a/public/style.css
+++ b/public/style.css
@ -20,7 +20,6 @@
 }
 #header-title {
    width: 30%;
    padding-left: 20px;
    font-size: 25px;
 }
 #logo {
@ -35,6 +34,11 @@
    font-weight: bold;
    font-size: 60px;
 }
 .m-title {
    font-family: Comfortaa;
    font-weight: normal;
    font-size: 150%;
 }
 .nav-sep {
    position: relative;
    left: 10px;