klemek/tout-doux
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases 15 Wiki Activity

Compare commits

base: klemek/tout-doux:fe41547ced860fcd083f0e8f6a23df7e238da975
Branches Tags
klemek/tout-doux:main
klemek/tout-doux:release/1.7.6 klemek/tout-doux:release/1.7.5 klemek/tout-doux:release/1.7.4 klemek/tout-doux:release/1.7.3 klemek/tout-doux:release/1.7.2 klemek/tout-doux:release/1.7.1 klemek/tout-doux:release/1.7.0 klemek/tout-doux:release/1.6.2 klemek/tout-doux:release/1.6.1 klemek/tout-doux:release/1.5.0 klemek/tout-doux:release/1.4.0 klemek/tout-doux:release/1.3.0 klemek/tout-doux:release/1.2.0 klemek/tout-doux:release/1.1.0 klemek/tout-doux:release/1.0.5 klemek/tout-doux:release/1.0.4 klemek/tout-doux:release/1.0.3 klemek/tout-doux:release/1.0.2 klemek/tout-doux:release/1.0.1 klemek/tout-doux:release/1.0.0
...
compare: klemek/tout-doux:db9ecb4773eacaf885c41bb1d91a7f6bb8d3b299
Branches Tags
klemek/tout-doux:main
klemek/tout-doux:release/1.7.6 klemek/tout-doux:release/1.7.5 klemek/tout-doux:release/1.7.4 klemek/tout-doux:release/1.7.3 klemek/tout-doux:release/1.7.2 klemek/tout-doux:release/1.7.1 klemek/tout-doux:release/1.7.0 klemek/tout-doux:release/1.6.2 klemek/tout-doux:release/1.6.1 klemek/tout-doux:release/1.5.0 klemek/tout-doux:release/1.4.0 klemek/tout-doux:release/1.3.0 klemek/tout-doux:release/1.2.0 klemek/tout-doux:release/1.1.0 klemek/tout-doux:release/1.0.5 klemek/tout-doux:release/1.0.4 klemek/tout-doux:release/1.0.3 klemek/tout-doux:release/1.0.2 klemek/tout-doux:release/1.0.1 klemek/tout-doux:release/1.0.0
2 Commits
fe41547ced ... db9ecb4773
Author SHA1 Message Date
klemek db9ecb4773 fix: preview
TS Lint / Oxlint (push) Successful in 3m42s
Details
TS Lint / ESLint (push) Successful in 3m42s
Details
TS Lint / TypeScript (push) Successful in 3m44s
Details
Docker Build / build (push) Successful in 9m19s
Details
2026-07-15 15:49:34 +02:00
klemek 51801f67f9 fix: animated background 2026-07-15 15:49:29 +02:00
2 changed files with 22 additions and 13 deletions
Expand all files Collapse all files
public/assets/preview.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 78 KiB

resources/css/style.css
+22 -13
View File
@@ -12,27 +12,36 @@ body {
}
.bg-hero {
--size: 5vh;
--size: 15vh;
--angle: 45deg;
background: repeating-linear-gradient(
var(--angle),
var(--color-base-200) calc(0 * var(--size)),
var(--color-base-200) calc(1 * var(--size)),
var(--color-secondary) calc(1 * var(--size)),
var(--color-secondary) calc(2 * var(--size)),
var(--color-base-200) calc(2 * var(--size)),
var(--color-base-200) calc(3 * var(--size)),
var(--color-accent) calc(3 * var(--size)),
var(--color-accent) calc(4 * var(--size)),
var(--color-base-200) calc(4 * var(--size))
var(--color-base-200) 0%,
var(--color-base-200) 12.5%,
var(--color-secondary) 12.5%,
var(--color-secondary) 25%,
var(--color-base-200) 25%,
var(--color-base-200) 37.5%,
var(--color-accent) 37.5%,
var(--color-accent) 50%,
var(--color-base-200) 50%,
var(--color-base-200) 62.5%,
var(--color-secondary) 62.5%,
var(--color-secondary) 75%,
var(--color-base-200) 75%,
var(--color-base-200) 87.5%,
var(--color-accent) 87.5%,
var(--color-accent) 100%,
var(--color-base-200) 100%
);
background-size: calc(4 * var(--size) / sin(var(--angle)))
calc(4 * var(--size) / sin(var(--angle)));
background-repeat: repeat;
background-size: calc(var(--size) / sin(var(--angle)))
calc(var(--size) / sin(var(--angle)));
animation: BackgroundAnimate 10s linear infinite reverse;
}
@keyframes BackgroundAnimate {
0% {
background-position: calc(4 * var(--size) / sin(var(--angle))) 0;
background-position: calc(var(--size) / sin(var(--angle))) 0;
}
}