Started working on a blog for the website; adjusted some styles

app/assets/stylesheets/lumbridge.sass.erb

@@ -34,6 +34,7 @@ hr
   margin: 0
   padding: 0
   background: white
+  box-shadow: 0px 80px 50px -30px rgba(0, 0, 0, 0.15)
 
 // header
 
@@ -135,13 +136,21 @@ hr
   li
     padding: 15px 20px 0
     border: 2px solid #bbb
+    border-radius: 8px
+    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2)
 
   .post-title
     margin-bottom: 3px
+    text-decoration: underline
 
   .post-body
     margin-bottom: 0
 
+#post-header
+  #post-author
+    color: #999
+    font-style: italic
+
 // footer section
 
 #footer

app/controllers/blog_controller.rb

@@ -0,0 +1,9 @@
+class BlogController < ApplicationController
+  def index
+    @posts = Post.all()
+  end
+
+  def show
+    @post = Post.find(params[:id])
+  end
+end

app/models/post.rb

@@ -0,0 +1,7 @@
+class Post < ApplicationRecord
+
+  def renderBody()
+    Kramdown::Document.new(self.body).to_html()
+  end
+
+end

app/views/blog/index.html.erb

@@ -0,0 +1,14 @@
+<h1 class="u-text-center">Bit Goblin Blog</h1>
+
+<% if @posts.length > 0 %>
+  <ul id="post-list">
+    <% @posts.each do |post| %>
+      <li>
+        <h4 class="post-title"><a href="/blog/post/<%= post.id %>"><%= post.title %></a></h4>
+        <p class="post-body"><%= truncate(raw(post.renderBody()), :length => 300, :escape => false) %></p>
+      </li>
+    <% end %>
+  </ul>
+<% else %>
+  <p>I'm sorry, there don't appear to be any blog posts published at this time. Check back later!</p>
+<% end %>

app/views/blog/show.html.erb

@@ -0,0 +1,8 @@
+<header id="post-header">
+  <h1 id="post-title" class="u-text-center"><%= @post.title %></h1>
+  <h4 id="post-author" class="u-text-center">written by <%= @post.author %></h4>
+</header>
+
+<div class="post-body">
+  <%= raw(@post.renderBody()) %>
+</div>

app/views/layouts/application.html.erb

@@ -23,6 +23,7 @@
     <nav id="navigation">
       <ul>
         <li><a href="/">Home</a></li>
+        <li><a href="/blog">Blog</a></li>
         <li><a href="/support">Support</a></li>
         <li><a href="/contact">Contact</a></li>
       </ul>