diff options
| -rw-r--r-- | sass/css/yaroslavps.scss | 28 | ||||
| -rw-r--r-- | templates/weblog.html | 8 |
2 files changed, 30 insertions, 6 deletions
diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss index bd231e5..c0b903a 100644 --- a/sass/css/yaroslavps.scss +++ b/sass/css/yaroslavps.scss @@ -78,8 +78,6 @@ code { span.icon { font-family: $font_mono; - font-size: 2em; - margin: auto 0.5em; } .publish-date { @@ -120,6 +118,11 @@ h2 > span.publish-date { padding: 1em; } +.sidebar-container span.icon { + font-size: 2em; + margin: auto 0.5em; +} + .sticky-wrapper { position: sticky; top: 1em; @@ -132,3 +135,24 @@ h2 > span.publish-date { .post-container { padding: 2em; } + +.post-container img { + max-width: 100%; +} + +.paginator { + padding: 2em; + text-align: center; +} + +.paginator a { + display: inline-block; + padding: 0.5em; + background-color: $cyan; + color: $bg; +} + +.paginator a:hover { + background-color: $dark_cyan; + color: $white; +} diff --git a/templates/weblog.html b/templates/weblog.html index 88abf61..7a6038b 100644 --- a/templates/weblog.html +++ b/templates/weblog.html @@ -17,12 +17,12 @@ {% if paginator.number_pagers > 1 %} <div class="paginator"> {% if paginator.previous %} - <a href="{{ paginator.first }}">First</a> - <a href="{{ paginator.previous }}">Previous page: {{ paginator.current_index - 1 }}</a> + <a href="{{ paginator.first }}"><span class="icon"></span> First</a> + <a href="{{ paginator.previous }}"><span class="icon"></span> Page {{ paginator.current_index - 1 }}</a> {% endif %} {% if paginator.next %} - <a href="{{ paginator.next }}">Next page: {{ paginator.current_index + 1 }}</a> - <a href="{{ paginator.last }}">Last</a> + <a href="{{ paginator.next }}">Page {{ paginator.current_index + 1 }} <span class="icon"></span></a> + <a href="{{ paginator.last }}">Last <span class="icon"></span></a> {% endif %} </div> {% endif %} |