Commit 08dcf3de authored by brianmaierjr's avatar brianmaierjr
Browse files

sync

parent 7a7ec906
......@@ -2,7 +2,6 @@ name: Long Haul
desctription: A minimal, long form template for Jekyll.
markdown: redcarpet
pygments: true
url: http://brianmaierjr.github.com/long-haul
navigation:
- title: Home
......
......@@ -11,18 +11,20 @@
<body>
<div class="header">
<h1 class="title"><a href="/">{{ site.name }}</a></h1>
<nav>
<ul class="nolist">
{% for link in site.navigation %}
{% assign current = nil %}
{% if page.url contains link.url %}
{% assign current = 'current' %}
{% endif %}
<li class="element {% if forloop.first %}first{% endif %} {{ current }} {% if forloop.last %}last{% endif %}">
<a href="{{ link.url }}">{{ link.title }}</a>
</li>
{% endfor %}
</ul>
</nav>
<div class="container">
<h1 class="title"><a href="/">{{ site.name }}</a></h1>
<nav>
<ul class="nolist">
{% for link in site.navigation %}
{% assign current = nil %}
{% if page.url contains link.url %}
{% assign current = 'current' %}
{% endif %}
<li class="element {% if forloop.first %}first{% endif %} {{ current }} {% if forloop.last %}last{% endif %}">
<a href="{{ link.url }}">{{ link.title }}</a>
</li>
{% endfor %}
</ul>
</nav>
</div>
</div>
\ No newline at end of file
---
layout: default
---
<h2>{{ page.title }}</h2>
<p class="meta">{{ page.date | date_to_string }}</p>
<div class="post">
{{ content }}
<h1 class="postTitle">{{ page.title }}</h1>
<p class="meta">{{ page.date | date_to_string }}</p>
{{ content }}
</div>
......@@ -5,20 +5,43 @@ date: 2014-12-13 21:01:02
categories: jekyll update
---
You'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes!
To add new posts, simply add a file in the `_posts` directory that follows the convention: YYYY-MM-DD-name-of-post.ext.
Curabitur 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.
Jekyll also offers powerful support for code snippets:
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum. Sed posuere consectetur est at lobortis. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
{% highlight ruby %}
def print_hi(name)
puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.
{% endhighlight %}
> Aenean lacinia bibendum nulla sed consectetur. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Donec sed odio dui. Cras mattis consectetur purus sit amet fermentum.
Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll's GitHub repo][jekyll-gh].
Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
[jekyll-gh]: https://github.com/mojombo/jekyll
[jekyll]: http://jekyllrb.com
## Unordered List
* List Item
* Longer List Item
* List Item
### Ordered List
1. List Item
2. Longer List Item
3. List Item
#### Definition List
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum. Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
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="">
<figcaption>Fig1. - This is an example figcaption</figcaption>
</figure>
Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis interdum. Nullam id dolor id nibh ultricies vehicula ut id elit.
......@@ -3,7 +3,7 @@ layout: default
title: About Long Haul
---
<div id="home">
<div class="post">
<h1>About Long Haul</h1>
<img src="/assets/img/header-bg.jpg" alt="">
<p class="intro">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper. Donec sed odio dui.</p>
......
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);@import url(http://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic);html{font-size:100%;line-height:1.5em}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;*display:inline;*zoom:1;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden]{display:none}template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1.5em 40px}dfn{font-style:italic}h1{font-size:2em;line-height:1.5em;margin-top:0.75em;margin-bottom:0.75em}h2{font-size:1.5em;line-height:2em;margin-top:1em;margin-bottom:1em}h3{font-size:1.17em;line-height:1.28205em;margin-top:1.28205em;margin-bottom:1.28205em}h4{font-size:1em;line-height:1.5em;margin-top:1.5em;margin-bottom:1.5em}h5{font-size:0.83em;line-height:1.80723em;margin-top:1.80723em;margin-bottom:1.80723em}h6{font-size:0.67em;line-height:2.23881em;margin-top:2.23881em;margin-bottom:2.23881em}mark{background:#ff0;color:#000}p,pre{margin:1.5em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1.5em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:1.5em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}form{margin:0}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;*font-family:sans-serif;*vertical-align:middle}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0 2px;border-color:#c0c0c0;border-top-width:0.0625em;border-top-style:solid;padding-top:0.4625em;border-bottom-width:0.0625em;border-bottom-style:solid;padding-bottom:0.9125em;border-left-width:0.0625em;border-left-style:solid;padding-left:0.875em;border-right-width:0.0625em;border-right-style:solid;padding-right:0.875em}legend{border:0;padding:0;*margin-left:-7px}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.button,.button-secondary,.button-tertiary{background-color:#1271db;display:inline-block;position:relative;font-family:"Open Sans",Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;font-size:1.2em;line-height:1.2em;font-weight:normal;padding:.5em 1.5em;border:0;cursor:pointer;margin-bottom:.5em;-moz-transition:background-color 0.14s ease-in-out;-o-transition:background-color 0.14s ease-in-out;-webkit-transition:background-color 0.14s ease-in-out;transition:background-color 0.14s ease-in-out}.button:hover,.button-secondary:hover,.button-tertiary:hover,.button:focus,.button-secondary:focus,.button-tertiary:focus{color:#fff;text-decoration:none;background-color:#0e59ac}.button:active,.button-secondary:active,.button-tertiary:active{top:1px}.button-secondary{background-color:#233E5B}.button-secondary:hover{background-color:#152536}.button-tertiary{background-color:#aaa}.button-tertiary:hover{background-color:#909090}label{display:block;margin-bottom:5px}input[type=text],input[type=email],input[type=phone],input[type=password],input[type=number],input[type=search],textarea{-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.05);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 2px rgba(0,0,0,0.05);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px;border:1px solid #ccc;outline:none;height:44px;width:300px}input[type=text]:focus,input[type=email]:focus,input[type=phone]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus{border-color:#1271db}input[type=text].full-width,input[type=email].full-width,input[type=phone].full-width,input[type=password].full-width,input[type=number].full-width,input[type=search].full-width,textarea.full-width{width:100%}textarea{height:132px}form{margin-bottom:40px}form .field{margin-bottom:20px}form .note{margin-top:5px;color:#aaa}form .req{font-style:italic}form .error .reason{margin-top:5px;color:#FF4136}form .error input[type=text],form .error input[type=email],form .error input[type=phone],form .error input[type=password],form .error input[type=number],form .error input[type=search],form .error textarea{border-color:#FF4136}table{width:100%;border:1px solid #d0d0d0;margin-bottom:1.5em}table caption{margin:0 0 7px;font-size:0.75em;color:#aaa;text-transform:uppercase;letter-spacing:1px}tr{border-bottom:1px solid #d0d0d0}tr:nth-child(even){background-color:#f6f6f6}td{padding:7px;border-right:1px solid #d0d0d0}td:last-child{border-right:0}th{background-color:#f6f6f6;border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0}th:last-child{border-right:0}body{font-size:1em;line-height:1.45}body .intro{font-size:1.25em;line-height:1.7}@media (min-width: 43.75em){body{font-size:1em;line-height:1.375}}h1,.h1{font-size:2em;line-height:1.25}@media (min-width: 43.75em){h1,.h1{font-size:2.5em;line-height:1.125}}@media (min-width: 56.25em){h1,.h1{font-size:3em;line-height:1.05}}h2,.h2{font-size:1.625em;line-height:1.15384615}@media (min-width: 43.75em){h2,.h2{font-size:2em;line-height:1.25}}@media (min-width: 56.25em){h2,.h2{font-size:2.25em;line-height:1.25}}h3,.h3{font-size:1.375em;line-height:1.13636364}@media (min-width: 43.75em){h3,.h3{font-size:1.5em;line-height:1.25}}@media (min-width: 56.25em){h3,.h3{font-size:1.75em;line-height:1.25}}h4,.h4{font-size:1.125em;line-height:1.11111111}@media (min-width: 43.75em){h4,.h4{line-height:1.22222222}}blockquote{font-size:1.25em;line-height:1.25;padding-left:.5em;border-left:4px solid #1271db}@media (min-width: 43.75em){blockquote{font-size:1.5em;line-height:1.45833333}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:"Merriweather",Georgia,Times,serif;line-height:1.5;font-size:100%}.nolist{list-style:none;padding-left:0;margin-left:0}a{color:#1271db}a:hover{color:#0c4d94}.container{max-width:750px;margin-left:auto;margin-right:auto;padding:0 20px}.container:after{content:" ";display:block;clear:both}.header{background-image:url("../img/header-bg.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;text-align:center;color:white;padding:5em 0}.header h1{margin-top:0}.header h1 a{color:white;text-decoration:none}.header nav ul li{display:inline}.footer{text-align:center;padding:2em 0}.footer .container{border-top:4px solid #d9d9d9}.footer .copy{font-size:.8em}.footer-links ul li{display:inline}.posts li{margin-bottom:3em}.posts li .date{color:gray;font-style:italic}.posts h3{margin:0}img,video,audio,iframe,object{max-width:100%}@media only screen and (min-width: 768px){.footer-links{float:right}.footer .copy{float:left}#contact form{float:right;margin-left:2em}}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic);html{font-size:100%;line-height:1.5em}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;*display:inline;*zoom:1;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden]{display:none}template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1.5em 40px}dfn{font-style:italic}h1{font-size:2em;line-height:1.5em;margin-top:0.75em;margin-bottom:0.75em}h2{font-size:1.5em;line-height:2em;margin-top:1em;margin-bottom:1em}h3{font-size:1.17em;line-height:1.28205em;margin-top:1.28205em;margin-bottom:1.28205em}h4{font-size:1em;line-height:1.5em;margin-top:1.5em;margin-bottom:1.5em}h5{font-size:0.83em;line-height:1.80723em;margin-top:1.80723em;margin-bottom:1.80723em}h6{font-size:0.67em;line-height:2.23881em;margin-top:2.23881em;margin-bottom:2.23881em}mark{background:#ff0;color:#000}p,pre{margin:1.5em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1.5em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:1.5em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}form{margin:0}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;*font-family:sans-serif;*vertical-align:middle}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0 2px;border-color:#c0c0c0;border-top-width:0.0625em;border-top-style:solid;padding-top:0.4625em;border-bottom-width:0.0625em;border-bottom-style:solid;padding-bottom:0.9125em;border-left-width:0.0625em;border-left-style:solid;padding-left:0.875em;border-right-width:0.0625em;border-right-style:solid;padding-right:0.875em}legend{border:0;padding:0;*margin-left:-7px}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.button,.button-secondary,.button-tertiary{background-color:#1271db;display:inline-block;position:relative;font-family:"Open Sans",Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;font-size:1.2em;line-height:1.2em;font-weight:normal;padding:.5em 1.5em;border:0;cursor:pointer;margin-bottom:.5em;-moz-transition:background-color 0.14s ease-in-out;-o-transition:background-color 0.14s ease-in-out;-webkit-transition:background-color 0.14s ease-in-out;transition:background-color 0.14s ease-in-out}.button:hover,.button-secondary:hover,.button-tertiary:hover,.button:focus,.button-secondary:focus,.button-tertiary:focus{color:#fff;text-decoration:none;background-color:#0e59ac}.button:active,.button-secondary:active,.button-tertiary:active{top:1px}.button-secondary{background-color:#233E5B}.button-secondary:hover{background-color:#152536}.button-tertiary{background-color:#aaa}.button-tertiary:hover{background-color:#909090}label{display:block;margin-bottom:5px}input[type=text],input[type=email],input[type=phone],input[type=password],input[type=number],input[type=search],textarea{-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.05);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 2px rgba(0,0,0,0.05);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px;border:1px solid #ccc;outline:none;height:44px;width:300px}input[type=text]:focus,input[type=email]:focus,input[type=phone]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus{border-color:#1271db}input[type=text].full-width,input[type=email].full-width,input[type=phone].full-width,input[type=password].full-width,input[type=number].full-width,input[type=search].full-width,textarea.full-width{width:100%}textarea{height:132px}form{margin-bottom:40px}form .field{margin-bottom:20px}form .note{margin-top:5px;color:#aaa}form .req{font-style:italic}form .error .reason{margin-top:5px;color:#FF4136}form .error input[type=text],form .error input[type=email],form .error input[type=phone],form .error input[type=password],form .error input[type=number],form .error input[type=search],form .error textarea{border-color:#FF4136}table{width:100%;border:1px solid #d0d0d0;margin-bottom:1.5em}table caption{margin:0 0 7px;font-size:0.75em;color:#aaa;text-transform:uppercase;letter-spacing:1px}tr{border-bottom:1px solid #d0d0d0}tr:nth-child(even){background-color:#f6f6f6}td{padding:7px;border-right:1px solid #d0d0d0}td:last-child{border-right:0}th{background-color:#f6f6f6;border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0}th:last-child{border-right:0}body{font-size:1em;line-height:1.45}body .intro{font-size:1.25em;line-height:1.7}@media (min-width: 43.75em){body{font-size:1em;line-height:1.375}}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:.5em 0}h1,.h1{font-size:2em;line-height:1.25}@media (min-width: 43.75em){h1,.h1{font-size:2.5em;line-height:1.125}}@media (min-width: 56.25em){h1,.h1{font-size:3em;line-height:1.05}}h2,.h2{font-size:1.625em;line-height:1.15384615}@media (min-width: 43.75em){h2,.h2{font-size:2em;line-height:1.25}}@media (min-width: 56.25em){h2,.h2{font-size:2.25em;line-height:1.25}}h3,.h3{font-size:1.375em;line-height:1.13636364}@media (min-width: 43.75em){h3,.h3{font-size:1.5em;line-height:1.25}}@media (min-width: 56.25em){h3,.h3{font-size:1.75em;line-height:1.25}}h4,.h4{font-size:1.125em;line-height:1.11111111}@media (min-width: 43.75em){h4,.h4{line-height:1.22222222}}blockquote{font-size:1.25em;line-height:1.25;padding-left:.5em;border-left:4px solid #1271db}@media (min-width: 43.75em){blockquote{font-size:1.5em;line-height:1.45833333}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:"PT Serif",Georgia,Times,serif;line-height:1.75;font-size:112.5%;color:#111}body p,body ul{margin:0 0 1.5em}.nolist{list-style:none;padding-left:0;margin-left:0}a{color:#1271db}a:hover{color:#0c4d94}.container{max-width:610px;margin-left:auto;margin-right:auto;padding:0 20px}.container:after{content:" ";display:block;clear:both}#home{padding-top:2em}.header{background-color:#111;color:white;padding:0;overflow:hidden;height:3em}.header h1{margin:0;float:left;font-size:1em;line-height:3em;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:normal}.header h1 a{color:white;text-decoration:none}.header nav{float:right}.header nav ul{margin:0}.header nav ul li{display:inline;line-height:3em}.header nav ul li a{color:white;font-size:.9em;text-decoration:none;padding:0 .25em}.header nav ul li a:hover{color:#ccc}.post .postTitle{text-align:center;margin-top:1em}.post blockquote{margin:2em 0}.post blockquote p{padding:0 0 0 .5em;line-height:1.8}.post .meta{text-align:center;color:gray;font-style:italic}.footer{text-align:center;padding:2em 0}.footer .container{border-top:4px solid #d9d9d9}.footer .copy{font-size:.8em}.footer-links ul li{display:inline}.posts li{margin-bottom:3em}.posts li .date{color:gray;font-style:italic}.posts li h3{margin:0}img,video,audio,iframe,object{max-width:100%}figure figcaption{text-align:center;font-size:.9em;font-style:italic;color:#2b2b2b}@media only screen and (min-width: 750px){.container{max-width:750px;margin-left:auto;margin-right:auto;padding:0 20px}.container:after{content:" ";display:block;clear:both}#home .posts,#home h1{padding:0 90px}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6,.post p,.post ul,.post ol,.post dl{padding:0 90px}.post ul,.post ol{padding:0 90px 0 130px}.footer-links{float:right}.footer .copy{float:left}#contact form{float:right;margin-left:2em}}
......@@ -52,4 +52,4 @@ TYPE SETTINGS
***************/
$sans-serif: "Open Sans", Helvetica, Arial, sans-serif;
$serif: "Merriweather", Georgia, Times, serif;
$serif: "PT Serif", Georgia, Times, serif;
/***************
768 UP STYLES
***************/
/***************
LAYOUTS
***************/
.container {
@include container(750px);
padding: 0 20px;
}
#home {
.posts, h1 {
padding: 0 90px;
}
}
/***************
POST STYLING
***************/
.post {
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
padding: 0 90px;
}
ul, ol {
padding: 0 90px 0 130px;
}
}
/***************
FOOTER STYLES
***************/
.footer {
&-links {
float: right;
}
.copy {
float: left;
}
}
/***************
HOME STYLING
***************/
#contact {
form {
float: right;
margin-left: 2em;
}
}
......@@ -12,8 +12,13 @@ html {
body {
font-family: $serif;
line-height: 1.5;
font-size: 100%;
line-height: 1.75;
font-size: 112.5%;
color: $black;
p , ul {
margin: 0 0 1.5em;
}
}
.nolist{
......@@ -35,31 +40,43 @@ a {
}
}
/***************
LAYOUTS
***************/
.container {
@include container(750px);
@include container(610px);
padding: 0 20px;
}
/***************
LAYOUTS
***************/
#home {
padding-top: 2em;
}
/***************
HEADER
***************/
.header {
background-image: url('../img/header-bg.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
text-align: center;
background-color: $black;
color: white;
padding: 5em 0;
padding: 0;
overflow: hidden;
height: 3em;
h1 {
margin-top: 0;
margin: 0;
float: left;
font-size: 1em;
line-height: 3em;
font-family: $sans-serif;
font-weight: normal;
a {
color: white;
......@@ -68,14 +85,57 @@ HEADER
}
nav {
float: right;
ul {
margin: 0;
li {
display: inline;
line-height: 3em;
a {
color: white;
font-size: .9em;
text-decoration: none;
padding: 0 .25em;
&:hover {
color: darken(white, 20%);
}
}
}
}
}
}
/***************
POST STYLING
***************/
.post {
.postTitle {
text-align: center;
margin-top: 1em;
}
blockquote {
margin: 2em 0;
p {
padding: 0 0 0 .5em;
line-height: 1.8;
}
}
.meta {
text-align: center;
color: lighten(black, 50%);
font-style: italic;
}
}
/***************
FOOTER STYLING
***************/
......@@ -114,19 +174,33 @@ POST LIST STYLING
color: lighten(black, 50%);
font-style: italic;
}
}
h3 {
margin: 0;
h3 {
margin: 0;
}
}
}
/***************
MEDIA STYLING
***************/
img,video,audio,iframe,object{
max-width:100%;
}
\ No newline at end of file
}
/***************
FIGURE STYLING
***************/
figure {
figcaption {
text-align: center;
font-size: .9em;
font-style: italic;
color: lighten($black, 10%);
}
}
......@@ -24,6 +24,10 @@ body {
}
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin: .5em 0;
}
// Headings
h1, .h1 {
font-size: 2em; // 2x body copy size = 32px
......
......@@ -6,7 +6,7 @@
// Import fonts from Google
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic);
// Site configuration
@import "config";
......@@ -27,7 +27,7 @@
// Import media queries
@media only screen and (min-width: 481px) { @import "breakpoints/481up";}
@media only screen and (min-width: 768px) { @import "breakpoints/768up";}
@media only screen and (min-width: 750px) { @import "breakpoints/750up";}
// If IE support is needed you can add them here or create another stylesheet for specific IE fixes
......@@ -4,7 +4,7 @@ title: Your New Jekyll Site
---
<div id="home">
<h1>Recent Posts</h1>
<h1 class="h2">Recent Posts</h1>
<ul class="posts nolist">
{% for post in site.posts %}
<li>
......
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