Add rules.ecr and change background image.

This commit is contained in:
Danila Fedorin 2018-06-12 21:01:28 -07:00
parent b7bdbbdc12
commit d8ae468f39
6 changed files with 9 additions and 2 deletions

1
public/css/main.css vendored
View File

@ -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 {

View File

@ -2,6 +2,7 @@ body {
font-family: Roboto;
background-image: url(/images/clouds.jpg);
background-color: #F5F7FA;
background-size: cover;
color: #2d2d2d;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 330 KiB

After

Width:  |  Height:  |  Size: 180 KiB

View File

@ -90,6 +90,7 @@ div.top-bar {
padding: 20px;
max-width: 500px;
margin: auto;
margin-top: 20px;
border-radius: 10px;
}

View File

@ -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

View File

@ -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 players 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>