Updated Design

Alexander Bilz

03.12.2021 f1529c549306fe387df191fbaac6f1c15cf7b87f

Updated Design

 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;
}

 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">