From 0b61fcd08ab882c0cf10e16f7489e47e04cfb1df Mon Sep 17 00:00:00 2001 From: jrfnl Date: Mon, 21 Mar 2016 13:22:16 +0100 Subject: [PATCH] Add recent blog posts widget to homepage. --- css/style.css | 15 +++++++++++++-- css/style.min.css | 2 +- index.html | 13 +++++++++++++ 3 files changed, 27 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index 360baa19..7ea842cc 100644 --- a/css/style.css +++ b/css/style.css @@ -99,7 +99,7 @@ a:hover { .doc-body h3, .doc-body h4 { border-top: 0.2em solid #EEE; - padding-top: 0.5em; + padding-top: 1em; } .doc-head, @@ -184,6 +184,8 @@ hgroup h2 { .doc-body-content { background: #FFF; border-radius: 1em; + -webkit-box-shadow: 0 0 4px #DDD; + -moz-box-shadow: 0 0 4px #DDD; box-shadow: 0 0 4px #DDD; padding: 20px 25px; position: relative; @@ -579,9 +581,17 @@ div#download table { border: 1px solid #cccccc; float: right; font-size: 90%; - margin: 5em 0 3em 1em; + margin: 4.5em 0 3em 1em; width: 210px; + -webkit-box-shadow: 0 0 4px #DDD; + -moz-box-shadow: 0 0 4px #DDD; + box-shadow: 0 0 4px #DDD; +} + +.page-home .recent-posts { + margin-top: 1.5em; } + .recent-posts h3 { color: #E73A74; background-color: #cccccc; @@ -595,6 +605,7 @@ div#download table { .recent-posts ul { padding: 0 1em 0 2em; word-wrap: normal; + background-color: #fff; } .recent-posts li .post-meta { font-size: 75%; diff --git a/css/style.min.css b/css/style.min.css index 2d584891..eb74ac3f 100644 --- a/css/style.min.css +++ b/css/style.min.css @@ -1 +1 @@ -body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background:#f4f4f4;color:#838383;font:1em/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0}nav,subline{display:block}.clear{clear:both}dl,ol,p,pre,ul{margin:1em 0}dl,ol,ul{padding:0 0 0 3em}ul li{padding-top:.2em}ol li{padding-top:.8em}blockquote{border-left:5px double #e73a74;border-right:5px double #e73a74;margin:1em 5px 2em;padding:0 30px;font-style:italic}h1,h2,h3,h4,h5,h6{color:#e73a74;line-height:1.1;margin:1.5em 0}h1{font-size:2.5em}h2,h3{font-size:1.5em}h4{font-size:1.2em}h5,h6{font-size:1em}a{color:#4183c4;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}.doc-head h1,.doc-head h2,.doc-head h3,.doc-head h4,.doc-head h5,.doc-head h6{margin:0}.doc-body h1,.doc-body h2,.doc-body h3,.doc-body h4{border-top:.2em solid #EEE;padding-top:.5em}.doc-head,.doc-body,.doc-foot{padding:0 10px}.doc-body{margin-bottom:15px}.doc-head-content,.doc-body-content,.doc-foot-content{margin:0 auto;max-width:860px;padding:20px}.doc-head-content{max-width:900px;padding:20px 0 10px 0}.doc-foot-content{padding:0 0 .8em;overflow:hidden}hgroup.text{color:#000;float:left;max-width:590px;padding-top:10px;min-height:119px;padding-left:135px;background:url('../images/logo-transparent.png') no-repeat scroll 0 0 / 129px 129px #f4f4f4}.download{float:right;width:158px}.download .download-icon{text-align:center;margin:-10px 0 -25px}.download a{color:#757575;display:inline-block}.download a:hover{color:#5490ca}.download-icon a span{padding:0;width:158px;height:135px;background:url(../images/download-icon.png);background-position:center bottom;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden}hgroup h1 a,hgroup h1 a:hover{color:#e73a74;text-decoration:none}hgroup h2{color:#585858;font-size:1.3em}.doc-body-content{background:#FFF;border-radius:1em;box-shadow:0 0 4px #DDD;padding:20px 25px;position:relative}nav ul{font:0/0 'Courier New',monospace;letter-spacing:-0.63em;padding:0;text-align:right}nav li{display:inline-block;*display:inline;font:bold 12px sans-serif;letter-spacing:normal;text-align:left;*zoom:1}nav a{display:block;margin:0 .25em;padding:.5em 1em}pre,pre code{font:85%/1.1 'Bitstream Vera Sans Mono','Courier',monospace}code{background-color:#f6f6f6;font-size:110%}.highlight{margin:0}.highlight pre{background:#f6f6f6;border:1px solid #EEE;border-radius:5px;color:#440;margin:1em 3em 1em 0;padding:.5em 0;overflow:auto;max-height:40em}.highlight pre code{counter-reset:line}.highlight pre code span.lineno{counter-increment:line;position:relative;left:-2em;margin-left:2em}.highlight pre code span.lineno:before{content:counter(line);background-color:#555;border-right:1px solid #e73a74;color:#fff;display:inline-block;margin:0;padding:2px 10px 1px;text-align:right;min-width:2em;font-style:normal;-webkit-user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.required{color:red}.possibly-required{color:orange}.deprecated{text-decoration:line-through;color:#bababa}img{height:auto;max-width:100%}.doc-head-content p.version{margin:-0.3em .5em 0;vertical-align:middle}.doc-head-content p.version .version-label{float:left;width:55%;font-size:80%}.doc-head-content p.version .version-number{float:right;width:40%;text-align:right;font-size:120%;color:#2e8b57;overflow:visible;padding-top:2px}nav .active{border-top:1px solid #e73a74;border-bottom:1px solid #e73a74;text-decoration:none}.top{text-align:right;padding-right:2em}a.top{display:block;font-size:70%}.twitter-follow-button{float:right;font-size:80%;padding-top:.8em}.twitter-share-button{float:right;font-size:70%;margin:1.5em 2em 0 0;padding-top:4em}.page-home .twitter-share-button{float:left;font-size:70%;margin:-5px 0 0 0;padding:0}.tweet-post .twitter-share-button{float:none;margin:0 0 0 2em;padding:0;vertical-align:-40%}.version-number{font-weight:bold}table{border-collapse:collapse}table,th,td{border:1px solid #ccc}th,td{padding:.1em .4em;text-align:left;vertical-align:top}th{text-align:left;color:#e73a74;background-color:#ccc}td{font-size:90%}tr td:first-child{font-weight:bold}table tr:nth-child(even){background:#f6f6f6}table tr:nth-child(even) code{background:#fff}div#download table{width:60%}.tgmpa-generator-form{background-color:#e7e6e6;border-bottom:2px solid #e73a74;border-top:2px solid #e73a74;padding:10px;font-size:85%}.tgmpa-generator-form:before,.tgmpa-generator-form:after{content:"";display:table;table-layout:fixed}.tgmpa-generator-form:after{clear:both}.tgmpa-generator-form section{float:left;padding:0 1% 0 0}.tgmpa-generator-form .tgmpa-form-primary{width:25%}.tgmpa-generator-form .tgmpa-form-secondary{width:45%}.tgmpa-generator-form .tgmpa-form-ternary{width:28%;text-align:center;padding-right:0;float:right}.tgmpa-generator-form .tgmpa-form-secondary label{width:30%;min-width:115px;float:left;clear:left}.tgmpa-generator-form .tgmpa-form-secondary input{width:65%;min-width:140px;font-size:100%}.tgmpa-generator-form fieldset{border:0 none}.tgmpa-generator-form fieldset legend{padding-bottom:8px}.tgmpa-generator-form .tgmpa-form-primary fieldset{padding:4px 0 10px}.tgmpa-generator-form #tgmpa-form-wporg{opacity:0}.tgmpa-generator-form #tgmpa-form-wporg input{width:auto;min-width:0}.tgmpa-generator-form #tgmpa-form-wporg label{float:none;min-width:0;width:auto}.tgmpa-generator-form #spinner{display:none;background-image:url('../images/spinner.gif');width:150px;height:14px}.tgmpa-generator-form .required{color:#e73a74;padding:0 5px;font-weight:bold}.tgmpa-generator-form .generator-form-submit{padding-top:6px}.tgmpa-generator-form .tgmpa-form-submit{cursor:pointer;font-size:120%;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;border:1px solid #ee1eb5;padding:13px 22px;background:-moz-linear-gradient(center top,#ff5bb0 5%,#ef027d 100%);background:-ms-linear-gradient(top,#ff5bb0 5%,#ef027d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0',endColorstr='#ef027d');background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ff5bb0),color-stop(100%,#ef027d));background-color:#ff5bb0;color:#fff;text-shadow:2px 1px 1px #c70067;-webkit-box-shadow:inset 1px 1px 13px 0 #fbafe3;-moz-box-shadow:inset 1px 1px 13px 0 #fbafe3;box-shadow:inset 1px 1px 13px 0 #fbafe3}.tgmpa-generator-form .tgmpa-form-submit:hover{background:-moz-linear-gradient(center top,#ef027d 5%,#ff5bb0 100%);background:-ms-linear-gradient(top,#ef027d 5%,#ff5bb0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d',endColorstr='#ff5bb0');background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ef027d),color-stop(100%,#ff5bb0));background-color:#ef027d}.tgmpa-generator-form .tgmpa-form-submit:active{position:relative;top:1px}.tgmpa-generator-form .tgmpa-form-ternary .generator-feedback{opacity:0;padding-left:5px}.tgmpa-generator-form .tgmpa-form-ternary .success{border-left:5px solid #2bf092}.tgmpa-generator-form .tgmpa-form-ternary .warning{border-left:5px solid #f0922b}.tgmpa-generator-form .tgmpa-form-ternary .error{border-left:5px solid #e73a74}.tgmpa-generator-form #report-generator-error{opacity:0;font-size:90%}.tgmpa-generator-form .generator-notes{float:left;width:46%;font-size:80%}.tgmpa-generator-form .generator-notes ul{padding:5em 0 0 2em;margin:1em 0 0}.continue-reading{border-top:2px solid #eee;padding:.6em 1em 1em;text-align:right}.contributors{overflow:hidden}.contributors p{margin:0 0 1em}.contributor{float:left;margin:.3em 0;padding-right:5px;vertical-align:top;width:165px;font-size:90%}.contributor img{margin-right:5px;vertical-align:-25%}.doc-foot-content .build-date{text-align:right;font-size:70%;padding-right:2em}.recent-posts{border:1px solid #ccc;float:right;font-size:90%;margin:5em 0 3em 1em;width:210px}.recent-posts h3{color:#e73a74;background-color:#ccc;border-top:0 none;border-bottom:.2em solid #EEE;margin:0 0 .8em;padding:.5em .8em;font-size:1em;text-align:center}.recent-posts ul{padding:0 1em 0 2em;word-wrap:normal}.recent-posts li .post-meta{font-size:75%;color:#bbb}.recent-posts li .post-meta a{color:#bbb}.post-meta{color:#bbb;font-size:90%;overflow:hidden}.post-meta .post-author{padding:0 .3em 0 .4em}.post-meta img{vertical-align:-20%}.post-meta .post-category-tags{font-size:85%;margin:-0.7em 0 1em}.post-meta .post-category-tags span{padding-right:2em}.post-nav{overflow:hidden;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:1em 0}.post-nav p{margin:.2em 0}.post-nav .post-previous,.post-nav .post-next{width:32%}.post-nav .post-previous,.post-nav .post-index{float:left}.post-nav .post-index{text-align:center}.post-nav .post-next{float:right;text-align:right;padding-right:1em}.broken{float:left;margin-right:50px;padding-bottom:100px}.align-left{display:inline;float:left;margin-right:1.5em;width:auto}.align-right{display:inline;float:right;margin-left:1.5em;width:auto}.align-center{clear:both;display:block;margin-left:auto;margin-right:auto} +body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background:#f4f4f4;color:#838383;font:1em/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0}nav,subline{display:block}.clear{clear:both}dl,ol,p,pre,ul{margin:1em 0}dl,ol,ul{padding:0 0 0 3em}ul li{padding-top:.2em}ol li{padding-top:.8em}blockquote{border-left:5px double #e73a74;border-right:5px double #e73a74;margin:1em 5px 2em;padding:0 30px;font-style:italic}h1,h2,h3,h4,h5,h6{color:#e73a74;line-height:1.1;margin:1.5em 0}h1{font-size:2.5em}h2,h3{font-size:1.5em}h4{font-size:1.2em}h5,h6{font-size:1em}a{color:#4183c4;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}.doc-head h1,.doc-head h2,.doc-head h3,.doc-head h4,.doc-head h5,.doc-head h6{margin:0}.doc-body h1,.doc-body h2,.doc-body h3,.doc-body h4{border-top:.2em solid #EEE;padding-top:1em}.doc-head,.doc-body,.doc-foot{padding:0 10px}.doc-body{margin-bottom:15px}.doc-head-content,.doc-body-content,.doc-foot-content{margin:0 auto;max-width:860px;padding:20px}.doc-head-content{max-width:900px;padding:20px 0 10px 0}.doc-foot-content{padding:0 0 .8em;overflow:hidden}hgroup.text{color:#000;float:left;max-width:590px;padding-top:10px;min-height:119px;padding-left:135px;background:url('../images/logo-transparent.png') no-repeat scroll 0 0 / 129px 129px #f4f4f4}.download{float:right;width:158px}.download .download-icon{text-align:center;margin:-10px 0 -25px}.download a{color:#757575;display:inline-block}.download a:hover{color:#5490ca}.download-icon a span{padding:0;width:158px;height:135px;background:url(../images/download-icon.png);background-position:center bottom;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden}hgroup h1 a,hgroup h1 a:hover{color:#e73a74;text-decoration:none}hgroup h2{color:#585858;font-size:1.3em}.doc-body-content{background:#FFF;border-radius:1em;-webkit-box-shadow:0 0 4px #DDD;-moz-box-shadow:0 0 4px #DDD;box-shadow:0 0 4px #DDD;padding:20px 25px;position:relative}nav ul{font:0/0 'Courier New',monospace;letter-spacing:-0.63em;padding:0;text-align:right}nav li{display:inline-block;*display:inline;font:bold 12px sans-serif;letter-spacing:normal;text-align:left;*zoom:1}nav a{display:block;margin:0 .25em;padding:.5em 1em}pre,pre code{font:85%/1.1 'Bitstream Vera Sans Mono','Courier',monospace}code{background-color:#f6f6f6;font-size:110%}.highlight{margin:0}.highlight pre{background:#f6f6f6;border:1px solid #EEE;border-radius:5px;color:#440;margin:1em 3em 1em 0;padding:.5em 0;overflow:auto;max-height:40em}.highlight pre code{counter-reset:line}.highlight pre code span.lineno{counter-increment:line;position:relative;left:-2em;margin-left:2em}.highlight pre code span.lineno:before{content:counter(line);background-color:#555;border-right:1px solid #e73a74;color:#fff;display:inline-block;margin:0;padding:2px 10px 1px;text-align:right;min-width:2em;font-style:normal;-webkit-user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.required{color:red}.possibly-required{color:orange}.deprecated{text-decoration:line-through;color:#bababa}img{height:auto;max-width:100%}.doc-head-content p.version{margin:-0.3em .5em 0;vertical-align:middle}.doc-head-content p.version .version-label{float:left;width:55%;font-size:80%}.doc-head-content p.version .version-number{float:right;width:40%;text-align:right;font-size:120%;color:#2e8b57;overflow:visible;padding-top:2px}nav .active{border-top:1px solid #e73a74;border-bottom:1px solid #e73a74;text-decoration:none}.top{text-align:right;padding-right:2em}a.top{display:block;font-size:70%}.twitter-follow-button{float:right;font-size:80%;padding-top:.8em}.twitter-share-button{float:right;font-size:70%;margin:1.5em 2em 0 0;padding-top:4em}.page-home .twitter-share-button{float:left;font-size:70%;margin:-5px 0 0 0;padding:0}.tweet-post .twitter-share-button{float:none;margin:0 0 0 2em;padding:0;vertical-align:-40%}.version-number{font-weight:bold}table{border-collapse:collapse}table,th,td{border:1px solid #ccc}th,td{padding:.1em .4em;text-align:left;vertical-align:top}th{text-align:left;color:#e73a74;background-color:#ccc}td{font-size:90%}tr td:first-child{font-weight:bold}table tr:nth-child(even){background:#f6f6f6}table tr:nth-child(even) code{background:#fff}div#download table{width:60%}.tgmpa-generator-form{background-color:#e7e6e6;border-bottom:2px solid #e73a74;border-top:2px solid #e73a74;padding:10px;font-size:85%}.tgmpa-generator-form:before,.tgmpa-generator-form:after{content:"";display:table;table-layout:fixed}.tgmpa-generator-form:after{clear:both}.tgmpa-generator-form section{float:left;padding:0 1% 0 0}.tgmpa-generator-form .tgmpa-form-primary{width:25%}.tgmpa-generator-form .tgmpa-form-secondary{width:45%}.tgmpa-generator-form .tgmpa-form-ternary{width:28%;text-align:center;padding-right:0;float:right}.tgmpa-generator-form .tgmpa-form-secondary label{width:30%;min-width:115px;float:left;clear:left}.tgmpa-generator-form .tgmpa-form-secondary input{width:65%;min-width:140px;font-size:100%}.tgmpa-generator-form fieldset{border:0 none}.tgmpa-generator-form fieldset legend{padding-bottom:8px}.tgmpa-generator-form .tgmpa-form-primary fieldset{padding:4px 0 10px}.tgmpa-generator-form #tgmpa-form-wporg{opacity:0}.tgmpa-generator-form #tgmpa-form-wporg input{width:auto;min-width:0}.tgmpa-generator-form #tgmpa-form-wporg label{float:none;min-width:0;width:auto}.tgmpa-generator-form #spinner{display:none;background-image:url('../images/spinner.gif');width:150px;height:14px}.tgmpa-generator-form .required{color:#e73a74;padding:0 5px;font-weight:bold}.tgmpa-generator-form .generator-form-submit{padding-top:6px}.tgmpa-generator-form .tgmpa-form-submit{cursor:pointer;font-size:120%;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;border:1px solid #ee1eb5;padding:13px 22px;background:-moz-linear-gradient(center top,#ff5bb0 5%,#ef027d 100%);background:-ms-linear-gradient(top,#ff5bb0 5%,#ef027d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0',endColorstr='#ef027d');background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ff5bb0),color-stop(100%,#ef027d));background-color:#ff5bb0;color:#fff;text-shadow:2px 1px 1px #c70067;-webkit-box-shadow:inset 1px 1px 13px 0 #fbafe3;-moz-box-shadow:inset 1px 1px 13px 0 #fbafe3;box-shadow:inset 1px 1px 13px 0 #fbafe3}.tgmpa-generator-form .tgmpa-form-submit:hover{background:-moz-linear-gradient(center top,#ef027d 5%,#ff5bb0 100%);background:-ms-linear-gradient(top,#ef027d 5%,#ff5bb0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d',endColorstr='#ff5bb0');background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ef027d),color-stop(100%,#ff5bb0));background-color:#ef027d}.tgmpa-generator-form .tgmpa-form-submit:active{position:relative;top:1px}.tgmpa-generator-form .tgmpa-form-ternary .generator-feedback{opacity:0;padding-left:5px}.tgmpa-generator-form .tgmpa-form-ternary .success{border-left:5px solid #2bf092}.tgmpa-generator-form .tgmpa-form-ternary .warning{border-left:5px solid #f0922b}.tgmpa-generator-form .tgmpa-form-ternary .error{border-left:5px solid #e73a74}.tgmpa-generator-form #report-generator-error{opacity:0;font-size:90%}.tgmpa-generator-form .generator-notes{float:left;width:46%;font-size:80%}.tgmpa-generator-form .generator-notes ul{padding:5em 0 0 2em;margin:1em 0 0}.continue-reading{border-top:2px solid #eee;padding:.6em 1em 1em;text-align:right}.contributors{overflow:hidden}.contributors p{margin:0 0 1em}.contributor{float:left;margin:.3em 0;padding-right:5px;vertical-align:top;width:165px;font-size:90%}.contributor img{margin-right:5px;vertical-align:-25%}.doc-foot-content .build-date{text-align:right;font-size:70%;padding-right:2em}.recent-posts{border:1px solid #ccc;float:right;font-size:90%;margin:4.5em 0 3em 1em;width:210px;-webkit-box-shadow:0 0 4px #DDD;-moz-box-shadow:0 0 4px #DDD;box-shadow:0 0 4px #DDD}.page-home .recent-posts{margin-top:1.5em}.recent-posts h3{color:#e73a74;background-color:#ccc;border-top:0 none;border-bottom:.2em solid #EEE;margin:0 0 .8em;padding:.5em .8em;font-size:1em;text-align:center}.recent-posts ul{padding:0 1em 0 2em;word-wrap:normal;background-color:#fff}.recent-posts li .post-meta{font-size:75%;color:#bbb}.recent-posts li .post-meta a{color:#bbb}.post-meta{color:#bbb;font-size:90%;overflow:hidden}.post-meta .post-author{padding:0 .3em 0 .4em}.post-meta img{vertical-align:-20%}.post-meta .post-category-tags{font-size:85%;margin:-0.7em 0 1em}.post-meta .post-category-tags span{padding-right:2em}.post-nav{overflow:hidden;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:1em 0}.post-nav p{margin:.2em 0}.post-nav .post-previous,.post-nav .post-next{width:32%}.post-nav .post-previous,.post-nav .post-index{float:left}.post-nav .post-index{text-align:center}.post-nav .post-next{float:right;text-align:right;padding-right:1em}.broken{float:left;margin-right:50px;padding-bottom:100px}.align-left{display:inline;float:left;margin-right:1.5em;width:auto}.align-right{display:inline;float:right;margin-left:1.5em;width:auto}.align-center{clear:both;display:block;margin-left:auto;margin-right:auto} diff --git a/index.html b/index.html index 52972969..3e8bda74 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,19 @@ exclude: true --- +
+

Recent posts

+ +
+ {% for section in site.homepage %}
{{ section.content }}