From 65f5a22912c150bbb440564ca78a2abbfbf68b09 Mon Sep 17 00:00:00 2001
From: Dennis Schubert <software@dsx.cc>
Date: Sat, 13 Dec 2014 04:33:06 +0100
Subject: [PATCH] make pages#formatting pretty again

---
 app/views/pages/formatting.html.erb | 135 ++++++++++++++--------------
 1 file changed, 66 insertions(+), 69 deletions(-)

diff --git a/app/views/pages/formatting.html.erb b/app/views/pages/formatting.html.erb
index 182ef7e..88e1369 100644
--- a/app/views/pages/formatting.html.erb
+++ b/app/views/pages/formatting.html.erb
@@ -1,38 +1,38 @@
 <% content_for :page_title, t('.menu_title') %>
-<% content_for :wrapper_class, "index_page" %>
+<% content_for :wrapper_class, 'index_page' %>
 
 <div id="masthead" class="hero">
   <div class="container">
     <h1><%= t 'pages.tutorials.headline' %></h1>
-    <h2><%= t '.byline' %></h2>
+    <h2 class="lead"><%= t '.byline' %></h2>
   </div>
 </div>
 
 <div class="container">
-  <div class="row top-spacing">
-    <div class="span2">&nbsp;
-    </div>
-    <div class="span12">       
-        <p><%= t '.format1' %></p>
-        <p><%= t '.format2' %></p>
-        <p class="more-info"><%= t('.format3').html_safe %></p>
-        <p class="more-info"><%= t('.format4').html_safe %></p>
-        
-        <h3><%= t '.headings' %></h3>
-        <p><%= t '.headings_ex1' %></p>
-		<pre># <%= t '.headings_code1' %>
-		
+  <div class="row minor-top-spacing">
+    <div class="col-md-12">
+      <p><%= t '.format1' %></p>
+      <p><%= t '.format2' %></p>
+      <p class="more-info">
+        <%= t('.format3').html_safe %>
+        <%= t('.format4').html_safe %>
+      </p>
+
+      <h3><%= t '.headings' %></h3>
+      <p><%= t '.headings_ex1' %></p>
+      <pre># <%= t '.headings_code1' %>
+
 ## <%= t '.headings_code2' %>
 
 ### <%= t '.headings_code3' %></pre>
-        <p class="more-info"><%= t '.headings_ex2' %></p>
-        
-        <h3><%= t '.lists' %></h3>
-        <p><%= t '.lists_ex1' %></p>
-        <p><%= t '.lists_ex2' %></p>
-        <p class="more-info"><%= t '.lists_ex3' %></p>
-		<pre><%= t '.lists_code1' %>
-		
+      <p class="more-info"><%= t '.headings_ex2' %></p>
+
+      <h3><%= t '.lists' %></h3>
+      <p><%= t '.lists_ex1' %></p>
+      <p><%= t '.lists_ex2' %></p>
+      <p class="more-info"><%= t '.lists_ex3' %></p>
+      <pre><%= t '.lists_code1' %>
+
 * <%= t '.lists_code2' %>
 * <%= t '.lists_code3' %>
 * <%= t '.lists_code4' %>
@@ -48,66 +48,63 @@
 1. <%= t '.lists_code2' %>
 2. <%= t '.lists_code3' %>
 3. <%= t '.lists_code4' %></pre>
-        
-        <h3><%= t '.code' %></h3>
-        <p><%= t '.code_ex1' %></p>
-        <p><%= t '.code_ex2' %></p>
-        <p><%= t('.code_ex3').html_safe %></p>
-		<pre><%= t '.code_code1' %>
-		
+
+      <h3><%= t '.code' %></h3>
+      <p><%= t '.code_ex1' %></p>
+      <p><%= t '.code_ex2' %></p>
+      <p><%= t('.code_ex3').html_safe %></p>
+      <pre><%= t '.code_code1' %>
+
 ````<code><%= t '.code_code2' %></code>````
 
 <%= t '.code_code3' %>
 
     <code><%= t '.code_code4' %></code>
-      <code><%= t '.code_code5' %></code></pre>     
-      
-        <h3><%= t '.line' %></h3>
-        <p><%= t '.line_ex' %></p>
-		<pre><%= t '.line_code1' %>
+      <code><%= t '.code_code5' %></code></pre>
+
+      <h3><%= t '.line' %></h3>
+      <p><%= t '.line_ex' %></p>
+      <pre><%= t '.line_code1' %>
 
 ---
 
 <%= t '.line_code2' %></pre>
 
-        <h3><%= t '.itals' %></h3>
-        <p><%= t '.itals_ex1' %></p>
-        <p><%= t('.itals_ex2').html_safe %></p>
-        <p><%= t('.itals_ex3').html_safe %></p>
-        <p><%= t('.itals_ex4').html_safe %></p>
-		<p class="more-info"><%= t '.itals_ex8' %></p>
-
-        <h3><%= t '.links' %></h3>
-        <p><%= t('.link_ex1', inline_link: link_to(t('.inline_link_text'), formatting_path)).html_safe %></p>
-        <pre><%= t '.link_code' %></pre>
-        <p class="more-info"><%= t '.link_ex2' %></p>
-
-        <h3><%= t '.images' %></h3>
-        <p><%= t '.images_ex1' %></p>
-        <pre><%= t '.images_code' %></pre>
-        <p class="more-info"><%= t('.images_ex2').html_safe %></p>
-        <p class="more-info"><%= t '.images_ex3' %></p>
-
-        <h3><%= t '.escape' %></h3>
-        <p><%= t '.escape_ex1' %></p>
-        <pre><%= t '.escape_code' %></pre>
-        <p><%= t '.escape_ex2' %></p>
-        <p class="more-info"><%= t '.escape_ex3' %></p>
-
-        <h3><%= t '.symbols' %></h3>
-        <p><%= t '.symbols_ex' %></p>
-        <ul>
+      <h3><%= t '.itals' %></h3>
+      <p><%= t '.itals_ex1' %></p>
+      <p><%= t('.itals_ex2').html_safe %></p>
+      <p><%= t('.itals_ex3').html_safe %></p>
+      <p><%= t('.itals_ex4').html_safe %></p>
+      <p class="more-info"><%= t '.itals_ex8' %></p>
+
+      <h3><%= t '.links' %></h3>
+      <p><%= t('.link_ex1', inline_link: link_to(t('.inline_link_text'), formatting_path)).html_safe %></p>
+      <pre><%= t '.link_code' %></pre>
+      <p class="more-info"><%= t '.link_ex2' %></p>
+
+      <h3><%= t '.images' %></h3>
+      <p><%= t '.images_ex1' %></p>
+      <pre><%= t '.images_code' %></pre>
+      <p class="more-info"><%= t('.images_ex2').html_safe %></p>
+      <p class="more-info"><%= t '.images_ex3' %></p>
+
+      <h3><%= t '.escape' %></h3>
+      <p><%= t '.escape_ex1' %></p>
+      <pre><%= t '.escape_code' %></pre>
+      <p><%= t '.escape_ex2' %></p>
+      <p class="more-info"><%= t '.escape_ex3' %></p>
+
+      <h3><%= t '.symbols' %></h3>
+      <p><%= t '.symbols_ex' %></p>
+      <ul>
         <li>"-&gt;" = "→" ; "&lt;-" = "←" ; "&lt;-&gt;" = "↔"</li>
         <li>"(c)" = "©" ; "(r)" = "®" ; "(tm)" = ™</li>
         <li>"&lt;3″ = "♥ "</li>
         <li>"x^2″ = "x²"</li>
-        </ul>
-        <p><%= t('.finish', markdown_link: link_to(t('.markdown_link_text'), "http://daringfireball.net/projects/markdown/syntax")).html_safe %></p>
-        <p>&nbsp;</p>
-        <p align="center"><%= link_to t('pages.tutorials.headline'), tutorials_url %> | <%= link_to t('pages.tutorials.started_head'), sign_up_url %></p>
-       
- 	</div>
-    <div class="span2">
+      </ul>
+
+      <p><%= t('.finish', markdown_link: link_to(t('.markdown_link_text'), 'http://daringfireball.net/projects/markdown/syntax')).html_safe %></p>
+      <p class="text-center minor-top-spacing"><%= link_to t('pages.tutorials.headline'), tutorials_url %> | <%= link_to t('pages.tutorials.started_head'), sign_up_url %></p>
     </div>
   </div>
 </div>