update blog post styles on readme

README.md

@@ -7,18 +7,6 @@ A Jekyll theme designed for academics, powered by Bootstrap 4. [Demo](https://du
 ![](screenshot.png)
 
 
-- [Dumbarton](#dumbarton)
-  - [Installation](#installation)
-  - [Development Roadmap](#development-roadmap)
-  - [Style](#style)
-  - [Academic Options](#academic-options)
-    - [Jekyll Scholar](#jekyll-scholar)
-  - [Theme Options](#theme-options)
-    - [Favicon](#favicon)
-    - [Meta Data](#meta-data)
-    - [Media](#media)
-
-
 ## Installation   
 
 Follow the following instructions to install the Dumbarton theme
@@ -70,6 +58,19 @@ bundle exec jekyll serve
 
 ## Theme Options 
 
+## Blog Settings 
+
+### Blog Page Settings   
+
+The main blog page uses Bootstrap 4 Cards to preview individual blog posts. There are several different types of preview styles available. Set the preview by changing the frontmatter on the post *.md file in the `_posts` directory. The current available options are below.  
+
+|   Option       |   Syntax       |  Description       |   Preview  |
+|----------------|----------------|--------------------|------------|
+| card-img-top  | `card-img-top`  |  Image on top      |            |
+| card p-3      | `card p-3`      |  Useful for quotes |            |
+| card-dated    | `card-dated`    |  Shows Date        |            |
+
+
 
 
 ### Favicon 

_posts/2020-10-26-Lorem-Ipsum.md

@@ -3,7 +3,7 @@ layout: post
 title:  "Lorem Ipsum"
 date:   2020-10-26 20:01:21 -0400
 categories: latin text
-image: 
+image: /assets/img/example.jpeg
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Urna id volutpat lacus laoreet non curabitur gravida arcu. Quisque non tellus orci ac. Tincidunt tortor aliquam nulla facilisi cras fermentum odio eu. Cursus metus aliquam eleifend mi in nulla posuere sollicitudin aliquam. Maecenas ultricies mi eget mauris pharetra et ultrices neque ornare. Mi proin sed libero enim. Vitae sapien pellentesque habitant morbi tristique. Sit amet commodo nulla facilisi nullam vehicula. A condimentum vitae sapien pellentesque habitant morbi. Id venenatis a condimentum vitae sapien. In nulla posuere sollicitudin aliquam ultrices.

_posts/2020-10-27-Jekyll-Is-Better-Then-Gatsby.md

@@ -3,7 +3,7 @@ layout: post
 title:  "Jekyll is Better Then Gatsby"
 date:   2020-10-27 20:01:21 -0400
 categories: Jekyll Gatsby
-image: 
+image: /assets/img/example.jpeg
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Urna id volutpat lacus laoreet non curabitur gravida arcu. Quisque non tellus orci ac. Tincidunt tortor aliquam nulla facilisi cras fermentum odio eu. Cursus metus aliquam eleifend mi in nulla posuere sollicitudin aliquam. Maecenas ultricies mi eget mauris pharetra et ultrices neque ornare. Mi proin sed libero enim. Vitae sapien pellentesque habitant morbi tristique. Sit amet commodo nulla facilisi nullam vehicula. A condimentum vitae sapien pellentesque habitant morbi. Id venenatis a condimentum vitae sapien. In nulla posuere sollicitudin aliquam ultrices.

_posts/2020-10-28-Dumbarton-Style-Guide.md

@@ -3,5 +3,5 @@ layout: post
 title:  "Welcome to Jekyll!"
 date:   2020-10-28 20:01:21 -0400
 categories: Dumabrton style
-image: 
+image: /assets/img/example.jpeg
 ---

_posts/2020-10-29-welcome-to-jekyll.md

@@ -3,7 +3,7 @@ layout: post
 title:  "Welcome to Jekyll!"
 date:   2020-10-29 20:01:21 -0400
 categories: jekyll update
-image: 
+image: /assets/img/example.jpeg
 ---
 You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
 

pages/blog.md → pages/blog.html

@@ -11,7 +11,6 @@
 {% endfor %}
 
 
-
 <div class="card-columns">
   <div class="card">
     <img class="card-img-top" src="..." alt="Card image cap">