themes/kobel
themes/kobel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

FIX theme toggler CHANGE image optimization ADD custom markdown image rendering

Browse source
This commit is contained in:
Hoernschen 2024-01-15 22:55:39 +01:00
parent a841050e84
commit 07f46720f8
Signed by: hoernschen
GPG key ID: 37591FAF4E6D3462
11 changed files with 81 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/build/images.sh
View file

@ -15,7 +15,7 @@ shopt -s globstar
# Resize
sizes=(320 640 960 1280)
for FILE in static/**/*.@(jpg|jpeg|tif|tiff|png|gif); do
for FILE in public/**/*.@(jpg|jpeg|tif|tiff|png|gif); do
DIR=$(dirname "$FILE")
NAME=$(basename "$FILE" | cut -d. -f1)
EXTENSION=$(basename "$FILE" | cut -d. -f2)
@ -25,7 +25,7 @@ for FILE in static/**/*.@(jpg|jpeg|tif|tiff|png|gif); do
done
# Web Optimized Formats
for FILE in static/**/*.@(jpg|jpeg|tif|tiff|png|gif); do
for FILE in public/**/*.@(jpg|jpeg|tif|tiff|png|gif); do
convert $PARAMS "$FILE" "${FILE}".webp;
convert $PARAMS "$FILE" "${FILE}".avif;
done

19
assets/scss/index.scss
View file

@ -161,6 +161,13 @@ a {
z-index: 10;
}
#theme-toggler {
border: none;
background: inherit;
color: {{ .Site.Params.color.secondary }};
cursor: pointer;
}
/* Footer */
.footer {
@ -365,7 +372,7 @@ main > .content {
}
.hero > .content > .image {
max-width: 200px;
max-width: 150px;
}
.hero > .description {
@ -397,7 +404,7 @@ main > .content {
border-bottom: 3px solid {{ .Site.Params.color.primary }};
}
.hero > .content > div {
.hero > .content > .heading {
flex-grow: 1;
display: flex;
flex-direction: column;
@ -473,10 +480,18 @@ img {
height: auto;
margin: auto;
object-fit: contain;
border-radius: 6px;
}
.avatar {
border-radius: 50%;
border: 3px solid {{ .Site.Params.color.primary }};
object-fit: cover;
}
.caption {
text-align: center;
color: gray;
font-size: small;
margin: 0px;
}