quad
/
peruna
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: quad:265dbd228e7a9c683369f4120b961ddcc464a8b9
Branches Tags
quad:master
..
compare: quad:bb58f4700bd5ba171bb3c0f101b5528e28aa85ae
Branches Tags
quad:master

10 Commits
265dbd228e ... bb58f4700b

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
Show Stats Expand all files Collapse all files

2
README.md
View File

@ -1,6 +1,6 @@
# Peruna # 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. And yes, I really went and named it Peruna. Deal with it.

5
layouts/_default/li.html
View File

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

2
layouts/_default/single.html
View File

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

6
layouts/partials/header.html
View File

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

23
static/css/style.css
View File

@ -13,6 +13,11 @@
} }
} }
.p-logo {
height: 8rem;
}
.p-title__link { .p-title__link {
color: #ccc; color: #ccc;
} }
@ -30,6 +35,7 @@
html { html {
font-size: 62.5%; font-size: 62.5%;
line-height: 1.25;
} }
body { body {
@ -243,7 +249,7 @@ img {
} }
.c-article__title a:hover { .c-article__title a:hover {
color: #175081; color: #FF5555;
} }
.c-article__meta { .c-article__meta {
@ -261,6 +267,19 @@ img {
margin: 0; 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 { .c-article__btn {
display: inline-block; display: inline-block;
padding-bottom: 4px; padding-bottom: 4px;
@ -392,7 +411,7 @@ img {
} }
.p-title { .p-title {
margin: 0 0 20px 0; margin: 10px 0;
font-size: 4.4rem; font-size: 4.4rem;
} }