diff options
| -rw-r--r-- | _layouts/static.html | 16 | ||||
| -rw-r--r-- | css/main.css | 33 | ||||
| -rw-r--r-- | index.html | 2 |
3 files changed, 49 insertions, 2 deletions
diff --git a/_layouts/static.html b/_layouts/static.html index 9816df5..2ac00f8 100644 --- a/_layouts/static.html +++ b/_layouts/static.html @@ -10,10 +10,26 @@ <body> <div id="bucket"> + + <nav id="pagination"> + {% if paginator.previous_page %} + {% if paginator.previous_page == 1 %} + <a class="previous" href="/" title="Previous Page">◀</a> + {% else %} + <a class="previous" href="/page{{ paginator.previous_page }}/" title="Previous Page">◀</a> + {% endif %} + {% endif %} + + {% if paginator.next_page %} + <a class="next" href="/page{{ paginator.next_page }}/" title="Next Page">▶</a> + {% endif %} + </nav> + <h1 id="logo">{{site.title}}</h1> <h1>{{page.title}}</h1> {{content}} + </div> </body> </html> diff --git a/css/main.css b/css/main.css index c5c6ce3..5c168fd 100644 --- a/css/main.css +++ b/css/main.css @@ -91,8 +91,39 @@ aside { #slogan { text-align: center; color: rgba(0,0,0,.3); - margin-top: 0.2em; + margin-top: -3em; margin-bottom: 4em; display: block; font-style: normal; } + +.highlight { + padding: 4px; + overflow: scroll; +} + +.highlight pre { + margin-top: 0; +} + +nav a { + border-radius: 15px; + width: 30px; + height: 30px; + background-color: #3f3e3f; + background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1)); + background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1)); + box-shadow: inset 0 1px 1px rgba(255,255,255,.5); + display: block; + opacity: 1; + color: #fff; + line-height: 30px; + text-align: center; + position: absolute; + top: -15px +} + +nav a:before { content: none; } + +nav .next { right: -15px; } +nav .previous { left: -15px; } @@ -3,6 +3,6 @@ title: List of posts layout: static --- -{% for post in site.posts %} +{% for post in paginator.posts %} <li><a href="{{post.url}}">{{post.title}}</a></li> {% endfor %} |