From 5ca2a7c7ab42920de84e6652dbbc064239721420 Mon Sep 17 00:00:00 2001
From: Jacob Cody Wimer <jacob.wimer@gmail.com>
Date: Fri, 6 Feb 2015 13:39:51 -0500
Subject: [PATCH] Added bracket for two pools

---
 .../static_pages/_fourPoolBracket.html.erb    |  12 --
 app/views/static_pages/_twoPool.html.erb      |   4 +-
 .../static_pages/_twoPoolBracket.html.erb     | 107 ++++++++++++++++++
 3 files changed, 110 insertions(+), 13 deletions(-)
 create mode 100644 app/views/static_pages/_twoPoolBracket.html.erb

diff --git a/app/views/static_pages/_fourPoolBracket.html.erb b/app/views/static_pages/_fourPoolBracket.html.erb
index 03bd71e..59775d4 100644
--- a/app/views/static_pages/_fourPoolBracket.html.erb
+++ b/app/views/static_pages/_fourPoolBracket.html.erb
@@ -108,12 +108,6 @@ li.game{
 		<li class="game game-bottom "><span>Score</span></li>
 
 		<li class="spacer">&nbsp;</li>
-		
-		<li class="game game-top "><span>Score</span></li>
-		<li class="game game-spacer">&nbsp;</li>
-		<li class="game game-bottom "> <span>Score</span></li>
-
-		<li class="spacer">&nbsp;</li>
 	</ul>
 	<ul class="round round-2">
 		<li class="spacer">&nbsp;</li>
@@ -177,12 +171,6 @@ li.game{
 		<li class="game game-bottom "><span>Score</span></li>
 
 		<li class="spacer">&nbsp;</li>
-		
-		<li class="game game-top "><span>Score</span></li>
-		<li class="game game-spacer">&nbsp;</li>
-		<li class="game game-bottom "> <span>Score</span></li>
-
-		<li class="spacer">&nbsp;</li>
 	</ul>
 	<ul class="round round-2">
 		<li class="spacer">&nbsp;</li>
diff --git a/app/views/static_pages/_twoPool.html.erb b/app/views/static_pages/_twoPool.html.erb
index 79555db..f5f61b1 100644
--- a/app/views/static_pages/_twoPool.html.erb
+++ b/app/views/static_pages/_twoPool.html.erb
@@ -42,4 +42,6 @@
 		</tr>
 		<% end %>
   	</tbody>
-</table>
\ No newline at end of file
+</table>
+
+<%= render 'twoPoolBracket' %>
\ No newline at end of file
diff --git a/app/views/static_pages/_twoPoolBracket.html.erb b/app/views/static_pages/_twoPoolBracket.html.erb
new file mode 100644
index 0000000..8d90a69
--- /dev/null
+++ b/app/views/static_pages/_twoPoolBracket.html.erb
@@ -0,0 +1,107 @@
+<style>
+/*
+ *  Flex Layout Specifics
+*/
+main{
+  display:flex;
+  flex-direction:row;
+}
+.round{
+  display:flex;
+  flex-direction:column;
+  justify-content:center;
+  width:200px;
+  list-style:none;
+  padding:0;
+}
+  .round .spacer{ flex-grow:1; }
+  .round .spacer:first-child,
+  .round .spacer:last-child{ flex-grow:.5; }
+
+  .round .game-spacer{
+    flex-grow:1;
+  }
+
+/*
+ *  General Styles
+*/
+body{
+  font-family:sans-serif;
+  font-size:small;
+  padding:10px;
+  line-height:1.4em;
+}
+
+li.game{
+  padding-left:20px;
+}
+
+  li.game.winner{
+    font-weight:bold;
+  }
+  li.game span{
+    float:right;
+    margin-right:5px;
+  }
+
+  li.game-top{ border-bottom:1px solid #aaa; }
+
+  li.game-spacer{ 
+    border-right:1px solid #aaa;
+    min-height:40px;
+  }
+
+  li.game-bottom{ 
+    border-top:1px solid #aaa;
+  }
+
+
+</style>
+
+</br>
+<h5>Championship Match</h5>
+<main id="bracket">
+	<ul class="round round-1">
+		<li class="spacer">&nbsp;</li>
+		
+		<li class="game game-top ">Winner Pool 1<span>Score</span></li>
+		<li class="game game-spacer">&nbsp;</li>
+		<li class="game game-bottom ">Winner Pool 2<span>Score</span></li>
+
+		<li class="spacer">&nbsp;</li>
+	</ul>
+	<ul class="round round-2">
+		<li class="spacer">&nbsp;</li>
+		
+		<li class="game game-top "> <span></span></li>
+		1st
+		<li class="spacer">&nbsp;</li>
+		
+		
+	</ul>
+
+</main>
+
+<h5>3rd/4th</h5>
+<main id="bracket">
+	<ul class="round round-1">
+		<li class="spacer">&nbsp;</li>
+		
+		<li class="game game-top ">Runner Up Pool 1<span>Score</span></li>
+		<li class="game game-spacer">&nbsp;</li>
+		<li class="game game-bottom ">Runner Up Pool 2<span>Score</span></li>
+
+		<li class="spacer">&nbsp;</li>
+	</ul>
+	<ul class="round round-2">
+		<li class="spacer">&nbsp;</li>
+		
+		<li class="game game-top "> <span></span></li>
+		3rd
+		<li class="spacer">&nbsp;</li>
+		
+		
+	</ul>
+
+</main>
+