diff --git a/workout/2026-04-22.html b/workout/2026-04-22.html index 36040d7..b61e6aa 100644 --- a/workout/2026-04-22.html +++ b/workout/2026-04-22.html @@ -16,7 +16,7 @@ justify-content: center; padding: 40px 20px; } - .container { max-width: 800px; width: 100%; } + .container { max-width: 1200px; width: 100%; } h1 { font-size: 1.8rem; margin-bottom: 4px; color: #f97316; } .breadcrumb { color: #666; margin-bottom: 24px; font-size: 0.85rem; } .breadcrumb a { color: #888; text-decoration: none; } @@ -30,6 +30,7 @@ border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; overflow: hidden; + margin-bottom: 16px; } .table table { width: 100%; border-collapse: collapse; } .table th { background: rgba(255,255,255,0.08); padding: 12px 16px; text-align: left; font-weight: 500; font-size: 0.85rem; color: #888; } @@ -43,9 +44,133 @@ .note { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 16px; margin-top: 16px; color: #888; font-size: 0.85rem; } .back-link { display: inline-block; color: #f97316; text-decoration: none; font-size: 0.85rem; margin-top: 32px; } .back-link:hover { color: #ff8c42; } + + /* Anatomy Diagram Section */ + .anatomy-section { + background: rgba(255,255,255,0.04); + border: 1px solid rgba(255,255,255,0.08); + border-radius: 12px; + padding: 20px; + margin-bottom: 24px; + } + .anatomy-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 16px; + flex-wrap: wrap; + gap: 12px; + } + .anatomy-title { + font-size: 1rem; + color: #f97316; + font-weight: 600; + } + .anatomy-hint { + font-size: 0.8rem; + color: #666; + } + .anatomy-diagrams { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; + align-items: start; + } + .diagram-container { + background: #ffffff; + border-radius: 8px; + padding: 12px; + text-align: center; + position: relative; + transition: all 0.3s ease; + border: 2px solid transparent; + } + .diagram-container h3 { + font-size: 0.85rem; + color: #888; + margin-bottom: 12px; + text-transform: uppercase; + letter-spacing: 0.5px; + } + .diagram-container img { + width: auto; + max-width: 100%; + height: auto; + max-height: 550px; + object-fit: contain; + filter: none; + transition: filter 0.3s, transform 0.3s; + display: block; + margin: 0 auto; + } + .diagram-container.highlighted { + box-shadow: 0 0 25px rgba(249, 115, 22, 0.6); + border-color: rgba(249, 115, 22, 0.8); + transform: scale(1.02); + } + .diagram-container.highlighted img { + filter: brightness(1.05) contrast(1.05); + } + .muscle-label { + font-size: 0.75rem; + color: #aaa; + margin-top: 8px; + font-style: italic; + } + + /* Exercise muscle tags */ + .exercise-muscles { + display: flex; + gap: 6px; + flex-wrap: wrap; + margin-top: 6px; + } + .muscle-tag { + font-size: 0.7rem; + padding: 3px 10px; + border-radius: 12px; + font-weight: 500; + cursor: pointer; + transition: all 0.2s; + border: 2px solid transparent; + user-select: none; + } + .muscle-tag:hover { + transform: scale(1.08); + filter: brightness(1.2); + } + .muscle-tag.active { + border-color: currentColor; + box-shadow: 0 0 12px currentColor; + transform: scale(1.1); + } + .muscle-tag.deltoid { background: rgba(100, 181, 246, 0.25); color: #64b5f6; } + .muscle-tag.pectoralis { background: rgba(229, 115, 115, 0.25); color: #e57373; } + .muscle-tag.trapezius { background: rgba(129, 199, 132, 0.25); color: #81c784; } + .muscle-tag.latissimus { background: rgba(129, 199, 132, 0.25); color: #81c784; } + .muscle-tag.triceps { background: rgba(255, 183, 77, 0.25); color: #ffb74d; } + .muscle-tag.biceps { background: rgba(255, 183, 77, 0.25); color: #ffb74d; } + .muscle-tag.rectus-abdominis { background: rgba(161, 136, 127, 0.25); color: #a1887f; } + .muscle-tag.obliques { background: rgba(161, 136, 127, 0.25); color: #a1887f; } + .muscle-tag.quadriceps { background: rgba(144, 164, 174, 0.25); color: #90a4ae; } + .muscle-tag.hamstrings { background: rgba(144, 164, 174, 0.25); color: #90a4ae; } + .muscle-tag.glutes { background: rgba(144, 164, 174, 0.25); color: #90a4ae; } + .muscle-tag.gastrocnemius { background: rgba(144, 164, 174, 0.25); color: #90a4ae; } + .muscle-tag.serratus { background: rgba(229, 115, 115, 0.25); color: #e57373; } + .muscle-tag.rhomboids { background: rgba(129, 199, 132, 0.25); color: #81c784; } + .muscle-tag.erector-spinae { background: rgba(161, 136, 127, 0.25); color: #a1887f; } + .muscle-tag.core { background: rgba(186, 104, 200, 0.25); color: #ba68c8; } + .muscle-tag.shoulders { background: rgba(100, 181, 246, 0.25); color: #64b5f6; } + + @media (max-width: 768px) { + .anatomy-diagrams { + grid-template-columns: 1fr; + } + } + @media (min-width: 1200px) { body { padding: 60px 40px; } - .container { max-width: 1100px; } + .container { max-width: 1400px; } h1 { font-size: 2.8rem; } h2 { font-size: 1.8rem; } .date-header { font-size: 1.2rem; margin-bottom: 20px; } @@ -71,18 +196,47 @@
+
+ | # | Exercise | Reps | Weight | Form Video | |
|---|---|---|---|---|---|
| # | Exercise | Reps | Weight | Target Muscles | Form Video |
| 1 | KB Around the World | 20 (10/dir) | 20 lb KB | +
+
+ Shoulders
+ Core
+ Forearms
+
+ |
▶ Video |
| DB Lateral Raises | 15 | 5 lb pair → 10 lb | +
+
+ Lateral Deltoid
+ Upper Trapezius
+
+ |
▶ Video | |
| KB Sumo Deadlift | 10 | 25 lb KB | +
+
+ Glutes
+ Quadriceps
+ Hamstrings
+ Erector Spinae
+
+ |
▶ Video | |
| DB Biceps Curls | 10 | 10 lb pair → 12 lb | +
+
+ Biceps Brachii
+ Forearms
+
+ |
standard curl form | |
| Push-ups (on knees) | 15 | bodyweight | +
+
+ Pectoralis Major
+ Anterior Deltoid
+ Triceps
+
+ |
progress to full push-ups | |
| DB Glute Bridge | 12 | 15 lb on hips | +
+
+ Glutes
+ Hamstrings
+ Core
+
+ |
lie on floor, feet flat, press hips up |
| # | Exercise | Reps/Time | Weight | Form Video | |
|---|---|---|---|---|---|
| # | Exercise | Reps/Time | Weight | Target Muscles | Form Video |
| 1 | Dead Bugs | 10/side | bodyweight | +
+
+ Rectus Abdominis
+ Obliques
+
+ |
▶ Video |
| Russian Twists | 20 total | 8 lb KB or 10 lb DB | +
+
+ Obliques
+ Rectus Abdominis
+
+ |
▶ Video | |
| Plank Hold | 30-45s | bodyweight | +
+
+ Rectus Abdominis
+ Obliques
+ Erector Spinae
+
+ |
▶ Video |