brazilian jiu jutsu
· 1 year ago
4c84a0cf8bf3878073b66bc3d0aeb09966a4c4b7
Parent:
f66dd96f3
1 file changed +655 −0
- brazilian-jiu-jitsu.html +655 −0
Diff
--- /dev/null +++ b/brazilian-jiu-jitsu.html @@ -0,0 +1,655 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Brazilian Jiu-Jitsu (BJJ) Cheatsheet</title> + <meta name="description" content="A comprehensive, interactive cheatsheet covering the fundamentals, positions, techniques, and concepts of Brazilian Jiu-Jitsu (BJJ). Ideal for beginners and quick reference."> + <meta name="keywords" content="Brazilian Jiu-Jitsu, BJJ, cheatsheet, grappling, martial arts, positions, submissions, escapes, sweeps, guard pass, takedowns, fundamentals, BJJ concepts, Gi, No-Gi, rolling, belts"> + <meta name="author" content="AI Assistant (based on user input)"> + + <!-- Open Graph / Facebook / LinkedIn --> + <meta property="og:title" content="Brazilian Jiu-Jitsu (BJJ) Cheatsheet: Fundamentals & Techniques"> + <meta property="og:description" content="Master the essentials of BJJ with this interactive cheatsheet covering core concepts, positions, submissions, escapes, and training methods."> + <meta property="og:type" content="article"> + <!-- <meta property="og:url" content="[Your URL Here]"> --> + <!-- <meta property="og:image" content="[Your Image URL Here]"> --> + <!-- <meta property="og:image:alt" content="Illustration of BJJ techniques or positions"> --> + <meta property="og:site_name" content="BJJ Cheatsheet"> + <meta property="og:locale" content="en_US"> + + <!-- Twitter Card --> + <meta name="twitter:card" content="summary_large_image"> + <meta name="twitter:title" content="Brazilian Jiu-Jitsu (BJJ) Cheatsheet: Key Concepts Explained"> + <meta name="twitter:description" content="Your quick guide to BJJ! Explore fundamentals, positions, submissions, escapes, sweeps, and more in this easy-to-use cheatsheet."> + <!-- <meta name="twitter:url" content="[Your URL Here]"> --> + <!-- <meta name="twitter:image" content="[Your Image URL Here]"> --> + <!-- <meta name="twitter:image:alt" content="Illustration of BJJ techniques or positions"> --> + + <!-- CSS --> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&family=Lato:wght@400;700&display=swap" rel="stylesheet"> + <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> + <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> + <!-- Custom CSS (Inspired by leadership.html template) --> + <style> + :root { + --font-primary: 'Lato', sans-serif; + --font-headings: 'Poppins', sans-serif; + --color-bg: #f8f9fa; + --color-text: #343a40; + --color-primary: #003366; /* BJJ Blue/Navy */ + --color-secondary: #4a7ab8; /* Lighter blue */ + --color-card-bg: #ffffff; + --color-card-border: #e9ecef; + --color-link: #0d6efd; + --color-link-hover: #0a58ca; + --color-expand-bg: #eef3f8; /* Lighter blue for expanded content */ + --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.07); + --shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.1); + } + + body { + background-color: var(--color-bg); + font-family: var(--font-primary); + color: var(--color-text); + padding-top: 0; + padding-bottom: 3rem; + font-size: 16.5px; + line-height: 1.65; + } + + h1, h2, h3, h4, h5, h6 { + font-family: var(--font-headings); + color: var(--color-primary); + font-weight: 600; + } + + a { + color: var(--color-link); + text-decoration: none; + transition: color 0.2s ease-in-out; + } + a:hover { + color: var(--color-link-hover); + text-decoration: underline; + } + .small { font-size: 0.85em; } + + .page-header { + padding: 3rem 1.5rem; + margin-bottom: 3rem; + text-align: center; + background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); + color: #fff; + border-bottom: 5px solid var(--color-secondary); + } + .page-header h1 { + color: #ffffff; + font-weight: 500; + margin-bottom: 0.75rem; + font-size: 2.8rem; + display: flex; + align-items: center; + justify-content: center; + gap: 0.75rem; + } + .page-header h1 .bi { + font-size: 0.9em; + opacity: 0.9; + } + .page-header .lead { + color: #e9ecef; + font-size: 1.15rem; + max-width: 700px; + margin-left: auto; + margin-right: auto; + } + + .row > * { margin-bottom: 2rem; } + + .info-card { + background-color: var(--color-card-bg); + border: 1px solid var(--color-card-border); + border-radius: 0.5rem; + box-shadow: var(--shadow-soft); + height: 100%; + display: flex; + flex-direction: column; + transition: transform 0.25s ease-out, box-shadow 0.25s ease-out; + } + .info-card:hover { + transform: translateY(-4px); + box-shadow: var(--shadow-hover); + } + .info-card .card-body { + padding: 1.75rem; + flex-grow: 1; + } + .info-card h5 { + color: var(--color-primary); + text-align: center; + margin-bottom: 1.25rem; + padding-bottom: 0; + border-bottom: none; + font-weight: 600; + font-size: 1.15rem; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + gap: 0.5rem; + } + .info-card h5 .bi { + font-size: 1.2em; + color: var(--color-secondary); + order: -1; + } + .info-card h5 a { color: inherit; text-decoration: none; } + .info-card h5 a:hover { text-decoration: underline; } + .info-card p.description, .info-card .card-text { + font-size: 1rem; + color: var(--color-text); + text-align: left; + margin-bottom: 1rem; + line-height: 1.6; + } + + .info-card ul { + padding-left: 0; + margin-bottom: 0; + list-style: none; + } + .info-card .card-body > ul > li { /* Target only DIRECT children li */ + margin-bottom: 0.6rem; + color: var(--color-text); + position: relative; + font-size: 0.98rem; + padding-left: 1.6rem; + } + .info-card .card-body > ul > li::before { /* Custom bullet for direct children */ + content: ''; + position: absolute; + left: 0.5rem; + top: 0.65em; /* Adjusted for potential line height changes */ + transform: translateY(-50%); + width: 6px; + height: 6px; + background-color: var(--color-secondary); + border-radius: 50%; + } + .info-card ul li:last-child { margin-bottom: 0; } + + /* Nested list styling */ + .info-card ul ol, .expandable-content ol { + list-style: decimal; + padding-left: 2.5rem; + margin-top: 0.6rem; + margin-bottom: 0.6rem; + } + .info-card ul ol li, .expandable-content ol li { + font-size: 0.95rem; + 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; + margin-top: 0.6rem; + margin-bottom: 0.6rem; + } + .expandable-content ul:not(.list-unstyled) li { + font-size: 0.95rem; + margin-bottom: 0.4rem; + } + + .state-heading { /* Re-purposed for sub-headings if needed */ + font-weight: bold; + color: var(--color-secondary); + margin-top: 1rem; + margin-bottom: 0.4rem; + font-size: 0.95em; + display: flex; + align-items: center; + gap: 0.5rem; + } + .state-heading a { font-weight: normal; } + + /* Expandable section styles */ + .expandable-trigger { + border-bottom: 1px dotted var(--color-primary); /* Changed link to primary */ + cursor: pointer; + text-decoration: none; + color: var(--color-primary); + font-weight: 500; + transition: color 0.2s, border-color 0.2s; + display: inline-block; + } + .expandable-trigger:hover { + color: var(--color-link-hover); + border-bottom-color: var(--color-link-hover); + text-decoration: none; + } + .expandable-trigger .bi { + font-size: 0.8em; + margin-left: 0.2em; + transition: transform 0.3s ease-in-out; + } + .expandable-trigger[aria-expanded="true"] .bi { + transform: rotate(180deg); + } + + .expandable-content { + background-color: var(--color-expand-bg); + border: 1px solid var(--color-card-border); + border-radius: 0.3rem; + padding: 0.8rem 1.2rem; + margin-top: 0.5rem; + margin-bottom: 0.8rem; /* Ensure space before next list item */ + font-size: 0.95em; + line-height: 1.55; + box-shadow: inset 0 1px 3px rgba(0,0,0,0.05); + } + .expandable-content p:last-child { margin-bottom: 0; } + .expandable-content a { font-weight: 500; } + + footer { + padding: 2.5rem 0; + font-size: 0.9em; + margin-top: 3rem; + text-align: center; + color: #6c757d; + border-top: 1px solid var(--color-card-border); + } + footer a { color: var(--color-secondary); } + footer a:hover { color: var(--color-primary); } + </style> +</head> +<body> + + <header class="page-header"> + <div class="container"> + <h1 class="display-5"><i class="bi bi-universal-access-circle"></i> Brazilian Jiu-Jitsu Cheatsheet</h1> + <p class="lead">A Quick Guide to Key Concepts, Positions, Techniques, and Principles of "The Gentle Art".</p> + </div> + </header> + + <div class="container"> + <div class="row"> + + <!-- Card: Introduction & Core Concepts --> + <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-info-circle"></i> What is BJJ & Core Concepts</h5> + <p class="card-text">BJJ is a grappling-based martial art focused on ground fighting and submissions, emphasizing leverage and technique over strength.</p> + <ul> + <li><strong>Goal:</strong> Control & Submit opponent via joint locks or chokes.</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 Before Submission</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-concept-pos"> + <p>Establish a dominant position (like Mount or Back Control) before attempting to finish the fight. Control is paramount.</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 Over Strength</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-concept-lev"> + <p>Using technique, body mechanics, and leverage allows smaller individuals to overcome larger, stronger opponents.</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>Fundamental principles for balance (Base), spinal alignment for defense/strength (Posture), and using limbs effectively as frames/levers (Structure).</p> + </div> + <li><strong>Frames & Levers:</strong> Using limbs to create space or apply force.</li> + <li><strong>Timing & Momentum:</strong> Using opponent's energy against them.</li> + </ul> + </div> + </div> + </div> + + <!-- Card: Fundamental Movements --> + <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-arrows-move"></i> Fundamental Movements</h5> + <p class="card-text">Essential body movements for escaping, creating space, defending, and attacking.</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> + </li> + <div class="collapse expandable-content" id="collapse-move-shrimp"> + <p>Moving hips away laterally to create space, crucial for escaping pins and retaining guard.</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</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-move-bridge"> + <p>Explosive hip lift to disrupt opponent's base, used to escape Mount, Side Control, etc.</p> + </div> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-move-post" role="button" aria-expanded="false" aria-controls="collapse-move-post"><strong>Posting</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-move-post"> + <p>Using hands, feet, or elbows on the mat or opponent to maintain balance and prevent being swept or controlled.</p> + </div> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-move-sprawl" role="button" aria-expanded="false" aria-controls="collapse-move-sprawl"><strong>Sprawl</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-move-sprawl"> + <p>Defending takedowns (esp. leg attacks) by thrusting hips back and dropping weight onto the opponent.</p> + </div> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-move-shoot" role="button" aria-expanded="false" aria-controls="collapse-move-shoot"><strong>Shoot</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-move-shoot"> + <p>Lowering your level and penetrating forward quickly to initiate takedowns like the Single or Double Leg.</p> + </div> + <li><strong>Technical Stand-up:</strong> Safely getting up from the ground while protecting yourself.</li> + </ul> + </div> + </div> + </div> + + <!-- Card: Positional Hierarchy --> + <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-diagram-3-fill"></i> Positional Hierarchy (Top > Bottom)</h5> + <p class="card-text">Dominant positions allow control and attack opportunities. Being on top is generally advantageous.</p> + <ol style="list-style: decimal; padding-left: 1.5rem;"> + <li><strong>Back Mount / Back Control:</strong> Most dominant; opponent can't see attacks.</li> + <li><strong>Mount (Full Mount):</strong> Sitting on opponent's torso, controlling hips.</li> + <li><strong>Knee-on-Belly:</strong> High pressure, mobile, good transitions.</li> + <li><strong>Side Control:</strong> Controlling from the side (chest-to-chest, Kesa Gatame, North-South variations).</li> + <li><strong>Guard (Top):</strong> Standing/kneeling while opponent uses legs (needs passing).</li> + <li><strong>Guard (Bottom):</strong> Controlling opponent from your back using legs (aim to sweep/submit).</li> + <li><strong>Turtle:</strong> Defensive posture on hands/knees.</li> + <li class="small"><em>(Bottom positions like Bottom Mount indicate disadvantage)</em></li> + </ol> + </div> + </div> + </div> + + <!-- Card: Guards --> + <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-shield-shaded"></i> Guards (Bottom Position)</h5> + <p class="card-text">Using legs from your back to control the opponent, prevent passes, set up sweeps, or submit.</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"><strong>Closed Guard</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-guard-closed"> + <p>Legs locked around opponent's torso. Good control, many attacks/sweeps.</p> + </div> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-half" role="button" aria-expanded="false" aria-controls="collapse-guard-half"><strong>Half Guard</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-guard-half"> + <p>Controlling one of the opponent's legs between yours. Can be defensive or offensive.</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"><strong>Butterfly Guard</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-guard-bfly"> + <p>Using feet ("hooks") on the inside of opponent's thighs, often seated. Good for sweeps.</p> + </div> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-guard-spider" role="button" aria-expanded="false" aria-controls="collapse-guard-spider"><strong>Spider Guard (Low/High)</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-guard-spider"> + <p>Using feet on opponent's biceps/shoulders/hips with sleeve grips (Gi). Controls posture and distance.</p> + </div> + <li><strong>Open Guard:</strong> General term for guards where legs aren't locked (includes Spider, De La Riva, Lasso etc.).</li> + </ul> + </div> + </div> + </div> + + <!-- Card: Guard Passing --> + <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-sign-turn-right-fill"></i> Guard Passing (Top Position)</h5> + <p class="card-text">Techniques to get around the opponent's legs (guard) to achieve a more dominant position like Side Control or Mount.</p> + <ul> + <li><strong>Straight Pass / Knee Slice:</strong> Cutting one knee through the guard while controlling legs/hips.</li> + <li><strong>Cross Pass / Cross Knee:</strong> Passing across the opponent's body, often blocking the far hip.</li> + <li><strong>Stack Pass:</strong> Compressing/stacking the opponent's legs towards their head.</li> + <li><strong>Bull Fighter / Toreando Pass:</strong> Controlling both legs/pants and steering them aside like a matador.</li> + <li><strong>Arm & Leg Pass / Leg Drag:</strong> Controlling an arm while dragging one leg across the opponent's body.</li> + <li><strong>Double Under Pass:</strong> Scooping both arms under the opponent's legs to lift and pass.</li> + </ul> + </div> + </div> + </div> + + <!-- Card: Sweeps --> + <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-arrow-repeat"></i> Sweeps (From Guard)</h5> + <p class="card-text">Techniques used from a bottom guard position to reverse the situation and get on top.</p> + <ul> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-sweep-scissor" role="button" aria-expanded="false" aria-controls="collapse-sweep-scissor"><strong>Scissor Sweep</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-sweep-scissor"> + <p>From Closed Guard, using legs in a scissoring motion to off-balance and reverse.</p> + </div> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-sweep-hip" role="button" aria-expanded="false" aria-controls="collapse-sweep-hip"><strong>Hip Bump Sweep</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-sweep-hip"> + <p>From Closed Guard, sitting up and bumping opponent's base with your hip while controlling an arm.</p> + </div> + <li><strong>Flower / Pendulum Sweep:</strong> Using leg momentum like a pendulum to sweep from Closed Guard.</li> + <li><strong>Butterfly Sweep:</strong> Lifting with butterfly hooks while controlling upper body.</li> + <li><strong>Cowboy Sweep:</strong> Specific sweep involving particular grips/leg actions (name varies).</li> + <li><strong>Wind Mill Sweep:</strong> Often from open guard, using circular leg motions.</li> + <li><strong>Ankle Pick / Ankle Hip / Ankle Knee Sweeps:</strong> Initiated by controlling the ankle/leg.</li> + </ul> + </div> + </div> + </div> + + <!-- Card: Submissions --> + <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-lock-fill"></i> Submissions (Finishes)</h5> + <p class="card-text">Techniques forcing an opponent to "tap out" (submit) via chokes or joint locks.</p> + <div class="state-heading">Chokes (Restricting Blood/Air):</div> + <ul> + <li><strong>Rear Naked Choke (RNC):</strong> From Back Control.</li> + <li><strong>Guillotine Choke:</strong> Front headlock choke.</li> + <li><strong>Triangle Choke:</strong> Using legs around neck and one arm.</li> + <li><strong>Cross Collar Choke:</strong> Using Gi collars (from Mount/Guard).</li> + <li><strong>Bow and Arrow Choke:</strong> From Back Control using collar and leg.</li> + </ul> + <div class="state-heading">Joint Locks (Hyperextending/Twisting):</div> + <ul> + <li><strong>Arm Bar (Juji Gatame):</strong> Hyperextending the elbow.</li> + <li><strong>Kimura:</strong> Figure-four grip shoulder lock.</li> + <li><strong>Americana / Key Lock:</strong> Shoulder lock, often from Mount/Side Control.</li> + <li><strong>Omoplata:</strong> Shoulder lock using legs from Guard.</li> + <li><strong>Ankle Lock / Straight Foot Lock:</strong> Basic leg lock.</li> + <li class="small"><em>(Others: Heel Hook, Kneebar, Toe Hold - often advanced)</em></li> + </ul> + </div> + </div> + </div> + + <!-- Card: Escapes --> + <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-escape"></i> Escapes (Getting Out)</h5> + <p class="card-text">Techniques to get out of disadvantageous positions or submission attempts.</p> + <ul> + <li><strong>Mount Escapes:</strong> Using Bridge (upa) and Shrimp variations.</li> + <li><strong>Side Control Escapes:</strong> Using Shrimping, framing, turning in/away.</li> + <li><strong>Back Control Escapes:</strong> Hand fighting, turning into opponent.</li> + <li><strong>Knee-on-Belly Escape:</strong> Shrimping, framing the knee away.</li> + <li><strong>Head Lock Escapes:</strong> Critical for self-defense and basic BJJ.</li> + <li><strong>Arm Bar Escape:</strong> Stacking, pulling elbow out, turning.</li> + <li><strong>Triangle Escape:</strong> Posturing up, controlling arm/head.</li> + <li><strong>Guillotine Escape:</strong> Posturing, creating space, hand fighting.</li> + <li><strong>Ankle Lock Escape:</strong> "Booting" the foot, turning.</li> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-escape-working" role="button" aria-expanded="false" aria-controls="#collapse-escape-working"><strong>Working Position Escapes</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-escape-working"> + <p>General term likely referring to escaping the core dominant positions (Mount, Side, Back) by regaining guard or creating space to stand up.</p> + </div> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-escape-shoot" role="button" aria-expanded="false" aria-controls="#collapse-escape-shoot"><strong>Shoot (Escape Context)</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-escape-shoot"> + <p>Sometimes used explosively to create scrambles or transitions out of bad spots, potentially leading to a takedown or reversal.</p> + </div> + </ul> + </div> + </div> + </div> + + <!-- Card: Takedowns --> + <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-person-down"></i> Takedowns (Getting to the Ground)</h5> + <p class="card-text">Techniques to bring a standing opponent to the mat. BJJ incorporates Wrestling and Judo takedowns.</p> + <ul> + <li><strong>Single Leg Takedown:</strong> Attacking and controlling one leg.</li> + <li><strong>Double Leg Takedown:</strong> Attacking and controlling both legs.</li> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-td-osoto" role="button" aria-expanded="false" aria-controls="collapse-td-osoto"><strong>Osoto Gari</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-td-osoto"> + <p>Major Outer Reaping; a common Judo throw involving reaping the opponent's leg from the outside.</p> + </div> + <li><strong>Leg Pick / Ankle Pick:</strong> Picking the ankle to off-balance.</li> + <li><strong>Hip Toss (e.g., O Goshi):</strong> Using hip leverage to throw.</li> + <li><strong>Foot Sweeps (e.g., De Ashi Barai):</strong> Sweeping the opponent's foot as they step.</li> + <li><strong>Body Lock Takedown:</strong> Clinching around the torso to take down.</li> + </ul> + </div> + </div> + </div> + + <!-- Card: Guard Breaks --> + <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-key-fill"></i> Guard Breaks (Opening Closed Guard)</h5> + <p class="card-text">Techniques used by the top player to open the opponent's locked legs (Closed Guard).</p> + <ul> + <li><strong>Posture & Base:</strong> Maintaining strong posture is key.</li> + <li><strong>Palm Chest / Elbow Knee:</strong> Using hand/elbow pressure inside opponent's thigh/knee.</li> + <li><strong>Hands in Hip:</strong> Posturing up, placing hands on opponent's hips to create distance.</li> + <li><strong>Stack Break:</strong> Driving weight forward to stack the opponent, forcing legs open.</li> + <li><strong>Standing Break:</strong> Standing up inside the guard to use gravity and leverage.</li> + <li><strong>Standing Knee Break:</strong> While standing, driving a knee into the opponent's tailbone or thigh to split legs.</li> + </ul> + </div> + </div> + </div> + + <!-- Card: Training & Progression --> + <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-trophy-fill"></i> Training & Progression</h5> + <p class="card-text">How learning and advancement typically happen in BJJ.</p> + <div class="state-heading">Training Methods:</div> + <ul> + <li><strong>Drilling:</strong> Repetitive practice of techniques.</li> + <li><strong>Positional Sparring:</strong> Rolling from specific positions with set goals (e.g., Pass/Sweep, Escape/Submit). Includes "Penning" (holding position), "Break Breaking", "Pass & Sweep".</li> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-train-roll" role="button" aria-expanded="false" aria-controls="collapse-train-roll"><strong>Rolling (Live Sparring)</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-train-roll"> + <p>Free-form grappling applying all learned techniques against a resisting opponent, aiming for submission.</p> + </div> + </ul> + <div class="state-heading">Belt System (Adult):</div> + <ul> + <li>White -> Blue -> Purple -> Brown -> Black -> Red/Black -> Red</li> + <li>Stripes (usually 0-4) mark progress within belts.</li> + <li>Promotion based on skill, knowledge, time, consistency (instructor discretion). Avg. 8-12+ years to Black Belt.</li> + </ul> + </div> + </div> + </div> + + <!-- Card: Etiquette & Safety --> + <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-shield-check"></i> Etiquette & Safety</h5> + <p class="card-text">Key practices for a safe and respectful training environment.</p> + <ul> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#collapse-safe-tap" role="button" aria-expanded="false" aria-controls="collapse-safe-tap"><strong>Tap Early, Tap Often</strong> <i class="bi bi-chevron-down"></i></a> + </li> + <div class="collapse expandable-content" id="collapse-safe-tap"> + <p>Signal submission clearly (tap partner, mat, or say "Tap!") before injury occurs. Ego < Safety.</p> + </div> + <li><strong>Hygiene:</strong> Keep yourself and gear (Gi/No-Gi) clean. Trim nails. Avoid training when sick or with infections.</li> + <li><strong>Mat Safety:</strong> No shoes on mats. Wear footwear off mats. Be aware of surroundings during rolling (spatial awareness).</li> + <li><strong>Respect:</strong> Instructors, training partners (esp. higher belts), the space. Bowing on/off mats is common.</li> + <li><strong>Be a Good Partner:</strong> Control techniques, don't crank subs, be mindful of size differences.</li> + <li><strong>Listen to Your Body:</strong> Rest, recover, don't train through major injuries. Communicate limitations.</li> + <li><strong>Oss / Ossu:</strong> Common term of respect/affirmation.</li> + </ul> + </div> + </div> + </div> + + </div> <!-- /.row --> + </div> <!-- /.container --> + +<footer class="container text-center pb-3"> + <p>This cheatsheet provides a basic overview of Brazilian Jiu-Jitsu concepts and techniques. Continuous learning under qualified instruction is essential.</p> + <p>Key BJJ Resources: + <a href="https://ibjjf.com/" target="_blank" rel="noopener noreferrer">IBJJF (Federation)</a> | + <a href="https://www.bjjheroes.com/" target="_blank" rel="noopener noreferrer">BJJ Heroes (History & Database)</a> | + <a href="https://www.youtube.com/results?search_query=bjj+techniques" target="_blank" rel="noopener noreferrer">YouTube (Technique Search)</a> + <!-- Add other relevant links like popular instructional sites if desired --> + </p> + <p class="mb-2">Inspired by the 15 Commitments Cheatsheet layout. <br> © 2025 AI Assistant. Please verify information with trusted BJJ sources.</p> + +</footer> + + <!-- JAVASCRIPT --> + <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> + <script src="https://unpkg.com/[email protected]/dist/aos.js"></script> + <script> + // Initialize AOS (Animate on Scroll) + AOS.init({ + duration: 600, + easing: 'ease-in-out', + once: true, + mirror: false, + offset: 50, // Lower offset to trigger sooner + delay: 0, + }); + + // Optional: Initialize tooltips if you add any later + // var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) + // var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { + // return new bootstrap.Tooltip(tooltipTriggerEl) + // }); + </script> + +</body> +</html> \ No newline at end of file