diff --git a/content/index.html b/content/index.html index d8c2e17..c4df496 100644 --- a/content/index.html +++ b/content/index.html @@ -3,6 +3,9 @@ extends: listing.j2 default_block: blog listable: false -id: blog +id: index comments: false ---- \ No newline at end of file +paginator: + sorter: time + size: 15 +--- diff --git a/content/media/css/site.less b/content/media/css/site.less index 8bd3074..a918e7e 100644 --- a/content/media/css/site.less +++ b/content/media/css/site.less @@ -484,17 +484,17 @@ pre { } } -body.blog { +body.index { article { .grid_10; position: relative; - max-height: 30px; + max-height: 35px; &:first-child { margin-top: 30px; } h1 { font-size: @textheight * 1.2; - line-height: @textheight * 1.2; + line-height: @textheight * 1.75; border-bottom: none; .grid_6; padding: 0; @@ -505,6 +505,8 @@ body.blog { z-index: 10; text-overflow: ellipsis-word; white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } time { font-size: @textheight - 4; @@ -522,10 +524,10 @@ body.blog { text-align: right; padding: 0; opacity: 0; - height: @textheight - 6; + height: @textheight - 1; position: absolute; z-index: 9; - top: @textheight - 1; + top: @textheight; li { display: inline-block; a { @@ -582,6 +584,45 @@ body.about { } } +/* Page Links */ +.nextlist, .prevlist { + display: block; + text-shadow: @tcolor 1px 1px 2px; + font-size: @textheight * 1.5; + font-family: @arimo; +} +.nextlist { + float: right; + margin: 20px @columnWidth 0 0; +} +.prevlist { + float: left; + margin: 20px 0 0 @columnWidth; +} +a.dynload { + float: none; + .grid_8; + text-align: center; + padding: 6px 0; + font-size: @textheight; + margin: 10px auto 0; + border: 2px solid @pcolor; + border-radius: 12px; + &:hover { + border: 2px solid @bcolor; + } +} +.addon { + .grid_8; + margin: 10px auto 0; + text-align: center; + font-size: @textheight * 1.5; + color: @tcolor; + border-top: 1px dotted @tcolor; + padding: 10px 0; +} + + /* Footer */ footer { font-size: @textheight - 2; diff --git a/content/media/js/tmb.js b/content/media/js/tmb.js index c29bfe2..7c10b46 100644 --- a/content/media/js/tmb.js +++ b/content/media/js/tmb.js @@ -66,4 +66,31 @@ $(function() { sticky_relocate(); $(window).scroll(title_appear); title_appear(); -}); \ No newline at end of file +}); + +var pageNum = 2; + +$(function() { + $('.nextlist').text('Show More Posts'); + $('.nextlist').addClass('dynload'); + $('section').delegate('.nextlist', 'click', function() { + var toLoad = $(this).attr('href')+ ' #main article'; + pageNum++; + var divName = 'page' + pageNum; + $('.nextlist').remove(); + $('.clearall').remove(); + $('#main').append('