small fixes

This commit is contained in:
teldra 2022-06-08 04:42:32 +02:00
parent aa563460b0
commit 5973b38298
7 changed files with 21 additions and 9 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 24 KiB

View File

Before

Width:  |  Height:  |  Size: 118 KiB

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

View File

@ -1,13 +1,12 @@
.banner {
min-height: 33vh;
min-height: calc(60vw / 2.4);
display: flex;
align-items: center;
font-size: 115%;
//box-shadow: inset 0px -11px 8px -10px #444;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
h1 {
margin-left: auto;
margin-right: auto;

View File

@ -1,3 +1,7 @@
* {
overflow-wrap: break-word;
hyphens: auto;
}
.container {
display: flex;
flex-direction: column;

View File

@ -15,6 +15,12 @@ main {
font-size: 150%;
}
.gen_list {
.text {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.article_list {
margin-bottom: 5rem;
}
@ -22,7 +28,8 @@ main {
text-decoration: none;
&:hover {
.img {
height: 240px;
height: 140px;
background-size: 120% auto;
}
.img-only {
height: 360px;
@ -41,8 +48,8 @@ main {
width: 100%;
height: 140px;
transition: all .3s ease-in-out;
background-position: center;
background-size: cover;
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
}
.img-only {
@ -50,7 +57,7 @@ main {
height: 360px;
transition: all .2s ease-in-out;
background-size: 100% auto;
background-position: top;
background-position: top center;
background-repeat: no-repeat;
}
}

View File

@ -59,6 +59,7 @@
<div class="img" style="background-image: url({{ .Permalink }})">
</div>
{{ end }}
<div class="text">
{{ if .Description }}
{{ .Description }}
{{ else if .Summary }}
@ -70,6 +71,7 @@
<div class="img-only" style="background-image: url({{ $i }})">
</div>
{{ end }}
</div>
</section>
</a>
</div>