From c5abe853806a97772a4e846a8430a74d74190198 Mon Sep 17 00:00:00 2001 From: Michael Rose Date: Mon, 12 Aug 2013 14:17:05 -0400 Subject: [PATCH 1/2] Pre-process main.less --- assets/css/main.css | 3 ++- assets/less/page.less | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) 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 { From efabb084511a57a4a4c938c660dd69b73d2b684f Mon Sep 17 00:00:00 2001 From: Michael Rose Date: Mon, 12 Aug 2013 14:28:20 -0400 Subject: [PATCH 2/2] Add link post type example and documentation --- README.md | 4 ++++ _posts/2013-08-12-sample-link-post.md | 11 +++++++++++ theme-setup.md | 4 ++++ 3 files changed, 19 insertions(+) create mode 100644 _posts/2013-08-12-sample-link-post.md 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/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.