Compare commits

...

10 Commits

Author SHA1 Message Date
Dominik V. Salonen bb58f4700b Bump line height
Makes the site feel less cramped. Also fix link color on post titles.
2018-09-05 08:51:05 +00:00
Dominik V. Salonen ed49ccdcc2 Lower logo size (Again) 2018-09-03 15:28:25 +00:00
Dominik V. Salonen 817a5dcfda Add <a> tag to image 2018-09-03 15:25:51 +00:00
Dominik V. Salonen 8287d6c190 Smaller thumbs on the front page. 2018-09-03 15:21:07 +00:00
Dominik V. Salonen 70f1520624 Add images to front page. 2018-09-03 15:05:10 +00:00
Dominik V. Salonen 3baad179de Logo size might've been a bit overkill. 2018-09-03 14:57:48 +00:00
Dominik V. Salonen ed00e92055 Add support for logo 2018-09-03 14:52:31 +00:00
Dominik V. Salonen b67859efa2 Update README.md 2018-09-03 11:25:46 +00:00
Dominik V. Salonen 7828d3c7e4 Fix weird margin. 2018-09-03 10:56:26 +00:00
Dominik V. Salonen 8139bd89e7 Change thumbnail parameter.
So that it matches my existing posts, because casper-two used a parameter called "image" for the header image, not "thumbnail".
2018-09-03 10:40:48 +00:00
5 changed files with 30 additions and 8 deletions

View File

@ -1,6 +1,6 @@
# Peruna
Peruna is a fork of the Potato Dark theme for Hugo.
Peruna is a fork of the [Potato Dark](https://github.com/surajmandalcell/potato-dark) theme for Hugo.
And yes, I really went and named it Peruna. Deal with it.

View File

@ -8,10 +8,13 @@
</time>
</p>
</header>
{{ if .Params.image }}
<a href="{{ .Permalink }}"><img src="{{ .Params.image }}" alt="thumbnail" class="c-article__thumbnail"></a>
{{ end }}
<div class="c-article__summary">
{{ .Summary | plainify | safeHTML }}
</div>
{{ if .Truncated }}
<a href="{{ .Permalink }}" class="c-article__btn p-list-article__btn">Read more</a></li>
{{ end }}
</article>
</article>

View File

@ -15,7 +15,7 @@
{{ end }}
</div>
</header>
{{ with .Params.thumbnail }}
{{ with .Params.image }}
<img src="{{ . }}" alt="thumbnail" class="p-article__thumbnail">
{{ end }}
<section id="js-article" class="p-article__body">

View File

@ -6,8 +6,8 @@
{{ partial "svgpack-sprite.html" . }}
<header class="l-header">
{{ partial "menu.html" . }}
{{ if .IsPage }}
<p class="c-title p-title"><a href="{{ .Site.BaseURL }}" class="p-title__link">{{ .Site.Title }}</a></p>
{{ if .Site.Params.headerlogo }}
<a href="{{ .Site.BaseURL }}" class="p-title__link"><img class="p-logo" src="{{ .Site.Params.headerlogo }}"></img></a>
{{ else }}
<h1 class="c-title p-title"><a href="{{ .Site.BaseURL }}" class="p-title__link">{{ .Site.Title }}</a></h1>
{{ end }}
@ -17,4 +17,4 @@
</p>
{{ end }}
</header>
<main id="main" class="l-main">
<main id="main" class="l-main">

View File

@ -13,6 +13,11 @@
}
}
.p-logo {
height: 8rem;
}
.p-title__link {
color: #ccc;
}
@ -30,6 +35,7 @@
html {
font-size: 62.5%;
line-height: 1.25;
}
body {
@ -243,7 +249,7 @@ img {
}
.c-article__title a:hover {
color: #175081;
color: #FF5555;
}
.c-article__meta {
@ -261,6 +267,19 @@ img {
margin: 0;
}
.c-article__thumbnail {
margin-bottom: 10px;
}
@media(min-width:640px) {
.c-article__thumbnail {
margin-bottom: 5px;
margin-right: 10px;
max-width: 50%;
float: left;
}
}
.c-article__btn {
display: inline-block;
padding-bottom: 4px;
@ -392,7 +411,7 @@ img {
}
.p-title {
margin: 0 0 20px 0;
margin: 10px 0;
font-size: 4.4rem;
}