diff --git a/workout/2026-04-22.html b/workout/2026-04-22.html index 36040d7..c032f5e 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 @@
Wednesday, April 22, 2026
Day B — Full-Body Circuit
+ +
+
+
📚 Muscle Anatomy Reference (Gray's Anatomy)
+
Click muscle names below to locate on diagrams
+
+
+
+

Anterior (Front)

+ Labeled anterior muscle diagram from Gray's Anatomy +
Source: Gray's Anatomy (1918), public domain. Labels: Deltoid, Pectoralis major, Biceps brachii, Rectus abdominis, Quadriceps, etc.
+
+
+

Posterior (Back)

+ Labeled posterior muscle diagram from Gray's Anatomy +
Source: Gray's Anatomy (1918), public domain. Labels: Trapezius, Latissimus dorsi, Triceps, Erector spinae, Hamstrings, Gastrocnemius, etc.
+
+
+
+ +
🎉 New gear: BowFlex SelectTech 840 adjustable KB (up to 40 lbs) arrived. Current workout uses fixed weights — feel free to dial up on the KB moves.
+

Main Workout

- + + @@ -90,6 +244,12 @@ + @@ -97,6 +257,14 @@ + @@ -104,6 +272,12 @@ + @@ -111,6 +285,13 @@ + @@ -118,6 +299,13 @@ + @@ -131,13 +319,19 @@

Core Finisher

#ExerciseRepsWeightForm Video
#ExerciseRepsWeightTarget MusclesForm 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
- + + @@ -145,6 +339,12 @@ + @@ -152,6 +352,13 @@ + @@ -166,7 +373,37 @@
Screen locked for workout
- \ No newline at end of file +
#ExerciseReps/TimeWeightForm Video
#ExerciseReps/TimeWeightTarget MusclesForm 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