Displaying break information in a box

DebTho · Sep 12, 2016 · a366bcc · a366bcc
1 parent 7da36a5
commit a366bcc
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/_includes/episode_break.html b/_includes/episode_break.html
@@ -1,4 +1,15 @@
 {% comment %}
-  Display information about a break.
+    Display a break's timings in a box similar to a learning episode's.
 {% endcomment %}
-<p>Break: {{page.break}} min</p>
+<blockquote class="objectives">
+  <h2>Overview</h2>
+
+  <div class="row">
+    <div class="col-md-3">
+      <strong>Break:</strong> {{ page.break }} min
+    </div>
+    <div class="col-md-9">
+    </div>
+  </div>
+
+</blockquote>
diff --git a/_includes/episode_overview.html b/_includes/episode_overview.html
@@ -19,7 +19,7 @@ <h2>Overview</h2>
       </ul>
     </div>
   </div>
-  
+
   <div class="row">
     <div class="col-md-3">
     </div>
@@ -32,5 +32,5 @@ <h2>Overview</h2>
       </ul>
     </div>
   </div>
-  
+
 </blockquote>
-Original file line number
+Diff line change
@@ Expand Up / @@ -19,7 +19,7 @@ <h2>Overview</h2> @@
           </ul>
         </div>
       </div>
       <div class="row">
         <div class="col-md-3">
         </div>
@@ Expand All / @@ -32,5 +32,5 @@ <h2>Overview</h2> @@
           </ul>
         </div>
       </div>
     </blockquote>