Commit 5b47aae2 authored by brianmaierjr's avatar brianmaierjr
Browse files

+ Post Navigation, + Social Icons, Fixed Header Height Issues

parent 931c2ecd
......@@ -4,6 +4,7 @@ markdown: redcarpet
pygments: true
paginate: 3
paginate_path: "blog/page:num/"
permalink: /blog/:title/
navigation:
- title: Home
......
......@@ -4,10 +4,10 @@
<div class="footer-links">
<ul class="nolist">
<li><a href="/">Facebook</a></li>
<li><a href="/">Twitter</a></li>
<li><a href="/">GitHub</a></li>
<li><a href="/">Email</a></li>
<li><a href="/"><img src="/assets/img/social-icons/facebook-square.svg" alt=""></a></li>
<li><a href="/"><img src="/assets/img/social-icons/twitter.svg" alt=""></a></li>
<li><a href="/"><img src="/assets/img/social-icons/github.svg" alt=""></a></li>
<li><a href="/"><img src="/assets/img/social-icons/mail.svg" alt=""></a></li>
</ul>
</div>
</div>
......
......@@ -3,9 +3,30 @@ layout: default
---
<div class="post">
{% if page.image %}
<img src="/assets/img/{{ page.image }}" alt="" />
<div class="featuredImage">
<img src="/assets/img/{{ page.image }}" alt="" />
</div>
{% endif %}
<h1 class="postTitle">{{ page.title }}</h1>
<p class="meta">{{ page.date | date_to_string }}</p>
{{ content }}
<!-- POST NAVIGATION -->
<div id="post-nav" class="clearfix">
{% if page.previous.url %}
<a class="prev{% if page.previous.image %} image{% endif %}" href="{{page.previous.url}}"><span>&laquo; {{page.previous.title}}</span>
{% if page.previous.image %}
<img src="/assets/img/{{ page.previous.image }}" alt="">
{% endif %}
</a>
{% endif %}
{% if page.next.url %}
<a class="next{% if page.next.image %} image{% endif %}" href="{{page.next.url}}"><span>{{page.next.title}} &raquo;</span>
{% if page.next.image %}
<img src="/assets/img/{{ page.next.image }}" alt="">
{% endif %}
</a>
{% endif %}
</div>
</div>
......@@ -2,7 +2,6 @@
layout: post
title: "This is a test post"
date: 2014-12-13 21:01:02
categories: jekyll update
---
<span class="dropcap">C</span>urabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur.
......@@ -38,7 +37,7 @@ Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit t
Maecenas faucibus mollis interdum. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum.
<figure>
<img src="{{ site.url }}/assets/img/header-bg.jpg" alt="">
<img src="/assets/img/touring.jpg" alt="">
<figcaption>Fig1. - This is an example figcaption</figcaption>
</figure>
......
......@@ -2,7 +2,6 @@
layout: post
title: "This is a test post"
date: 2014-12-13 21:01:02
categories: jekyll update
---
<span class="dropcap">C</span>urabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur.
......@@ -38,7 +37,7 @@ Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit t
Maecenas faucibus mollis interdum. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum.
<figure>
<img src="{{ site.url }}/assets/img/header-bg.jpg" alt="">
<img src="/assets/img/touring.jpg" alt="">
<figcaption>Fig1. - This is an example figcaption</figcaption>
</figure>
......
......@@ -2,7 +2,6 @@
layout: post
title: "This is a test post"
date: 2014-12-13 21:01:02
categories: jekyll update
---
<span class="dropcap">C</span>urabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur.
......@@ -38,7 +37,7 @@ Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit t
Maecenas faucibus mollis interdum. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum.
<figure>
<img src="{{ site.url }}/assets/img/header-bg.jpg" alt="">
<img src="/assets/img/touring.jpg" alt="">
<figcaption>Fig1. - This is an example figcaption</figcaption>
</figure>
......
......@@ -2,7 +2,6 @@
layout: post
title: "Welcome to Jekyll!"
date: 2014-12-13 21:01:02
categories: jekyll update
---
<span class="dropcap">Y</span>ou'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes!
......
......@@ -2,7 +2,6 @@
layout: post
title: "Welcome to Jekyll!"
date: 2014-12-13 21:01:02
categories: jekyll update
---
<span class="dropcap">Y</span>ou'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes!
......
......@@ -2,7 +2,6 @@
layout: post
title: "This is a test post with a featured image"
date: 2014-12-18 21:01:02
categories: jekyll update
image: touring.jpg
---
......@@ -19,12 +18,12 @@ Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur pu
* Longer List Item
* List Item
### Ordered List
## Ordered List
1. List Item
2. Longer List Item
3. List Item
#### Definition List
## Definition List
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
......@@ -39,7 +38,7 @@ Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit t
Maecenas faucibus mollis interdum. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum.
<figure>
<img src="{{ site.url }}/assets/img/header-bg.jpg" alt="">
<img src="/assets/img/touring.jpg" alt="">
<figcaption>Fig1. - This is an example figcaption</figcaption>
</figure>
......
This diff is collapsed.
<?xml version="1.0" encoding="utf-8"?>
<!-- Generate more at customizr.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="android" class="custom-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" style="height: 100px; width: 100px;"><circle class="outer-shape" cx="50" cy="50" r="48" style="opacity: 1; fill: rgb(46, 139, 87);"></circle>
<path class="inner-shape" style="opacity: 1; fill: rgb(247, 247, 247);" transform="translate(25,25) scale(0.5)" d="M86.75,31.625c-3.369,0-6.125,2.757-6.125,6.125v24.5c0,3.369,2.756,6.125,6.125,6.125c3.369,0,6.125-2.756,6.125-6.125 v-24.5C92.875,34.381,90.118,31.625,86.75,31.625z M13.25,31.625c-3.369,0-6.125,2.757-6.125,6.125v24.5 c0,3.369,2.757,6.125,6.125,6.125s6.125-2.756,6.125-6.125v-24.5C19.375,34.381,16.618,31.625,13.25,31.625z M22.438,71.437 c0,5.074,4.113,9.188,9.187,9.188h3.062v12.25c0,3.369,2.757,6.125,6.125,6.125c3.368,0,6.125-2.756,6.125-6.125v-12.25h6.125v12.25 c0,3.369,2.756,6.125,6.125,6.125c3.369,0,6.125-2.756,6.125-6.125v-12.25h3.062c5.074,0,9.187-4.113,9.187-9.188V37.75H22.438 V71.437z M61.35,9.565l3.876-7.446c0.193-0.373,0.048-0.838-0.325-1.033c-0.373-0.195-0.838-0.048-1.034,0.325L59.933,8.97 C56.852,7.779,53.503,7.125,50,7.125S43.149,7.78,40.067,8.97l-3.935-7.559c-0.194-0.373-0.659-0.52-1.033-0.325 s-0.52,0.659-0.325,1.033l3.876,7.446c-8.674,3.926-14.953,12.21-16.042,22.06h54.784C76.303,21.775,70.025,13.49,61.35,9.565 L61.35,9.565z M37.75,26.878c-2.453,0-4.44-1.988-4.44-4.44s1.988-4.44,4.44-4.44s4.44,1.988,4.44,4.44 C42.19,24.89,40.202,26.878,37.75,26.878z M62.25,26.878c-2.453,0-4.44-1.988-4.44-4.44s1.988-4.44,4.44-4.44s4.44,1.988,4.44,4.44 C66.69,24.89,64.702,26.878,62.25,26.878z"></path>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generate more at customizr.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="apple" class="custom-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" style="height: 100px; width: 100px;"><circle class="outer-shape" cx="50" cy="50" r="48" style="opacity: 1; fill: rgb(46, 139, 87);"></circle>
<path class="inner-shape" style="opacity: 1; fill: rgb(247, 247, 247);" transform="translate(25,25) scale(0.5)" d="M76.749,53.071c-0.123-12.411,10.122-18.363,10.579-18.659c-5.757-8.424-14.724-9.578-17.919-9.711 c-7.631-0.772-14.891,4.493-18.764,4.493c-3.863,0-9.84-4.379-16.169-4.264c-8.318,0.123-15.988,4.836-20.271,12.286 c-8.643,14.997-2.213,37.214,6.21,49.376c4.116,5.954,9.024,12.64,15.468,12.401c6.205-0.248,8.553-4.015,16.054-4.015 c7.503,0,9.611,4.015,16.179,3.893c6.678-0.124,10.908-6.067,14.996-12.039c4.727-6.907,6.673-13.594,6.788-13.937 C89.752,72.827,76.879,67.896,76.749,53.071z M64.409,16.649C67.829,12.5,70.138,6.743,69.508,1 c-4.926,0.201-10.899,3.282-14.434,7.422c-3.172,3.673-5.948,9.534-5.204,15.163C55.37,24.013,60.985,20.789,64.409,16.649 L64.409,16.649z"></path>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generate more at customizr.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="blogger" class="custom-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" style="height: 100px; width: 100px;"><circle class="outer-shape" cx="50" cy="50" r="48" style="opacity: 1; fill: rgb(46, 139, 87);"></circle>
<path class="inner-shape" style="opacity: 1; fill: rgb(247, 247, 247);" transform="translate(25,25) scale(0.5)" d="M82.668,1H17.332C8.312,1,1,8.314,1,17.335v65.33C1,91.687,8.312,99,17.332,99h65.336C91.688,99,99,91.687,99,82.665 l0.001-65.33C99.001,8.314,91.689,1,82.668,1L82.668,1z M86.75,63.025c0,13.11-10.669,23.725-23.873,23.725H37.15 c-13.193,0-23.9-10.614-23.9-23.725v-26.04c0.009-13.111,10.707-23.734,23.9-23.734h12.046c13.202,0,23.773,9.858,23.772,22.969 c0.172,2.459,2.385,4.594,4.909,4.594h4.12c2.639,0,4.752,2.769,4.752,5.389L86.75,63.025L86.75,63.025z M68.375,62.25 c0,3.369-2.757,6.125-6.125,6.125h-24.5c-3.369,0-6.125-2.757-6.125-6.125l0,0c0-3.369,2.757-6.125,6.125-6.125h24.5 C65.619,56.125,68.375,58.881,68.375,62.25L68.375,62.25z M56.125,37.75c0,3.369-2.756,6.125-6.125,6.125H37.75 c-3.369,0-6.125-2.757-6.125-6.125l0,0c0-3.369,2.757-6.125,6.125-6.125H50C53.369,31.625,56.125,34.382,56.125,37.75L56.125,37.75z "></path>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generate more at customizr.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="chrome" class="custom-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" style="height: 100px; width: 100px;"><circle class="outer-shape" cx="50" cy="50" r="48" style="opacity: 1; fill: rgb(46, 139, 87);"></circle>
<path class="inner-shape" style="opacity: 1; fill: rgb(247, 247, 247);" transform="translate(25,25) scale(0.5)" d="M25.717,43.736l-14.024-24.29C20.672,8.204,34.493,1,49.999,1c17.938,0,33.622,9.641,42.161,24.022H52.178 c-0.718-0.062-1.445-0.096-2.179-0.096C38.335,24.926,28.506,32.931,25.717,43.736L25.717,43.736z M67.543,32.103h28.085 c2.177,5.544,3.372,11.581,3.372,17.897c0,26.876-21.639,48.695-48.444,48.994l20.04-34.71c2.821-4.055,4.479-8.98,4.479-14.284 C75.076,42.997,72.188,36.657,67.543,32.103L67.543,32.103z M32.199,50c0-9.816,7.985-17.801,17.801-17.801S67.801,40.184,67.801,50 S59.816,67.801,50,67.801S32.199,59.816,32.199,50z M56.717,74.16L42.689,98.457c-23.594-3.53-41.689-23.88-41.689-48.457 c0-8.73,2.285-16.925,6.288-24.024l20.005,34.65c4.007,8.528,12.678,14.448,22.708,14.448C52.327,75.075,54.579,74.756,56.717,74.16 L56.717,74.16z"></path>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generate more at customizr.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="css3" class="custom-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" style="height: 100px; width: 100px;"><circle class="outer-shape" cx="50" cy="50" r="48" style="opacity: 1; fill: rgb(46, 139, 87);"></circle>
<path class="inner-shape" style="opacity: 1; fill: rgb(247, 247, 247);" transform="translate(25,25) scale(0.5)" d="M15.584,5.643l-3.288,16.454h66.969l-2.094,10.628H10.16L6.916,49.177h66.963l-3.734,18.764l-26.989,8.941l-23.39-8.941 l1.601-8.139H4.916L1.002,79.551l38.686,14.806l44.598-14.806L99.002,5.644L15.584,5.643z"></path>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generate more at customizr.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="default-icon" class="custom-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" style="height: 100px; width: 100px;"><circle class="outer-shape" cx="50" cy="50" r="48" style="opacity: 1; fill: rgb(46, 139, 87);"></circle>
<path class="inner-shape" style="opacity: 1; fill: rgb(247, 247, 247);" transform="translate(25,25) scale(0.5)" d="__path__"></path>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generate more at customizr.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="delicious" class="custom-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" style="height: 100px; width: 100px;"><circle class="outer-shape" cx="50" cy="50" r="48" style="opacity: 1; fill: rgb(46, 139, 87);"></circle>
<path class="inner-shape" style="opacity: 1; fill: rgb(247, 247, 247);" transform="translate(25,25) scale(0.5)" d="M82.67,1H17.335C8.35,1,0.999,8.352,0.999,17.336v65.329C0.999,91.654,8.35,99,17.335,99H82.67 c8.984,0,16.33-7.345,16.33-16.334V17.336C98.999,8.351,91.654,1,82.67,1z M92.875,82.665c0,2.712-1.066,5.271-3.002,7.208 c-1.935,1.935-4.493,3.002-7.202,3.002h-32.67V50H7.126V17.336c0-2.709,1.067-5.268,3.005-7.206s4.496-3.005,7.206-3.005h32.664V50 h42.875L92.875,82.665L92.875,82.665z"></path>
</svg>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment