ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-14 08:05:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Small adjustments

Browse source
This commit is contained in:
Thomas Smith 2023-03-28 16:23:28 -04:00
parent 0af13f31ca
commit b40367a693
1 changed files with 20 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/layouts/_default/list.html
View file

@ -19,18 +19,21 @@
</div>
</section>
<hr>
<div class="container blog-list two-boxes">
<div class="container blog-list one-box">
<div class="row">
<h2 class="mb-4">Recent Posts</h2>
{{ 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 }}">
<div class="blog-listing p-3 pb-5">
<div class="blog-listing">
{{ 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 }}
<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="preview-content">{{ .Content }}</span>
<span class="preview-content small">{{ .Content }}</span>
</div>
</div>
</a>
</div>
@ -56,12 +59,19 @@
}
.featured-image {
width: 100%; /* Adjust the width as needed */
height: 100px; /* Maintain the image's aspect ratio */
width: 100%;
height: 100px;
background-size: cover;
background-position: center;
}
.blog-listing{
border: 1px solid #949494;
transition: 0.2s ease-in-out;
}
.blog-listing:hover{
background-color: #252525 !important;
}
</style>