Add rules.ecr and change background image.

2018-06-12 21:01:28 -07:00 · 2018-06-12 21:01:28 -07:00 · d8ae468f39
--- a/public/css/main.css
+++ b/public/css/main.css
@ -70,6 +70,7 @@ div.top-bar {
  padding: 20px;
  max-width: 500px;
  margin: auto;
+  margin-top: 20px;
  border-radius: 10px; }

 .black-player .board-cell:hover .overlay {
--- a/public/css/style.css
+++ b/public/css/style.css
@ -2,6 +2,7 @@ body {
    font-family: Roboto;
    background-image: url(/images/clouds.jpg);
    background-color: #F5F7FA;
+    background-size: cover;
    color: #2d2d2d;
 }

--- a/public/images/clouds.jpg
+++ b/public/images/clouds.jpg
--- a/public/scss/main.scss
+++ b/public/scss/main.scss
@ -90,6 +90,7 @@ div.top-bar {
    padding: 20px;
    max-width: 500px;
    margin: auto;
+    margin-top: 20px;
    border-radius: 10px;
 }

--- a/src/Go.cr
+++ b/src/Go.cr
@ -166,6 +166,10 @@ get "/about" do |env|
    render "src/Go/views/about.ecr"
 end

+get "/rules" do |env|
+    render "src/Go/views/rules.ecr"
+end
+
 get "/" do |env|
    render "src/Go/views/index.ecr", "src/Go/views/base.ecr"
 end
--- a/src/Go/views/rules.html
+++ b/src/Go/views/rules.html
@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 	<head>
-            <link rel="stylesheet" href="../../../public/css/main.css"> </link>
+            <link rel="stylesheet" href="/css/main.css"> </link>
 	</head>
   <body class="rules-body">
 	   <h2 class="rules-title">Rules of Go</h2>
@ -12,7 +12,7 @@
 		   <li class="rule">Points are also earned for the dots of that player’s color remaining on the board at the end of the game.</li>
 		   <li class="rule">The player with the most points at the end of the game is the winner.</li>
 		   <li class="rule">Dots are placed one at a time. Black plays first.</li>
-		   <img src=go-example.jpg>
+		   <img src="/images/go-example.jpg">
 		   <li class="rule">This diagram, (taken from <a href=https://www.britgo.org/intro/intro2.html>britgo</a>) shows the black player capturing a white stone at a (location a shows an example of a black “eye”). The black player has 15 points of territory - 10 in the bottom right corner and 5 at the top of the board. They also earn a point for capturing a white dot at location a, so their total is 16 points. The white player has 17 points - 11 along the left side and 6 in the top right corner. Therefore, the white player would win by 1 point.</li>
 		   <li class="rule">Each player has an endless amount of dots to place.</li>
 		   <li class="rule">A player can choose to pass on a turn. This usually occurs when the player cannot place any more dots, if they are able to place it in their own “eye” or the “eye” of the other player, causing it to be captured. The game ends if both players to pass their turn.</li>