diff --git a/_posts/2014-1-1-Test-Post.md b/_posts/2014-1-1-Test-Post.md index 02d6ba3..622e03c 100644 --- a/_posts/2014-1-1-Test-Post.md +++ b/_posts/2014-1-1-Test-Post.md @@ -1,10 +1,10 @@ --- layout: post -title: Test Post +title: Test Post #1 --- -First test post! +First test post! First test post! First test post! First test post! First test post! First test post! -### H3 +### Subheader within the blog post -Hoy hoy hoy! +Hoy hoy hoy! Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy! diff --git a/_posts/2014-2-2-Second-Test-Post.md b/_posts/2014-2-2-Second-Test-Post.md new file mode 100644 index 0000000..bcce69e --- /dev/null +++ b/_posts/2014-2-2-Second-Test-Post.md @@ -0,0 +1,10 @@ +--- +layout: post +title: Test Post #2 +--- + +Second test post! Second test post! Second test post! Second test post! Second test post! Second test post! Second test post! Second test post! Second test post! + +### Subheader within the blog post + +Hoy hoy hoy! Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy! diff --git a/_posts/2014-2-3-Third-Test-Post.md b/_posts/2014-2-3-Third-Test-Post.md new file mode 100644 index 0000000..79ec06e --- /dev/null +++ b/_posts/2014-2-3-Third-Test-Post.md @@ -0,0 +1,10 @@ +--- +layout: post +title: Test Post #3 +--- + +Second test post :> Second test post :> Second test post :> Second test post :> Second test post :> Second test post :> Second test post :> + +### Subheader within the blog post + +Hoy hoy hoy! Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy! diff --git a/index.html b/index.html index aeae8fe..4ea92e7 100644 --- a/index.html +++ b/index.html @@ -2,23 +2,16 @@ layout: default --- - \ No newline at end of file + \ No newline at end of file diff --git a/scss/style.scss b/scss/style.scss index a47be33..d3d2cfc 100755 --- a/scss/style.scss +++ b/scss/style.scss @@ -5,7 +5,6 @@ @import "_reset"; @import "_variables"; -@import "_mixins"; @import "_highlights"; // TODO - Tempted to move this to the end of the file, so that it shows up at the end of the .css. Or remove it entirely and find a better way to include highlighting. @@ -76,8 +75,8 @@ p { a { text-decoration: none; cursor: pointer; - color: $blue; - &:hover, &:active { + color: $blue; + &:hover, &:active { text-decoration: underline; } } @@ -128,6 +127,7 @@ nav { font-size: 1rem; } + // nav has it's own link highlighting a { margin-left: 25px; text-align: right; @@ -155,8 +155,7 @@ nav { } .post { - width: 700px; - //margin: 0 auto; + width: 680px; @include mobile { width: 100%; diff --git a/style.css b/style.css index afcc331..19ce0e4 100644 --- a/style.css +++ b/style.css @@ -386,35 +386,12 @@ nav { width: 100%; text-align: center; } } -.hero { - margin: 80px 20px 40px; } +.post { + width: 680px; } @media screen and (max-width: 520px) { - .hero { - margin: 40px 0; } } - .hero img { - float: left; - width: 160px; - padding-right: 30px; } - .hero h1 { - float: left; - width: 590px; - margin: 0; - font-weight: 400; - font-size: 2.5rem; - line-height: 1.3; } - @media screen and (max-width: 520px) { - .hero h1 { - font-size: 2.5rem; } } - .hero p { - float: left; - width: 590px; } - -article { - width: 700px; } - @media screen and (max-width: 520px) { - article { + .post { width: 100%; } } - article blockquote { + .post blockquote { border-left: 2px solid #666666; font-size: 1.2em; font-style: italic;