diff --git a/blog/themes/mineral/layouts/_default/list.html b/blog/themes/mineral/layouts/_default/list.html index 0887495..9452d03 100644 --- a/blog/themes/mineral/layouts/_default/list.html +++ b/blog/themes/mineral/layouts/_default/list.html @@ -14,7 +14,9 @@

{{ .Title }}

{{if isset .Params "image" }} +
{{ .Title }} +
{{ end }} {{ if ne .Kind "term" }}

{{.Date.Format "January 2, 2006"}}

diff --git a/blog/themes/mineral/layouts/_default/single.html b/blog/themes/mineral/layouts/_default/single.html index bca5238..66549f8 100644 --- a/blog/themes/mineral/layouts/_default/single.html +++ b/blog/themes/mineral/layouts/_default/single.html @@ -6,7 +6,7 @@ {{if isset .Params "image" }} - {{ .Title }} + {{ .Title }} {{ end }}
diff --git a/blog/themes/mineral/static/css/mineral.css b/blog/themes/mineral/static/css/mineral.css index 140889e..f76e44f 100644 --- a/blog/themes/mineral/static/css/mineral.css +++ b/blog/themes/mineral/static/css/mineral.css @@ -33,8 +33,35 @@ article p img { cursor: auto; } -/* hide some pagination links on tablet/mobile-width views */ +/* automatically hyphenate long words in summaries on list pages */ +.summary { + -webkit-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; +} + +img.heading { + width: 100%; +} + +div.preview { + width: 100%; + height: 12rem; + overflow: hidden; +} + +img.preview { + width: 100%; + height: 12rem; + object-fit: cover; + position: absolute; + left: 50%; + transform: translate(-50%, 0); +} + + @media (max-width: 420px) { + /* hide some pagination links on mobile-width views */ .mobile-hidden { display: none; } @@ -43,18 +70,19 @@ article p img { } } @media (max-width: 550px) { + /* hide some pagination links on tablet-width views */ .tablet-hidden { display: none; } + + /* enlarge article thumbnail on smaller views */ + div.preview { + height: 20rem; + } + + img.preview { + height: 20rem; + } + } -/* automatically hyphenate long words in summaries on list pages */ -.summary { - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; -} - -img.preview { - width: 100%; -} diff --git a/blog/themes/mineral/static/css/skeleton.css b/blog/themes/mineral/static/css/skeleton.css index d24e310..ef8aac0 100644 --- a/blog/themes/mineral/static/css/skeleton.css +++ b/blog/themes/mineral/static/css/skeleton.css @@ -143,11 +143,11 @@ h6 { font-size: 1.4rem; line-height: 1.6; letter-spacing: 0; } /* Larger than phablet */ @media (min-width: 550px) { - h1 { font-size: 4.0rem; } - h2 { font-size: 3.2rem; } - h3 { font-size: 3.0rem; } - h4 { font-size: 2.8rem; } - h5 { font-size: 2.4rem; } + h1 { font-size: 3.2rem; } + h2 { font-size: 2.6rem; } + h3 { font-size: 2.4rem; } + h4 { font-size: 2.2rem; } + h5 { font-size: 2.0rem; } h6 { font-size: 1.5rem; } } diff --git a/root/public/index.html b/root/public/index.html index 926c777..41a003d 100644 --- a/root/public/index.html +++ b/root/public/index.html @@ -1,6 +1,6 @@ - friends of mineral town + friends of mineral town