WallyHackenslacker/Lutris-Playtime-Report-Generator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: WallyHackenslacker:ec9c1c5205ac4d807277f740f75f31680e76c4d1
Branches Tags
WallyHackenslacker:master
...
compare: WallyHackenslacker:49c7a2bba8dc4e87a88c0a164dad841cbbabad63
Branches Tags
WallyHackenslacker:master

3 Commits
ec9c1c5205 ... 49c7a2bba8

Author SHA1 Message Date
Miguel Astor
49c7a2bba8 Add brutalism template with bold industrial style 
Features high-contrast colors, thick borders, hard shadows,
monospace typography, and no rounded corners. Uses custom
background placeholder that shows theme color when no image
is specified.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
 2026-02-26 03:18:13 -04:00
Miguel Astor
6e7f3e5e16 Add scroll-to-top button to all templates 
Floating button in bottom-right corner that appears when scrolling
down and smoothly scrolls to top when clicked. Each template has
matching visual style.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
 2026-02-26 03:09:44 -04:00
Miguel Astor
9e49262118 Add neumorphism template with soft UI style 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
 2026-02-26 03:02:58 -04:00
5 changed files with 2563 additions and 0 deletions
Expand all files Collapse all files

1215
brutalism.html Normal file
View File

File diff suppressed because it is too large Load Diff

3
generate_report.py
View File

@@ -98,8 +98,10 @@ def generate_report(db_path: str, output_path: str, top_n: int, assets_dir: str,
# Load background image (custom or default stripes) # Load background image (custom or default stripes)
if bg_image_path and Path(bg_image_path).exists(): if bg_image_path and Path(bg_image_path).exists():
background_image = load_asset_as_base64(Path(bg_image_path), "image/png") background_image = load_asset_as_base64(Path(bg_image_path), "image/png")
background_image_custom = f"url('{background_image}')"
else: else:
background_image = load_asset_as_base64(assets_path / "Others" / "stripes.png", "image/png") background_image = load_asset_as_base64(assets_path / "Others" / "stripes.png", "image/png")
background_image_custom = "none" # For templates that prefer no default background
# Load fonts # Load fonts
font_charcoal = load_asset_as_base64(assets_path / "Charcoal.ttf", "font/truetype") font_charcoal = load_asset_as_base64(assets_path / "Charcoal.ttf", "font/truetype")
@@ -131,6 +133,7 @@ def generate_report(db_path: str, output_path: str, top_n: int, assets_dir: str,
html = html.replace("__FONT_CHARCOAL__", font_charcoal) html = html.replace("__FONT_CHARCOAL__", font_charcoal)
html = html.replace("__FONT_MONACO__", font_monaco) html = html.replace("__FONT_MONACO__", font_monaco)
html = html.replace("__BACKGROUND_IMAGE__", background_image) html = html.replace("__BACKGROUND_IMAGE__", background_image)
html = html.replace("__BACKGROUND_IMAGE_CUSTOM__", background_image_custom)
html = html.replace("__TITLEBAR_BG__", titlebar_bg) html = html.replace("__TITLEBAR_BG__", titlebar_bg)
html = html.replace("__TITLE_STRIPES__", title_stripes) html = html.replace("__TITLE_STRIPES__", title_stripes)
html = html.replace("__CLOSE_BTN__", close_btn) html = html.replace("__CLOSE_BTN__", close_btn)

80
glassmorphism.html
View File

@@ -513,9 +513,68 @@
font-size: 16px; font-size: 16px;
} }
} }
/* Scroll to Top Button */
.scroll-top {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
width: 48px;
height: 48px;
border-radius: 50%;
border: 1px solid var(--border-color);
background: var(--bg-primary);
backdrop-filter: blur(var(--glass-blur));
-webkit-backdrop-filter: blur(var(--glass-blur));
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 32px var(--shadow-color);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.scroll-top.visible {
opacity: 1;
visibility: visible;
}
.scroll-top:hover {
transform: scale(1.1);
background: var(--bg-secondary);
}
.scroll-top-arrow {
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid var(--text-primary);
}
@media (max-width: 600px) {
.scroll-top {
width: 40px;
height: 40px;
}
.scroll-top-arrow {
border-left-width: 6px;
border-right-width: 6px;
border-bottom-width: 8px;
}
}
</style> </style>
</head> </head>
<body> <body>
<!-- Scroll to Top Button -->
<button class="scroll-top" id="scroll-top" title="Scroll to top">
<div class="scroll-top-arrow"></div>
</button>
<!-- Theme Toggle Button --> <!-- Theme Toggle Button -->
<button class="theme-toggle" id="theme-toggle" title="Toggle theme"> <button class="theme-toggle" id="theme-toggle" title="Toggle theme">
<span class="icon" id="theme-icon"></span> <span class="icon" id="theme-icon"></span>
@@ -1074,6 +1133,27 @@
document.getElementById('tab-' + tabId).classList.add('active'); document.getElementById('tab-' + tabId).classList.add('active');
}); });
}); });
// Scroll to top button
const scrollTopBtn = document.getElementById('scroll-top');
function updateScrollTopVisibility() {
if (window.scrollY > 100) {
scrollTopBtn.classList.add('visible');
} else {
scrollTopBtn.classList.remove('visible');
}
}
window.addEventListener('scroll', updateScrollTopVisibility);
updateScrollTopVisibility();
scrollTopBtn.addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
</script> </script>
</body> </body>
</html> </html>

1196
neumorphism.html Normal file
View File

File diff suppressed because it is too large Load Diff

69
platinum.html
View File

@@ -452,9 +452,57 @@
scrollbar-width: auto; scrollbar-width: auto;
scrollbar-color: #DDDDDD #CCCCCC; scrollbar-color: #DDDDDD #CCCCCC;
} }
/* Scroll to Top Button */
.scroll-top {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
width: 32px;
height: 32px;
background: var(--mac-window-bg);
border: 1px solid;
border-color: var(--mac-border-light) var(--mac-border-dark) var(--mac-border-dark) var(--mac-border-light);
box-shadow: inset -1px -1px 0 var(--mac-border-dark), inset 1px 1px 0 var(--mac-border-light);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.scroll-top.visible {
opacity: 1;
visibility: visible;
}
.scroll-top:hover {
background: #EEEEEE;
}
.scroll-top:active {
border-color: var(--mac-border-dark) var(--mac-border-light) var(--mac-border-light) var(--mac-border-dark);
box-shadow: inset 1px 1px 0 var(--mac-border-dark), inset -1px -1px 0 var(--mac-border-light);
}
.scroll-top-arrow {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid var(--mac-text);
}
</style> </style>
</head> </head>
<body> <body>
<!-- Scroll to Top Button -->
<button class="scroll-top" id="scroll-top" title="Scroll to top">
<div class="scroll-top-arrow"></div>
</button>
<div class="window"> <div class="window">
<div class="window-titlebar"> <div class="window-titlebar">
<div class="window-close"></div> <div class="window-close"></div>
@@ -931,6 +979,27 @@
document.getElementById('tab-' + tabId).classList.add('active'); document.getElementById('tab-' + tabId).classList.add('active');
}); });
}); });
// Scroll to top button
const scrollTopBtn = document.getElementById('scroll-top');
function updateScrollTopVisibility() {
if (window.scrollY > 100) {
scrollTopBtn.classList.add('visible');
} else {
scrollTopBtn.classList.remove('visible');
}
}
window.addEventListener('scroll', updateScrollTopVisibility);
updateScrollTopVisibility();
scrollTopBtn.addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
</script> </script>
</body> </body>
</html> </html>