From 23b8471301dcadc377395969384efd7373f44a61 Mon Sep 17 00:00:00 2001
From: clairecahill <clairecahill@users.noreply.github.com>
Date: Tue, 12 Jun 2018 21:11:10 -0700
Subject: [PATCH 1/2] add link to the about page

---
 public/scss/main.scss  | 226 -----------------------------------------
 src/Go/views/index.ecr |   2 +-
 2 files changed, 1 insertion(+), 227 deletions(-)
 delete mode 100644 public/scss/main.scss

diff --git a/public/scss/main.scss b/public/scss/main.scss
deleted file mode 100644
index 0fe764e..0000000
--- a/public/scss/main.scss
+++ /dev/null
@@ -1,226 +0,0 @@
-$background-grey: #f4f4f4;
-
-@mixin board-cell($size) {
-    padding: 100%/$size/2;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    font-family: "Comfortaa", serif;
-    text-align: center;
-}
-
-h1 {
-    font-family: "Bangers", serif;
-    font-size: 7em;
-    color:darkred;
-    display:inline;
-    margin: 0px 45%;
-    background: white;
-    padding: 2px 17px 2px 8px;
-    border-radius: 15px;
-}
-
-
-
-body {
-    font-family: "Comfortaa", sans-serif;
-    margin: 0px;
-    background-color: $background-grey;
-}
-
-.rules-body {
-    background-image: url(../../src/Go/views/grid.jpg);
-}
-
-.rules-title {
-     font-family: "Bangers", serif;
-     font-size: 66px;
-     color: darkred;
-     display: inline;
-     border-radius: 20px;
-     line-height: 115px;
-     padding: 10px;
-     background-color: white;
-     margin-left: 35%;
- }
-
-.content-wrapper {
-    max-width: 750px;
-    margin: auto;
-}
-
-ul.rules-list {
-     background-color: $background-grey;
-     padding: 26px;
-     border-radius: 15px;
-     margin: 0px 25px;
- }
-
-li.rule {
-     padding: 3px;
-     font-size: 18px;
-}
-
-ul.game-instructions {
-    display: flex;
-}
-
-
-li#welcome {
-	padding: 0px 10px 0px 5px;
-	border-left: solid tomato;
-	text-align: center;
-	list-style: none;
-}
-
-div.top-bar {
-    background-image: url(../../src/Go/views/grid.jpg);
-    line-height: 135px;
-}
-
-.board {
-    background-color: tomato;
-    padding: 20px;
-    max-width: 500px;
-    margin: auto;
-    border-radius: 10px;
-}
-
-.black-player {
-    .board-cell:hover .overlay {
-        background-color: black;
-    }
-}
-
-.white-player {
-    .board-cell:hover .overlay {
-        background-color: white;
-    }
-}
-
-.board-cell {
-    display: inline-block;
-    position: relative;
-    @include board-cell(9);
-
-    .overlay {
-        position: absolute;
-        box-sizing: border-box;
-        top: 10%;
-        left: 10%;
-        width: 80%;
-        height: 80%;
-        border-radius: 50%;
-        transition: background-color .25s;
-    }
-
-    &.small {
-        @include board-cell(9);
-    }
-
-    &.medium {
-        @include board-cell(13);
-    }
-
-    &.large {
-        @include board-cell(19);
-    }
-}
-
-.black-cell {
-    .overlay {
-        background-color: black;
-    }
-}
-
-.white-cell {
-    .overlay {
-        background-color: white;
-    }
-}
-
-.split-wrapper {
-    display: flex;
-    @media screen and (max-width: 640px) {
-        flex-direction: column;
-    }
-    width: 100%;
-}
-
-.split-item {
-    flex-grow: 1;
-    box-sizing: border-box;
-    border: solid tomato 1px;
-    border-radius: 22px;
-    background-color: white;
-    margin: 0px 10px;
-}
-
-.split-wrapper form {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 10px;
-
-    input {
-        margin-top: 20px;
-        padding: 5px;
-        padding-left: 10px;
-        padding-right: 10px;
-        border: none;
-        outline: none;
-        width: 100%;
-        max-width: 300px;
-    }
-
-    input[type="radio"] {
-        opacity: 0;
-        width: 0px;
-        height: 0px;
-
-        &:checked ~ label {
-            color: tomato;
-            transition: color .25s;
-        }
-    }
-
-    input[type="submit"] {
-        padding: 10px;
-        background-color: tomato;
-        color: white;
-
-        &:focus, &:hover {
-            background-color: inherit;
-            color: tomato;
-            transition: background-color .25s, color .25s;
-        }
-    }
-
-    input[type="text"] {
-        background-color: inherit;
-        border-bottom: solid tomato;
-        border-width: 2px;
-
-        &:focus {
-            border-width: 3px;
-            transition: background-color .25s, border-width .25s;
-        }
-
-        height: 3em;
-        box-sizing: border-box;
-        display: block;
-    }
-    
-    .radio-parent {
-        display: flex;
-        margin-top: 20px;
-        width: 100%;
-        max-width: 300px;
-    }
-
-    .radio-wrapper {
-        flex-grow: 1;
-        display: inline-block;
-        text-align: center;
-    }
-}
diff --git a/src/Go/views/index.ecr b/src/Go/views/index.ecr
index 020edb5..d260610 100644
--- a/src/Go/views/index.ecr
+++ b/src/Go/views/index.ecr
@@ -1,5 +1,5 @@
 <ul class="game-instructions">
-	<li id="welcome">Welcome to our simulation of Go!</li>
+	<li id="welcome">Welcome to our simulation of Go! <a href="about.ecr">Meet the creators.</a></li>
 	<li id="welcome">Defeat your opponent by earning more territory.</li>
 	<li id="welcome">"Capture" dots of the opposite color by surrounding them.</li>
 	<li id="welcome">Create a game by filling out the fields below, giving the next player a password in "Their password."</li>

From ba4f60c0a8e7b086051efabcd2e19b7cb89786a1 Mon Sep 17 00:00:00 2001
From: clairecahill <clairecahill@users.noreply.github.com>
Date: Tue, 12 Jun 2018 21:21:51 -0700
Subject: [PATCH 2/2] Add link to the about page

---
 src/Go/views/index.ecr | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Go/views/index.ecr b/src/Go/views/index.ecr
index 6b94085..d47d23a 100644
--- a/src/Go/views/index.ecr
+++ b/src/Go/views/index.ecr
@@ -1,5 +1,5 @@
 <ul class="game-instructions">
-	<li id="welcome">Welcome to our simulation of Go! <a href="about.ecr">Meet the creators.</a></li>
+	<li id="welcome">Welcome to our simulation of Go! <a href="/about">Meet the creators.</a></li>
 	<li id="welcome">Defeat your opponent by earning more territory.</li>
 	<li id="welcome">"Capture" dots of the opposite color by surrounding them.</li>
 	<li id="welcome">Create a game by filling out the fields below, giving the next player a password in "Their password."</li>