mirror of
https://github.com/ivabus/www
synced 2024-11-14 19:55:06 +03:00
Small adjustments
This commit is contained in:
parent
0af13f31ca
commit
b40367a693
1 changed files with 20 additions and 10 deletions
|
@ -19,18 +19,21 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="container blog-list two-boxes">
|
<div class="container blog-list one-box">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<h2 class="mb-4">Recent Posts</h2>
|
||||||
{{ range .Pages }}
|
{{ range .Pages }}
|
||||||
<div class="col-4 mb-4">
|
<div class="blog-col col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 mb-4">
|
||||||
<a href="{{ .RelPermalink }}">
|
<a href="{{ .RelPermalink }}">
|
||||||
<div class="blog-listing p-3 pb-5">
|
<div class="blog-listing">
|
||||||
{{ if .Params.featured_image }}
|
{{ if .Params.featured_image }}
|
||||||
<img class="featured-image mb-3" src="{{ .Params.featured_image }}" alt="{{ .Title }}" />
|
<div class="featured-image" style="background-image: url('{{ .Params.featured_image }}');"></div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<a class="subhead" href="{{ .RelPermalink }}"><h3>{{ .Title }}</h3></a>
|
<div class="p-4 pb-5">
|
||||||
|
<a href="{{ .RelPermalink }}"><h3>{{ .Title }}</h3></a>
|
||||||
<span class="grid-gray">{{ .Date.Format "2006-01-02" }}</span>
|
<span class="grid-gray">{{ .Date.Format "2006-01-02" }}</span>
|
||||||
<span class="preview-content">{{ .Content }}</span>
|
<span class="preview-content small">{{ .Content }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -56,12 +59,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.featured-image {
|
.featured-image {
|
||||||
width: 100%; /* Adjust the width as needed */
|
width: 100%;
|
||||||
height: 100px; /* Maintain the image's aspect ratio */
|
height: 100px;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-listing{
|
.blog-listing{
|
||||||
border: 1px solid #949494;
|
border: 1px solid #949494;
|
||||||
|
transition: 0.2s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-listing:hover{
|
||||||
|
background-color: #252525 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue