cosmo/fvtt-session-tracker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: Add a new Foundry VTT module for tracking and displaying session numbers with GM controls and auto-increment functionality.

Browse source
This commit is contained in:
CPTN Cosmo 2025-12-21 19:11:07 +01:00
parent ad704b5fa2
commit 44b80af3d0
5 changed files with 320 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

83
styles/session-tracker.css Normal file
View file

@ -0,0 +1,83 @@
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap');
.session-tracker {
position: absolute;
z-index: 100;
font-family: 'Outfit', sans-serif;
pointer-events: all;
user-select: none;
cursor: move;
}
.session-tracker-content {
background: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 12px;
padding: 10px 16px;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.session-tracker-content:hover {
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.55);
}
.session-label {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.6);
font-weight: 700;
}
.session-number {
font-size: 32px;
font-weight: 700;
color: #fff;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
margin-top: -4px;
}
.session-controls {
display: flex;
gap: 8px;
margin-top: 8px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 8px;
width: 100%;
justify-content: center;
}
.session-controls button {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
border-radius: 6px;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
}
.session-controls button:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-1px);
}
.session-controls button:active {
transform: translateY(0);
background: rgba(255, 255, 255, 0.3);
}
.session-controls button i {
font-size: 12px;
}