feat: Add Tasks collection + Firefrost branding to Decap CMS
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
This commit is contained in:
@@ -12,13 +12,31 @@ backend:
|
||||
# Site settings
|
||||
site_url: https://firefrostgaming.com
|
||||
display_url: https://firefrostgaming.com
|
||||
logo_url: https://firefrostgaming.com/assets/images/logo.png
|
||||
logo_url: /assets/images/2026/02/Light-logo.png
|
||||
|
||||
# Optional: Where to save images if they upload any to docs
|
||||
media_folder: "docs/assets/images"
|
||||
public_folder: "/assets/images"
|
||||
|
||||
collections:
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
# 🔥 TASKS - ALWAYS FIRST, ALWAYS VISIBLE
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
- name: "tasks"
|
||||
label: "🔥 TASKS"
|
||||
files:
|
||||
- label: "🚨 BLOCKERS (Launch Critical)"
|
||||
name: "blockers"
|
||||
file: "BLOCKERS.md"
|
||||
fields:
|
||||
- {label: "Content", name: "body", widget: "markdown"}
|
||||
|
||||
- label: "📋 BACKLOG (Future Work)"
|
||||
name: "backlog"
|
||||
file: "BACKLOG.md"
|
||||
fields:
|
||||
- {label: "Content", name: "body", widget: "markdown"}
|
||||
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
# CORE DOCUMENTS (Single Files)
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
|
||||
123
admin/index.html
123
admin/index.html
@@ -6,9 +6,132 @@
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user