add checkboxes
· 1 year ago
fecf0fff01f1825ca6a14d048d041306348e4670
Parent:
8f89b8640
1 file changed +836 −184
- brazilian-jiu-jitsu.html +836 −184
Diff
--- a/brazilian-jiu-jitsu.html +++ b/brazilian-jiu-jitsu.html @@ -3,18 +3,18 @@ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Brazilian Jiu-Jitsu (BJJ) Cheatsheet: The Ultimate Guide</title> - <meta name="description" content="A comprehensive, interactive cheatsheet covering Brazilian Jiu-Jitsu (BJJ) fundamentals, mindset, positions, techniques (beginner to advanced), concepts, etiquette, and resources. Ideal for all levels."> - <meta name="keywords" content="Brazilian Jiu-Jitsu, BJJ, cheatsheet, 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"> + <title>Brazilian Jiu-Jitsu (BJJ) Cheatsheet: The Ultimate Guide (Printable & Trackable)</title> + <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="author" content="AI Assistant (based on user input)"> - <link rel="canonical" href="http://cheatsheets.davidveksler.com/brazilian-jiu-jitsu.html"> + <link rel="canonical" href="http://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 Guide"> - <meta property="og:description" content="Master the essentials of BJJ with this detailed, interactive cheatsheet covering core concepts, mindset, positions, techniques (beginner to advanced), training methods, and key resources including YouTube links."> + <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:type" content="article"> - <meta property="og:url" content="http://cheatsheets.davidveksler.com/brazilian-jiu-jitsu.html"> + <meta property="og:url" content="http://cheatsheets.davidveksler.com/brazilian-jiu-jitsu.html"> <!-- Update if URL changes --> <meta property="og:image" content="images/bjj-meditate-header.jpg"> <!-- Added OG image --> <meta property="og:image:alt" content="Minimalist illustration of a BJJ practitioner meditating in seiza"> <meta property="og:site_name" content="BJJ Cheatsheet"> @@ -22,9 +22,9 @@ <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image"> - <meta name="twitter:title" content="Brazilian Jiu-Jitsu (BJJ) Cheatsheet: Interactive 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."> - <meta name="twitter:url" content="http://cheatsheets.davidveksler.com/brazilian-jiu-jitsu.html"> + <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:url" content="http://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"> @@ -151,6 +151,7 @@ display: flex; flex-direction: column; transition: transform 0.25s ease-out, box-shadow 0.25s ease-out; + page-break-inside: avoid; /* Try to prevent breaking card mid-print */ } .info-card:hover { transform: translateY(-5px); @@ -190,29 +191,44 @@ } .info-card ul { - padding-left: 0; + padding-left: 0; /* Reset default padding */ margin-bottom: 0; - list-style: none; + list-style: none; /* Remove default bullets */ } - .info-card .card-body ul > li { - margin-bottom: 0.7rem; - color: var(--color-text); + + /* Checkbox Styling */ + .info-card .form-check { + margin-bottom: 0.6rem; /* Space between check items */ + padding-left: 2.2em; /* Space for checkbox */ position: relative; - font-size: 0.98rem; - padding-left: 1.8rem; } - .info-card .card-body ul > li::before { - content: "\F632"; /* Dot icon */ - font-family: 'bootstrap-icons'; - position: absolute; - left: 0.2rem; - top: 0.2em; - font-size: 0.9em; - color: var(--color-secondary); - width: auto; height: auto; - transform: none; + .info-card .form-check .form-check-input { + margin-left: -2.2em; /* Position checkbox */ + margin-top: 0.3em; /* Align vertically */ + cursor: pointer; + } + .info-card .form-check .form-check-label { + display: inline; /* Allow text to wrap naturally */ + cursor: pointer; + font-size: 0.98rem; + color: var(--color-text); + } + /* Indent nested lists below checkboxes */ + .info-card .form-check + ul, + .info-card .form-check + ol { + margin-top: 0.4rem; + margin-bottom: 0.8rem; + padding-left: 2.5rem; /* Indent nested lists */ } - .info-card ul li:last-child { margin-bottom: 0; } + .info-card .form-check label strong { + font-weight: 500; /* Slightly bolder text for emphasis */ + } + /* Style checked items */ + .info-card .form-check-input:checked + .form-check-label { + color: #555; + text-decoration: line-through; + opacity: 0.7; + } /* Style for the subtle group labels */ .group-label { @@ -228,7 +244,7 @@ margin-top: 0; } - /* Nested list styling */ + /* Nested list styling (if needed outside form-checks) */ .info-card ul ol, .expandable-content ol { list-style: decimal; padding-left: 2.5rem; @@ -240,9 +256,6 @@ padding-left: 0; margin-bottom: 0.4rem; } - .info-card ul li ol li::before, .info-card ul li ul li::before { - content: none; - } .expandable-content ul:not(.list-unstyled) { list-style: disc; padding-left: 2.5rem; @@ -276,20 +289,20 @@ color: var(--color-primary); font-weight: 500; transition: color 0.2s, border-color 0.2s; - display: inline-block; + display: inline-block; /* Keep inline behaviour */ } .expandable-trigger:hover { color: var(--color-link-hover); border-bottom-color: var(--color-link-hover); text-decoration: none; } - .expandable-trigger .bi { + .expandable-trigger .bi-chevron-down { /* Keep targetting specific icon */ font-size: 0.8em; margin-left: 0.2em; transition: transform 0.3s ease-in-out; display: inline-block; } - .expandable-trigger[aria-expanded="true"] .bi { + .expandable-trigger[aria-expanded="true"] .bi-chevron-down { transform: rotate(180deg); } .expandable-trigger .bi-youtube { @@ -299,6 +312,11 @@ vertical-align: baseline; transform: none !important; } + /* Adjust label when it contains an expandable trigger */ + .form-check-label .expandable-trigger { + /* Ensure trigger remains distinctly styled */ + font-weight: 500; + } .expandable-content { background-color: var(--color-expand-bg); @@ -363,21 +381,230 @@ } } + /* --- PRINT STYLES --- */ + @media print { + :root { + --color-bg: #ffffff; + --color-text: #000000; + --color-primary: #000000; + --color-secondary: #000000; + --color-accent: #000000; + --color-card-bg: #ffffff; + --color-card-border: #cccccc; + --color-link: #000000; + --color-expand-bg: #f0f0f0; /* Light gray for expanded content */ + } + + body { + background-color: white !important; + color: black !important; + font-size: 10pt; /* Adjust base font size for print */ + padding: 1cm; /* Add print margins */ + line-height: 1.4; + } + + h1, h2, h3, h4, h5, h6 { + color: black !important; + font-family: var(--font-headings), sans-serif; /* Ensure fallback */ + page-break-after: avoid; + } + + a { + color: black !important; + text-decoration: underline !important; + } + /* Show URLs for external links */ + a[href^="http"]::after, a[href^="//"]::after { + content: " (" attr(href) ")"; + font-size: 0.9em; + font-weight: normal; + color: #555; + } + /* Hide URLs for internal links */ + a[href^="#"]::after { + content: ""; + } + /* Hide YouTube icons in links */ + .expandable-trigger .bi-youtube, .btn .bi-youtube { + display: none !important; + } + + .hero-image-container { + display: none !important; /* Hide hero image */ + } + + .page-header { + background: none !important; + color: black !important; + border: none !important; + text-align: left !important; + padding: 0 0 1cm 0 !important; + margin-bottom: 1cm !important; + } + .page-header h1 { + font-size: 18pt !important; + justify-content: flex-start; + } + .page-header .lead { + font-size: 11pt !important; + color: #333 !important; + max-width: none; + text-align: left; + } + .page-header h1 .bi { + display: none; /* Hide icon in header */ + } + + /* Layout adjustments */ + .container, .row { + width: 100% !important; + max-width: 100% !important; + margin: 0 !important; + padding: 0 !important; + } + .row > * { + width: 100% !important; + float: none !important; + display: block !important; + padding: 0 !important; + margin-bottom: 1cm !important; /* Space between cards */ + } + + .info-card { + box-shadow: none !important; + border: 1px solid var(--color-card-border) !important; + border-left: 3px solid var(--color-card-border) !important; /* Simpler border */ + margin-bottom: 1cm !important; + page-break-inside: avoid !important; /* Important for printing */ + } + .info-card:hover { + transform: none !important; /* Disable hover effect */ + } + .info-card .card-body { + padding: 0.5cm !important; + } + .info-card h5 { + border-bottom: 1px solid var(--color-card-border) !important; + font-size: 12pt !important; + } + .info-card h5 .bi { + display: none; /* Hide icons in card headers */ + } + + /* Ensure expandable content is visible */ + .collapse { + 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 */ + cursor: default !important; + text-decoration: none !important; /* Ensure no underline if it was added */ + } + .expandable-trigger .bi-chevron-down { + display: none !important; /* Hide collapse arrows */ + } + .expandable-content { + box-shadow: none !important; + border: 1px dashed #ccc !important; /* Indicate previously hidden block */ + background-color: var(--color-expand-bg) !important; + padding: 0.5cm !important; + } + + + /* Checkbox printing */ + .form-check-input { + appearance: none; /* Remove default browser rendering */ + -webkit-appearance: none; + -moz-appearance: none; + width: 1em; + height: 1em; + border: 1px solid #666; + vertical-align: middle; + margin-top: 0.1em; /* Adjust alignment */ + display: inline-block; /* Ensure it takes space */ + position: relative; + } + .form-check-input:checked { + border-color: #333; + background-color: #eee; /* Subtle fill */ + } + /* Simple checkmark for print */ + .form-check-input:checked::before { + content: '\2713'; /* Checkmark character */ + display: block; + text-align: center; + color: #000; + font-size: 0.9em; + line-height: 1em; + position: absolute; + top: 0; left: 0; right: 0; bottom: 0; + } + .form-check-input:checked + .form-check-label { + text-decoration: line-through; /* Keep line-through */ + opacity: 0.8; + } + + /* Hide interactive buttons */ + .btn { + display: none !important; + } + /* Hide belt image */ + .info-card img.img-fluid { + display: none !important; + } + + /* Footer */ + footer { + border-top: 1px solid var(--color-card-border) !important; + margin-top: 1cm !important; + padding: 0.5cm 0 !important; + text-align: left; + font-size: 8pt; + color: #666; + } + footer p { margin-bottom: 0.5em; } + /* Hide most footer links, keep attribution/main link */ + footer a[href^="http"]:not([href*="davidveksler"]) { + display: none; + } + footer a[href^="http"]:not([href*="davidveksler"])::after { + content: ""; + } + footer div a { /* Keep LinkedIn/All Cheatsheets link */ + display: inline-block !important; + margin: 0 0.5em 0 0 !important; + } + footer div a::after { /* Show URL for these too */ + content: " (" attr(href) ")"; + } + footer .bi { display: none; } /* Hide footer icons */ + + /* Avoid breaking lists */ + ul, ol { page-break-inside: avoid; } + li { page-break-inside: avoid; } + + } /* End @media print */ + </style> </head> <body> <!-- Hero Image --> <div class="hero-image-container"> - <!-- === REPLACED with actual image path === --> <img src="images/bjj-meditate-header.jpg" alt="Minimalist illustration of a BJJ practitioner meditating in seiza, seen from behind"> - <!-- === END IMAGE REPLACEMENT === --> </div> <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.</p> + <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> </div> </header> @@ -391,28 +618,71 @@ <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><strong>Origin:</strong> Evolved from Kodokan Judo in Brazil (Gracie family).</li> - <li><strong>Goal:</strong> Achieve dominant position, control, and submit opponent (joint lock/choke).</li> + <li> + <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"> + <strong>Origin:</strong> Evolved from Kodokan Judo in Brazil (Gracie family). + </label> + </div> + </li> + <li> + <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"> + <strong>Goal:</strong> Achieve dominant position, control, and submit opponent (joint lock/choke). + </label> + </div> + </li> <li> - <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-concept-pos" role="button" aria-expanded="false" aria-controls="collapse-concept-pos"><strong>Position > Submission</strong> <i class="bi bi-chevron-down"></i></a> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-concept-pos" role="button" aria-expanded="false" aria-controls="collapse-concept-pos"><strong>Position > Submission</strong> <i class="bi bi-chevron-down"></i></a> + </label> + </div> + <div class="collapse expandable-content" id="collapse-concept-pos"> + <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> - <div class="collapse expandable-content" id="collapse-concept-pos"> - <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> - <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-concept-lev" role="button" aria-expanded="false" aria-controls="collapse-concept-lev"><strong>Leverage > Strength</strong> <i class="bi bi-chevron-down"></i></a> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-concept-lev" role="button" aria-expanded="false" aria-controls="collapse-concept-lev"><strong>Leverage > Strength</strong> <i class="bi bi-chevron-down"></i></a> + </label> + </div> + <div class="collapse expandable-content" id="collapse-concept-lev"> + <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> - <div class="collapse expandable-content" id="collapse-concept-lev"> - <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> - <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-concept-bps" role="button" aria-expanded="false" aria-controls="collapse-concept-bps"><strong>Base, Posture, Structure</strong> <i class="bi bi-chevron-down"></i></a> - </li> - <div class="collapse expandable-content" id="collapse-concept-bps"> - <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><strong>Frames & Grips:</strong> Using limbs to create space; controlling opponent's Gi/body.</li> - <li><strong>Timing & Momentum:</strong> Exploiting opponent's movement and energy.</li> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-concept-bps" role="button" aria-expanded="false" aria-controls="collapse-concept-bps"><strong>Base, Posture, Structure</strong> <i class="bi bi-chevron-down"></i></a> + </label> + </div> + <div class="collapse expandable-content" id="collapse-concept-bps"> + <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> + <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"> + <strong>Frames & Grips:</strong> Using limbs to create space; controlling opponent's Gi/body. + </label> + </div> + </li> + <li> + <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"> + <strong>Timing & Momentum:</strong> Exploiting opponent's movement and energy. + </label> + </div> + </li> </ul> </div> </div> @@ -426,24 +696,69 @@ <p class="card-text">The building blocks of all BJJ techniques. Master these for effective transitions, escapes, and attacks.</p> <ul> <li> - <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-move-shrimp" role="button" aria-expanded="false" aria-controls="collapse-move-shrimp"><strong>Shrimping (Hip Escape)</strong> <i class="bi bi-chevron-down"></i></a> - <a href="https://www.youtube.com/results?search_query=bjj+shrimp+escape+tutorial" target="_blank" rel="noopener noreferrer" class="expandable-trigger"><i class="bi bi-youtube"></i></a> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-move-shrimp" role="button" aria-expanded="false" aria-controls="collapse-move-shrimp"><strong>Shrimping (Hip Escape)</strong> <i class="bi bi-chevron-down"></i></a> + <a href="https://www.youtube.com/results?search_query=bjj+shrimp+escape+tutorial" target="_blank" rel="noopener noreferrer" class="expandable-trigger"><i class="bi bi-youtube"></i></a> + </label> + </div> + <div class="collapse expandable-content" id="collapse-move-shrimp"> + <p>Moving hips away laterally to create space. Essential for escaping pins (Mount, Side Control) and guard retention.</p> + </div> </li> - <div class="collapse expandable-content" id="collapse-move-shrimp"> - <p>Moving hips away laterally to create space. Essential for escaping pins (Mount, Side Control) and guard retention.</p> - </div> <li> - <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-move-bridge" role="button" aria-expanded="false" aria-controls="collapse-move-bridge"><strong>Bridging (Upa)</strong> <i class="bi bi-chevron-down"></i></a> - <a href="https://www.youtube.com/results?search_query=bjj+bridge+escape+upa" target="_blank" rel="noopener noreferrer" class="expandable-trigger"><i class="bi bi-youtube"></i></a> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-move-bridge" role="button" aria-expanded="false" aria-controls="collapse-move-bridge"><strong>Bridging (Upa)</strong> <i class="bi bi-chevron-down"></i></a> + <a href="https://www.youtube.com/results?search_query=bjj+bridge+escape+upa" target="_blank" rel="noopener noreferrer" class="expandable-trigger"><i class="bi bi-youtube"></i></a> + </label> + </div> + <div class="collapse expandable-content" id="collapse-move-bridge"> + <p>Explosive hip lift to disrupt opponent's base, create space, or initiate reversals (especially from Mount).</p> + </div> + </li> + <li> + <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"> + <strong>Posting:</strong> Using limbs on mat/opponent for balance. + </label> + </div> + </li> + <li> + <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"> + <strong>Sprawl:</strong> Defending takedowns by driving hips back/down. <a href="https://www.youtube.com/results?search_query=bjj+sprawl+tutorial" target="_blank" rel="noopener noreferrer" class="expandable-trigger"><i class="bi bi-youtube"></i></a> + </label> + </div> + </li> + <li> + <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"> + <strong>Technical Stand-up:</strong> Safely rising from ground while protecting. <a href="https://www.youtube.com/results?search_query=bjj+technical+stand+up" target="_blank" rel="noopener noreferrer" class="expandable-trigger"><i class="bi bi-youtube"></i></a> + </label> + </div> + </li> + <li> + <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"> + <strong>Rolling/Turning:</strong> Forward/backward shoulder rolls, Granby roll for defense/transitions. + </label> + </div> + </li> + <li> + <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"> + <strong>Pummeling:</strong> Fighting for underhook control in clinch/guard. + </label> + </div> </li> - <div class="collapse expandable-content" id="collapse-move-bridge"> - <p>Explosive hip lift to disrupt opponent's base, create space, or initiate reversals (especially from Mount).</p> - </div> - <li><strong>Posting:</strong> Using limbs on mat/opponent for balance.</li> - <li><strong>Sprawl:</strong> Defending takedowns by driving hips back/down. <a href="https://www.youtube.com/results?search_query=bjj+sprawl+tutorial" target="_blank" rel="noopener noreferrer" class="expandable-trigger"><i class="bi bi-youtube"></i></a></li> - <li><strong>Technical Stand-up:</strong> Safely rising from ground while protecting. <a href="https://www.youtube.com/results?search_query=bjj+technical+stand+up" target="_blank" rel="noopener noreferrer" class="expandable-trigger"><i class="bi bi-youtube"></i></a></li> - <li><strong>Rolling/Turning:</strong> Forward/backward shoulder rolls, Granby roll for defense/transitions.</li> - <li><strong>Pummeling:</strong> Fighting for underhook control in clinch/guard.</li> </ul> </div> </div> @@ -455,15 +770,65 @@ <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><span class="text-accent fw-bold">1. Back Mount / Back Control:</span> <i class="bi bi-shield-lock-fill text-success"></i> Highest control/attack potential. Opponent can't see.</li> - <li><span class="text-accent fw-bold">2. Mount (Full Mount):</span> <i class="bi bi-person-check-fill text-success"></i> Dominant chest-on-chest, controls hips.</li> - <li><span class="text-accent fw-bold">3. Knee-on-Belly:</span> <i class="bi bi-pin-map-fill text-warning"></i> High pressure, mobile, good for transitions.</li> - <li><span class="text-accent fw-bold">4. Side Control:</span> <i class="bi bi-people-fill text-info"></i> Stable control from side (variations: Kesa Gatame, North-South).</li> - <li><span class="text-accent fw-bold">5. Guard (Top):</span> <i class="bi bi-person-up text-secondary"></i> Must pass opponent's legs.</li> - <li><span class="text-accent fw-bold">6. Guard (Bottom):</span> <i class="bi bi-person-down text-secondary"></i> Using legs for control; aim to sweep/submit.</li> - <li><span class="text-accent fw-bold">7. Turtle:</span> <i class="bi bi-shield-exclamation text-danger"></i> Defensive shell, vulnerable back exposure.</li> - <li class="small fst-italic mt-2">Note: Being on the bottom of Mount/Side/etc., means you are in a disadvantageous position needing escape.</li> + <li> + <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"> + <span class="text-accent fw-bold">1. Back Mount / Back Control:</span> <i class="bi bi-shield-lock-fill text-success"></i> Highest control/attack potential. Opponent can't see. + </label> + </div> + </li> + <li> + <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"> + <span class="text-accent fw-bold">2. Mount (Full Mount):</span> <i class="bi bi-person-check-fill text-success"></i> Dominant chest-on-chest, controls hips. + </label> + </div> + </li> + <li> + <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"> + <span class="text-accent fw-bold">3. Knee-on-Belly:</span> <i class="bi bi-pin-map-fill text-warning"></i> High pressure, mobile, good for transitions. + </label> + </div> + </li> + <li> + <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"> + <span class="text-accent fw-bold">4. Side Control:</span> <i class="bi bi-people-fill text-info"></i> Stable control from side (variations: Kesa Gatame, North-South). + </label> + </div> + </li> + <li> + <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"> + <span class="text-accent fw-bold">5. Guard (Top):</span> <i class="bi bi-person-up text-secondary"></i> Must pass opponent's legs. + </label> + </div> + </li> + <li> + <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"> + <span class="text-accent fw-bold">6. Guard (Bottom):</span> <i class="bi bi-person-down text-secondary"></i> Using legs for control; aim to sweep/submit. + </label> + </div> + </li> + <li> + <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"> + <span class="text-accent fw-bold">7. Turtle:</span> <i class="bi bi-shield-exclamation text-danger"></i> Defensive shell, vulnerable back exposure. + </label> + </div> + </li> + <li class="small fst-italic mt-2 ps-3">Note: Being on the bottom of Mount/Side/etc., means you are in a disadvantageous position needing escape.</li> </ol> </div> </div> @@ -478,33 +843,107 @@ <p class="group-label">Beginner / Fundamental:</p> <ul> - <li><a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-closed" role="button" aria-expanded="false" aria-controls="collapse-guard-closed">Closed Guard <i class="bi bi-chevron-down"></i></a>: Legs locked. Strong control.</li> + <li> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-closed" role="button" aria-expanded="false" aria-controls="collapse-guard-closed">Closed Guard <i class="bi bi-chevron-down"></i></a>: Legs locked. Strong control. + </label> + </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><a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-half-basic" role="button" aria-expanded="false" aria-controls="collapse-guard-half-basic">Half Guard (Basic Survival/Frames) <i class="bi bi-chevron-down"></i></a></li> + </li> + <li> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-half-basic" role="button" aria-expanded="false" aria-controls="collapse-guard-half-basic">Half Guard (Basic Survival/Frames) <i class="bi bi-chevron-down"></i></a> + </label> + </div> <div class="collapse expandable-content" id="collapse-guard-half-basic"><p>Initial focus on trapping one leg defensively using knee shield/frames to prevent the pass and create space.</p></div> + </li> </ul> <p class="group-label">Intermediate:</p> <ul> - <li><a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-open" role="button" aria-expanded="false" aria-controls="collapse-guard-open">Open Guard Concepts <i class="bi bi-chevron-down"></i></a>: Legs unlocked, dynamic control.</li> + <li> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-open" role="button" aria-expanded="false" aria-controls="collapse-guard-open">Open Guard Concepts <i class="bi bi-chevron-down"></i></a>: Legs unlocked, dynamic control. + </label> + </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><a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-bfly" role="button" aria-expanded="false" aria-controls="collapse-guard-bfly">Butterfly Guard <i class="bi bi-chevron-down"></i></a>: Feet hooks inside thighs.</li> + </li> + <li> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-bfly" role="button" aria-expanded="false" aria-controls="collapse-guard-bfly">Butterfly Guard <i class="bi bi-chevron-down"></i></a>: Feet hooks inside thighs. + </label> + </div> <div class="collapse expandable-content" id="collapse-guard-bfly"><p>Good for sweeps and elevation, often used from seated position.</p></div> - <li><a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-half-off" role="button" aria-expanded="false" aria-controls="collapse-guard-half-off">Offensive Half Guard <i class="bi bi-chevron-down"></i></a> (Z-Guard, Deep Half).</li> + </li> + <li> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-half-off" role="button" aria-expanded="false" aria-controls="collapse-guard-half-off">Offensive Half Guard <i class="bi bi-chevron-down"></i></a> (Z-Guard, Deep Half). + </label> + </div> <div class="collapse expandable-content" id="collapse-guard-half-off"><p>Using half guard to actively seek sweeps, back takes, or submissions rather than just defending.</p></div> + </li> </ul> <p class="group-label">Advanced / Specialized:</p> <ul> - <li><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.</li> - <li><a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-dlr" role="button" aria-expanded="false" aria-controls="collapse-guard-dlr">De La Riva / Reverse DLR <i class="bi bi-chevron-down"></i></a>: Leg hooks around opponent's leg.</li> - <li><a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-lasso" role="button" aria-expanded="false" aria-controls="collapse-guard-lasso">Lasso Guard <i class="bi bi-chevron-down"></i></a> (Gi): Leg wraps opponent's arm.</li> - <li><a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-x" role="button" aria-expanded="false" aria-controls="collapse-guard-x">X-Guard / Single Leg X <i class="bi bi-chevron-down"></i></a>: Underneath opponent, controlling legs.</li> + <li> + <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 --> + </li> + <li> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-dlr" role="button" aria-expanded="false" aria-controls="collapse-guard-dlr">De La Riva / Reverse DLR <i class="bi bi-chevron-down"></i></a>: Leg hooks around opponent's leg. + </label> + </div> + <div class="collapse expandable-content" id="collapse-guard-dlr"></div> + </li> + <li> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-lasso" role="button" aria-expanded="false" aria-controls="collapse-guard-lasso">Lasso Guard <i class="bi bi-chevron-down"></i></a> (Gi): Leg wraps opponent's arm. + </label> + </div> + <div class="collapse expandable-content" id="collapse-guard-lasso"></div> + </li> + <li> + <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"> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-x" role="button" aria-expanded="false" aria-controls="collapse-guard-x">X-Guard / Single Leg X <i class="bi bi-chevron-down"></i></a>: Underneath opponent, controlling legs. + </label> + </div> + <div class="collapse expandable-content" id="collapse-guard-x"></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>Guard Retention <a href="https://www.youtube.com/results?search_query=bjj+guard+retention" target="_blank" rel="noopener noreferrer" class="expandable-trigger"><i class="bi bi-youtube"></i></a>: Preventing the pass and re-establishing guard.</li> + <li> + <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"> + Guard Retention <a href="https://www.youtube.com/results?search_query=bjj+guard+retention" target="_blank" rel="noopener noreferrer" class="expandable-trigger"><i class="bi bi-youtube"></i></a>: Preventing the pass and re-establishing guard. + </label> + </div> + </li> </ul> <p class="disclaimer">Categorization is general and varies by curriculum.</p> <a href="https://www.youtube.com/results?search_query=bjj+guard+fundamentals" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-primary mt-2"><i class="bi bi-youtube"></i> Guard Concepts</a> @@ -521,30 +960,114 @@ <p class="group-label">Beginner / Fundamental (Often Pressure Based):</p> <ul> - <li>Opening Closed Guard (Posture Up, Stand Up methods)</li> - <li>Knee Slice / Cut Pass</li> - <li>Stack Pass (Basic)</li> + <li> + <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"> + Opening Closed Guard (Posture Up, Stand Up methods) + </label> + </div> + </li> + <li> + <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"> + Knee Slice / Cut Pass + </label> + </div> + </li> + <li> + <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"> + Stack Pass (Basic) + </label> + </div> + </li> </ul> <p class="group-label">Intermediate (Blending Pressure & Movement):</p> <ul> - <li>Over-Under Pass</li> - <li>Double Under Pass</li> - <li>Toreando / Bullfighter Pass</li> - <li>X-Pass</li> + <li> + <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"> + Over-Under Pass + </label> + </div> + </li> + <li> + <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"> + Double Under Pass + </label> + </div> + </li> + <li> + <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"> + Toreando / Bullfighter Pass + </label> + </div> + </li> + <li> + <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"> + X-Pass + </label> + </div> + </li> </ul> <p class="group-label">Advanced / Specialized (Often Dynamic/System Based):</p> <ul> - <li>Leg Drag Pass</li> - <li>Floating / Body Lock Pass</li> - <li>Passing complex guards (Spider, DLR, etc.)</li> - <li>Combining/Chaining different pass types</li> + <li> + <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"> + Leg Drag Pass + </label> + </div> + </li> + <li> + <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"> + Floating / Body Lock Pass + </label> + </div> + </li> + <li> + <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"> + Passing complex guards (Spider, DLR, etc.) + </label> + </div> + </li> + <li> + <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"> + Combining/Chaining different pass types + </label> + </div> + </li> </ul> <p class="group-label" style="margin-top:1.5rem;"><i class="bi bi-info-circle"></i> Key Principles (All Levels):</p> <ul> - <li>Grip control, posture break, distance management, clearing legs.</li> + <li> + <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"> + Grip control, posture break, distance management, clearing legs. + </label> + </div> + </li> </ul> <p class="disclaimer">Categorization is general and varies by curriculum.</p> <a href="https://www.youtube.com/results?search_query=bjj+guard+passing+concepts" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-primary mt-2"><i class="bi bi-youtube"></i> Passing Concepts</a> @@ -561,33 +1084,138 @@ <p class="group-label">Beginner / Fundamental (Often from Closed Guard):</p> <ul> - <li>Scissor Sweep</li> - <li>Hip Bump Sweep</li> - <li>Flower / Pendulum Sweep</li> - <li>Basic Half Guard Sweeps (e.g., Old School)</li> + <li> + <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"> + Scissor Sweep + </label> + </div> + </li> + <li> + <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"> + Hip Bump Sweep + </label> + </div> + </li> + <li> + <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"> + Flower / Pendulum Sweep + </label> + </div> + </li> + <li> + <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"> + Basic Half Guard Sweeps (e.g., Old School) + </label> + </div> + </li> </ul> <p class="group-label">Intermediate (Often from Open/Butterfly/Half Guard):</p> <ul> - <li>Butterfly Sweep (Hook Elevation)</li> - <li>Tripod / Sickle Sweep</li> - <li>Basic De La Riva Sweeps</li> - <li>Half Guard Sweeps (e.g., John Wayne, Plan B)</li> + <li> + <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"> + Butterfly Sweep (Hook Elevation) + </label> + </div> + </li> + <li> + <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"> + Tripod / Sickle Sweep + </label> + </div> + </li> + <li> + <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"> + Basic De La Riva Sweeps + </label> + </div> + </li> + <li> + <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"> + Half Guard Sweeps (e.g., John Wayne, Plan B) + </label> + </div> + </li> </ul> <p class="group-label">Advanced / Specialized:</p> <ul> - <li>Spider Guard Sweeps</li> - <li>Advanced DLR/RDLR Sweeps</li> - <li>X-Guard / SLX Sweeps</li> - <li>Deep Half Guard Sweeps</li> - <li>Lasso Guard Sweeps</li> - <li>Berimbolo / Crab Ride entries leading to sweeps/back takes</li> + <li> + <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"> + Spider Guard Sweeps + </label> + </div> + </li> + <li> + <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"> + Advanced DLR/RDLR Sweeps + </label> + </div> + </li> + <li> + <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"> + X-Guard / SLX Sweeps + </label> + </div> + </li> + <li> + <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"> + Deep Half Guard Sweeps + </label> + </div> + </li> + <li> + <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"> + Lasso Guard Sweeps + </label> + </div> + </li> + <li> + <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"> + Berimbolo / Crab Ride entries leading to sweeps/back takes + </label> + </div> + </li> </ul> <p class="group-label" style="margin-top:1.5rem;"><i class="bi bi-info-circle"></i> Core Idea (All Levels):</p> <ul> - <li>Kuzushi (Off-balancing), elevation, angle creation, leverage.</li> + <li> + <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"> + Kuzushi (Off-balancing), elevation, angle creation, leverage. + </label> + </div> + </li> </ul> <p class="disclaimer">Categorization is general and varies by curriculum.</p> <a href="https://www.youtube.com/results?search_query=bjj+sweep+fundamentals" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-primary mt-2"><i class="bi bi-youtube"></i> Sweep Concepts</a> @@ -605,39 +1233,39 @@ <p class="group-label">Beginner / Fundamental (High % from basic positions):</p> <ul> <!-- Chokes --> - <li>Cross Collar Choke (From Mount/Guard - Gi)</li> - <li>Rear Naked Choke (RNC - From Back)</li> - <li>Guillotine (Basic Front Headlock)</li> + <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>Armbar from Mount / Guard</li> - <li>Kimura from Guard / Side Control</li> - <li>Americana (Keylock) from Mount / Side Control</li> - <li>Straight Ankle Lock</li> + <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> </ul> <p class="group-label">Intermediate:</p> <ul> <!-- Chokes --> - <li>Triangle Choke (From Guard/Mount)</li> - <li>Arm Triangle / Head & Arm Choke</li> - <li>Bow & Arrow Choke (Gi)</li> + <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>Omoplata</li> - <li>Wrist Locks (Basic Applications)</li> - <li>Kneebar (Basic Entries)</li> + <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> </ul> <p class="group-label">Advanced / Specialized:</p> <ul> <!-- Chokes --> - <li>Anaconda / D'Arce Chokes</li> - <li>Loop Choke (Gi)</li> - <li>Baseball Bat Choke (Gi)</li> + <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>Heel Hooks (Inside/Outside - often ruleset dependent)</li> - <li>Toe Holds</li> - <li>Complex chained submission attacks</li> - <li>Advanced Wrist Locks</li> + <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> </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> @@ -653,36 +1281,43 @@ <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>Mount Escape: Upa (Bridge & Roll)</li> - <li>Mount Escape: Elbow-Knee Escape (Shrimping)</li> - <li>Side Control Escape: Reguarding (Frames & Shrimp)</li> - <li>Side Control Escape: Turn In / Turtle Out (Basic)</li> - <li>Basic Headlock Escapes</li> + <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> </ul> <p class="group-label">Intermediate (More Pins & Basic Sub Defense):</p> <ul> - <li>Knee-on-Belly Escape (Frame & Shrimp)</li> - <li>Back Control Escape (Basic Grip Breaks & Turn)</li> - <li>Armbar Defense (Basic Stacking/Grip Break)</li> - <li>Triangle Defense (Basic Posture & Angle Change)</li> - <li>Kimura/Americana Defense (Basic Straighten/Grab)</li> - <li>Basic Choke Defense (Hand Fighting/Chin Tuck)</li> + <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> </ul> <p class="group-label">Advanced / Specialized:</p> <ul> - <li>Ghost Escape (Side Control)</li> - <li>Advanced Back Escapes (Granby Roll, etc.)</li> - <li>Hitchhiker Armbar Escape</li> - <li>Advanced Leg Lock Defenses/Escapes</li> - <li>Defending complex submission chains</li> - <li>Turtle Position Escapes/Reguarding</li> + <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> </ul> <p class="group-label" style="margin-top:1.5rem;"><i class="bi bi-info-circle"></i> Key Principle (All Levels):</p> <ul> - <li>Prevention is key: Maintaining frames/posture early stops many threats.</li> + <li> + <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"> + Prevention is key: Maintaining frames/posture early stops many threats. + </label> + </div> + </li> </ul> <p class="disclaimer">Categorization is general. Escape success often depends on timing.</p> <a href="https://www.youtube.com/results?search_query=bjj+escape+fundamentals" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-primary mt-2"><i class="bi bi-youtube"></i> Escape Concepts</a> @@ -699,31 +1334,31 @@ <p class="group-label">Beginner / Fundamental:</p> <ul> - <li>Double Leg Takedown (Basic Setup)</li> - <li>Single Leg Takedown (Basic Setup/Finish)</li> - <li>Basic Clinch Control & Pummeling</li> - <li>Sprawl (Takedown Defense)</li> - <li>Basic Guard Pull</li> + <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> </ul> <p class="group-label">Intermediate:</p> <ul> - <li>Osoto Gari (Major Outer Reaping)</li> - <li>O Goshi (Major Hip Throw)</li> - <li>Snap Down</li> - <li>Ankle Pick / Low Single</li> - <li>More Single/Double Leg Finishes</li> - <li>Basic Foot Sweeps (De Ashi Barai)</li> + <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> </ul> <p class="group-label">Advanced / Specialized:</p> <ul> - <li>Seoi Nage (Shoulder Throw)</li> - <li>Uchi Mata (Inner Thigh Throw)</li> - <li>Sumi Gaeshi / Tomoe Nage (Sacrifice Throws)</li> - <li>Advanced Foot Sweeps (Kouchi Gari, etc.)</li> - <li>Complex Wrestling Entries (Duck Unders, Arm Drags to Takedown)</li> - <li>Chain Wrestling / Combining Takedowns</li> + <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> </ul> <p class="group-label" style="margin-top:1.5rem;"><i class="bi bi-info-circle"></i> Key Skill (All Levels):</p> @@ -768,28 +1403,26 @@ <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><strong>Warm-ups:</strong> Movement drills (shrimping, bridging etc.). Prepare the body.</li> - <li><strong>Technique Drilling:</strong> Repetitive practice with partner. Focus on quality reps & details.</li> - <li><strong>Positional Sparring:</strong> Rolling from specific spots with goals (Guard Pass, Mount Escape etc.). Isolates skills.</li> - <li><strong>Rolling (Sparring):</strong> Live grappling applying techniques against resistance. Vary intensity & partners.</li> - <li><strong>Instructionals/Seminars:</strong> Supplement gym training with focused external learning.</li> + <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> </ul> <div class="section-heading"><i class="bi bi-gem"></i> Belt System (Adult)</div> - <!-- === REPLACE THIS SRC with the actual path to your belts image === --> <img src="images/bjj-belts.jpg" alt="BJJ Belt Progression: White, Blue, Purple, Brown, Black" class="img-fluid rounded mb-3"> - <!-- === END IMAGE REPLACEMENT === --> - <p class="small">Stripes (0-4) mark progress within belts. Time varies greatly (avg. 8-15 yrs to Black). Focus on learning, not the belt. Kids have a different belt system.</p> + <p class="small">Stripes (0-4) mark progress within belts. Time varies greatly (avg. 8-15 yrs to Black). Focus on learning, not the belt. Kids have a different belt system.</p> <div class="section-heading"><i class="bi bi-journal-check"></i> Gym Etiquette</div> <ul> - <li><strong>Hygiene FIRST:</strong> Clean Gi/No-Gi gear *every* time. Clean body, trim nails short.</li> - <li><strong>Safety:</strong> Tap early/often/clearly. Be aware of space/partners. No shoes on mat. Protect partners (control subs, mindful of joints).</li> - <li><strong>Respect:</strong> Instructor, partners (esp. higher belts), bowing, listening attentively. Avoid coaching lower belts unless asked/appropriate.</li> - <li><strong>Punctuality & Focus:</strong> Be on time, minimize chatter during instruction/drilling. Pay attention.</li> - <li><strong>Health:</strong> Don't train sick or with skin infections (staph, ringworm). Cover cuts properly.</li> - <li><strong>Community:</strong> Be a good training partner - give good resistance, help others learn, be welcoming.</li> + <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> </ul> </div> </div> @@ -864,6 +1497,25 @@ delay: 50, // Small delay on elements }); + // Optional: Add simple persistence using localStorage (uncomment to enable) + /* + document.addEventListener('DOMContentLoaded', () => { + const checkboxes = document.querySelectorAll('.mastery-checkbox'); + checkboxes.forEach(checkbox => { + // Load saved state + const savedState = localStorage.getItem(checkbox.id); + if (savedState === 'true') { + checkbox.checked = true; + } + + // Save state on change + checkbox.addEventListener('change', () => { + localStorage.setItem(checkbox.id, checkbox.checked); + }); + }); + }); + */ + </script> </body>