Add design to page overview

nanophate · nanophate · commit a82e37e4d381 · 2016-10-31T19:33:19.000+09:00
diff --git a/app/views/blog_overview_page/index.html.erb b/app/views/blog_overview_page/index.html.erb
@@ -1,8 +1,21 @@
-<% @blog_posts.each do |blog_post| %>
-  <h2><%= link_to(scrivito_value(blog_post.title), scrivito_path(blog_post)) %></h2>
-  <%= content_tag(:p, scrivito_value(blog_post.abstract)) %>
-  <%= scrivito_image_tag(scrivito_value(blog_post.image)) %>
-<% end %>
+  <div class ="row">
+    <div class="col-lg-12">
+      <h1 class="page-header">Page Overview </h1>
+    </div>
+  </div>
+  <% @blog_posts.each do |blog_post| %>
+  <div class="row">
+    <div class="col-md-7">
+      <%= scrivito_image_tag(scrivito_value(blog_post.image), :class => "img-responsive") %>
+    </div>
+    <div class="col-md-5">
+      <h3><%= link_to(scrivito_value(blog_post.title), scrivito_path(blog_post)) %></h3>
+      <%= content_tag(:p, scrivito_value(blog_post.abstract)) %>
+      <%= link_to("View Post", scrivito_path(blog_post), :class => "btn btn-primary") %>
+    </div>
+  </div>
+  <hr>
+  <% end %>
 
 <%= link_to("previous page", @previous_page) if @previous_page %>
 <%= link_to("next page", @next_page) if @next_page %>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -9,9 +9,10 @@
 
 </head>
 <body>
-  <center>
-  <%= yield %>
-  <%= scrivito_body_tags %>
-  </center>
+  <div class="container">
+
+    <%= yield %>
+    <%= scrivito_body_tags %>
+  </div>
 </body>
 </html>
