From f1529c549306fe387df191fbaac6f1c15cf7b87f Mon Sep 17 00:00:00 2001
From: Alexander Bilz <mail@alexbilz.com>
Date: Sat, 02 Jan 2021 23:12:33 +0000
Subject: [PATCH] Updated Design
---
layouts/index.html | 16 +++++++++-------
assets/css/style.css | 14 +++++++++++---
2 files changed, 20 insertions(+), 10 deletions(-)
diff --git a/assets/css/style.css b/assets/css/style.css
index 1b7ac12..fa47c87 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -179,6 +179,7 @@
float: right;
width: 60%;
margin-top: 60px;
+ background-color: var(--pre-bg-color);
}
.page-top {
@@ -491,18 +492,21 @@
/* Alternative Thumbnail */
.post-text {
- width: 100%;
+ padding: 1em;
}
.post-thumbnail {
width: 100%;
padding-bottom: 1em;
- height: var(--thumbnail-height);
+ box-shadow: black;
+ border-radius: 0.5em;
+ overflow: hidden;
+ transition: box-shadow .3s ease;
}
.post-thumbnail img {
width: 100%;
- height: 100%;
+ height: 20em;
object-fit: cover;
}
@@ -538,6 +542,10 @@
float: right;
}
+.has-image {
+ width: 100%;
+}
+
.like-reblog-buttons {
float: right;
}
diff --git a/layouts/index.html b/layouts/index.html
index 69cffb9..765b6e5 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -2,20 +2,21 @@
{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
{{ range $paginator.Pages }}
<div class="post animated fadeInDown preview">
+ {{ with .Params.thumbnail }}
+ <article class="has-image">
+ <div class="post-thumbnail">
+ <a href="{{ .RelPermalink }}">
+ <img src="{{ .src | absURL }}" alt="{{ .alt | default "" }}" loading="lazy">
+ </a>
+ </div>
+ {{ end }}
<div class="post-text">
- {{ with .Params.thumbnail }}
- <div class="post-thumbnail">
- <img src="{{ .src | absURL }}" alt="{{ .alt | default "" }}" loading="lazy">
- </div>
- {{ end }}
<div class="post-title">
<h3><a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h3>
</div>
<div class="post-content">
<div class="p_part"><p>{{ .Summary }}</p></div>
-
- <div class="p_part"><p></p></div>
</div>
<div class="post-footer">
<div class="meta">
@@ -31,6 +32,7 @@
</div>
</div>
</div>
+ </article>
</div>
{{ end }}
<div class="pagination">
--
Gitblit v1.10.0