PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-05-07 03:29:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

Replace random HSL gradients in homepage cards with header gradient

Browse Source
This commit is contained in:
Pontoporeia
2026-04-09 14:29:17 +02:00
parent 07f0afde25
commit a13e73aed3
3 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/assets/css/main.css
View File

@@ -114,6 +114,15 @@
text-align: center;
box-sizing: border-box;
border-radius: 7px 7px 0 0;
background: linear-gradient(
180deg,
var(--gradient-start) 0%,
var(--gradient-2) 20%,
var(--gradient-3) 40%,
var(--gradient-4) 60%,
var(--gradient-4) 88%,
var(--header-gradient-fade) 96%
);
}
.card__gradient-author {

5
public/index.php
View File

@@ -48,12 +48,7 @@ extract($vars);
loading="lazy">
</figure>
<?php else: ?>
<?php
$hue = ($item['id'] * 47 + 160) % 360;
$hue2 = ($hue + 40) % 360;
?>
<div class="card__media--gradient"
style="background:linear-gradient(135deg,hsl(<?= $hue ?>,55%,40%),hsl(<?= $hue2 ?>,50%,28%));"
aria-hidden="true">
<span class="card__gradient-author"><?= htmlspecialchars($item['authors'] ?? '') ?></span>
<span class="card__gradient-title"><?= htmlspecialchars($item['title']) ?></span>