chim1chim2/sweet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

classe et espece

Browse Source
This commit is contained in:
LATCHIMY Nicolas
2026-02-16 23:22:08 +04:00
parent e00ee00c01
commit 3210775cee
3 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/personnages/gmas.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 364 KiB

BIN
public/textures/paper-grain.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 MiB

9
src/pages/creation.astro
View File

@@ -9,7 +9,7 @@ const personnages = await getCollection("personnages");
const SPECTRUM = { const SPECTRUM = {
// Encres (Classes) - Opacité 1.0 // Encres (Classes) - Opacité 1.0
martial: "rgba(230, 57, 70, 1)", martial: "rgba(230, 57, 70, 1)",
arcane: "rgba(0, 112, 255, 1)", arcane: "rgba(147, 72, 255, 1)",
divin: "rgba(200, 155, 60, 1)", divin: "rgba(200, 155, 60, 1)",
primal: "rgba(42, 157, 143, 1)", primal: "rgba(42, 157, 143, 1)",
hybride: "rgba(100, 100, 100, 1)", hybride: "rgba(100, 100, 100, 1)",
@@ -220,6 +220,11 @@ const especeData = personnages.reduce((acc, p) => {
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
transition: all 0.3s ease; transition: all 0.3s ease;
box-shadow:
0 10px 25px -5px
color-mix(in srgb, var(--accent-color), transparent 80%),
0 8px 10px -6px
color-mix(in srgb, var(--accent-color), transparent 85%);
} }
.dynamic-title { .dynamic-title {
color: var(--accent-color) !important; color: var(--accent-color) !important;
@@ -273,8 +278,8 @@ const especeData = personnages.reduce((acc, p) => {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
text-decoration: none; text-decoration: none;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border: 1px solid var(--accent-color);
color: var(--accent-color); color: var(--accent-color);
background: color-mix(in srgb, var(--accent-color), transparent 50%);
transition: all 0.3s; transition: all 0.3s;
} }
.select-button:hover { .select-button:hover {