Added content, Modified stylesheet

11 files changed, 804 insertions, 6 deletions

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 4d330ea..a01cb58 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -1,6 +1,6 @@
 baseURL = "/"
-paginate = 10
 languageCode = "en-us"
+hasCJKLanguage = true
 disqusShortname = ""
 googleAnalytics = ""
 title = "Your site title"
@@ -11,7 +11,6 @@ copyright = ""
   author = "Your name"
   info = "Any info about you"
 
-
 [[menu.main]]
   name = "Github"
   weight = 1
diff --git a/exampleSite/content/apps/app1.md b/exampleSite/content/apps/app1.md
new file mode 100644
index 0000000..67c451c
--- /dev/null
+++ b/exampleSite/content/apps/app1.md
@@ -0,0 +1,133 @@
+---
+title: "app1"
+date: 2018-11-28T15:01:36-05:00
+full: false
+img: "https://openclipart.org/image/2400px/svg_to_png/289598/AnimatedDice.png"
+---
+
+<h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
+elit</h1>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa 
+<strong>strong</strong>. Cum sociis natoque penatibus 
+et magnis dis parturient montes, nascetur ridiculus 
+mus. Donec quam felis, ultricies nec, pellentesque 
+eu, pretium quis, sem. Nulla consequat massa quis 
+enim. Donec pede justo, fringilla vel, aliquet nec, 
+vulputate eget, arcu. In enim justo, rhoncus ut, 
+imperdiet a, venenatis vitae, justo. Nullam dictum 
+felis eu pede <a class="external ext" href="#">link</a> 
+mollis pretium. Integer tincidunt. Cras dapibus. 
+Vivamus elementum semper nisi. Aenean vulputate 
+eleifend tellus. Aenean leo ligula, porttitor eu, 
+consequat vitae, eleifend ac, enim. Aliquam lorem ante, 
+dapibus in, viverra quis, feugiat a, tellus. Phasellus 
+viverra nulla ut metus varius laoreet. Quisque rutrum. 
+Aenean imperdiet. Etiam ultricies nisi vel augue. 
+Curabitur ullamcorper ultricies nisi.</p>
+
+<h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
+elit</h1>
+
+<h2>Aenean commodo ligula eget dolor aenean massa</h2>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<h2>Aenean commodo ligula eget dolor aenean massa</h2>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<ul>
+  <li>Lorem ipsum dolor sit amet consectetuer.</li>
+  <li>Aenean commodo ligula eget dolor.</li>
+  <li>Aenean massa cum sociis natoque penatibus.</li>
+</ul>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<form action="#" method="post">
+  <fieldset>
+    <label for="name">Name:</label>
+    <input type="text" id="name" placeholder="Enter your 
+full name" />
+
+    <label for="email">Email:</label>
+    <input type="email" id="email" placeholder="Enter 
+your email address" />
+
+    <label for="message">Message:</label>
+    <textarea id="message" placeholder="What's on your 
+mind?"></textarea>
+
+    <input type="submit" value="Send message" />
+
+  </fieldset>
+</form>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<table class="data">
+  <tr>
+    <th>Entry Header 1</th>
+    <th>Entry Header 2</th>
+    <th>Entry Header 3</th>
+    <th>Entry Header 4</th>
+  </tr>
+  <tr>
+    <td>Entry First Line 1</td>
+    <td>Entry First Line 2</td>
+    <td>Entry First Line 3</td>
+    <td>Entry First Line 4</td>
+  </tr>
+  <tr>
+    <td>Entry Line 1</td>
+    <td>Entry Line 2</td>
+    <td>Entry Line 3</td>
+    <td>Entry Line 4</td>
+  </tr>
+  <tr>
+    <td>Entry Last Line 1</td>
+    <td>Entry Last Line 2</td>
+    <td>Entry Last Line 3</td>
+    <td>Entry Last Line 4</td>
+  </tr>
+</table>
+
+<blockquote>
+Lorem ipsum dolor sit amet, consectetuer 
+adipiscing elit. Aenean commodo ligula eget dolor. 
+Aenean massa <strong>strong</strong>. Cum sociis 
+natoque penatibus et magnis dis parturient montes, 
+nascetur ridiculus mus. Donec quam felis, ultricies 
+nec, pellentesque eu, pretium quis, sem. Nulla consequat 
+massa quis enim. Donec pede justo, fringilla vel, 
+aliquet nec, vulputate eget, arcu. In <em>em</em> 
+enim justo, rhoncus ut, imperdiet a, venenatis vitae, 
+justo. Nullam <a class="external ext" href="#">link</a>
+dictum felis eu pede mollis pretium.
+</blockquote>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+
diff --git a/exampleSite/content/apps/full-page.md b/exampleSite/content/apps/app2.md
index 23f24c0..4e9aff6 100644
--- a/exampleSite/content/apps/full-page.md
+++ b/exampleSite/content/apps/app2.md
@@ -1,5 +1,5 @@
 ---
-title: "full-page"
+title: "app2"
 date: 2018-11-28T15:01:36-05:00
 full: true
 ---
diff --git a/exampleSite/content/apps/app3.md b/exampleSite/content/apps/app3.md
new file mode 100644
index 0000000..bb2d7cd
--- /dev/null
+++ b/exampleSite/content/apps/app3.md
@@ -0,0 +1,133 @@
+---
+title: "app3"
+date: 2018-11-28T15:01:36-05:00
+full: false
+img: "http://openclipart.org/image/2400px/svg_to_png/308750/1540243290.png"
+---
+
+<h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
+elit</h1>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa 
+<strong>strong</strong>. Cum sociis natoque penatibus 
+et magnis dis parturient montes, nascetur ridiculus 
+mus. Donec quam felis, ultricies nec, pellentesque 
+eu, pretium quis, sem. Nulla consequat massa quis 
+enim. Donec pede justo, fringilla vel, aliquet nec, 
+vulputate eget, arcu. In enim justo, rhoncus ut, 
+imperdiet a, venenatis vitae, justo. Nullam dictum 
+felis eu pede <a class="external ext" href="#">link</a> 
+mollis pretium. Integer tincidunt. Cras dapibus. 
+Vivamus elementum semper nisi. Aenean vulputate 
+eleifend tellus. Aenean leo ligula, porttitor eu, 
+consequat vitae, eleifend ac, enim. Aliquam lorem ante, 
+dapibus in, viverra quis, feugiat a, tellus. Phasellus 
+viverra nulla ut metus varius laoreet. Quisque rutrum. 
+Aenean imperdiet. Etiam ultricies nisi vel augue. 
+Curabitur ullamcorper ultricies nisi.</p>
+
+<h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
+elit</h1>
+
+<h2>Aenean commodo ligula eget dolor aenean massa</h2>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<h2>Aenean commodo ligula eget dolor aenean massa</h2>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<ul>
+  <li>Lorem ipsum dolor sit amet consectetuer.</li>
+  <li>Aenean commodo ligula eget dolor.</li>
+  <li>Aenean massa cum sociis natoque penatibus.</li>
+</ul>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<form action="#" method="post">
+  <fieldset>
+    <label for="name">Name:</label>
+    <input type="text" id="name" placeholder="Enter your 
+full name" />
+
+    <label for="email">Email:</label>
+    <input type="email" id="email" placeholder="Enter 
+your email address" />
+
+    <label for="message">Message:</label>
+    <textarea id="message" placeholder="What's on your 
+mind?"></textarea>
+
+    <input type="submit" value="Send message" />
+
+  </fieldset>
+</form>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<table class="data">
+  <tr>
+    <th>Entry Header 1</th>
+    <th>Entry Header 2</th>
+    <th>Entry Header 3</th>
+    <th>Entry Header 4</th>
+  </tr>
+  <tr>
+    <td>Entry First Line 1</td>
+    <td>Entry First Line 2</td>
+    <td>Entry First Line 3</td>
+    <td>Entry First Line 4</td>
+  </tr>
+  <tr>
+    <td>Entry Line 1</td>
+    <td>Entry Line 2</td>
+    <td>Entry Line 3</td>
+    <td>Entry Line 4</td>
+  </tr>
+  <tr>
+    <td>Entry Last Line 1</td>
+    <td>Entry Last Line 2</td>
+    <td>Entry Last Line 3</td>
+    <td>Entry Last Line 4</td>
+  </tr>
+</table>
+
+<blockquote>
+Lorem ipsum dolor sit amet, consectetuer 
+adipiscing elit. Aenean commodo ligula eget dolor. 
+Aenean massa <strong>strong</strong>. Cum sociis 
+natoque penatibus et magnis dis parturient montes, 
+nascetur ridiculus mus. Donec quam felis, ultricies 
+nec, pellentesque eu, pretium quis, sem. Nulla consequat 
+massa quis enim. Donec pede justo, fringilla vel, 
+aliquet nec, vulputate eget, arcu. In <em>em</em> 
+enim justo, rhoncus ut, imperdiet a, venenatis vitae, 
+justo. Nullam <a class="external ext" href="#">link</a>
+dictum felis eu pede mollis pretium.
+</blockquote>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+
diff --git a/exampleSite/content/apps/app4.md b/exampleSite/content/apps/app4.md
new file mode 100644
index 0000000..e2c17ce
--- /dev/null
+++ b/exampleSite/content/apps/app4.md
@@ -0,0 +1,133 @@
+---
+title: "app4"
+date: 2018-11-28T15:01:36-05:00
+full: true
+img: "http://openclipart.org/image/2400px/svg_to_png/295381/sales-tag.png"
+---
+
+<h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
+elit</h1>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa 
+<strong>strong</strong>. Cum sociis natoque penatibus 
+et magnis dis parturient montes, nascetur ridiculus 
+mus. Donec quam felis, ultricies nec, pellentesque 
+eu, pretium quis, sem. Nulla consequat massa quis 
+enim. Donec pede justo, fringilla vel, aliquet nec, 
+vulputate eget, arcu. In enim justo, rhoncus ut, 
+imperdiet a, venenatis vitae, justo. Nullam dictum 
+felis eu pede <a class="external ext" href="#">link</a> 
+mollis pretium. Integer tincidunt. Cras dapibus. 
+Vivamus elementum semper nisi. Aenean vulputate 
+eleifend tellus. Aenean leo ligula, porttitor eu, 
+consequat vitae, eleifend ac, enim. Aliquam lorem ante, 
+dapibus in, viverra quis, feugiat a, tellus. Phasellus 
+viverra nulla ut metus varius laoreet. Quisque rutrum. 
+Aenean imperdiet. Etiam ultricies nisi vel augue. 
+Curabitur ullamcorper ultricies nisi.</p>
+
+<h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
+elit</h1>
+
+<h2>Aenean commodo ligula eget dolor aenean massa</h2>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<h2>Aenean commodo ligula eget dolor aenean massa</h2>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<ul>
+  <li>Lorem ipsum dolor sit amet consectetuer.</li>
+  <li>Aenean commodo ligula eget dolor.</li>
+  <li>Aenean massa cum sociis natoque penatibus.</li>
+</ul>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<form action="#" method="post">
+  <fieldset>
+    <label for="name">Name:</label>
+    <input type="text" id="name" placeholder="Enter your 
+full name" />
+
+    <label for="email">Email:</label>
+    <input type="email" id="email" placeholder="Enter 
+your email address" />
+
+    <label for="message">Message:</label>
+    <textarea id="message" placeholder="What's on your 
+mind?"></textarea>
+
+    <input type="submit" value="Send message" />
+
+  </fieldset>
+</form>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<table class="data">
+  <tr>
+    <th>Entry Header 1</th>
+    <th>Entry Header 2</th>
+    <th>Entry Header 3</th>
+    <th>Entry Header 4</th>
+  </tr>
+  <tr>
+    <td>Entry First Line 1</td>
+    <td>Entry First Line 2</td>
+    <td>Entry First Line 3</td>
+    <td>Entry First Line 4</td>
+  </tr>
+  <tr>
+    <td>Entry Line 1</td>
+    <td>Entry Line 2</td>
+    <td>Entry Line 3</td>
+    <td>Entry Line 4</td>
+  </tr>
+  <tr>
+    <td>Entry Last Line 1</td>
+    <td>Entry Last Line 2</td>
+    <td>Entry Last Line 3</td>
+    <td>Entry Last Line 4</td>
+  </tr>
+</table>
+
+<blockquote>
+Lorem ipsum dolor sit amet, consectetuer 
+adipiscing elit. Aenean commodo ligula eget dolor. 
+Aenean massa <strong>strong</strong>. Cum sociis 
+natoque penatibus et magnis dis parturient montes, 
+nascetur ridiculus mus. Donec quam felis, ultricies 
+nec, pellentesque eu, pretium quis, sem. Nulla consequat 
+massa quis enim. Donec pede justo, fringilla vel, 
+aliquet nec, vulputate eget, arcu. In <em>em</em> 
+enim justo, rhoncus ut, imperdiet a, venenatis vitae, 
+justo. Nullam <a class="external ext" href="#">link</a>
+dictum felis eu pede mollis pretium.
+</blockquote>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+
diff --git a/exampleSite/content/apps/app5.md b/exampleSite/content/apps/app5.md
new file mode 100644
index 0000000..43ef71d
--- /dev/null
+++ b/exampleSite/content/apps/app5.md
@@ -0,0 +1,133 @@
+---
+title: "app5"
+date: 2018-11-28T15:01:36-05:00
+full: false
+img: "http://openclipart.org/image/2400px/svg_to_png/295978/check-icn-black.png"
+---
+
+<h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
+elit</h1>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa 
+<strong>strong</strong>. Cum sociis natoque penatibus 
+et magnis dis parturient montes, nascetur ridiculus 
+mus. Donec quam felis, ultricies nec, pellentesque 
+eu, pretium quis, sem. Nulla consequat massa quis 
+enim. Donec pede justo, fringilla vel, aliquet nec, 
+vulputate eget, arcu. In enim justo, rhoncus ut, 
+imperdiet a, venenatis vitae, justo. Nullam dictum 
+felis eu pede <a class="external ext" href="#">link</a> 
+mollis pretium. Integer tincidunt. Cras dapibus. 
+Vivamus elementum semper nisi. Aenean vulputate 
+eleifend tellus. Aenean leo ligula, porttitor eu, 
+consequat vitae, eleifend ac, enim. Aliquam lorem ante, 
+dapibus in, viverra quis, feugiat a, tellus. Phasellus 
+viverra nulla ut metus varius laoreet. Quisque rutrum. 
+Aenean imperdiet. Etiam ultricies nisi vel augue. 
+Curabitur ullamcorper ultricies nisi.</p>
+
+<h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
+elit</h1>
+
+<h2>Aenean commodo ligula eget dolor aenean massa</h2>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<h2>Aenean commodo ligula eget dolor aenean massa</h2>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<ul>
+  <li>Lorem ipsum dolor sit amet consectetuer.</li>
+  <li>Aenean commodo ligula eget dolor.</li>
+  <li>Aenean massa cum sociis natoque penatibus.</li>
+</ul>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<form action="#" method="post">
+  <fieldset>
+    <label for="name">Name:</label>
+    <input type="text" id="name" placeholder="Enter your 
+full name" />
+
+    <label for="email">Email:</label>
+    <input type="email" id="email" placeholder="Enter 
+your email address" />
+
+    <label for="message">Message:</label>
+    <textarea id="message" placeholder="What's on your 
+mind?"></textarea>
+
+    <input type="submit" value="Send message" />
+
+  </fieldset>
+</form>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<table class="data">
+  <tr>
+    <th>Entry Header 1</th>
+    <th>Entry Header 2</th>
+    <th>Entry Header 3</th>
+    <th>Entry Header 4</th>
+  </tr>
+  <tr>
+    <td>Entry First Line 1</td>
+    <td>Entry First Line 2</td>
+    <td>Entry First Line 3</td>
+    <td>Entry First Line 4</td>
+  </tr>
+  <tr>
+    <td>Entry Line 1</td>
+    <td>Entry Line 2</td>
+    <td>Entry Line 3</td>
+    <td>Entry Line 4</td>
+  </tr>
+  <tr>
+    <td>Entry Last Line 1</td>
+    <td>Entry Last Line 2</td>
+    <td>Entry Last Line 3</td>
+    <td>Entry Last Line 4</td>
+  </tr>
+</table>
+
+<blockquote>
+Lorem ipsum dolor sit amet, consectetuer 
+adipiscing elit. Aenean commodo ligula eget dolor. 
+Aenean massa <strong>strong</strong>. Cum sociis 
+natoque penatibus et magnis dis parturient montes, 
+nascetur ridiculus mus. Donec quam felis, ultricies 
+nec, pellentesque eu, pretium quis, sem. Nulla consequat 
+massa quis enim. Donec pede justo, fringilla vel, 
+aliquet nec, vulputate eget, arcu. In <em>em</em> 
+enim justo, rhoncus ut, imperdiet a, venenatis vitae, 
+justo. Nullam <a class="external ext" href="#">link</a>
+dictum felis eu pede mollis pretium.
+</blockquote>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+
diff --git a/exampleSite/content/apps/non-full-page.md b/exampleSite/content/apps/app6.md
index 2e08b9a..48943cc 100644
--- a/exampleSite/content/apps/non-full-page.md
+++ b/exampleSite/content/apps/app6.md
@@ -1,7 +1,7 @@
 ---
-title: "non-full-page"
+title: "app6"
 date: 2018-11-28T15:01:36-05:00
-full: false
+full: true
 ---
 
 <h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
diff --git a/exampleSite/content/apps/app7.md b/exampleSite/content/apps/app7.md
new file mode 100644
index 0000000..fbbb7c5
--- /dev/null
+++ b/exampleSite/content/apps/app7.md
@@ -0,0 +1,133 @@
+---
+title: "app7"
+date: 2018-11-28T15:01:36-05:00
+full: false
+img: "http://openclipart.org/image/2400px/svg_to_png/153895/earth-sign.png"
+---
+
+<h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
+elit</h1>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa 
+<strong>strong</strong>. Cum sociis natoque penatibus 
+et magnis dis parturient montes, nascetur ridiculus 
+mus. Donec quam felis, ultricies nec, pellentesque 
+eu, pretium quis, sem. Nulla consequat massa quis 
+enim. Donec pede justo, fringilla vel, aliquet nec, 
+vulputate eget, arcu. In enim justo, rhoncus ut, 
+imperdiet a, venenatis vitae, justo. Nullam dictum 
+felis eu pede <a class="external ext" href="#">link</a> 
+mollis pretium. Integer tincidunt. Cras dapibus. 
+Vivamus elementum semper nisi. Aenean vulputate 
+eleifend tellus. Aenean leo ligula, porttitor eu, 
+consequat vitae, eleifend ac, enim. Aliquam lorem ante, 
+dapibus in, viverra quis, feugiat a, tellus. Phasellus 
+viverra nulla ut metus varius laoreet. Quisque rutrum. 
+Aenean imperdiet. Etiam ultricies nisi vel augue. 
+Curabitur ullamcorper ultricies nisi.</p>
+
+<h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
+elit</h1>
+
+<h2>Aenean commodo ligula eget dolor aenean massa</h2>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<h2>Aenean commodo ligula eget dolor aenean massa</h2>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<ul>
+  <li>Lorem ipsum dolor sit amet consectetuer.</li>
+  <li>Aenean commodo ligula eget dolor.</li>
+  <li>Aenean massa cum sociis natoque penatibus.</li>
+</ul>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<form action="#" method="post">
+  <fieldset>
+    <label for="name">Name:</label>
+    <input type="text" id="name" placeholder="Enter your 
+full name" />
+
+    <label for="email">Email:</label>
+    <input type="email" id="email" placeholder="Enter 
+your email address" />
+
+    <label for="message">Message:</label>
+    <textarea id="message" placeholder="What's on your 
+mind?"></textarea>
+
+    <input type="submit" value="Send message" />
+
+  </fieldset>
+</form>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<table class="data">
+  <tr>
+    <th>Entry Header 1</th>
+    <th>Entry Header 2</th>
+    <th>Entry Header 3</th>
+    <th>Entry Header 4</th>
+  </tr>
+  <tr>
+    <td>Entry First Line 1</td>
+    <td>Entry First Line 2</td>
+    <td>Entry First Line 3</td>
+    <td>Entry First Line 4</td>
+  </tr>
+  <tr>
+    <td>Entry Line 1</td>
+    <td>Entry Line 2</td>
+    <td>Entry Line 3</td>
+    <td>Entry Line 4</td>
+  </tr>
+  <tr>
+    <td>Entry Last Line 1</td>
+    <td>Entry Last Line 2</td>
+    <td>Entry Last Line 3</td>
+    <td>Entry Last Line 4</td>
+  </tr>
+</table>
+
+<blockquote>
+Lorem ipsum dolor sit amet, consectetuer 
+adipiscing elit. Aenean commodo ligula eget dolor. 
+Aenean massa <strong>strong</strong>. Cum sociis 
+natoque penatibus et magnis dis parturient montes, 
+nascetur ridiculus mus. Donec quam felis, ultricies 
+nec, pellentesque eu, pretium quis, sem. Nulla consequat 
+massa quis enim. Donec pede justo, fringilla vel, 
+aliquet nec, vulputate eget, arcu. In <em>em</em> 
+enim justo, rhoncus ut, imperdiet a, venenatis vitae, 
+justo. Nullam <a class="external ext" href="#">link</a>
+dictum felis eu pede mollis pretium.
+</blockquote>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+
diff --git a/exampleSite/content/apps/app8.md b/exampleSite/content/apps/app8.md
new file mode 100644
index 0000000..3e3c956
--- /dev/null
+++ b/exampleSite/content/apps/app8.md
@@ -0,0 +1,133 @@
+---
+title: "app8"
+date: 2018-11-28T15:01:36-05:00
+full: true
+img: "http://openclipart.org/image/2400px/svg_to_png/295208/1517033037.png"
+---
+
+<h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
+elit</h1>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa 
+<strong>strong</strong>. Cum sociis natoque penatibus 
+et magnis dis parturient montes, nascetur ridiculus 
+mus. Donec quam felis, ultricies nec, pellentesque 
+eu, pretium quis, sem. Nulla consequat massa quis 
+enim. Donec pede justo, fringilla vel, aliquet nec, 
+vulputate eget, arcu. In enim justo, rhoncus ut, 
+imperdiet a, venenatis vitae, justo. Nullam dictum 
+felis eu pede <a class="external ext" href="#">link</a> 
+mollis pretium. Integer tincidunt. Cras dapibus. 
+Vivamus elementum semper nisi. Aenean vulputate 
+eleifend tellus. Aenean leo ligula, porttitor eu, 
+consequat vitae, eleifend ac, enim. Aliquam lorem ante, 
+dapibus in, viverra quis, feugiat a, tellus. Phasellus 
+viverra nulla ut metus varius laoreet. Quisque rutrum. 
+Aenean imperdiet. Etiam ultricies nisi vel augue. 
+Curabitur ullamcorper ultricies nisi.</p>
+
+<h1>Lorem ipsum dolor sit amet consectetuer adipiscing 
+elit</h1>
+
+<h2>Aenean commodo ligula eget dolor aenean massa</h2>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<h2>Aenean commodo ligula eget dolor aenean massa</h2>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<ul>
+  <li>Lorem ipsum dolor sit amet consectetuer.</li>
+  <li>Aenean commodo ligula eget dolor.</li>
+  <li>Aenean massa cum sociis natoque penatibus.</li>
+</ul>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<form action="#" method="post">
+  <fieldset>
+    <label for="name">Name:</label>
+    <input type="text" id="name" placeholder="Enter your 
+full name" />
+
+    <label for="email">Email:</label>
+    <input type="email" id="email" placeholder="Enter 
+your email address" />
+
+    <label for="message">Message:</label>
+    <textarea id="message" placeholder="What's on your 
+mind?"></textarea>
+
+    <input type="submit" value="Send message" />
+
+  </fieldset>
+</form>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+<table class="data">
+  <tr>
+    <th>Entry Header 1</th>
+    <th>Entry Header 2</th>
+    <th>Entry Header 3</th>
+    <th>Entry Header 4</th>
+  </tr>
+  <tr>
+    <td>Entry First Line 1</td>
+    <td>Entry First Line 2</td>
+    <td>Entry First Line 3</td>
+    <td>Entry First Line 4</td>
+  </tr>
+  <tr>
+    <td>Entry Line 1</td>
+    <td>Entry Line 2</td>
+    <td>Entry Line 3</td>
+    <td>Entry Line 4</td>
+  </tr>
+  <tr>
+    <td>Entry Last Line 1</td>
+    <td>Entry Last Line 2</td>
+    <td>Entry Last Line 3</td>
+    <td>Entry Last Line 4</td>
+  </tr>
+</table>
+
+<blockquote>
+Lorem ipsum dolor sit amet, consectetuer 
+adipiscing elit. Aenean commodo ligula eget dolor. 
+Aenean massa <strong>strong</strong>. Cum sociis 
+natoque penatibus et magnis dis parturient montes, 
+nascetur ridiculus mus. Donec quam felis, ultricies 
+nec, pellentesque eu, pretium quis, sem. Nulla consequat 
+massa quis enim. Donec pede justo, fringilla vel, 
+aliquet nec, vulputate eget, arcu. In <em>em</em> 
+enim justo, rhoncus ut, imperdiet a, venenatis vitae, 
+justo. Nullam <a class="external ext" href="#">link</a>
+dictum felis eu pede mollis pretium.
+</blockquote>
+
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
+elit. Aenean commodo ligula eget dolor. Aenean massa. 
+Cum sociis natoque penatibus et magnis dis parturient 
+montes, nascetur ridiculus mus. Donec quam felis, 
+ultricies nec, pellentesque eu, pretium quis, sem.</p>
+
+
diff --git a/static/css/hugo-apps-theme.css b/static/css/hugo-apps-theme.css
index be8ff5e..7ea38bc 100644
--- a/static/css/hugo-apps-theme.css
+++ b/static/css/hugo-apps-theme.css
@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css?family=Rajdhani");body{background-color:silver;font-family:'Rajdhani', cursive;line-height:120%;word-wrap:break-word;overflow:scroll;text-align:center}h1{font-size:3.6rem;margin-top:0.72rem;margin-bottom:0.72rem}h2{font-size:3rem;margin-top:0.6rem;margin-bottom:0.6rem}h3{font-size:2.4rem;margin-top:0.48rem;margin-bottom:0.48rem}h4{font-size:1.8rem;margin-top:0.36rem;margin-bottom:0.36rem}h5{font-size:1.4rem;margin-top:0.28rem;margin-bottom:0.28rem}h6{font-size:1.2rem;margin-top:0.24rem;margin-bottom:0.24rem}h1,h2,h3,h4,h5,h6{line-height:110%}p{font-size:1rem}pre{overflow:auto}a{text-decoration:none;color:black}a:visited{color:black}a:hover{color:red}@media (min-width: 0px) and (orientation: landscape){.readability,hr,.apps-list,.apps-content{width:100%}}@media (min-width: 600px) and (orientation: landscape){.readability,hr,.apps-list,.apps-content{width:75%}}@media (min-width: 1025px) and (orientation: landscape){.readability,hr,.apps-list,.apps-content{width:50%}}@media (min-width: 0px) and (orientation: portrait){.readability,hr,.apps-list,.apps-content{width:100%}}hr{border:0;margin-top:1rem;margin-bottom:1rem;height:1rem;background:black}table{border-collapse:collapse;table-layout:fixed}table,thead,tr,th,td,tfoot,fieldset,input,textarea{border:0.1rem solid black}thead,th{border-bottom-width:0.2rem}.apps-list,.apps-content{margin:0 auto}.apps-content{background-color:lightgray;text-align:left;overflow:auto}.apps-content>*{margin:1rem 2rem 1rem 2rem}.apps-content *{max-width:100%}.apps-header{color:black}.apps-header .apps-header-title{font-size:2.5rem}.apps-app-item{display:inline-block;width:8rem;vertical-align:top;margin-right:1.5rem;margin-bottom:1.5rem}.apps-app-icon{display:inline-block;border:0.5rem solid white;border-radius:1.5rem;width:8rem;height:8rem;padding-bottom:0;overflow:hidden}.apps-app-icon img{width:8rem;height:8rem}@media (min-width: 0px) and (orientation: landscape){.apps-menu-item{display:block}}@media (min-width: 600px) and (orientation: landscape){.apps-menu-item{display:inline-block;margin-left:1rem;margin-right:1rem}}@media (min-width: 0px) and (orientation: portrait){.apps-menu-item{display:block}}@media (min-width: 0px) and (orientation: landscape){.apps-submenu-item{display:block}}@media (min-width: 600px) and (orientation: landscape){.apps-submenu-item{display:inline-block;margin-left:0.5rem;margin-right:0.5rem}}@media (min-width: 0px) and (orientation: portrait){.apps-submenu-item{display:block}}
+@import url("https://fonts.googleapis.com/css?family=Rajdhani");body{background-color:silver;font-family:'Rajdhani', cursive;line-height:120%;word-wrap:break-word;overflow:scroll;text-align:center}h1{font-size:3.6rem;margin-top:0.72rem;margin-bottom:0.72rem}h2{font-size:3rem;margin-top:0.6rem;margin-bottom:0.6rem}h3{font-size:2.4rem;margin-top:0.48rem;margin-bottom:0.48rem}h4{font-size:1.8rem;margin-top:0.36rem;margin-bottom:0.36rem}h5{font-size:1.4rem;margin-top:0.28rem;margin-bottom:0.28rem}h6{font-size:1.2rem;margin-top:0.24rem;margin-bottom:0.24rem}h1,h2,h3,h4,h5,h6{line-height:110%}p{font-size:1rem}pre{overflow:auto}a{text-decoration:none;color:black}a:visited{color:black}a:hover{color:red}@media (min-width: 0px) and (orientation: landscape){.readability,hr,.apps-list,.apps-content{width:100%}}@media (min-width: 600px) and (orientation: landscape){.readability,hr,.apps-list,.apps-content{width:75%}}@media (min-width: 1025px) and (orientation: landscape){.readability,hr,.apps-list,.apps-content{width:50%}}@media (min-width: 0px) and (orientation: portrait){.readability,hr,.apps-list,.apps-content{width:100%}}hr{border:0;margin-top:1rem;margin-bottom:1rem;height:1rem;background:black}table{border-collapse:collapse;table-layout:fixed}table,thead,tr,th,td,tfoot,fieldset,input,textarea{border:0.1rem solid black}thead,th{border-bottom-width:0.2rem}.apps-list,.apps-content{margin:0 auto}.apps-content{background-color:lightgray;text-align:left;overflow:auto}.apps-content>*{margin:1rem 2rem 1rem 2rem}.apps-content *{max-width:100%}.apps-header{color:black}.apps-header .apps-header-title{font-size:2.5rem}.apps-app-item{display:inline-block;width:8rem;vertical-align:top;margin-right:1.5rem;margin-bottom:1.5rem}.apps-app-icon{display:inline-block;border:0.5rem solid white;border-radius:1.5rem;width:8rem;height:8rem;padding-bottom:0;overflow:hidden;background-color:lightgray}.apps-app-icon img{width:8rem;height:8rem}@media (min-width: 0px) and (orientation: landscape){.apps-menu-item{display:block}}@media (min-width: 600px) and (orientation: landscape){.apps-menu-item{display:inline-block;margin-left:1rem;margin-right:1rem}}@media (min-width: 0px) and (orientation: portrait){.apps-menu-item{display:block}}@media (min-width: 0px) and (orientation: landscape){.apps-submenu-item{display:block}}@media (min-width: 600px) and (orientation: landscape){.apps-submenu-item{display:inline-block;margin-left:0.5rem;margin-right:0.5rem}}@media (min-width: 0px) and (orientation: portrait){.apps-submenu-item{display:block}}
diff --git a/static/css/hugo-apps-theme.scss b/static/css/hugo-apps-theme.scss
index 7cc67f6..6959231 100644
--- a/static/css/hugo-apps-theme.scss
+++ b/static/css/hugo-apps-theme.scss
@@ -243,6 +243,7 @@ thead, th {
   height: 8rem;
   padding-bottom: 0;
   overflow: hidden;
+  background-color: lightgray;
   img {
     width: 8rem;
     height: 8rem;