Update brazilian-jiu-jitsu.html
· 1 year ago
82cef41188ca9f5cef41022a141c7d0ced7c3b79
Parent:
e2ee07892
1 file changed +615 −174
- brazilian-jiu-jitsu.html +615 −174
Diff
--- a/brazilian-jiu-jitsu.html +++ b/brazilian-jiu-jitsu.html @@ -7,15 +7,15 @@ <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🥋</text></svg>"> - <meta name="description" content="A comprehensive, interactive, printable cheatsheet covering Brazilian Jiu-Jitsu (BJJ) fundamentals, mindset, positions, techniques (beginner to advanced), concepts, etiquette, and resources. Check off items as you master them. Ideal for all levels."> - <meta name="keywords" content="Brazilian Jiu-Jitsu, BJJ, cheatsheet, printable, checklist, track progress, grappling, martial arts, mindset, positions, submissions, escapes, sweeps, guard pass, takedowns, fundamentals, BJJ concepts, Gi, No-Gi, rolling, belts, jiu jitsu techniques, BJJ guide, learn BJJ, BJJ basics, BJJ progression, beginner bjj, advanced bjj"> + <meta name="description" content="A comprehensive, interactive, printable cheatsheet covering Brazilian Jiu-Jitsu (BJJ) fundamentals, mindset, positions, techniques (beginner to advanced), concepts, S&C, etiquette, and resources. Check off items as you master them. Ideal for all levels."> + <meta name="keywords" content="Brazilian Jiu-Jitsu, BJJ, cheatsheet, printable, checklist, track progress, grappling, martial arts, mindset, positions, submissions, escapes, sweeps, guard pass, takedowns, fundamentals, BJJ concepts, Gi, No-Gi, rolling, belts, jiu jitsu techniques, BJJ guide, learn BJJ, BJJ basics, BJJ progression, beginner bjj, advanced bjj, BJJ S&C, BJJ advanced concepts"> <meta name="author" content="AI Assistant (based on user input)"> <link rel="canonical" href="https://cheatsheets.davidveksler.com/brazilian-jiu-jitsu.html"> <!-- Update if URL changes --> <!-- Open Graph / Facebook / LinkedIn --> <meta property="og:title" content="Brazilian Jiu-Jitsu (BJJ) Cheatsheet: Ultimate Interactive & Printable Guide"> - <meta property="og:description" content="Master the essentials of BJJ with this detailed, interactive, and printable cheatsheet. Check off concepts, positions, techniques (beginner to advanced), training methods, and key resources including YouTube links."> + <meta property="og:description" content="Master the essentials of BJJ with this detailed, interactive, and printable cheatsheet. Check off concepts, positions, techniques (beginner to advanced), S&C, training methods, and key resources including YouTube links."> <meta property="og:type" content="article"> <meta property="og:url" content="https://cheatsheets.davidveksler.com/brazilian-jiu-jitsu.html"> <!-- Update if URL changes --> <meta property="og:image" content="images/bjj-meditate-header.jpg"> <!-- Added OG image --> @@ -26,7 +26,7 @@ <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Brazilian Jiu-Jitsu (BJJ) Cheatsheet: Interactive & Printable Guide (Beginner to Advanced)"> - <meta name="twitter:description" content="Your ultimate quick guide to BJJ! Explore fundamentals, mindset, positions, techniques (beginner to advanced), sweeps, YouTube resources, and more. Track your progress with checkboxes and print for offline study."> + <meta name="twitter:description" content="Your ultimate quick guide to BJJ! Explore fundamentals, mindset, positions, techniques (beginner to advanced), S&C, sweeps, YouTube resources, and more. Track your progress with checkboxes and print for offline study."> <meta name="twitter:url" content="https://cheatsheets.davidveksler.com/brazilian-jiu-jitsu.html"> <!-- Update if URL changes --> <meta name="twitter:image" content="images/bjj-meditate-header.jpg"> <!-- Added Twitter image --> <meta name="twitter:image:alt" content="Minimalist illustration of a BJJ practitioner meditating in seiza"> @@ -198,6 +198,10 @@ margin-bottom: 0; list-style: none; /* Remove default bullets */ } + /* Target list items that will be filterable */ + .info-card ul > li[data-category] { + /* Add any specific styling for filterable items if needed, otherwise relies on form-check */ + } /* Checkbox Styling */ .info-card .form-check { @@ -335,6 +339,28 @@ .expandable-content p:last-child { margin-bottom: 0; } .expandable-content a { font-weight: 500; } + /* Filter Controls Area Styling */ + #filter-controls { + background-color: var(--color-card-bg); + padding: 1rem 1.5rem; + margin-bottom: 2rem; + border: 1px solid var(--color-card-border); + border-radius: .3rem; + box-shadow: var(--shadow-soft); + } + #filter-controls .form-label { + font-weight: 500; + color: var(--color-primary); + margin-bottom: 0.3rem; + font-size: 0.9rem; + } + #filter-controls .form-select, #filter-controls .form-control { + font-size: 0.9rem; + } + #filter-controls .btn-outline-secondary { + font-size: 0.9rem; + } + footer { padding: 3rem 0 2rem 0; font-size: 0.9em; @@ -366,6 +392,9 @@ .page-header .lead { font-size: 1.1rem; /* Adjust lead text size */ } + #filter-controls .row > div { + margin-bottom: 0.5rem; /* Stack filter controls better */ + } } @media (max-width: 576px) { .hero-image-container img { @@ -432,8 +461,8 @@ display: none !important; } - .hero-image-container { - display: none !important; /* Hide hero image */ + .hero-image-container, #filter-controls { + display: none !important; /* Hide hero image and filter placeholder */ } .page-header { @@ -499,11 +528,6 @@ display: block !important; visibility: visible !important; height: auto !important; - /* Optional: Style slightly differently to indicate it was collapsed */ - /* background-color: var(--color-expand-bg) !important; */ - /* padding: 0.5cm !important; */ - /* margin-top: 0.3cm !important; */ - /* border-top: 1px dashed #ccc !important; */ } .expandable-trigger { border-bottom: none !important; /* Remove dotted line */ @@ -607,11 +631,48 @@ <header class="page-header"> <div class="container"> <h1><i class="bi bi-diagram-2-fill"></i> Brazilian Jiu-Jitsu Cheatsheet</h1> - <p class="lead">Your comprehensive guide to the core concepts, positions, techniques (beginner to advanced), mindset, and principles of "The Gentle Art". Navigate the essentials of BJJ for all levels. Check off items as you master them. Printable.</p> + <p class="lead">Your comprehensive guide to the core concepts, positions, techniques (beginner to advanced), mindset, S&C, and principles of "The Gentle Art". Navigate the essentials of BJJ for all levels. Check off items as you master them. Printable.</p> </div> </header> <div class="container"> + <!-- Filter Controls --> + <!-- <div id="filter-controls" class="mb-4"> + <div class="row g-2 align-items-end"> + <div class="col-md"> + <label for="filter-skill" class="form-label">Filter by Skill Level:</label> + <select id="filter-skill" class="form-select"> + <option value="">All Skills</option> + <option value="fundamental">Fundamental</option> + <option value="beginner">Beginner</option> + <option value="intermediate">Intermediate</option> + <option value="advanced">Advanced</option> + <option value="all">All (General)</option> + </select> + </div> + <div class="col-md"> + <label for="filter-style" class="form-label">Filter by Style:</label> + <select id="filter-style" class="form-select"> + <option value="">All Styles</option> + <option value="gi">Gi</option> + <option value="no-gi">No-Gi</option> + <option value="both">Both</option> + </select> + </div> + <div class="col-md"> + <label for="filter-category" class="form-label">Filter by Category:</label> + <select id="filter-category" class="form-select"> + <option value="">All Categories</option> + Options will be populated by JS + </select> + </div> + <div class="col-md-auto"> + <button id="reset-filters" class="btn btn-outline-secondary w-100">Reset Filters</button> + </div> + </div> + </div> --> + + <div class="row"> <!-- Card: Intro & Core Concepts --> @@ -621,7 +682,7 @@ <h5><i class="bi bi-lightbulb-fill"></i> Intro & Core Concepts</h5> <p class="card-text">BJJ is a grappling art focused on ground control and submissions, famously using leverage and technique to overcome size and strength.</p> <ul> - <li> + <li data-category="concept" data-skill="fundamental" data-style="both"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-intro-origin"> <label class="form-check-label" for="chk-intro-origin"> @@ -629,7 +690,7 @@ </label> </div> </li> - <li> + <li data-category="concept" data-skill="fundamental" data-style="both"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-intro-goal"> <label class="form-check-label" for="chk-intro-goal"> @@ -637,7 +698,7 @@ </label> </div> </li> - <li> + <li data-category="concept" data-skill="fundamental" data-style="both"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-concept-pos"> <label class="form-check-label" for="chk-concept-pos"> @@ -648,7 +709,7 @@ <p>The fundamental hierarchy: Secure a dominant position (e.g., Mount, Back Control) *before* aggressively hunting for the submission. Control prevents escapes and creates openings.</p> </div> </li> - <li> + <li data-category="concept" data-skill="fundamental" data-style="both"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-concept-lev"> <label class="form-check-label" for="chk-concept-lev"> @@ -659,7 +720,7 @@ <p>BJJ's cornerstone. Using angles, body mechanics, and timing to apply force efficiently, allowing smaller practitioners to manage larger opponents. Think physics, not just muscle.</p> </div> </li> - <li> + <li data-category="concept" data-skill="fundamental" data-style="both"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-concept-bps"> <label class="form-check-label" for="chk-concept-bps"> @@ -670,7 +731,7 @@ <p><strong>Base:</strong> Stable connection to the ground, hard to move. <strong>Posture:</strong> Strong spinal alignment (especially in guard) to resist control/attacks. <strong>Structure:</strong> Using limbs as effective frames (to create space) or levers (to apply force/control).</p> </div> </li> - <li> + <li data-category="concept" data-skill="fundamental" data-style="both"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-intro-frames"> <label class="form-check-label" for="chk-intro-frames"> @@ -678,7 +739,7 @@ </label> </div> </li> - <li> + <li data-category="concept" data-skill="fundamental" data-style="both"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-intro-timing"> <label class="form-check-label" for="chk-intro-timing"> @@ -698,7 +759,7 @@ <h5><i class="bi bi-arrows-move"></i> Fundamental Movements</h5> <p class="card-text">The building blocks of all BJJ techniques. Master these for effective transitions, escapes, and attacks.</p> <ul> - <li> + <li data-category="movement" data-skill="fundamental" data-style="both" data-position="various"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-move-shrimp"> <label class="form-check-label" for="chk-move-shrimp"> @@ -710,7 +771,7 @@ <p>Moving hips away laterally to create space. Essential for escaping pins (Mount, Side Control) and guard retention.</p> </div> </li> - <li> + <li data-category="movement" data-skill="fundamental" data-style="both" data-position="various"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-move-bridge"> <label class="form-check-label" for="chk-move-bridge"> @@ -722,7 +783,7 @@ <p>Explosive hip lift to disrupt opponent's base, create space, or initiate reversals (especially from Mount).</p> </div> </li> - <li> + <li data-category="movement" data-skill="fundamental" data-style="both" data-position="various"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-move-post"> <label class="form-check-label" for="chk-move-post"> @@ -730,7 +791,7 @@ </label> </div> </li> - <li> + <li data-category="movement" data-skill="fundamental" data-style="both" data-position="standing defensive"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-move-sprawl"> <label class="form-check-label" for="chk-move-sprawl"> @@ -738,7 +799,7 @@ </label> </div> </li> - <li> + <li data-category="movement" data-skill="fundamental" data-style="both" data-position="various standing"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-move-techstand"> <label class="form-check-label" for="chk-move-techstand"> @@ -746,7 +807,7 @@ </label> </div> </li> - <li> + <li data-category="movement" data-skill="fundamental" data-style="both" data-position="various"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-move-rolls"> <label class="form-check-label" for="chk-move-rolls"> @@ -754,7 +815,7 @@ </label> </div> </li> - <li> + <li data-category="movement" data-skill="fundamental" data-style="both" data-position="standing guard-bottom guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-move-pummel"> <label class="form-check-label" for="chk-move-pummel"> @@ -773,9 +834,8 @@ <div class="card-body"> <h5><i class="bi bi-diagram-3-fill"></i> Positional Hierarchy</h5> <p class="card-text">Control leads to submissions. Understand the common positions from most to least dominant (generally for the top player).</p> - <!-- Ordered list kept for hierarchy, checkboxes added --> <ol style="list-style: none; padding-left: 0;"> - <li> + <li data-category="position" data-skill="fundamental" data-style="both" data-position="back-control-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pos-back"> <label class="form-check-label" for="chk-pos-back"> @@ -783,7 +843,7 @@ </label> </div> </li> - <li> + <li data-category="position" data-skill="fundamental" data-style="both" data-position="mount-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pos-mount"> <label class="form-check-label" for="chk-pos-mount"> @@ -791,7 +851,7 @@ </label> </div> </li> - <li> + <li data-category="position" data-skill="fundamental" data-style="both" data-position="kob-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pos-kob"> <label class="form-check-label" for="chk-pos-kob"> @@ -799,7 +859,7 @@ </label> </div> </li> - <li> + <li data-category="position" data-skill="fundamental" data-style="both" data-position="side-control-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pos-side"> <label class="form-check-label" for="chk-pos-side"> @@ -807,7 +867,7 @@ </label> </div> </li> - <li> + <li data-category="position" data-skill="fundamental" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pos-guardtop"> <label class="form-check-label" for="chk-pos-guardtop"> @@ -815,7 +875,7 @@ </label> </div> </li> - <li> + <li data-category="position" data-skill="fundamental" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pos-guardbottom"> <label class="form-check-label" for="chk-pos-guardbottom"> @@ -823,7 +883,7 @@ </label> </div> </li> - <li> + <li data-category="position" data-skill="fundamental" data-style="both" data-position="turtle-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pos-turtle"> <label class="form-check-label" for="chk-pos-turtle"> @@ -846,7 +906,7 @@ <p class="group-label">Beginner / Fundamental:</p> <ul> - <li> + <li data-category="guard" data-skill="beginner" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-guard-closed"> <label class="form-check-label" for="chk-guard-closed"> @@ -855,7 +915,7 @@ </div> <div class="collapse expandable-content" id="collapse-guard-closed"><p>Classic guard. Controls posture well, many high-percentage attacks (armbars, triangles, sweeps).</p></div> </li> - <li> + <li data-category="guard" data-skill="beginner" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-guard-halfbasic"> <label class="form-check-label" for="chk-guard-halfbasic"> @@ -868,7 +928,7 @@ <p class="group-label">Intermediate:</p> <ul> - <li> + <li data-category="guard" data-skill="intermediate" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-guard-open"> <label class="form-check-label" for="chk-guard-open"> @@ -877,7 +937,7 @@ </div> <div class="collapse expandable-content" id="collapse-guard-open"><p>Using feet on hips/biceps, knees as shields. Requires active leg work. Foundation for many specific open guards.</p></div> </li> - <li> + <li data-category="guard" data-skill="intermediate" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-guard-bfly"> <label class="form-check-label" for="chk-guard-bfly"> @@ -886,7 +946,7 @@ </div> <div class="collapse expandable-content" id="collapse-guard-bfly"><p>Good for sweeps and elevation, often used from seated position.</p></div> </li> - <li> + <li data-category="guard" data-skill="intermediate" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-guard-halfoff"> <label class="form-check-label" for="chk-guard-halfoff"> @@ -899,16 +959,16 @@ <p class="group-label">Advanced / Specialized:</p> <ul> - <li> + <li data-category="guard" data-skill="advanced" data-style="gi" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-guard-spider"> <label class="form-check-label" for="chk-guard-spider"> <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-spider" role="button" aria-expanded="false" aria-controls="collapse-guard-spider">Spider Guard <i class="bi bi-chevron-down"></i></a> (Gi): Feet on biceps/hips, sleeve grips. </label> </div> - <div class="collapse expandable-content" id="collapse-guard-spider"></div> <!-- Placeholder if no extra text --> + <div class="collapse expandable-content" id="collapse-guard-spider"></div> </li> - <li> + <li data-category="guard" data-skill="advanced" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-guard-dlr"> <label class="form-check-label" for="chk-guard-dlr"> @@ -917,7 +977,7 @@ </div> <div class="collapse expandable-content" id="collapse-guard-dlr"></div> </li> - <li> + <li data-category="guard" data-skill="advanced" data-style="gi" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-guard-lasso"> <label class="form-check-label" for="chk-guard-lasso"> @@ -926,7 +986,7 @@ </div> <div class="collapse expandable-content" id="collapse-guard-lasso"></div> </li> - <li> + <li data-category="guard" data-skill="advanced" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-guard-x"> <label class="form-check-label" for="chk-guard-x"> @@ -939,7 +999,7 @@ <p class="group-label" style="margin-top:1.5rem;"><i class="bi bi-info-circle"></i> Key Skill (All Levels):</p> <ul> - <li> + <li data-category="guard-skill" data-skill="fundamental" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-guard-retention"> <label class="form-check-label" for="chk-guard-retention"> @@ -963,7 +1023,7 @@ <p class="group-label">Beginner / Fundamental (Often Pressure Based):</p> <ul> - <li> + <li data-category="guard-pass" data-skill="beginner" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pass-openclosed"> <label class="form-check-label" for="chk-pass-openclosed"> @@ -971,7 +1031,7 @@ </label> </div> </li> - <li> + <li data-category="guard-pass" data-skill="beginner" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pass-kneeslice"> <label class="form-check-label" for="chk-pass-kneeslice"> @@ -979,7 +1039,7 @@ </label> </div> </li> - <li> + <li data-category="guard-pass" data-skill="beginner" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pass-stackbasic"> <label class="form-check-label" for="chk-pass-stackbasic"> @@ -991,7 +1051,7 @@ <p class="group-label">Intermediate (Blending Pressure & Movement):</p> <ul> - <li> + <li data-category="guard-pass" data-skill="intermediate" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pass-overunder"> <label class="form-check-label" for="chk-pass-overunder"> @@ -999,7 +1059,7 @@ </label> </div> </li> - <li> + <li data-category="guard-pass" data-skill="intermediate" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pass-doubleunder"> <label class="form-check-label" for="chk-pass-doubleunder"> @@ -1007,7 +1067,7 @@ </label> </div> </li> - <li> + <li data-category="guard-pass" data-skill="intermediate" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pass-toreando"> <label class="form-check-label" for="chk-pass-toreando"> @@ -1015,7 +1075,7 @@ </label> </div> </li> - <li> + <li data-category="guard-pass" data-skill="intermediate" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pass-xpass"> <label class="form-check-label" for="chk-pass-xpass"> @@ -1027,7 +1087,7 @@ <p class="group-label">Advanced / Specialized (Often Dynamic/System Based):</p> <ul> - <li> + <li data-category="guard-pass" data-skill="advanced" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pass-legdrag"> <label class="form-check-label" for="chk-pass-legdrag"> @@ -1035,7 +1095,7 @@ </label> </div> </li> - <li> + <li data-category="guard-pass" data-skill="advanced" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pass-bodylock"> <label class="form-check-label" for="chk-pass-bodylock"> @@ -1043,7 +1103,7 @@ </label> </div> </li> - <li> + <li data-category="guard-pass" data-skill="advanced" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pass-complex"> <label class="form-check-label" for="chk-pass-complex"> @@ -1051,7 +1111,7 @@ </label> </div> </li> - <li> + <li data-category="guard-pass" data-skill="advanced" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pass-chain"> <label class="form-check-label" for="chk-pass-chain"> @@ -1063,7 +1123,7 @@ <p class="group-label" style="margin-top:1.5rem;"><i class="bi bi-info-circle"></i> Key Principles (All Levels):</p> <ul> - <li> + <li data-category="principle" data-skill="fundamental" data-style="both" data-position="guard-top"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-pass-principles"> <label class="form-check-label" for="chk-pass-principles"> @@ -1087,7 +1147,7 @@ <p class="group-label">Beginner / Fundamental (Often from Closed Guard):</p> <ul> - <li> + <li data-category="sweep" data-skill="beginner" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-scissor"> <label class="form-check-label" for="chk-sweep-scissor"> @@ -1095,7 +1155,7 @@ </label> </div> </li> - <li> + <li data-category="sweep" data-skill="beginner" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-hipbump"> <label class="form-check-label" for="chk-sweep-hipbump"> @@ -1103,7 +1163,7 @@ </label> </div> </li> - <li> + <li data-category="sweep" data-skill="beginner" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-flower"> <label class="form-check-label" for="chk-sweep-flower"> @@ -1111,7 +1171,7 @@ </label> </div> </li> - <li> + <li data-category="sweep" data-skill="beginner" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-halfbasic"> <label class="form-check-label" for="chk-sweep-halfbasic"> @@ -1123,7 +1183,7 @@ <p class="group-label">Intermediate (Often from Open/Butterfly/Half Guard):</p> <ul> - <li> + <li data-category="sweep" data-skill="intermediate" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-butterfly"> <label class="form-check-label" for="chk-sweep-butterfly"> @@ -1131,7 +1191,7 @@ </label> </div> </li> - <li> + <li data-category="sweep" data-skill="intermediate" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-tripod"> <label class="form-check-label" for="chk-sweep-tripod"> @@ -1139,7 +1199,7 @@ </label> </div> </li> - <li> + <li data-category="sweep" data-skill="intermediate" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-dlrbasic"> <label class="form-check-label" for="chk-sweep-dlrbasic"> @@ -1147,7 +1207,7 @@ </label> </div> </li> - <li> + <li data-category="sweep" data-skill="intermediate" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-halfinter"> <label class="form-check-label" for="chk-sweep-halfinter"> @@ -1159,7 +1219,7 @@ <p class="group-label">Advanced / Specialized:</p> <ul> - <li> + <li data-category="sweep" data-skill="advanced" data-style="gi" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-spider"> <label class="form-check-label" for="chk-sweep-spider"> @@ -1167,7 +1227,7 @@ </label> </div> </li> - <li> + <li data-category="sweep" data-skill="advanced" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-dlradv"> <label class="form-check-label" for="chk-sweep-dlradv"> @@ -1175,7 +1235,7 @@ </label> </div> </li> - <li> + <li data-category="sweep" data-skill="advanced" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-xguard"> <label class="form-check-label" for="chk-sweep-xguard"> @@ -1183,7 +1243,7 @@ </label> </div> </li> - <li> + <li data-category="sweep" data-skill="advanced" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-deephalf"> <label class="form-check-label" for="chk-sweep-deephalf"> @@ -1191,7 +1251,7 @@ </label> </div> </li> - <li> + <li data-category="sweep" data-skill="advanced" data-style="gi" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-lasso"> <label class="form-check-label" for="chk-sweep-lasso"> @@ -1199,7 +1259,7 @@ </label> </div> </li> - <li> + <li data-category="sweep" data-skill="advanced" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-berimbolo"> <label class="form-check-label" for="chk-sweep-berimbolo"> @@ -1211,7 +1271,7 @@ <p class="group-label" style="margin-top:1.5rem;"><i class="bi bi-info-circle"></i> Core Idea (All Levels):</p> <ul> - <li> + <li data-category="principle" data-skill="fundamental" data-style="both" data-position="guard-bottom"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sweep-principles"> <label class="form-check-label" for="chk-sweep-principles"> @@ -1235,40 +1295,34 @@ <p class="group-label">Beginner / Fundamental (High % from basic positions):</p> <ul> - <!-- Chokes --> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-crosscollar"><label class="form-check-label" for="chk-sub-crosscollar">Cross Collar Choke (From Mount/Guard - Gi)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-rnc"><label class="form-check-label" for="chk-sub-rnc">Rear Naked Choke (RNC - From Back)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-guillotine"><label class="form-check-label" for="chk-sub-guillotine">Guillotine (Basic Front Headlock)</label></div></li> - <!-- Joint Locks --> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-armbarmg"><label class="form-check-label" for="chk-sub-armbarmg">Armbar from Mount / Guard</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-kimura"><label class="form-check-label" for="chk-sub-kimura">Kimura from Guard / Side Control</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-americana"><label class="form-check-label" for="chk-sub-americana">Americana (Keylock) from Mount / Side Control</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-ankle"><label class="form-check-label" for="chk-sub-ankle">Straight Ankle Lock</label></div></li> + <li data-category="submission" data-skill="beginner" data-style="gi" data-position="mount-top guard-bottom"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-crosscollar"><label class="form-check-label" for="chk-sub-crosscollar">Cross Collar Choke (From Mount/Guard - Gi)</label></div></li> + <li data-category="submission" data-skill="beginner" data-style="both" data-position="back-control-top"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-rnc"><label class="form-check-label" for="chk-sub-rnc">Rear Naked Choke (RNC - From Back)</label></div></li> + <li data-category="submission" data-skill="beginner" data-style="no-gi both" data-position="various standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-guillotine"><label class="form-check-label" for="chk-sub-guillotine">Guillotine (Basic Front Headlock)</label></div></li> + <li data-category="submission" data-skill="beginner" data-style="both" data-position="mount-top guard-bottom"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-armbarmg"><label class="form-check-label" for="chk-sub-armbarmg">Armbar from Mount / Guard</label></div></li> + <li data-category="submission" data-skill="beginner" data-style="both" data-position="guard-bottom side-control-top"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-kimura"><label class="form-check-label" for="chk-sub-kimura">Kimura from Guard / Side Control</label></div></li> + <li data-category="submission" data-skill="beginner" data-style="both" data-position="mount-top side-control-top"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-americana"><label class="form-check-label" for="chk-sub-americana">Americana (Keylock) from Mount / Side Control</label></div></li> + <li data-category="submission" data-skill="beginner" data-style="both" data-position="various"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-ankle"><label class="form-check-label" for="chk-sub-ankle">Straight Ankle Lock</label></div></li> </ul> <p class="group-label">Intermediate:</p> <ul> - <!-- Chokes --> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-triangle"><label class="form-check-label" for="chk-sub-triangle">Triangle Choke (From Guard/Mount)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-armtri"><label class="form-check-label" for="chk-sub-armtri">Arm Triangle / Head & Arm Choke</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-bowarrow"><label class="form-check-label" for="chk-sub-bowarrow">Bow & Arrow Choke (Gi)</label></div></li> - <!-- Joint Locks --> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-omoplata"><label class="form-check-label" for="chk-sub-omoplata">Omoplata</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-wristbasic"><label class="form-check-label" for="chk-sub-wristbasic">Wrist Locks (Basic Applications)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-kneebarbasic"><label class="form-check-label" for="chk-sub-kneebarbasic">Kneebar (Basic Entries)</label></div></li> + <li data-category="submission" data-skill="intermediate" data-style="both" data-position="guard-bottom mount-top"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-triangle"><label class="form-check-label" for="chk-sub-triangle">Triangle Choke (From Guard/Mount)</label></div></li> + <li data-category="submission" data-skill="intermediate" data-style="both" data-position="side-control-top mount-top"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-armtri"><label class="form-check-label" for="chk-sub-armtri">Arm Triangle / Head & Arm Choke</label></div></li> + <li data-category="submission" data-skill="intermediate" data-style="gi" data-position="back-control-top"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-bowarrow"><label class="form-check-label" for="chk-sub-bowarrow">Bow & Arrow Choke (Gi)</label></div></li> + <li data-category="submission" data-skill="intermediate" data-style="both" data-position="guard-bottom mount-top"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-omoplata"><label class="form-check-label" for="chk-sub-omoplata">Omoplata</label></div></li> + <li data-category="submission" data-skill="intermediate" data-style="both" data-position="various"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-wristbasic"><label class="form-check-label" for="chk-sub-wristbasic">Wrist Locks (Basic Applications)</label></div></li> + <li data-category="submission" data-skill="intermediate" data-style="both" data-position="various"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-kneebarbasic"><label class="form-check-label" for="chk-sub-kneebarbasic">Kneebar (Basic Entries)</label></div></li> </ul> <p class="group-label">Advanced / Specialized:</p> <ul> - <!-- Chokes --> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-anaconda"><label class="form-check-label" for="chk-sub-anaconda">Anaconda / D'Arce Chokes</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-loop"><label class="form-check-label" for="chk-sub-loop">Loop Choke (Gi)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-baseball"><label class="form-check-label" for="chk-sub-baseball">Baseball Bat Choke (Gi)</label></div></li> - <!-- Joint Locks --> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-heelhook"><label class="form-check-label" for="chk-sub-heelhook">Heel Hooks (Inside/Outside - often ruleset dependent)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-toehold"><label class="form-check-label" for="chk-sub-toehold">Toe Holds</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-complexchain"><label class="form-check-label" for="chk-sub-complexchain">Complex chained submission attacks</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-wristadv"><label class="form-check-label" for="chk-sub-wristadv">Advanced Wrist Locks</label></div></li> + <li data-category="submission" data-skill="advanced" data-style="no-gi both" data-position="various"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-anaconda"><label class="form-check-label" for="chk-sub-anaconda">Anaconda / D'Arce Chokes</label></div></li> + <li data-category="submission" data-skill="advanced" data-style="gi" data-position="guard-bottom various"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-loop"><label class="form-check-label" for="chk-sub-loop">Loop Choke (Gi)</label></div></li> + <li data-category="submission" data-skill="advanced" data-style="gi" data-position="side-control-top"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-baseball"><label class="form-check-label" for="chk-sub-baseball">Baseball Bat Choke (Gi)</label></div></li> + <li data-category="submission" data-skill="advanced" data-style="no-gi both" data-position="various"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-heelhook"><label class="form-check-label" for="chk-sub-heelhook">Heel Hooks (Inside/Outside - often ruleset dependent)</label></div></li> + <li data-category="submission" data-skill="advanced" data-style="both" data-position="various"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-toehold"><label class="form-check-label" for="chk-sub-toehold">Toe Holds</label></div></li> + <li data-category="submission" data-skill="advanced" data-style="both" data-position="various"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-complexchain"><label class="form-check-label" for="chk-sub-complexchain">Complex chained submission attacks</label></div></li> + <li data-category="submission" data-skill="advanced" data-style="both" data-position="various"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sub-wristadv"><label class="form-check-label" for="chk-sub-wristadv">Advanced Wrist Locks</label></div></li> </ul> <p class="disclaimer">Categorization is general. Many subs have basic setups and advanced variations.</p> <a href="https://www.youtube.com/results?search_query=bjj+high+percentage+submissions" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-primary mt-2"><i class="bi bi-youtube"></i> Submission Ideas</a> @@ -1284,36 +1338,36 @@ <p class="card-text">Surviving bad positions and submission threats. Grouped by common scenarios.</p> <p class="group-label">Beginner / Fundamental (Escaping Pins):</p> <ul> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-mountupa"><label class="form-check-label" for="chk-esc-mountupa">Mount Escape: Upa (Bridge & Roll)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-mountshrimp"><label class="form-check-label" for="chk-esc-mountshrimp">Mount Escape: Elbow-Knee Escape (Shrimping)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-sidereguard"><label class="form-check-label" for="chk-esc-sidereguard">Side Control Escape: Reguarding (Frames & Shrimp)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-sideturtle"><label class="form-check-label" for="chk-esc-sideturtle">Side Control Escape: Turn In / Turtle Out (Basic)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-headlock"><label class="form-check-label" for="chk-esc-headlock">Basic Headlock Escapes</label></div></li> + <li data-category="escape" data-skill="beginner" data-style="both" data-position="mount-bottom"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-mountupa"><label class="form-check-label" for="chk-esc-mountupa">Mount Escape: Upa (Bridge & Roll)</label></div></li> + <li data-category="escape" data-skill="beginner" data-style="both" data-position="mount-bottom"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-mountshrimp"><label class="form-check-label" for="chk-esc-mountshrimp">Mount Escape: Elbow-Knee Escape (Shrimping)</label></div></li> + <li data-category="escape" data-skill="beginner" data-style="both" data-position="side-control-bottom"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-sidereguard"><label class="form-check-label" for="chk-esc-sidereguard">Side Control Escape: Reguarding (Frames & Shrimp)</label></div></li> + <li data-category="escape" data-skill="beginner" data-style="both" data-position="side-control-bottom"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-sideturtle"><label class="form-check-label" for="chk-esc-sideturtle">Side Control Escape: Turn In / Turtle Out (Basic)</label></div></li> + <li data-category="escape" data-skill="beginner" data-style="both" data-position="defensive"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-headlock"><label class="form-check-label" for="chk-esc-headlock">Basic Headlock Escapes</label></div></li> </ul> <p class="group-label">Intermediate (More Pins & Basic Sub Defense):</p> <ul> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-kob"><label class="form-check-label" for="chk-esc-kob">Knee-on-Belly Escape (Frame & Shrimp)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-backbasic"><label class="form-check-label" for="chk-esc-backbasic">Back Control Escape (Basic Grip Breaks & Turn)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-armbardef"><label class="form-check-label" for="chk-esc-armbardef">Armbar Defense (Basic Stacking/Grip Break)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-triangledef"><label class="form-check-label" for="chk-esc-triangledef">Triangle Defense (Basic Posture & Angle Change)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-kimuradef"><label class="form-check-label" for="chk-esc-kimuradef">Kimura/Americana Defense (Basic Straighten/Grab)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-chokedef"><label class="form-check-label" for="chk-esc-chokedef">Basic Choke Defense (Hand Fighting/Chin Tuck)</label></div></li> + <li data-category="escape" data-skill="intermediate" data-style="both" data-position="kob-bottom"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-kob"><label class="form-check-label" for="chk-esc-kob">Knee-on-Belly Escape (Frame & Shrimp)</label></div></li> + <li data-category="escape" data-skill="intermediate" data-style="both" data-position="back-control-bottom"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-backbasic"><label class="form-check-label" for="chk-esc-backbasic">Back Control Escape (Basic Grip Breaks & Turn)</label></div></li> + <li data-category="escape" data-skill="intermediate" data-style="both" data-position="defensive"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-armbardef"><label class="form-check-label" for="chk-esc-armbardef">Armbar Defense (Basic Stacking/Grip Break)</label></div></li> + <li data-category="escape" data-skill="intermediate" data-style="both" data-position="defensive"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-triangledef"><label class="form-check-label" for="chk-esc-triangledef">Triangle Defense (Basic Posture & Angle Change)</label></div></li> + <li data-category="escape" data-skill="intermediate" data-style="both" data-position="defensive"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-kimuradef"><label class="form-check-label" for="chk-esc-kimuradef">Kimura/Americana Defense (Basic Straighten/Grab)</label></div></li> + <li data-category="escape" data-skill="intermediate" data-style="both" data-position="defensive"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-chokedef"><label class="form-check-label" for="chk-esc-chokedef">Basic Choke Defense (Hand Fighting/Chin Tuck)</label></div></li> </ul> <p class="group-label">Advanced / Specialized:</p> <ul> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-ghost"><label class="form-check-label" for="chk-esc-ghost">Ghost Escape (Side Control)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-backadv"><label class="form-check-label" for="chk-esc-backadv">Advanced Back Escapes (Granby Roll, etc.)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-hitchhiker"><label class="form-check-label" for="chk-esc-hitchhiker">Hitchhiker Armbar Escape</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-leglockdef"><label class="form-check-label" for="chk-esc-leglockdef">Advanced Leg Lock Defenses/Escapes</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-subchaindef"><label class="form-check-label" for="chk-esc-subchaindef">Defending complex submission chains</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-turtleesc"><label class="form-check-label" for="chk-esc-turtleesc">Turtle Position Escapes/Reguarding</label></div></li> + <li data-category="escape" data-skill="advanced" data-style="both" data-position="side-control-bottom"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-ghost"><label class="form-check-label" for="chk-esc-ghost">Ghost Escape (Side Control)</label></div></li> + <li data-category="escape" data-skill="advanced" data-style="both" data-position="back-control-bottom"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-backadv"><label class="form-check-label" for="chk-esc-backadv">Advanced Back Escapes (Granby Roll, etc.)</label></div></li> + <li data-category="escape" data-skill="advanced" data-style="both" data-position="defensive"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-hitchhiker"><label class="form-check-label" for="chk-esc-hitchhiker">Hitchhiker Armbar Escape</label></div></li> + <li data-category="escape" data-skill="advanced" data-style="both" data-position="defensive"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-leglockdef"><label class="form-check-label" for="chk-esc-leglockdef">Advanced Leg Lock Defenses/Escapes</label></div></li> + <li data-category="escape" data-skill="advanced" data-style="both" data-position="defensive"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-subchaindef"><label class="form-check-label" for="chk-esc-subchaindef">Defending complex submission chains</label></div></li> + <li data-category="escape" data-skill="advanced" data-style="both" data-position="turtle-bottom"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-turtleesc"><label class="form-check-label" for="chk-esc-turtleesc">Turtle Position Escapes/Reguarding</label></div></li> </ul> <p class="group-label" style="margin-top:1.5rem;"><i class="bi bi-info-circle"></i> Key Principle (All Levels):</p> <ul> - <li> + <li data-category="principle" data-skill="fundamental" data-style="both" data-position="defensive"> <div class="form-check"> <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-esc-prevention"> <label class="form-check-label" for="chk-esc-prevention"> @@ -1337,36 +1391,43 @@ <p class="group-label">Beginner / Fundamental:</p> <ul> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-doubleleg"><label class="form-check-label" for="chk-td-doubleleg">Double Leg Takedown (Basic Setup)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-singleleg"><label class="form-check-label" for="chk-td-singleleg">Single Leg Takedown (Basic Setup/Finish)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-clinch"><label class="form-check-label" for="chk-td-clinch">Basic Clinch Control & Pummeling</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-sprawl"><label class="form-check-label" for="chk-td-sprawl">Sprawl (Takedown Defense)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-guardpull"><label class="form-check-label" for="chk-td-guardpull">Basic Guard Pull</label></div></li> + <li data-category="takedown" data-skill="beginner" data-style="both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-doubleleg"><label class="form-check-label" for="chk-td-doubleleg">Double Leg Takedown (Basic Setup)</label></div></li> + <li data-category="takedown" data-skill="beginner" data-style="both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-singleleg"><label class="form-check-label" for="chk-td-singleleg">Single Leg Takedown (Basic Setup/Finish)</label></div></li> + <li data-category="takedown-skill" data-skill="beginner" data-style="both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-clinch"><label class="form-check-label" for="chk-td-clinch">Basic Clinch Control & Pummeling</label></div></li> + <li data-category="takedown-defense" data-skill="beginner" data-style="both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-sprawl"><label class="form-check-label" for="chk-td-sprawl">Sprawl (Takedown Defense)</label></div></li> + <li data-category="takedown-skill" data-skill="beginner" data-style="both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-guardpull"><label class="form-check-label" for="chk-td-guardpull">Basic Guard Pull</label></div></li> </ul> <p class="group-label">Intermediate:</p> <ul> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-osoto"><label class="form-check-label" for="chk-td-osoto">Osoto Gari (Major Outer Reaping)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-ogoshi"><label class="form-check-label" for="chk-td-ogoshi">O Goshi (Major Hip Throw)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-snapdown"><label class="form-check-label" for="chk-td-snapdown">Snap Down</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-anklep"><label class="form-check-label" for="chk-td-anklep">Ankle Pick / Low Single</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-slfinish"><label class="form-check-label" for="chk-td-slfinish">More Single/Double Leg Finishes</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-footsweepb"><label class="form-check-label" for="chk-td-footsweepb">Basic Foot Sweeps (De Ashi Barai)</label></div></li> + <li data-category="takedown" data-skill="intermediate" data-style="gi both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-osoto"><label class="form-check-label" for="chk-td-osoto">Osoto Gari (Major Outer Reaping)</label></div></li> + <li data-category="takedown" data-skill="intermediate" data-style="gi both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-ogoshi"><label class="form-check-label" for="chk-td-ogoshi">O Goshi (Major Hip Throw)</label></div></li> + <li data-category="takedown" data-skill="intermediate" data-style="both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-snapdown"><label class="form-check-label" for="chk-td-snapdown">Snap Down</label></div></li> + <li data-category="takedown" data-skill="intermediate" data-style="both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-anklep"><label class="form-check-label" for="chk-td-anklep">Ankle Pick / Low Single</label></div></li> + <li data-category="takedown-skill" data-skill="intermediate" data-style="both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-slfinish"><label class="form-check-label" for="chk-td-slfinish">More Single/Double Leg Finishes</label></div></li> + <li data-category="takedown" data-skill="intermediate" data-style="gi both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-footsweepb"><label class="form-check-label" for="chk-td-footsweepb">Basic Foot Sweeps (De Ashi Barai)</label></div></li> </ul> <p class="group-label">Advanced / Specialized:</p> <ul> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-seoi"><label class="form-check-label" for="chk-td-seoi">Seoi Nage (Shoulder Throw)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-uchimata"><label class="form-check-label" for="chk-td-uchimata">Uchi Mata (Inner Thigh Throw)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-sacrifice"><label class="form-check-label" for="chk-td-sacrifice">Sumi Gaeshi / Tomoe Nage (Sacrifice Throws)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-footsweepa"><label class="form-check-label" for="chk-td-footsweepa">Advanced Foot Sweeps (Kouchi Gari, etc.)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-wrestleadv"><label class="form-check-label" for="chk-td-wrestleadv">Complex Wrestling Entries (Duck Unders, Arm Drags to Takedown)</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-chainwrestle"><label class="form-check-label" for="chk-td-chainwrestle">Chain Wrestling / Combining Takedowns</label></div></li> + <li data-category="takedown" data-skill="advanced" data-style="gi both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-seoi"><label class="form-check-label" for="chk-td-seoi">Seoi Nage (Shoulder Throw)</label></div></li> + <li data-category="takedown" data-skill="advanced" data-style="gi both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-uchimata"><label class="form-check-label" for="chk-td-uchimata">Uchi Mata (Inner Thigh Throw)</label></div></li> + <li data-category="takedown" data-skill="advanced" data-style="gi both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-sacrifice"><label class="form-check-label" for="chk-td-sacrifice">Sumi Gaeshi / Tomoe Nage (Sacrifice Throws)</label></div></li> + <li data-category="takedown" data-skill="advanced" data-style="gi both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-footsweepa"><label class="form-check-label" for="chk-td-footsweepa">Advanced Foot Sweeps (Kouchi Gari, etc.)</label></div></li> + <li data-category="takedown-skill" data-skill="advanced" data-style="both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-wrestleadv"><label class="form-check-label" for="chk-td-wrestleadv">Complex Wrestling Entries (Duck Unders, Arm Drags to Takedown)</label></div></li> + <li data-category="takedown-skill" data-skill="advanced" data-style="both" data-position="standing"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-chainwrestle"><label class="form-check-label" for="chk-td-chainwrestle">Chain Wrestling / Combining Takedowns</label></div></li> </ul> <p class="group-label" style="margin-top:1.5rem;"><i class="bi bi-info-circle"></i> Key Skill (All Levels):</p> <ul> - <li>Grip fighting is crucial in standing exchanges, especially in the Gi.</li> + <li data-category="principle" data-skill="fundamental" data-style="gi both" data-position="standing"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-td-gripfight"> + <label class="form-check-label" for="chk-td-gripfight"> + Grip fighting is crucial in standing exchanges, especially in the Gi. + </label> + </div> + </li> </ul> <p class="disclaimer">Categorization depends heavily on prior experience (e.g., Judo/Wrestling background).</p> <a href="https://www.youtube.com/results?search_query=bjj+takedown+fundamentals" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-primary mt-2"><i class="bi bi-youtube"></i> Takedown Basics</a> @@ -1374,25 +1435,219 @@ </div> </div> + <!-- Card: Advanced Conceptual Layers --> + <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up"> + <div class="info-card"> + <div class="card-body"> + <h5><i class="bi bi-binoculars-fill"></i> Advanced Conceptual Layers</h5> + <p class="card-text">Deeper principles that govern effective BJJ application, helping you connect techniques and develop a more intuitive game.</p> + <ul> + <li data-category="concept" data-skill="advanced" data-style="both" data-position="various"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-concept-connect"> + <label class="form-check-label" for="chk-concept-connect"> + <strong>Connection vs. Disconnection:</strong> Understanding how to attach your body to your opponent for control (connection) or create space to escape/transition (disconnection). + </label> + </div> + </li> + <li data-category="concept" data-skill="advanced" data-style="both" data-position="various"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-concept-inspace"> + <label class="form-check-label" for="chk-concept-inspace"> + <strong>Inside Space Control:</strong> Dominating the area between you and your opponent, often with elbows, knees, and head position. + </label> + </div> + </li> + <li data-category="concept" data-skill="advanced" data-style="both" data-position="various"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-concept-wedges"> + <label class="form-check-label" for="chk-concept-wedges"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-concept-wedges" role="button" aria-expanded="false" aria-controls="collapse-concept-wedges"><strong>Wedges, Levers, Frames (Advanced)</strong> <i class="bi bi-chevron-down"></i></a> + </label> + </div> + <div class="collapse expandable-content" id="collapse-concept-wedges"> + <p>Beyond basic framing; actively using bone structure as wedges to split opponent's limbs/body, and as levers to manipulate their balance or apply pressure efficiently.</p> + </div> + </li> + <li data-category="concept" data-skill="advanced" data-style="both" data-position="various"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-concept-misdirect"> + <label class="form-check-label" for="chk-concept-misdirect"> + <strong>Misdirection & Feints:</strong> Setting up techniques by threatening one attack to elicit a predictable reaction, then exploiting that reaction with another attack. + </label> + </div> + </li> + <li data-category="concept" data-skill="advanced" data-style="both" data-position="various"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-concept-rhythm"> + <label class="form-check-label" for="chk-concept-rhythm"> + <strong>Rhythm & Broken Rhythm:</strong> Recognizing and disrupting an opponent's tempo, or establishing your own rhythm to create openings. + </label> + </div> + </li> + <li data-category="concept" data-skill="advanced" data-style="both" data-position="various"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-concept-leading"> + <label class="form-check-label" for="chk-concept-leading"> + <strong>Leading and Following Energy:</strong> Sensitively reacting to an opponent's force – redirecting it, or going with it to facilitate sweeps or transitions (e.g., "if they push, you pull; if they pull, you push into them"). + </label> + </div> + </li> + <li data-category="concept" data-skill="advanced" data-style="both" data-position="various"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-concept-strongweak"> + <label class="form-check-label" for="chk-concept-strongweak"> + <strong>Attacking Strongest Weapon vs. Weakest Point:</strong> Understanding when to pit your primary strength against their defense, or identifying and exploiting their structural or positional weaknesses. + </label> + </div> + </li> + </ul> + <a href="https://www.youtube.com/results?search_query=bjj+advanced+concepts+danaher" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-primary mt-2"><i class="bi bi-youtube"></i> Explore Concepts</a> + </div> + </div> + </div> + + <!-- Card: Strength & Conditioning for BJJ --> + <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="50"> + <div class="info-card"> + <div class="card-body"> + <h5><i class="bi bi-lightning-charge-fill"></i> Strength & Conditioning for BJJ</h5> + <p class="card-text">Supporting your mat training with physical preparation can enhance performance, reduce injury risk, and improve recovery. Focus on functional fitness relevant to grappling.</p> + <ul> + <li data-category="s&c" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sc-functional"> + <label class="form-check-label" for="chk-sc-functional"> + <strong>Functional Strength:</strong> Exercises mimicking grappling movements (e.g., carries, sled pushes/pulls, kettlebell work like swings/get-ups, rows, presses). + </label> + </div> + </li> + <li data-category="s&c" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sc-grip"> + <label class="form-check-label" for="chk-sc-grip"> + <strong>Grip Strength:</strong> Essential for Gi and No-Gi (e.g., towel hangs, gi pull-ups, fat grips, dead hangs, farmer's walks). + </label> + </div> + </li> + <li data-category="s&c" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sc-core"> + <label class="form-check-label" for="chk-sc-core"> + <strong>Core Stability & Strength:</strong> Crucial for posture, power transfer, and injury prevention (e.g., planks, side planks, anti-rotation exercises, carries). + </label> + </div> + </li> + <li data-category="s&c" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sc-cardio"> + <label class="form-check-label" for="chk-sc-cardio"> + <strong>Cardiovascular Endurance:</strong> + <ul class="list-unstyled ps-3 pt-1"> + <li><small>Aerobic base (steady-state cardio).</small></li> + <li><small>Anaerobic capacity (HIIT, interval sprints, BJJ-specific circuits).</small></li> + </ul> + </label> + </div> + </li> + <li data-category="s&c" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sc-mobility"> + <label class="form-check-label" for="chk-sc-mobility"> + <strong>Mobility & Flexibility:</strong> For range of motion, injury prevention, and accessing certain positions (e.g., hip mobility, shoulder mobility, dynamic stretching, yoga). + </label> + </div> + </li> + <li data-category="s&c" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sc-neck"> + <label class="form-check-label" for="chk-sc-neck"> + <strong>Neck & Trap Strength:</strong> Often overlooked but vital for posture, bridge power, and resisting chokes. + </label> + </div> + </li> + <li data-category="s&c" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-sc-periodization"> + <label class="form-check-label" for="chk-sc-periodization"> + <strong>Understanding Periodization/Balance:</strong> Knowing how to balance S&C with BJJ training to avoid overtraining and peak effectively if competing. + </label> + </div> + </li> + </ul> + <p class="disclaimer">This is not an exercise prescription. Consult with a qualified S&C coach for a personalized plan. Prioritize S&C that supports, not detracts from, mat time.</p> + <a href="https://www.youtube.com/results?search_query=strength+and+conditioning+for+bjj" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-primary mt-2"><i class="bi bi-youtube"></i> S&C for BJJ Ideas</a> + </div> + </div> + </div> + + <!-- Card: Mindset & The Journey --> - <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up"> + <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="100"> <div class="info-card"> <div class="card-body"> <h5><i class="bi bi-brain"></i> Mindset & The Journey</h5> <p class="card-text">BJJ is a marathon, not a sprint. Cultivating the right mindset is crucial for long-term progression and enjoyment.</p> <ul> - <li><strong>Growth Mindset:</strong> Embrace challenges, view failures as learning opportunities. Understand skill is developed, not fixed.</li> - <li><strong>Patience & Persistence:</strong> Progress isn't linear. Expect plateaus. Keep showing up consistently.</li> - <li><strong>Humility:</strong> Accept you don't know everything. Be willing to learn from everyone, regardless of belt. Tap often (see Safety).</li> - <li> - <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-mind-concept" role="button" aria-expanded="false" aria-controls="collapse-mind-concept"><strong>Conceptual Understanding</strong> <i class="bi bi-chevron-down"></i></a> + <li data-category="mindset" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-mindset-growth"> + <label class="form-check-label" for="chk-mindset-growth"> + <strong>Growth Mindset:</strong> Actively embrace challenges, view failures as learning opportunities. Understand skill is developed, not fixed. + </label> + </div> + </li> + <li data-category="mindset" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-mindset-patience"> + <label class="form-check-label" for="chk-mindset-patience"> + <strong>Patience & Persistence:</strong> Recognize progress isn't linear. Expect plateaus. Commit to consistent attendance. + </label> + </div> + </li> + <li data-category="mindset" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-mindset-humility"> + <label class="form-check-label" for="chk-mindset-humility"> + <strong>Humility:</strong> Accept you don't know everything. Be willing to learn from everyone. Tap often and safely. + </label> + </div> + </li> + <li data-category="mindset" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-mindset-conceptual"> + <label class="form-check-label" for="chk-mindset-conceptual"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-mind-concept" role="button" aria-expanded="false" aria-controls="collapse-mind-concept"><strong>Conceptual Understanding Focus</strong> <i class="bi bi-chevron-down"></i></a> + </label> + </div> + <div class="collapse expandable-content" id="collapse-mind-concept"> + <p>Move beyond just collecting techniques. Strive to understand the *why* behind them – the underlying principles of leverage, weight distribution, frames, timing, and control. Ask 'Why does this work?'.</p> + </div> + </li> + <li data-category="mindset" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-mindset-process"> + <label class="form-check-label" for="chk-mindset-process"> + <strong>Focus on Process, Not Just Outcome:</strong> Enjoy learning and problem-solving during rolls, not just "winning." Set process goals. + </label> + </div> + </li> + <li data-category="mindset" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-mindset-adversity"> + <label class="form-check-label" for="chk-mindset-adversity"> + <strong>Handling Adversity:</strong> Learn from bad rolls and injuries (smart recovery). Build resilience against frustration. + </label> + </div> + </li> + <li data-category="mindset" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-mindset-analytical"> + <label class="form-check-label" for="chk-mindset-analytical"> + <strong>Be Analytical:</strong> Review rolls (mental or video). Identify strengths, weaknesses, and recurring patterns. + </label> + </div> </li> - <div class="collapse expandable-content" id="collapse-mind-concept"> - <p>Move beyond just collecting techniques. Strive to understand the *why* behind them – the underlying principles of leverage, weight distribution, frames, timing, and control. Ask 'Why does this work?'.</p> - </div> - <li><strong>Focus on Process, Not Just Outcome:</strong> Enjoy the learning, the problem-solving during rolls, not just the submission or "win". Set process goals.</li> - <li><strong>Handling Adversity:</strong> Learn from bad rolls, injuries (smart recovery), and setbacks. Resilience is key. Don't let frustration derail you.</li> - <li><strong>Be Analytical:</strong> Review your rolls (mental replay or video if possible). Identify strengths, weaknesses, and recurring patterns.</li> </ul> </div> </div> @@ -1406,11 +1661,11 @@ <p class="card-text">Learning structure, advancement, and gym culture.</p> <div class="section-heading"><i class="bi bi-clipboard-data"></i> Training Methods</div> <ul> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-train-warmup"><label class="form-check-label" for="chk-train-warmup"><strong>Warm-ups:</strong> Movement drills (shrimping, bridging etc.). Prepare the body.</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-train-drill"><label class="form-check-label" for="chk-train-drill"><strong>Technique Drilling:</strong> Repetitive practice with partner. Focus on quality reps & details.</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-train-posspar"><label class="form-check-label" for="chk-train-posspar"><strong>Positional Sparring:</strong> Rolling from specific spots with goals (Guard Pass, Mount Escape etc.). Isolates skills.</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-train-roll"><label class="form-check-label" for="chk-train-roll"><strong>Rolling (Sparring):</strong> Live grappling applying techniques against resistance. Vary intensity & partners.</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-train-study"><label class="form-check-label" for="chk-train-study"><strong>Instructionals/Seminars:</strong> Supplement gym training with focused external learning.</label></div></li> + <li data-category="training-method" data-skill="all" data-style="both"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-train-warmup"><label class="form-check-label" for="chk-train-warmup"><strong>Warm-ups:</strong> Movement drills (shrimping, bridging etc.). Prepare the body.</label></div></li> + <li data-category="training-method" data-skill="all" data-style="both"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-train-drill"><label class="form-check-label" for="chk-train-drill"><strong>Technique Drilling:</strong> Repetitive practice with partner. Focus on quality reps & details.</label></div></li> + <li data-category="training-method" data-skill="all" data-style="both"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-train-posspar"><label class="form-check-label" for="chk-train-posspar"><strong>Positional Sparring:</strong> Rolling from specific spots with goals (Guard Pass, Mount Escape etc.). Isolates skills.</label></div></li> + <li data-category="training-method" data-skill="all" data-style="both"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-train-roll"><label class="form-check-label" for="chk-train-roll"><strong>Rolling (Sparring):</strong> Live grappling applying techniques against resistance. Vary intensity & partners.</label></div></li> + <li data-category="training-method" data-skill="all" data-style="both"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-train-study"><label class="form-check-label" for="chk-train-study"><strong>Instructionals/Seminars:</strong> Supplement gym training with focused external learning.</label></div></li> </ul> <div class="section-heading"><i class="bi bi-gem"></i> Belt System (Adult)</div> @@ -1420,12 +1675,12 @@ <div class="section-heading"><i class="bi bi-journal-check"></i> Gym Etiquette</div> <ul> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-etiq-hygiene"><label class="form-check-label" for="chk-etiq-hygiene"><strong>Hygiene FIRST:</strong> Clean Gi/No-Gi gear *every* time. Clean body, trim nails short.</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-etiq-safety"><label class="form-check-label" for="chk-etiq-safety"><strong>Safety:</strong> Tap early/often/clearly. Be aware of space/partners. No shoes on mat. Protect partners (control subs, mindful of joints).</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-etiq-respect"><label class="form-check-label" for="chk-etiq-respect"><strong>Respect:</strong> Instructor, partners (esp. higher belts), bowing, listening attentively. Avoid coaching lower belts unless asked/appropriate.</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-etiq-focus"><label class="form-check-label" for="chk-etiq-focus"><strong>Punctuality & Focus:</strong> Be on time, minimize chatter during instruction/drilling. Pay attention.</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-etiq-health"><label class="form-check-label" for="chk-etiq-health"><strong>Health:</strong> Don't train sick or with skin infections (staph, ringworm). Cover cuts properly.</label></div></li> - <li><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-etiq-community"><label class="form-check-label" for="chk-etiq-community"><strong>Community:</strong> Be a good training partner - give good resistance, help others learn, be welcoming.</label></div></li> + <li data-category="etiquette" data-skill="all" data-style="both"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-etiq-hygiene"><label class="form-check-label" for="chk-etiq-hygiene"><strong>Hygiene FIRST:</strong> Clean Gi/No-Gi gear *every* time. Clean body, trim nails short.</label></div></li> + <li data-category="etiquette" data-skill="all" data-style="both"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-etiq-safety"><label class="form-check-label" for="chk-etiq-safety"><strong>Safety:</strong> Tap early/often/clearly. Be aware of space/partners. No shoes on mat. Protect partners (control subs, mindful of joints).</label></div></li> + <li data-category="etiquette" data-skill="all" data-style="both"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-etiq-respect"><label class="form-check-label" for="chk-etiq-respect"><strong>Respect:</strong> Instructor, partners (esp. higher belts), bowing, listening attentively. Avoid coaching lower belts unless asked/appropriate.</label></div></li> + <li data-category="etiquette" data-skill="all" data-style="both"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-etiq-focus"><label class="form-check-label" for="chk-etiq-focus"><strong>Punctuality & Focus:</strong> Be on time, minimize chatter during instruction/drilling. Pay attention.</label></div></li> + <li data-category="etiquette" data-skill="all" data-style="both"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-etiq-health"><label class="form-check-label" for="chk-etiq-health"><strong>Health:</strong> Don't train sick or with skin infections (staph, ringworm). Cover cuts properly.</label></div></li> + <li data-category="etiquette" data-skill="all" data-style="both"><div class="form-check"><input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-etiq-community"><label class="form-check-label" for="chk-etiq-community"><strong>Community:</strong> Be a good training partner - give good resistance, help others learn, be welcoming.</label></div></li> </ul> </div> </div> @@ -1438,20 +1693,118 @@ <h5><i class="bi bi-check2-all"></i> Tips for Success & Faster Progress</h5> <p class="card-text">Advice for navigating the BJJ journey effectively and accelerating your learning curve.</p> <ul> - <li><i class="bi bi-calendar-check text-success me-1"></i><strong>Consistency is King:</strong> Show up regularly. Mat time is the #1 factor.</li> - <li><i class="bi bi-mortarboard-fill text-primary me-1"></i><strong>Master the Fundamentals:</strong> Solid escapes, posture, base, and basic positions are crucial. Don't skip steps.</li> - <li><i class="bi bi-shield-lock text-info me-1"></i><strong>Prioritize Defense & Survival:</strong> Confidence comes from knowing you can stay safe. It allows you to explore offense later.</li> - <li><i class="bi bi-lightbulb text-warning me-1"></i><strong>Learn Concepts, Not Just Moves:</strong> Understand *why* techniques work (leverage, frames, angles, timing, etc.).</li> - <li><i class="bi bi-patch-question-fill text-secondary me-1"></i><strong>Ask Smart Questions:</strong> Seek clarification on details, concepts, and context ('When would I use this?').</li> - <li><i class="bi bi-graph-up text-success me-1"></i><strong>Set Realistic Goals:</strong> Short-term (e.g., hit a sweep) & long-term (e.g., belt goals). Track progress.</li> - <li><i class="bi bi-journal-bookmark-fill text-primary me-1"></i><strong>Keep a Journal:</strong> Note techniques, rolling insights, questions, areas to improve. Aids retention.</li> - <li><i class="bi bi-heart-fill text-danger me-1"></i><strong>Manage Your Ego:</strong> Embrace being a beginner, learn from taps, focus on personal improvement, not comparing.</li> - <li><i class="bi bi-person-video text-info me-1"></i><strong>Know Your Learning Style:</strong> Adapt how you study/drill (visual, kinesthetic, etc.).</li> - <li><i class="bi bi-people text-secondary me-1"></i><strong>Train with Variety:</strong> Roll with different partners (size, style, level) safely to adapt your game.</li> - <li><i class="bi bi-book text-success me-1"></i><strong>Study Off the Mat:</strong> Watch quality instructionals, match footage, analyze concepts thoughtfully.</li> - <li><i class="bi bi-bicycle text-primary me-1"></i><strong>Conditioning Helps:</strong> Support your BJJ with strength, cardio, and flexibility. Prevents injury, improves performance & recovery.</li> - <li><i class="bi bi-battery-charging text-warning me-1"></i><strong>Rest & Recover:</strong> Sleep, nutrition, and rest days are vital for learning, progress and injury prevention. Don't ignore your body.</li> - <li><i class="bi bi-emoji-smile-fill text-accent me-1"></i><strong>Have Fun!</strong> Enjoy the journey, the community, and the constant puzzle-solving nature of BJJ.</li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-consistency"> + <label class="form-check-label" for="chk-tip-consistency"> + <i class="bi bi-calendar-check text-success me-1"></i><strong>Prioritize Consistency:</strong> Understand that regular mat time is the #1 factor. + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-fundamentals"> + <label class="form-check-label" for="chk-tip-fundamentals"> + <i class="bi bi-mortarboard-fill text-primary me-1"></i><strong>Master the Fundamentals:</strong> Solid escapes, posture, base, and basic positions are crucial. Don't skip steps. + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-defense"> + <label class="form-check-label" for="chk-tip-defense"> + <i class="bi bi-shield-lock text-info me-1"></i><strong>Prioritize Defense & Survival:</strong> Confidence comes from knowing you can stay safe. + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-learnconcepts"> + <label class="form-check-label" for="chk-tip-learnconcepts"> + <i class="bi bi-lightbulb text-warning me-1"></i><strong>Learn Concepts, Not Just Moves:</strong> Understand *why* techniques work (leverage, frames, etc.). + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-askq"> + <label class="form-check-label" for="chk-tip-askq"> + <i class="bi bi-patch-question-fill text-secondary me-1"></i><strong>Ask Smart Questions:</strong> Seek clarification on details, concepts, and context. + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-goals"> + <label class="form-check-label" for="chk-tip-goals"> + <i class="bi bi-graph-up text-success me-1"></i><strong>Set Realistic Goals:</strong> Short-term & long-term. Track progress. + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-journal"> + <label class="form-check-label" for="chk-tip-journal"> + <i class="bi bi-journal-bookmark-fill text-primary me-1"></i><strong>Keep a Journal:</strong> Note techniques, insights, questions. Aids retention. + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-ego"> + <label class="form-check-label" for="chk-tip-ego"> + <i class="bi bi-heart-fill text-danger me-1"></i><strong>Manage Your Ego:</strong> Embrace being a beginner, learn from taps, focus on personal improvement. + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-learnstyle"> + <label class="form-check-label" for="chk-tip-learnstyle"> + <i class="bi bi-person-video text-info me-1"></i><strong>Know Your Learning Style:</strong> Adapt how you study/drill (visual, kinesthetic, etc.). + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-variety"> + <label class="form-check-label" for="chk-tip-variety"> + <i class="bi bi-people text-secondary me-1"></i><strong>Train with Variety:</strong> Roll with different partners (size, style, level) safely to adapt your game. + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-studyoffmat"> + <label class="form-check-label" for="chk-tip-studyoffmat"> + <i class="bi bi-book text-success me-1"></i><strong>Study Off the Mat:</strong> Watch quality instructionals, match footage, analyze concepts. + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-conditioning"> + <label class="form-check-label" for="chk-tip-conditioning"> + <i class="bi bi-bicycle text-primary me-1"></i><strong>Recognize Conditioning Helps:</strong> Support BJJ with strength, cardio, and flexibility. + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-rest"> + <label class="form-check-label" for="chk-tip-rest"> + <i class="bi bi-battery-charging text-warning me-1"></i><strong>Prioritize Rest & Recover:</strong> Sleep, nutrition, and rest days are vital. + </label> + </div> + </li> + <li data-category="tip" data-skill="all" data-style="both"> + <div class="form-check"> + <input class="form-check-input mastery-checkbox" type="checkbox" value="" id="chk-tip-fun"> + <label class="form-check-label" for="chk-tip-fun"> + <i class="bi bi-emoji-smile-fill text-accent me-1"></i><strong>Remember to Have Fun!</strong> Enjoy the journey, community, and puzzle-solving. + </label> + </div> + </li> </ul> </div> </div> @@ -1500,9 +1853,8 @@ delay: 50, // Small delay on elements }); - // Optional: Add simple persistence using localStorage (uncomment to enable) - document.addEventListener('DOMContentLoaded', () => { + // Checkbox persistence const checkboxes = document.querySelectorAll('.mastery-checkbox'); checkboxes.forEach(checkbox => { // Load saved state @@ -1516,8 +1868,97 @@ localStorage.setItem(checkbox.id, checkbox.checked); }); }); - }); + // Filter functionality + const filterSkill = document.getElementById('filter-skill'); + const filterStyle = document.getElementById('filter-style'); + const filterCategory = document.getElementById('filter-category'); + const resetFiltersButton = document.getElementById('reset-filters'); + const allListItems = document.querySelectorAll('.info-card ul > li[data-category]'); + const allCardCols = document.querySelectorAll('.row > .col-lg-4'); // More specific selector for card columns + + // Populate Category Filter + const categories = new Set(); + allListItems.forEach(item => { + const cat = item.dataset.category; + if (cat) categories.add(cat.trim()); + }); + const sortedCategories = Array.from(categories).sort(); + sortedCategories.forEach(cat => { + const displayText = cat.charAt(0).toUpperCase() + cat.slice(1).replace(/-/g, ' '); + const option = new Option(displayText, cat); + filterCategory.add(option); + }); + + + function applyFilters() { + const skillValue = filterSkill.value; + const styleValue = filterStyle.value; + const categoryValue = filterCategory.value; + + // 1. First, make all card columns potentially visible. + // Individual items will be handled next. + allCardCols.forEach(col => { + col.style.display = ''; + }); + + // 2. Filter individual list items + allListItems.forEach(item => { + const itemSkill = item.dataset.skill || ""; + const itemStyle = item.dataset.style || ""; + const itemCategory = item.dataset.category || ""; + + let skillMatch = true; + if (skillValue) { + skillMatch = itemSkill.split(' ').includes(skillValue); + } + + let styleMatch = true; + if (styleValue) { + styleMatch = itemStyle.split(' ').includes(styleValue); + } + + let categoryMatch = true; + if (categoryValue) { + categoryMatch = itemCategory === categoryValue; + } + + if (skillMatch && styleMatch && categoryMatch) { + item.style.display = ''; // Show item if it matches all active filters + } else { + item.style.display = 'none'; // Hide item + } + }); + + // 3. Hide card columns if they contain no visible list items + allCardCols.forEach(col => { + const card = col.querySelector('.info-card'); + if (card) { + const visibleItemsInCard = card.querySelectorAll('ul > li[data-category]:not([style*="display: none"])'); + if (visibleItemsInCard.length === 0) { + col.style.display = 'none'; + } + } + }); + } + + filterSkill.addEventListener('change', applyFilters); + filterStyle.addEventListener('change', applyFilters); + filterCategory.addEventListener('change', applyFilters); + + resetFiltersButton.addEventListener('click', () => { + filterSkill.value = ''; + filterStyle.value = ''; + filterCategory.value = ''; + + allListItems.forEach(item => { + item.style.display = ''; + }); + allCardCols.forEach(col => { + col.style.display = ''; + }); + }); + }); </script>