Bunteshaus
/
bunteshaus.de
2
0
Fork 2
Code Issues 1 Pull Requests Projects Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
content/news/2022-04-04-Konzert-Katzengejammer/banner_2.jpeg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 24 KiB

0
content/news/foodsaving/banner_1.jpg → content/news/foodsaving/3.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 118 KiB

After

Width:  |  Height:  |  Size: 118 KiB

BIN
content/news/foodsaving/banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

9
themes/buha/assets/scss/banner.scss
View File

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

4
themes/buha/assets/scss/container.scss
View File

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

15
themes/buha/assets/scss/main.scss
View File

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

2
themes/buha/layouts/partials/layout/gen_list.html
View File

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