diff options
author | Markus Eliasson <markus.eliasson@gmail.com> | 2014-11-11 00:43:46 +0300 |
---|---|---|
committer | Markus Eliasson <markus.eliasson@gmail.com> | 2014-11-11 00:43:46 +0300 |
commit | 3b8ccb7cdc274bca529c9324a79731f41e83fd2b (patch) | |
tree | cd1291f2ecfc708ef1d783d4f67145359b072b04 | |
parent | 9bc8736084e94927ed4130768a78a6c4df851f6b (diff) |
Add support for taxonomies
- Support taxonomies lists
- Display categories and tags on single entry
-rw-r--r-- | layouts/_default/single.html | 20 | ||||
-rw-r--r-- | layouts/_default/terms.html | 24 | ||||
-rw-r--r-- | static/css/liquorice.css | 3 | ||||
-rw-r--r-- | static/css/liquorice.min.css | 2 |
4 files changed, 47 insertions, 2 deletions
diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 315d60b..2f12662 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,12 +1,32 @@ {{ partial "head.html" . }} {{ partial "header.html" . }} +{{ $baseurl := .Site.BaseUrl }} +{{ $categories := .Params.categories }} +{{ $tags := .Params.tags }} + <div class="container"> <div class="row"> <div class="sixteen columns"> <article class="li-article"> <header class="li-article-header"> <h1 class="li-article-title">{{ .Title }}</h1> + <span class="li-article-taxonomies"> + {{ with $categories }} + Posted in + {{ range $categories }} + <a href="{{ $baseurl }}/categories/{{ . | urlize }}">{{ . }}</a> + {{ end }} + {{ end }} + + {{ with $tags }} + with tags + {{ range $tags }} + <a href="{{ $baseurl }}/tags/{{ . | urlize }}">{{ . }}</a> + {{ end }} + {{ end }} + </span> + {{ if or $categories $tags }} - {{ end }} <time class="li-article-date">{{ .Date.Format "Monday, January 2, 2006" }}</time> </header> <section> diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html new file mode 100644 index 0000000..4025c85 --- /dev/null +++ b/layouts/_default/terms.html @@ -0,0 +1,24 @@ + + +{{ partial "head.html" . }} +{{ partial "header.html" . }} + + <div class="container"> + <div class="row"> + <div class="sixteen columns"> + <h1>{{.Title}}</h1> + <ul> + {{ $data := .Data }} + {{ $baseurl := .Site.BaseUrl }} + {{ range $key, $value := .Data.Terms }} + <li> + <h4><a href="{{ $baseurl }}/{{ $data.Plural }}/{{ $key | urlize }}">{{ $key }}</a></h4> + </li> + {{ end }} + </ul> + </div> + </div> + </div> + +{{ partial "footer.html" . }} +{{ partial "tail.html" . }} diff --git a/static/css/liquorice.css b/static/css/liquorice.css index 0ea47e0..07012ad 100644 --- a/static/css/liquorice.css +++ b/static/css/liquorice.css @@ -118,7 +118,8 @@ ul.li-article-list { padding: 16px 0px; } -.li-article-date { +.li-article-date, +.li-article-taxonomies { color: #999; font-size: smaller; } diff --git a/static/css/liquorice.min.css b/static/css/liquorice.min.css index 05cf7a9..37143a6 100644 --- a/static/css/liquorice.min.css +++ b/static/css/liquorice.min.css @@ -1 +1 @@ -.li-right{float:right}.li-left{float:left}body{font-family:"Open Sans","Helvetica Neue",Helvetica,sans-serif;color:#484644}a,a:active,a:hover,a:visited{color:#202020;text-decoration:none;font-weight:700}h1,h2,h3,h4,h5,h6{color:#202020;font-weight:lighter}.li-page-header{background-color:#202020;color:#fff;padding:32px 0}.li-page-header ul{list-style:none;margin:0;line-height:30px}.li-page-header ul li{float:left;list-style:none;line-height:30px;margin-left:30px}.li-page-header ul li a,.li-page-header ul li a:active,.li-page-header ul li a:hover,.li-page-header ul li a:visited{color:#ccc;font-weight:400;text-decoration:none}.li-page-header ul li a:active,.li-page-header ul li a:hover{color:#fff}.li-page-header .li-brand a,.li-page-header .li-brand a:active,.li-page-header .li-brand a:hover,.li-page-header .li-brand a:visited{color:#fff;font-weight:700;font-size:1.5em;text-decoration:none}.li-page-header .li-menu-icon,.li-page-header .li-menu-mobile{display:none}.li-article{margin-bottom:32px}.li-article pre{background-color:#fafafa;border:1px solid #ccc;border-radius:4px;padding:32px}ul.li-article-list{list-style:none;margin:0;padding:0}.li-article-list time{float:right}.li-article-section{padding:16px 0}.li-article-date{color:#999;font-size:smaller}.li-article-footer{border-top:1px solid #ccc}.li-pagination{border-top:1px solid #ccc;margin-top:32px;padding-top:16px}.li-pagination-previous{float:left}.li-pagination-next{float:right}.li-page-footer{font-size:smaller;padding:48px 0 32px}.li-page-footer-legal{float:left}.li-page-footer-theme{float:right}.li-main-article-list{margin-top:128px}@media only screen and (max-width:767px){.li-page-header{padding:16px 0}.li-main-article-list{margin-top:64px}.li-page-header .li-menu-icon{cursor:pointer;display:block;float:right;line-height:30px}.li-page-header .li-menu-items{clear:both;display:none}.li-page-header ul.li-menu-items{list-style-type:none;margin:0;padding:0}.li-page-header .li-menu-items li{margin-left:0;padding:12px 0;text-align:center;width:100%;border-top:1px solid #ccc}.li-page-header .li-menu-items li:first-of-type{border-top:none}.li-page-footer-legal,.li-page-footer-theme,.li-pagination-next,.li-pagination-previous{float:none;text-align:center;padding:8px 0}}.container{position:relative;width:960px;margin:0 auto;padding:0}.container .column,.container .columns{float:left;display:inline;margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.container .one.column,.container .one.columns{width:40px}.container .two.columns{width:100px}.container .three.columns{width:160px}.container .four.columns{width:220px}.container .five.columns{width:280px}.container .six.columns{width:340px}.container .seven.columns{width:400px}.container .eight.columns{width:460px}.container .nine.columns{width:520px}.container .ten.columns{width:580px}.container .eleven.columns{width:640px}.container .twelve.columns{width:700px}.container .thirteen.columns{width:760px}.container .fourteen.columns{width:820px}.container .fifteen.columns{width:880px}.container .sixteen.columns{width:940px}.container .one-third.column{width:300px}.container .two-thirds.column{width:620px}.container .offset-by-one{padding-left:60px}.container .offset-by-two{padding-left:120px}.container .offset-by-three{padding-left:180px}.container .offset-by-four{padding-left:240px}.container .offset-by-five{padding-left:300px}.container .offset-by-six{padding-left:360px}.container .offset-by-seven{padding-left:420px}.container .offset-by-eight{padding-left:480px}.container .offset-by-nine{padding-left:540px}.container .offset-by-ten{padding-left:600px}.container .offset-by-eleven{padding-left:660px}.container .offset-by-twelve{padding-left:720px}.container .offset-by-thirteen{padding-left:780px}.container .offset-by-fourteen{padding-left:840px}.container .offset-by-fifteen{padding-left:900px}@media only screen and (min-width:768px) and (max-width:959px){.container{width:768px}.container .column,.container .columns{margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}.column.omega,.columns.omega{margin-right:0;margin-left:10px}.alpha.omega{margin-left:0;margin-right:0}.container .one.column,.container .one.columns{width:28px}.container .two.columns{width:76px}.container .three.columns{width:124px}.container .four.columns{width:172px}.container .five.columns{width:220px}.container .six.columns{width:268px}.container .seven.columns{width:316px}.container .eight.columns{width:364px}.container .nine.columns{width:412px}.container .ten.columns{width:460px}.container .eleven.columns{width:508px}.container .twelve.columns{width:556px}.container .thirteen.columns{width:604px}.container .fourteen.columns{width:652px}.container .fifteen.columns{width:700px}.container .sixteen.columns{width:748px}.container .one-third.column{width:236px}.container .two-thirds.column{width:492px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}}@media only screen and (max-width:767px){.container{width:300px}.container .column,.container .columns{margin:0}.container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-third.column,.container .one.column,.container .one.columns,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:300px}.container .offset-by-eight,.container .offset-by-eleven,.container .offset-by-fifteen,.container .offset-by-five,.container .offset-by-four,.container .offset-by-fourteen,.container .offset-by-nine,.container .offset-by-one,.container .offset-by-seven,.container .offset-by-six,.container .offset-by-ten,.container .offset-by-thirteen,.container .offset-by-three,.container .offset-by-twelve,.container .offset-by-two{padding-left:0}}@media only screen and (min-width:480px) and (max-width:767px){.container{width:420px}.container .column,.container .columns{margin:0}.container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-third.column,.container .one.column,.container .one.columns,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:420px}}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.clearfix:after,.clearfix:before,.row:after,.row:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.row:after{clear:both}.clearfix,.row{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
\ No newline at end of file +.li-right{float:right}.li-left{float:left}body{font-family:"Open Sans","Helvetica Neue",Helvetica,sans-serif;color:#484644}a,a:active,a:hover,a:visited{color:#202020;text-decoration:none;font-weight:700}h1,h2,h3,h4,h5,h6{color:#202020;font-weight:lighter}.li-page-header{background-color:#202020;color:#fff;padding:32px 0}.li-page-header ul{list-style:none;margin:0;line-height:30px}.li-page-header ul li{float:left;list-style:none;line-height:30px;margin-left:30px}.li-page-header ul li a,.li-page-header ul li a:active,.li-page-header ul li a:hover,.li-page-header ul li a:visited{color:#ccc;font-weight:400;text-decoration:none}.li-page-header ul li a:active,.li-page-header ul li a:hover{color:#fff}.li-page-header .li-brand a,.li-page-header .li-brand a:active,.li-page-header .li-brand a:hover,.li-page-header .li-brand a:visited{color:#fff;font-weight:700;font-size:1.5em;text-decoration:none}.li-page-header .li-menu-icon,.li-page-header .li-menu-mobile{display:none}.li-article{margin-bottom:32px}.li-article pre{background-color:#fafafa;border:1px solid #ccc;border-radius:4px;padding:32px}ul.li-article-list{list-style:none;margin:0;padding:0}.li-article-list time{float:right}.li-article-section{padding:16px 0}.li-article-date,.li-article-taxonomies{color:#999;font-size:smaller}.li-article-footer{border-top:1px solid #ccc}.li-pagination{border-top:1px solid #ccc;margin-top:32px;padding-top:16px}.li-pagination-previous{float:left}.li-pagination-next{float:right}.li-page-footer{font-size:smaller;padding:48px 0 32px}.li-page-footer-legal{float:left}.li-page-footer-theme{float:right}.li-main-article-list{margin-top:128px}@media only screen and (max-width:767px){.li-page-header{padding:16px 0}.li-main-article-list{margin-top:64px}.li-page-header .li-menu-icon{cursor:pointer;display:block;float:right;line-height:30px}.li-page-header .li-menu-items{clear:both;display:none}.li-page-header ul.li-menu-items{list-style-type:none;margin:0;padding:0}.li-page-header .li-menu-items li{margin-left:0;padding:12px 0;text-align:center;width:100%;border-top:1px solid #ccc}.li-page-header .li-menu-items li:first-of-type{border-top:none}.li-page-footer-legal,.li-page-footer-theme,.li-pagination-next,.li-pagination-previous{float:none;text-align:center;padding:8px 0}}.container{position:relative;width:960px;margin:0 auto;padding:0}.container .column,.container .columns{float:left;display:inline;margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.container .one.column,.container .one.columns{width:40px}.container .two.columns{width:100px}.container .three.columns{width:160px}.container .four.columns{width:220px}.container .five.columns{width:280px}.container .six.columns{width:340px}.container .seven.columns{width:400px}.container .eight.columns{width:460px}.container .nine.columns{width:520px}.container .ten.columns{width:580px}.container .eleven.columns{width:640px}.container .twelve.columns{width:700px}.container .thirteen.columns{width:760px}.container .fourteen.columns{width:820px}.container .fifteen.columns{width:880px}.container .sixteen.columns{width:940px}.container .one-third.column{width:300px}.container .two-thirds.column{width:620px}.container .offset-by-one{padding-left:60px}.container .offset-by-two{padding-left:120px}.container .offset-by-three{padding-left:180px}.container .offset-by-four{padding-left:240px}.container .offset-by-five{padding-left:300px}.container .offset-by-six{padding-left:360px}.container .offset-by-seven{padding-left:420px}.container .offset-by-eight{padding-left:480px}.container .offset-by-nine{padding-left:540px}.container .offset-by-ten{padding-left:600px}.container .offset-by-eleven{padding-left:660px}.container .offset-by-twelve{padding-left:720px}.container .offset-by-thirteen{padding-left:780px}.container .offset-by-fourteen{padding-left:840px}.container .offset-by-fifteen{padding-left:900px}@media only screen and (min-width:768px) and (max-width:959px){.container{width:768px}.container .column,.container .columns{margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}.column.omega,.columns.omega{margin-right:0;margin-left:10px}.alpha.omega{margin-left:0;margin-right:0}.container .one.column,.container .one.columns{width:28px}.container .two.columns{width:76px}.container .three.columns{width:124px}.container .four.columns{width:172px}.container .five.columns{width:220px}.container .six.columns{width:268px}.container .seven.columns{width:316px}.container .eight.columns{width:364px}.container .nine.columns{width:412px}.container .ten.columns{width:460px}.container .eleven.columns{width:508px}.container .twelve.columns{width:556px}.container .thirteen.columns{width:604px}.container .fourteen.columns{width:652px}.container .fifteen.columns{width:700px}.container .sixteen.columns{width:748px}.container .one-third.column{width:236px}.container .two-thirds.column{width:492px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}}@media only screen and (max-width:767px){.container{width:300px}.container .column,.container .columns{margin:0}.container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-third.column,.container .one.column,.container .one.columns,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:300px}.container .offset-by-eight,.container .offset-by-eleven,.container .offset-by-fifteen,.container .offset-by-five,.container .offset-by-four,.container .offset-by-fourteen,.container .offset-by-nine,.container .offset-by-one,.container .offset-by-seven,.container .offset-by-six,.container .offset-by-ten,.container .offset-by-thirteen,.container .offset-by-three,.container .offset-by-twelve,.container .offset-by-two{padding-left:0}}@media only screen and (min-width:480px) and (max-width:767px){.container{width:420px}.container .column,.container .columns{margin:0}.container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-third.column,.container .one.column,.container .one.columns,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:420px}}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.clearfix:after,.clearfix:before,.row:after,.row:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.row:after{clear:both}.clearfix,.row{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
\ No newline at end of file |