diff --git a/README.md b/README.md index 02c30e99a9..9eb7082b77 100644 --- a/README.md +++ b/README.md @@ -222,6 +222,10 @@ Not sure if this only effects Kramdown or if it's an issue with Markdown in gene Twitter cards make it possible to attach images and post summaries to Tweets that link to your content. Summary Card meta tags have been added to `head.html` to support this, you just need to [validate and apply your domain](https://dev.twitter.com/docs/cards) to turn it on. +#### Link Post Type + +So Simple Theme now supports **link posts**, made famous by John Gruber. To activate just add `link: http://url-you-want-linked` to the post's YAML front matter and you're done. + --- ## Further Customization diff --git a/_posts/2013-08-12-sample-link-post.md b/_posts/2013-08-12-sample-link-post.md new file mode 100644 index 0000000000..4a80409071 --- /dev/null +++ b/_posts/2013-08-12-sample-link-post.md @@ -0,0 +1,11 @@ +--- +layout: post +title: "Sample Link Post" +description: "Example and code for using link posts." +category: articles +tags: [sample post, link post] +comments: true +link: http://mademistakes.com +--- + +So Simple Theme now supports **link posts**, made famous by John Gruber. To activate just add `link: http://url-you-want-linked` to the post's YAML front matter and you're done. \ No newline at end of file diff --git a/assets/css/main.css b/assets/css/main.css index ae1d06da60..e9461543d1 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -37,6 +37,7 @@ a{text-decoration:none;color:#222222;}a:visited{color:#555555;} a:hover{color:#000000;} a:focus{outline:thin dotted;color:#000000;} a:hover,a:active{outline:0;} +.link-arrow{font-weight:100;text-decoration:underline;font-style:normal;} figcaption{padding-top:10px;font-size:14px;font-size:0.875rem;line-height:1.7143;line-height:1.3;color:#3c3c3c;} .image-credit{margin:0 auto;max-width:440px;padding-top:5px;padding-right:20px;padding-left:20px;text-align:right;font-size:14px;font-size:0.875rem;line-height:1.7143;line-height:1.3;color:#6f6f6f;*zoom:1;}.image-credit:before,.image-credit:after{display:table;content:"";line-height:0;} .image-credit:after{clear:both;} @@ -602,7 +603,7 @@ body{margin:0;padding:0;width:100%;background-color:#ffffff;border-top:5px solid .entry-header{max-width:640px;width:100%;margin-right:auto;margin-left:auto;}@media only screen and (min-width: 62.5em){.entry-header{max-width:100%;margin-right:0;margin-left:0;}} .entry-tags{display:block;margin-top:2em;text-transform:uppercase;font-size:16px;font-size:1rem;font-weight:600;}.entry-tags a{color:#222222;} span+.entry-title{margin-top:0;} -.entry-title{font-family:'volkhov',serif;font-style:italic;font-size:36px;font-size:2.25rem;font-weight:700;line-height:1;letter-spacing:-3px;}.entry-title a{color:#000000;} +.entry-title{font-family:'volkhov',serif;font-style:italic;font-size:36px;font-size:2.25rem;font-weight:700;line-height:1;letter-spacing:-3px;}.entry-title a{color:#000000;text-decoration:underline;} @media only screen and (min-width: 48em){.entry-title{max-width:600px;font-size:52px;font-size:3.25rem;}}@media only screen and (min-width: 62.5em){.entry-title{max-width:800px;font-size:68px;font-size:4.25rem;}} .entry-wrapper{margin:0 auto 3em;max-width:440px;padding-right:20px;padding-left:20px;*zoom:1;}.entry-wrapper:before,.entry-wrapper:after{display:table;content:"";line-height:0;} .entry-wrapper:after{clear:both;} diff --git a/assets/less/page.less b/assets/less/page.less index c13fb6bf6c..e03e36450f 100644 --- a/assets/less/page.less +++ b/assets/less/page.less @@ -292,7 +292,7 @@ span + .entry-title { @media @large { float: left; } - p > a + p > a, li > a { border-bottom: 1px dotted lighten(@link-color, 50); &:hover { diff --git a/theme-setup.md b/theme-setup.md index c54671b594..c02247ae56 100644 --- a/theme-setup.md +++ b/theme-setup.md @@ -143,6 +143,10 @@ Not sure if this only effects Kramdown or if it's an issue with Markdown in gene Twitter cards make it possible to attach images and post summaries to Tweets that link to your content. Summary Card meta tags have been added to `head.html` to support this, you just need to [validate and apply your domain](https://dev.twitter.com/docs/cards) to turn it on. +#### Link Post Type + +So Simple Theme now supports **link posts**, made famous by John Gruber. To activate just add `link: http://url-you-want-linked` to the post's YAML front matter and you're done. Here's an [example of a link post]({{ site.url }}/articles/sample-link-post) if you need a visual. + ## Further Customization To make things easier I use LESS to build So Simple Theme's stylesheets. If you want to make some minor cosmetic alterations, take a look at `variables.less` in `assets/less/`. Changing some of the following variables can help make the theme your own. Just compile `main.less` using your preprocessor of choice and off you go -- I like [CodeKit](http://incident57.com/codekit/) for OS X and [Prepros](http://alphapixels.com/prepros/) for Windows.