Small adjustments

This commit is contained in:
Thomas Smith 2023-03-28 16:23:28 -04:00
parent 0af13f31ca
commit b40367a693

View file

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