diff --git a/layouts/_default/category.html b/layouts/_default/category.html index f66747e..d885ed1 100644 --- a/layouts/_default/category.html +++ b/layouts/_default/category.html @@ -3,10 +3,10 @@

Category: {{ .Title }}

{{ range .Data.Pages -}}
  • - - {{ .Title }} - - +
    + {{ .Title }} + +
    • {{- end }} diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 752b805..917ca38 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -3,12 +3,12 @@

    {{ .Title }}

    {{ range .Data.Pages -}}
  • - - {{ .Title }} - {{ if eq .Kind "page" }} - - {{ end }} - +
    + {{ .Title }} + {{ if eq .Kind "page" }} + + {{ end }} +
    • {{- end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index bb342dc..3d46668 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -5,7 +5,7 @@ {{ if ne .Type "page" -}}
    - · {{ .ReadingTime }} min read + · {{ .ReadingTime }} min read
    {{- end }} @@ -18,11 +18,12 @@ {{ if (and (ne .Params.DisableShare true) (ne .Params.disable_share true)) -}} {{ partial "share.html" . }} {{- end }} + + {{ if (and .Site.DisqusShortname (ne .Params.DisableComments true) (ne .Params.disable_comments true)) -}} +
    +

    Comments

    + {{ template "_internal/disqus.html" . }} +
    + {{- end }} - -{{ if (and .Site.DisqusShortname (ne .Params.DisableComments true) (ne .Params.disable_comments true)) -}} -

    Comments

    -{{ template "_internal/disqus.html" . }} -{{- end }} - {{- end }} diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html index 34a87e0..8e4521f 100644 --- a/layouts/_default/taxonomy.html +++ b/layouts/_default/taxonomy.html @@ -3,10 +3,10 @@

    Tag: {{ .Title }}

    {{ range .Data.Pages -}}
  • - - {{ .Title }} - - +
    + {{ .Title }} + +
    • {{- end }} diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index 8384905..48bfd1a 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -3,12 +3,16 @@
    {{ with .Site.Params.gravatar }}
    - Gravatar + + Gravatar +
    {{ else }} {{ with .Site.Params.profilePicture }}
    - Profile Picture + + Profile Picture +
    {{ end }} {{ end }} diff --git a/layouts/partials/tags.html b/layouts/partials/tags.html index 8423d9a..5b209eb 100644 --- a/layouts/partials/tags.html +++ b/layouts/partials/tags.html @@ -1,3 +1,4 @@ +{{ if isset .Params "tags" }}
    +{{ end }} diff --git a/layouts/partials/theme-color.html b/layouts/partials/theme-color.html index 9e69895..d7fee43 100644 --- a/layouts/partials/theme-color.html +++ b/layouts/partials/theme-color.html @@ -8,6 +8,10 @@ border-color: {{ . }}; } + .read-more-link a:hover { + background-color: {{ . }}; + } + .pagination li a { color: {{ . }}; border: 1px solid {{ . }}; diff --git a/static/css/hyde.css b/static/css/hyde.css index 963a318..199ca8f 100644 --- a/static/css/hyde.css +++ b/static/css/hyde.css @@ -70,6 +70,7 @@ html { footer { margin-left: 19rem !important; + margin-right: 1rem !important; } } @@ -109,8 +110,8 @@ a.sidebar-nav-item:focus { */ .content { - padding-top: 2rem; - padding-bottom: 2rem; + padding-top: 1rem; + padding-bottom: 1rem; min-height: 50%; } @@ -125,8 +126,8 @@ footer { font-size: .7rem; text-align: center; height: 40px; - margin: 2rem 1rem 0 1rem; padding: 1rem 0; + margin: 0 1rem; border-top: 1px solid #e0e0e0; } @@ -186,6 +187,8 @@ footer a, .read-more-link a:hover { text-decoration: none; + color: #fff; + background-color: #49757a; } .pull-right { @@ -194,6 +197,7 @@ footer a, ul.posts { list-style: none; + padding: 0 1rem; } .social-icons, @@ -201,6 +205,29 @@ ul.posts { margin-top: 1rem; } +ul.posts li, +.sidebar nav li { + font-size: 1.2rem; + padding: 0.25rem 0; +} + +.social-icons a { + font-size: 1.5rem; + padding: 0.2rem; +} + +@media (min-width: 58rem) { + .social-icons a { + font-size: 1.2rem; + } + + ul.posts li, + .sidebar nav li { + font-size: inherit; + padding: 0; + } +} + .social-icons a, .social-icons a:hover, .social-icons a:focus { @@ -273,7 +300,7 @@ ul.posts { .share-buttons { text-align: center; - font-size: 1.5rem; + font-size: 2rem; margin-top: 2rem; } @@ -288,7 +315,7 @@ ul.posts { ul.tags { list-style: none; padding: 0; - margin: 2rem 0 1rem 0; + margin: 1rem 0; } ul.tags li { @@ -302,7 +329,7 @@ a.tag-link { border-radius: 3px; font-size: 0.75rem; text-decoration: none; - color: #757575; + color: #757575 !important; } a.tag-link:hover { @@ -329,3 +356,18 @@ figcaption { margin-bottom: .5rem; font-weight: 400; } + +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.flex { + display: flex; + justify-content: space-between; +} + +.nowrap { + white-space: nowrap; +} diff --git a/static/css/poole.css b/static/css/poole.css index cea3a9a..5118626 100644 --- a/static/css/poole.css +++ b/static/css/poole.css @@ -147,28 +147,22 @@ abbr[title] { /* Code */ code, -pre { +pre, +.highlight { font-family: Menlo, Monaco, "Courier New", monospace; } code { - padding: .25em .5em; - font-size: 85%; - color: #b3555e; - background-color: #f9f9f9; - border-radius: 3px; + color: #e83e8c; + white-space: pre; } pre { display: block; - margin-top: 0; - margin-bottom: 1rem; - padding: 1rem; - font-size: .8rem; + overflow: auto; + margin: 0; + padding: 0; line-height: 1.4; white-space: pre; - white-space: pre-wrap; - word-break: break-all; - word-wrap: break-word; - background-color: #f9f9f9; + background-color: #fff; } pre code { padding: 0; @@ -177,12 +171,29 @@ pre code { background-color: transparent; } .highlight { + font-size: 90%; margin-bottom: 1rem; border-radius: 4px; + border: 1px solid; + border-color: #ddd #ddd #ccc; + border-radius: 3px; } .highlight pre { margin-bottom: 0; } +.chroma .lntable { + border-spacing: 0; + padding: 0; + margin: 0; + border: 0; + width: auto; + overflow: auto; + display: block; +} +.chroma .lntd { + background-color: #fff; + border: 0; +} /* Quotes */ blockquote { @@ -307,6 +318,11 @@ tbody tr:nth-child(odd) th { margin-bottom: 2em; } +.page .title, +.post .title { + font-size: 2rem; +} + /* Blog post or page title */ .page-title, .post-title, @@ -315,16 +331,22 @@ tbody tr:nth-child(odd) th { } .page-title, .post-title { + font-size: 1.6rem; margin-top: 0; } /* Meta data line below post title */ .post-date { display: block; + font-size: 1.0rem; margin-bottom: 1rem; color: #757575; } +.posts .post-date { + margin-bottom: 0.5rem; +} + /* Related posts */ .related { padding-top: 2rem; diff --git a/static/css/print.css b/static/css/print.css index 7c733f3..74cf1f1 100644 --- a/static/css/print.css +++ b/static/css/print.css @@ -1,4 +1,4 @@ -.sidebar, .post-date { +.sidebar, .share-buttons, .comments, .readtime { display: none !important; }