dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added a git heatmap from my forgejo instance to the website

Browse source
This commit is contained in:
dvorakmortonxd 2026-05-15 11:37:46 +02:00
commit db2c966031
4 changed files with 193 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/app/page.css
View file

@ -958,7 +958,7 @@ body {
.gym-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
padding: 24px;
text-align: center;
@ -1003,3 +1003,44 @@ body {
color: var(--fg);
font-family: var(--font-custom-mono), monospace;
}
/* ============================================
HEATMAP
============================================ */
.heatmap-container {
display: flex;
overflow-x: auto;
gap: 4px;
justify-content: space-between;
width: 100%;
scrollbar-width: thin;
scrollbar-color: var(--gray) transparent;
}
.heatmap-week {
display: flex;
flex-direction: column;
gap: 4px;
}
.heatmap-cell {
width: 12px;
height: 12px;
border-radius: 0; /* squares not rounded */
background-color: var(--bg-hard);
transition: transform 0.1s ease;
}
.heatmap-cell:hover {
transform: scale(1.2);
z-index: 10;
box-shadow: 0 0 6px rgba(184, 187, 38, 0.5);
}
.heatmap-cell[data-level="1"] { background-color: rgba(184, 187, 38, 0.4); }
.heatmap-cell[data-level="2"] { background-color: rgba(184, 187, 38, 0.6); }
.heatmap-cell[data-level="3"] { background-color: rgba(184, 187, 38, 0.8); }
.heatmap-cell[data-level="4"] { background-color: rgba(184, 187, 38, 1); }