snowspeeder/roast_command_center
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Academy v4: 3 research-backed lessons (30 slides + audio); new bean logo; custom plan/lot names
Test and deploy / test-and-deploy (push) Successful in 59s
Details

Browse Source 
Co-Authored-By: Claude Fable 5 <[email protected]>
This commit is contained in:
Shane Maynard
2026-08-09 14:30:42 -04:00
co-authored by Claude Fable 5
parent ec078116b4
commit 8b80c3fa6f
65 changed files with 1315 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app.css
+63 -9
View File
@@ -101,8 +101,9 @@ body:has(#plan-form) {
flex: 0 0 auto;
}
.brand-mark {
font-size: 22px;
color: var(--ember);
width: 20px;
height: auto;
display: block;
line-height: 1;
}
.brand-text h1 {
@@ -1781,8 +1782,9 @@ body.show-fids .field[data-fid]::after {
white-space: nowrap;
}
.side-nav-brand .brand-mark {
color: var(--ember-soft, #fbefe6);
font-size: 22px;
width: 20px;
height: auto;
display: block;
}
.side-nav-brand span.brand-name {
font-weight: 700;
@@ -2265,8 +2267,9 @@ body.show-fids .field[data-fid]::after {
margin-bottom: 2px;
}
.auth-card .auth-brand .brand-mark {
color: var(--ember);
font-size: 22px;
width: 20px;
height: auto;
display: block;
}
.auth-card h1 {
font-size: 19px;
@@ -2347,8 +2350,9 @@ body.show-fids .field[data-fid]::after {
font-size: 15px;
}
.marketing-header .brand .brand-mark {
color: var(--ember);
font-size: 20px;
width: 18px;
height: auto;
display: block;
}
.marketing-header nav {
display: flex;
@@ -2592,7 +2596,9 @@ body.show-fids .field[data-fid]::after {
order: 0;
}
.brand-mark {
font-size: 24px;
width: 22px;
height: auto;
display: block;
}
.brand-text h1 {
font-size: 16px;
@@ -3301,6 +3307,54 @@ select.f {
}
.ac-jb-marker { animation: ac-jb-marker-kf 14s linear infinite; }
/* Academy v4: inside-the-bean / senses / gone-wrong scene animations */
@keyframes ac-plug-kf {
0% { transform: translate(0, 0); opacity: 0.9; }
60%, 100% { transform: translate(var(--dx), var(--dy)); opacity: 1; }
}
.ac-plug { animation: ac-plug-kf 3s ease-out infinite; }
@keyframes ac-wobble-kf {
0%, 100% { transform: scale(1, 1) rotate(0deg); }
25% { transform: scale(1.05, 0.95) rotate(-2deg); }
75% { transform: scale(0.95, 1.05) rotate(2deg); }
}
.ac-wobble { animation: ac-wobble-kf 2.4s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
@keyframes ac-shrink-kf { 0% { transform: scale(1); } 100% { transform: scale(0.35); } }
.ac-shrink { animation: ac-shrink-kf 6s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: center; }
@keyframes ac-gauge-kf {
0% { transform: rotate(-58deg); }
55%, 100% { transform: rotate(50deg); }
}
.ac-gauge-needle { animation: ac-gauge-kf 3.2s ease-out infinite; }
@keyframes ac-grow-foam-kf {
0% { transform: scale(0.8); }
60%, 100% { transform: scale(1); }
}
.ac-grow-foam { animation: ac-grow-foam-kf 4s ease-out infinite; transform-box: fill-box; transform-origin: center; }
@keyframes ac-mortar-fade-kf { 0%, 20% { opacity: 1; } 60% { opacity: 0.25; } 100% { opacity: 1; } }
.ac-mortar-fade { animation: ac-mortar-fade-kf 4.5s ease-in-out infinite; }
@keyframes ac-rebar-snap-kf { 0%, 70% { opacity: 0; } 78%, 100% { opacity: 1; } }
.ac-rebar-snap { animation: ac-rebar-snap-kf 6s linear infinite; }
@keyframes ac-burst-kf {
0% { transform: translateY(6px) scale(0.6); opacity: 0; }
30% { opacity: 1; }
100% { transform: translateY(-30px) scale(1.1); opacity: 0; }
}
.ac-burst { animation: ac-burst-kf 1.1s ease-out infinite; }
@keyframes ac-grass-fade-kf { 0% { fill: #8a9575; } 40% { fill: #7a8c5e; } 100% { fill: #cdbd8f; } }
.ac-grass-fade > ellipse:first-child { animation: ac-grass-fade-kf 6s ease-in-out infinite alternate; }
@keyframes ac-cross-a-kf { 0%, 45% { opacity: 1; } 55%, 100% { opacity: 0; } }
.ac-cross-a { animation: ac-cross-a-kf 4s ease-in-out infinite; }
@keyframes ac-cross-b-kf { 0%, 45% { opacity: 0; } 55%, 100% { opacity: 1; } }
.ac-cross-b { animation: ac-cross-b-kf 4s ease-in-out infinite; }
@keyframes ac-marker-cross-kf {
0%, 100% { transform: translateX(-30px); }
50% { transform: translateX(30px); }
}
.ac-marker-cross { animation: ac-marker-cross-kf 4s ease-in-out infinite; }
@keyframes ac-row-glow-kf { 0%, 100% { opacity: 0.15; } 15%, 30% { opacity: 0.85; } }
.ac-row-glow { animation: ac-row-glow-kf 6s ease-in-out infinite; }
/* ── Flavor wheel (cupping) ───────────────────────────────────────────── */
.flavor-wheel-wrap {
max-width: 480px;