f426f1a910
TASK #90 COMPLETE Changes: - Added 🔥 TASKS collection at TOP of sidebar - BLOCKERS.md (launch critical) - BACKLOG.md (future work) - Fixed logo_url path (was broken) - Now: /assets/images/2026/02/Light-logo.png - Full Firefrost branding: - Dark login screen with gradient - Fire orange (#FF6B35) login button - Fire orange Tasks highlight in sidebar - Frost teal (#4ECDC4) primary buttons - Arcane purple (#A855F7) active states - Footer tagline: Fire + Frost + Foundation Brand colors: - Fire: #FF6B35 - Frost: #4ECDC4 - Arcane: #A855F7 - Dark: #0F0F1E Signed-off-by: claude@firefrostgaming.com
141 lines
5.7 KiB
HTML
141 lines
5.7 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="robots" content="noindex" />
|
|
<title>Firefrost CMS</title>
|
|
<style>
|
|
/* ═══════════════════════════════════════════════════════════
|
|
FIREFROST GAMING - DECAP CMS BRANDING
|
|
Fire: #FF6B35 | Frost: #4ECDC4 | Arcane: #A855F7
|
|
═══════════════════════════════════════════════════════════ */
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
}
|
|
|
|
/* Login screen background - dark with subtle gradient */
|
|
[class*="AuthenticationPage"] {
|
|
background: linear-gradient(135deg, #0F0F1E 0%, #1a1a2e 50%, #0F0F1E 100%) !important;
|
|
}
|
|
|
|
/* Logo on login screen - make it bigger */
|
|
[class*="AuthenticationPage"] img {
|
|
max-width: 280px !important;
|
|
margin-bottom: 24px !important;
|
|
}
|
|
|
|
/* Login button - Fire orange */
|
|
[class*="AuthenticationPage"] button {
|
|
background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%) !important;
|
|
border: none !important;
|
|
color: white !important;
|
|
font-weight: 600 !important;
|
|
padding: 12px 32px !important;
|
|
border-radius: 8px !important;
|
|
box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4) !important;
|
|
transition: all 0.3s ease !important;
|
|
}
|
|
|
|
[class*="AuthenticationPage"] button:hover {
|
|
transform: translateY(-2px) !important;
|
|
box-shadow: 0 6px 20px rgba(255, 107, 53, 0.5) !important;
|
|
}
|
|
|
|
/* ═══════════════════════════════════════════════════════════
|
|
SIDEBAR - Make TASKS stand out
|
|
═══════════════════════════════════════════════════════════ */
|
|
|
|
/* Tasks collection - Fire orange highlight */
|
|
[data-testid="sidebar"] a[href*="/collections/tasks"],
|
|
nav a[href*="/collections/tasks"] {
|
|
background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%) !important;
|
|
color: white !important;
|
|
border-radius: 6px !important;
|
|
font-weight: bold !important;
|
|
margin: 8px !important;
|
|
padding: 10px 14px !important;
|
|
box-shadow: 0 2px 10px rgba(255, 107, 53, 0.35) !important;
|
|
display: block !important;
|
|
}
|
|
|
|
[data-testid="sidebar"] a[href*="/collections/tasks"]:hover,
|
|
nav a[href*="/collections/tasks"]:hover {
|
|
background: linear-gradient(135deg, #FF8C42 0%, #FF6B35 100%) !important;
|
|
transform: scale(1.02) !important;
|
|
}
|
|
|
|
/* Sidebar header - Firefrost branding */
|
|
[class*="Sidebar"] > div:first-child,
|
|
nav > div:first-child {
|
|
background: linear-gradient(180deg, #0F0F1E 0%, #1a1a2e 100%) !important;
|
|
border-bottom: 2px solid #4ECDC4 !important;
|
|
}
|
|
|
|
/* ═══════════════════════════════════════════════════════════
|
|
HEADER BAR
|
|
═══════════════════════════════════════════════════════════ */
|
|
|
|
/* Top header bar */
|
|
header, [class*="AppHeader"] {
|
|
background: #0F0F1E !important;
|
|
border-bottom: 1px solid rgba(78, 205, 196, 0.3) !important;
|
|
}
|
|
|
|
/* ═══════════════════════════════════════════════════════════
|
|
BUTTONS & ACCENTS
|
|
═══════════════════════════════════════════════════════════ */
|
|
|
|
/* Primary buttons - Frost teal */
|
|
button[class*="primary"],
|
|
[class*="ToolbarButton"],
|
|
[class*="PublishButton"] {
|
|
background: linear-gradient(135deg, #4ECDC4 0%, #3DBDB5 100%) !important;
|
|
border: none !important;
|
|
color: #0F0F1E !important;
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
/* Save/Publish button */
|
|
[class*="PublishButton"]:not(:disabled) {
|
|
background: linear-gradient(135deg, #4ECDC4 0%, #3DBDB5 100%) !important;
|
|
}
|
|
|
|
/* Active/selected states - Arcane purple */
|
|
[class*="active"], [aria-current="true"] {
|
|
border-left: 3px solid #A855F7 !important;
|
|
}
|
|
|
|
/* Links */
|
|
a:not([class*="sidebar"]):not([href*="/collections"]) {
|
|
color: #4ECDC4;
|
|
}
|
|
|
|
a:hover {
|
|
color: #FF6B35;
|
|
}
|
|
|
|
/* ═══════════════════════════════════════════════════════════
|
|
FOOTER BRANDING
|
|
═══════════════════════════════════════════════════════════ */
|
|
|
|
/* Add Firefrost branding text at bottom of sidebar */
|
|
[class*="Sidebar"]::after,
|
|
nav::after {
|
|
content: "🔥 Fire + Frost + Foundation ❄️";
|
|
display: block;
|
|
text-align: center;
|
|
padding: 16px;
|
|
font-size: 11px;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
border-top: 1px solid rgba(78, 205, 196, 0.2);
|
|
margin-top: auto;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script src="https://unpkg.com/decap-cms@^3.0.0/dist/decap-cms.js"></script>
|
|
</body>
|
|
</html>
|