Create martial-arts-cheatsheet.html
· 1 year ago
5bfb1555d4db646914dd615ebec51193e2320e60
Parent:
59bdaecfa
1 file changed +671 −0
- martial-arts-cheatsheet.html +671 −0
Diff
--- /dev/null +++ b/martial-arts-cheatsheet.html @@ -0,0 +1,671 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Martial Arts Cheatsheet: A Global Guide to Combat Styles</title> + + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>武</text></svg>"> + + <meta name="description" content="Explore a diverse range of martial arts with this comprehensive cheatsheet. Discover origins, philosophies, key techniques, training methods, and resources for Karate, Muay Thai, BJJ, Aikido, Kung Fu, and Boxing."> + <meta name="keywords" content="Martial Arts, Karate, Muay Thai, BJJ, Brazilian Jiu-Jitsu, Aikido, Kung Fu, Boxing, Self Defense, Combat Sports, Martial Arts Guide, Martial Arts Techniques"> + <meta name="author" content="AI Assistant"> + + <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=Roboto:wght@300;400;500;700&family=Oswald:wght@400;500;600&family=Noto+Sans+JP:wght@400;700&family=Cinzel:wght@400;700&display=swap" rel="stylesheet"> + <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> + <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"> + + <style> + :root { + --font-primary: 'Roboto', sans-serif; + --font-headings: 'Oswald', sans-serif; + --font-kanji: 'Noto Sans JP', sans-serif; + --font-cinzel: 'Cinzel', serif; /* For arts like Kung Fu */ + --color-bg: #eef0f2; /* Light neutral background */ + --color-text: #333; + --color-card-bg: #ffffff; + --color-card-border: #ddd; + --color-link: #0056b3; + --color-link-hover: #003d80; + --shadow-soft: 0 3px 8px rgba(0, 0, 0, 0.08); + --shadow-hover: 0 6px 15px rgba(0, 0, 0, 0.12); + } + + body { + background-color: var(--color-bg); + font-family: var(--font-primary); + color: var(--color-text); + padding-top: 0; + padding-bottom: 3rem; + font-size: 16px; + line-height: 1.7; + } + + h1, h2, h3, h4, h5, h6 { + font-family: var(--font-headings); + font-weight: 500; + text-transform: uppercase; + letter-spacing: 0.5px; + margin-top: 0; + } + h2 { font-size: 2.5rem; margin-bottom: 1.5rem;} + h3 { font-size: 1.8rem; margin-bottom: 1rem;} + h5 { font-size: 1.3rem; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.6rem; } + + 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; } + + .global-hero { + background: linear-gradient(45deg, #343a40, #495057); + color: #fff; + padding: 4rem 1.5rem; + text-align: center; + margin-bottom: 3rem; + border-bottom: 8px solid #FFC107; /* Global accent */ + } + .global-hero h1 { + color: #fff; + font-size: 3.5rem; + font-weight: 600; + } + .global-hero .lead { + font-size: 1.25rem; + max-width: 800px; + margin: 0 auto; + color: #e0e0e0; + } + .global-hero .global-kanji { font-family: var(--font-kanji); font-size: 4rem; display: block; margin-bottom: 1rem; color: #FFC107; } + + + .martial-art-section { + margin-bottom: 4rem; + padding-top: 2rem; + border-top: 1px solid #ccc; + } + + .martial-art-hero { + padding: 2.5rem 1.5rem; + margin-bottom: 2rem; + text-align: center; + color: #fff; + border-radius: 0.5rem; + position: relative; + overflow: hidden; + } + .martial-art-hero h2 .symbol { + font-family: var(--font-kanji); /* Default, can be overridden */ + font-size: 3rem; + display: block; + margin-bottom: 0.5rem; + } + .martial-art-hero h2 .title-text { + display: block; + font-size: 2.8rem; + } + .martial-art-hero .tagline { + font-size: 1.1rem; + font-style: italic; + color: rgba(255,255,255,0.9); + } + + .row > * { margin-bottom: 2rem; } /* Ensure cards have space */ + + .info-card { + background-color: var(--color-card-bg); + border: 1px solid var(--color-card-border); + border-radius: 0.3rem; + box-shadow: var(--shadow-soft); + height: 100%; + display: flex; + flex-direction: column; + transition: transform 0.25s ease-out, box-shadow 0.25s ease-out; + page-break-inside: avoid; + } + .info-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-hover); } + .info-card .card-body { padding: 1.5rem 1.75rem; flex-grow: 1; } + .info-card h5 { + text-align: left; + margin-bottom: 1.25rem; + padding-bottom: 0.5rem; + border-bottom: 1px solid var(--color-card-border); + font-weight: 500; + } + .info-card h5 .bi { font-size: 1.1em; margin-right: 0.3rem; } + .info-card ul { padding-left: 1.5rem; margin-bottom: 0; list-style: '» '; } /* Custom bullet */ + .info-card ul li { margin-bottom: 0.6rem; } + .info-card .resource-link { display: block; margin-bottom: 0.5rem; } + .info-card .resource-link .bi { margin-right: 0.3em; } + + + /* --- Karate Specific Styles --- */ + .karate-hero { background: linear-gradient(135deg, #B71C1C, #7f0000); border-bottom: 6px solid #FFD700; } /* Deep Red to Darker Red, Gold Accent */ + .karate-hero h2 .symbol { color: #FFF; } + .info-card.karate-theme h5 { color: #B71C1C; } + .info-card.karate-theme h5 .bi { color: #7f0000; } + .info-card.karate-theme a { color: #B71C1C; } + .info-card.karate-theme a:hover { color: #7f0000; } + + /* --- Muay Thai Specific Styles --- */ + .muay-thai-hero { background: linear-gradient(135deg, #D4AF37, #B8860B); border-bottom: 6px solid #c00000; } /* Gold to Dark Gold, Red Accent */ + .muay-thai-hero h2 .symbol { font-family: var(--font-primary); font-weight: bold; font-size:2.5rem; color: #fff; } /* Using text for "มวยไทย" */ + .muay-thai-hero .tagline { color: rgba(0,0,0,0.7); font-weight:500; } + .info-card.muay-thai-theme h5 { color: #B8860B; } + .info-card.muay-thai-theme h5 .bi { color: #c00000; } + .info-card.muay-thai-theme a { color: #B8860B; } + .info-card.muay-thai-theme a:hover { color: #805C0B; } + + /* --- BJJ Specific Styles --- */ + .bjj-hero { background: linear-gradient(135deg, #003366, #002244); border-bottom: 6px solid #FFFFFF; } /* Judo Blue to Darker Blue, White Accent */ + .bjj-hero h2 .symbol { font-size: 2.8rem; color: #FFFFFF; font-family: var(--font-primary); font-weight: bold; } + .info-card.bjj-theme h5 { color: #003366; } + .info-card.bjj-theme h5 .bi { color: #002244; } + .info-card.bjj-theme a { color: #003366; } + .info-card.bjj-theme a:hover { color: #002244; } + + /* --- Aikido Specific Styles --- */ + .aikido-hero { background: linear-gradient(135deg, #4A708B, #2E4A62); border-bottom: 6px solid #E0E0E0; } /* Slate Blue to Darker Slate, Light Grey Accent */ + .aikido-hero h2 .symbol { color: #FFF; } + .info-card.aikido-theme h5 { color: #4A708B; } + .info-card.aikido-theme h5 .bi { color: #2E4A62; } + .info-card.aikido-theme a { color: #4A708B; } + .info-card.aikido-theme a:hover { color: #2E4A62; } + + /* --- Kung Fu Specific Styles --- */ + .kung-fu-hero { background: linear-gradient(135deg, #8B0000, #5E0000); border-bottom: 6px solid #FFC107; } /* Dark Red, Gold Accent */ + .kung-fu-hero h2 .symbol { color: #FFC107; font-family: var(--font-cinzel); font-weight:bold;} + .info-card.kung-fu-theme h5 { color: #8B0000; font-family: var(--font-cinzel); } + .info-card.kung-fu-theme h5 .bi { color: #5E0000; } + .info-card.kung-fu-theme a { color: #8B0000; } + .info-card.kung-fu-theme a:hover { color: #5E0000; } + + /* --- Boxing Specific Styles --- */ + .boxing-hero { background: linear-gradient(135deg, #333333, #1A1A1A); border-bottom: 6px solid #D4AF37; } /* Dark Grey/Black, Gold Accent */ + .boxing-hero h2 .symbol { font-size: 3rem; color: #D4AF37; font-family: var(--font-headings); } + .info-card.boxing-theme h5 { color: #333333; } + .info-card.boxing-theme h5 .bi { color: #D4AF37; } + .info-card.boxing-theme a { color: #333333; } + .info-card.boxing-theme a:hover { color: #1A1A1A; } + + .expandable-trigger { + border-bottom: 1px dotted; + cursor: pointer; + text-decoration: none; + font-weight: 500; + transition: color 0.2s, border-color 0.2s; + display: inline-block; + } + .expandable-trigger:hover { text-decoration: none; } + .expandable-trigger .bi-chevron-down { font-size: 0.8em; margin-left: 0.2em; transition: transform 0.3s ease-in-out; display: inline-block; } + .expandable-trigger[aria-expanded="true"] .bi-chevron-down { transform: rotate(180deg); } + .expandable-content { + background-color: #f9f9f9; border: 1px solid #eee; border-radius: 0.3rem; + padding: 1rem 1.2rem; margin-top: 0.5rem; margin-bottom: 0.8rem; + font-size: 0.95em; line-height: 1.6; box-shadow: inset 0 1px 4px rgba(0,0,0,0.04); + } + + footer { + padding: 3rem 0 2rem 0; font-size: 0.9em; margin-top: 4rem; + text-align: center; color: #6c757d; border-top: 1px solid var(--color-card-border); + } + + @media (max-width: 768px) { + .global-hero h1 { font-size: 2.8rem; } + .global-hero .global-kanji { font-size: 3rem; } + .martial-art-hero h2 .title-text { font-size: 2.2rem; } + .martial-art-hero h2 .symbol { font-size: 2.5rem; } + } + @media print { + body { background-color: white !important; color: black !important; font-size: 10pt; padding: 1cm; } + .global-hero, .martial-art-hero { background: none !important; color: black !important; border: none !important; text-align: left !important; padding: 0 0 1cm 0 !important; margin-bottom: 1cm !important; } + .global-hero h1, .martial-art-hero h2 .title-text, .martial-art-hero h2 .symbol { color: black !important; } + .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; } + .info-card { box-shadow: none !important; border: 1px solid #ccc !important; margin-bottom: 1cm !important; page-break-inside: avoid !important; } + .info-card h5 { border-bottom: 1px solid #ccc !important; } + .info-card h5 .bi { display: none; } + a { color: black !important; text-decoration: underline !important; } + a[href^="http"]::after, a[href^="//"]::after { content: " (" attr(href) ")"; font-size: 0.9em; color: #555; } + a[href^="#"]::after, .resource-link .bi-youtube::after { content: ""; } + .btn, .bi-youtube { display: none !important; } + .expandable-trigger { border-bottom: none !important; cursor: default !important; text-decoration: none !important; } + .expandable-trigger .bi-chevron-down { display: none !important; } + .collapse { display: block !important; visibility: visible !important; height: auto !important; } + .expandable-content { box-shadow: none !important; border: 1px dashed #ccc !important; background-color: #f0f0f0 !important; padding: 0.5cm !important;} + footer { border-top: 1px solid #ccc !important; margin-top: 1cm !important; padding: 0.5cm 0 !important; text-align: left; font-size: 8pt; color: #666; } + } + + </style> +</head> +<body> + + <header class="global-hero"> + <span class="global-kanji">武芸百般</span> <!-- Bugei Hyappan - All Kinds of Martial Arts --> + <h1>Martial Arts Cheatsheet</h1> + <p class="lead">A curated guide to the world of martial arts. Explore diverse styles, their philosophies, techniques, and paths to mastery. This cheatsheet offers a starting point for your journey into these ancient and modern disciplines.</p> + </header> + + <div class="container"> + <!-- About this Cheatsheet Card --> + <div class="row justify-content-center mb-5"> + <div class="col-lg-8 col-md-10"> + <div class="info-card" data-aos="fade-up"> + <div class="card-body"> + <h5 style="color: var(--color-primary);"><i class="bi bi-info-circle-fill" style="color: var(--color-primary-dark);"></i> About This Cheatsheet</h5> + <p>Welcome! This cheatsheet is designed to give you a glimpse into some of the world's most popular and influential martial arts. For each art, you'll find:</p> + <ul> + <li><strong>Core Concepts:</strong> The heart and soul, including origin and philosophy.</li> + <li><strong>Key Techniques:</strong> Signature moves and foundational skills.</li> + <li><strong>Training Insights:</strong> How practitioners typically train and develop.</li> + <li><strong>Strengths & Considerations:</strong> What makes the art unique and factors to consider.</li> + <li><strong>Resources:</strong> Starting points for further exploration.</li> + </ul> + <p>This is not exhaustive, as each art has immense depth. The goal is to spark curiosity and provide a structured overview. Use the "expand" links for more details on certain topics.</p> + <p class="small fst-italic">Remember, the true understanding of any martial art comes from dedicated practice under a qualified instructor.</p> + </div> + </div> + </div> + </div> + + + <!-- Karate Section --> + <section class="martial-art-section" id="karate"> + <div class="martial-art-hero karate-hero" data-aos="zoom-in"> + <h2><span class="symbol">空手</span><span class="title-text">Karate</span></h2> + <p class="tagline">"The Way of the Empty Hand" – Discipline, Precision, Power.</p> + </div> + <div class="row"> + <div class="col-lg-4 col-md-6" data-aos="fade-up"> + <div class="info-card karate-theme"> + <div class="card-body"> + <h5><i class="bi bi-flag-fill"></i> Origin & Philosophy</h5> + <p>Developed in Okinawa, Japan, from indigenous fighting methods and Chinese martial arts (Kenpō). Formalized in the early 20th century.</p> + <ul> + <li><strong>Founder (Modern):</strong> Gichin Funakoshi (Shotokan), Chojun Miyagi (Goju-ryu), Kenwa Mabuni (Shito-ryu), Mas Oyama (Kyokushin) are key figures for major styles.</li> + <li><strong>Core Principles:</strong> Character development (Dojo Kun), discipline, respect, self-control, pursuit of perfection. "Karate ni sente nashi" (There is no first attack in karate).</li> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#karate-dojokun" role="button" aria-expanded="false" aria-controls="karate-dojokun"><strong>Dojo Kun (道場訓)</strong> <i class="bi bi-chevron-down"></i></a> + <div class="collapse expandable-content" id="karate-dojokun"> + <p>A set of five guiding principles recited in many dojos, emphasizing seeking perfection of character, faithfulness, endeavor, respect for others, and refraining from violent behavior.</p> + </div> + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="50"> + <div class="info-card karate-theme"> + <div class="card-body"> + <h5><i class="bi bi-tools"></i> Key Techniques (Waza)</h5> + <p>Emphasizes striking techniques using punches, kicks, knee strikes, elbow strikes, and open-hand techniques.</p> + <ul> + <li><strong>Strikes (Tsuki/Uchi):</strong> Straight punch (Choku-zuki), Reverse punch (Gyaku-zuki), Knife-hand (Shuto-uchi).</li> + <li><strong>Blocks (Uke):</strong> Age-uke (Rising block), Soto-uke (Outside block), Gedan-barai (Downward block).</li> + <li><strong>Kicks (Keri):</strong> Mae-geri (Front kick), Mawashi-geri (Roundhouse kick), Yoko-geri (Side kick).</li> + <li><strong>Stances (Dachi):</strong> Zenkutsu-dachi (Front stance), Kokutsu-dachi (Back stance), Kiba-dachi (Horse stance).</li> + <li><strong>Kata (形):</strong> Pre-arranged forms demonstrating techniques and principles.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100"> + <div class="info-card karate-theme"> + <div class="card-body"> + <h5><i class="bi bi-activity"></i> Training & Advancement</h5> + <p>Training structured around Kihon (basics), Kata (forms), and Kumite (sparring).</p> + <ul> + <li><strong>Kihon:</strong> Repetitive drilling of fundamental techniques.</li> + <li><strong>Kata:</strong> Solo practice of forms, focus on precision, power, and understanding applications (Bunkai).</li> + <li><strong>Kumite:</strong> Ranges from pre-arranged sparring to free sparring (Jiyu Kumite). Sport kumite emphasizes points.</li> + <li><strong>Strengths:</strong> Develops strong linear power, focus, discipline, excellent conditioning.</li> + <li><strong>Considerations:</strong> Some styles may over-focus on point sparring or kata, potentially limiting a well-rounded self-defense skillset if not supplemented.</li> + <li><strong>Resources:</strong> + <a href="https://www.wkf.net/" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-globe2"></i> World Karate Federation</a> + <a href="https://www.youtube.com/results?search_query=karate+basics+tutorial" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-youtube"></i> Karate Basics Tutorials</a> + <a href="https://www.youtube.com/@KARATEbyJesseEnkamp" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-youtube"></i> Jesse Enkamp (The Karate Nerd)</a> + </li> + </ul> + </div> + </div> + </div> + </div> + </section> + + <!-- Muay Thai Section --> + <section class="martial-art-section" id="muay-thai"> + <div class="martial-art-hero muay-thai-hero" data-aos="zoom-in"> + <h2><span class="symbol">มวยไทย</span><span class="title-text">Muay Thai</span></h2> + <p class="tagline">"The Art of Eight Limbs" – Power, Clinch, Tradition.</p> + </div> + <div class="row"> + <div class="col-lg-4 col-md-6" data-aos="fade-up"> + <div class="info-card muay-thai-theme"> + <div class="card-body"> + <h5><i class="bi bi-brightness-alt-high-fill"></i> Origin & Philosophy</h5> + <p>Thailand's national sport and martial art, with roots in ancient Siamese warfare (Muay Boran).</p> + <ul> + <li><strong>History:</strong> Evolved over centuries, codified for sport in the early 20th century.</li> + <li><strong>Core Principles:</strong> Respect for teachers (Kru), tradition, courage, discipline, sportsmanship. The Wai Kru Ram Muay pre-fight ritual is significant.</li> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#muaythai-rammuay" role="button" aria-expanded="false" aria-controls="muaythai-rammuay"><strong>Wai Kru Ram Muay (ไหว้ครูรำมวย)</strong> <i class="bi bi-chevron-down"></i></a> + <div class="collapse expandable-content" id="muaythai-rammuay"> + <p>A ritual dance performed before fights, paying respect to teachers, parents, and the spirits of Muay Thai. It also serves as a warm-up and display of style.</p> + </div> + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="50"> + <div class="info-card muay-thai-theme"> + <div class="card-body"> + <h5><i class="bi bi-lightning-charge-fill"></i> Key Techniques</h5> + <p>Utilizes fists, elbows, knees, and shins (the "eight limbs") for powerful strikes.</p> + <ul> + <li><strong>Punches (Mat):</strong> Jab, cross, hook, uppercut (similar to boxing).</li> + <li><strong>Kicks (Te):</strong> Powerful roundhouse kicks (Te Tat) with the shin, push kicks (Teep).</li> + <li><strong>Elbows (Sok):</strong> Horizontal, vertical, uppercut, downward, spinning elbows. Devastating at close range.</li> + <li><strong>Knees (Khao):</strong> Straight knee, diagonal knee, flying knee, knee bombs in the clinch.</li> + <li><strong>Clinch (Plum):</strong> Dominating the opponent's posture, delivering knee and elbow strikes, or sweeps.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100"> + <div class="info-card muay-thai-theme"> + <div class="card-body"> + <h5><i class="bi bi-tropical-storm"></i> Training & Culture</h5> + <p>Training is famously rigorous, focusing on conditioning, technique, and sparring.</p> + <ul> + <li><strong>Conditioning:</strong> Pad work, heavy bag training, running, body hardening (e.g., shin conditioning).</li> + <li><strong>Sparring (Len Chern):</strong> Essential for developing timing, distance, and fight IQ.</li> + <li><strong>Strengths:</strong> Extremely powerful striking, dominant clinch work, incredible physical conditioning, battle-tested.</li> + <li><strong>Considerations:</strong> Less emphasis on ground fighting (though some sweeps exist). Training intensity can be very high.</li> + <li><strong>Resources:</strong> + <a href="https://www.ifmamuaythai.org/" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-globe2"></i> IFMA Muaythai</a> + <a href="https://www.youtube.com/results?search_query=muay+thai+basics" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-youtube"></i> Muay Thai Basics</a> + <a href="https://www.youtube.com/@LawrenceKenshin" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-youtube"></i> Lawrence Kenshin (Breakdowns)</a> + </li> + </ul> + </div> + </div> + </div> + </div> + </section> + + <!-- BJJ Section --> + <section class="martial-art-section" id="bjj"> + <div class="martial-art-hero bjj-hero" data-aos="zoom-in"> + <h2><span class="symbol">BJJ</span><span class="title-text">Brazilian Jiu-Jitsu</span></h2> + <p class="tagline">"The Gentle Art" – Leverage, Ground Control, Submissions.</p> + </div> + <div class="row"> + <div class="col-lg-4 col-md-6" data-aos="fade-up"> + <div class="info-card bjj-theme"> + <div class="card-body"> + <h5><i class="bi bi-bezier"></i> Origin & Philosophy</h5> + <p>Developed from Judo (Kodokan Jiu-Jitsu) in Brazil by the Gracie family, notably Carlos and Hélio Gracie, in the early 20th century.</p> + <ul> + <li><strong>Key Figures:</strong> Carlos Gracie, Hélio Gracie, Rolls Gracie, Carlson Gracie.</li> + <li><strong>Core Principles:</strong> Technique and leverage over strength. Enabling a smaller, weaker person to defend against a larger assailant, especially on the ground. Continuous problem-solving.</li> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#bjj-effectiveness" role="button" aria-expanded="false" aria-controls="bjj-effectiveness"><strong>Proven Effectiveness</strong> <i class="bi bi-chevron-down"></i></a> + <div class="collapse expandable-content" id="bjj-effectiveness"> + <p>BJJ gained worldwide fame in the early UFC events, where Royce Gracie showcased its effectiveness against practitioners of other martial arts, highlighting the importance of ground fighting.</p> + </div> + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="50"> + <div class="info-card bjj-theme"> + <div class="card-body"> + <h5><i class="bi bi-diagram-3-fill"></i> Key Techniques</h5> + <p>Focuses on ground fighting (Ne-waza), positional control, and submissions (joint locks and chokes).</p> + <ul> + <li><strong>Positions:</strong> Guard (Closed, Open, Half), Mount, Back Control, Side Control.</li> + <li><strong>Transitions:</strong> Sweeps (reversing position), Guard Passes.</li> + <li><strong>Submissions:</strong> + <em>Chokes:</em> Rear Naked Choke, Triangle Choke, Guillotine. + <em>Joint Locks:</em> Armbar (Juji Gatame), Kimura, Americana, Heel Hook (advanced). + </li> + <li><strong>Takedowns:</strong> Often adapted from Judo and Wrestling (though less emphasized than ground work in many schools).</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100"> + <div class="info-card bjj-theme"> + <div class="card-body"> + <h5><i class="bi bi-person-arms-up"></i> Training & Culture</h5> + <p>Emphasis on live sparring ("rolling"), positional drilling, and technique repetition.</p> + <ul> + <li><strong>Drilling:</strong> Repetitive practice of specific techniques and sequences.</li> + <li><strong>Rolling (Sparring):</strong> Live application of techniques against a resisting partner. Essential for development.</li> + <li><strong>Belt System:</strong> White, Blue, Purple, Brown, Black (with degrees).</li> + <li><strong>Strengths:</strong> Highly effective in one-on-one ground situations, excellent for self-defense, promotes problem-solving and physical fitness.</li> + <li><strong>Considerations:</strong> Traditionally less focus on striking defense (though many schools incorporate it now). Can be vulnerable in multiple attacker scenarios if taken to the ground indiscriminately.</li> + <li><strong>Resources:</strong> + <a href="https://ibjjf.com/" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-globe2"></i> IBJJF</a> + <a href="https://www.youtube.com/results?search_query=bjj+basics" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-youtube"></i> BJJ Basics</a> + <a href="https://www.youtube.com/@BJJFanatics" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-youtube"></i> BJJ Fanatics</a> + </li> + </ul> + </div> + </div> + </div> + </div> + </section> + + <!-- Aikido Section --> + <section class="martial-art-section" id="aikido"> + <div class="martial-art-hero aikido-hero" data-aos="zoom-in"> + <h2><span class="symbol">合気道</span><span class="title-text">Aikido</span></h2> + <p class="tagline">"The Way of Harmonizing Energy" – Blending, Redirection, Control.</p> + </div> + <div class="row"> + <div class="col-lg-4 col-md-6" data-aos="fade-up"> + <div class="info-card aikido-theme"> + <div class="card-body"> + <h5><i class="bi bi-yin-yang"></i> Origin & Philosophy</h5> + <p>Founded by Morihei Ueshiba (O-Sensei) in Japan in the early to mid-20th century. Synthesized from his studies of various martial arts (notably Daito-ryu Aiki-jujutsu) and his spiritual beliefs.</p> + <ul> + <li><strong>Founder:</strong> Morihei Ueshiba (植芝 盛平).</li> + <li><strong>Core Principles:</strong> Non-aggression, blending with an attacker's energy (Aiki), redirecting force, control rather than destruction. Emphasis on spiritual and ethical development. "Masakatsu Agatsu" (True victory is self-victory).</li> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#aikido-ki" role="button" aria-expanded="false" aria-controls="aikido-ki"><strong>Concept of Ki (気)</strong> <i class="bi bi-chevron-down"></i></a> + <div class="collapse expandable-content" id="aikido-ki"> + <p>Ki translates to life energy, spirit, or vital force. Aikido emphasizes cultivating and extending Ki to harmonize with an opponent and the universe.</p> + </div> + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="50"> + <div class="info-card aikido-theme"> + <div class="card-body"> + <h5><i class="bi bi-arrow-repeat"></i> Key Techniques</h5> + <p>Focuses on throws, joint locks, and pins, often utilizing circular movements to blend with and redirect an attacker's momentum.</p> + <ul> + <li><strong>Throws (Nage Waza):</strong> Kokyunage (Breath throw), Shihonage (Four-direction throw), Iriminage (Entering throw), Kaitennage (Rotary throw).</li> + <li><strong>Joint Locks/Pins (Katame Waza):</strong> Ikkyo (First principle), Nikyo (Second principle), Sankyo (Third principle), Yonkyo (Fourth principle), Kotegaeshi (Wrist out-turn).</li> + <li><strong>Ukemi (Breakfalls):</strong> Essential for receiving techniques safely and understanding movement.</li> + <li><strong>Weaponry (Buki Waza):</strong> Some styles incorporate training with Jo (staff), Bokken (wooden sword), and Tanto (knife).</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100"> + <div class="info-card aikido-theme"> + <div class="card-body"> + <h5><i class="bi bi-peace-fill"></i> Training & Application</h5> + <p>Training is often cooperative, with partners (Uke and Tori) working together to understand principles.</p> + <ul> + <li><strong>Kata-like Practice:</strong> Techniques are typically practiced in pre-arranged forms.</li> + <li><strong>Randori:</strong> In some styles, a form of free-style practice against multiple attackers or with more spontaneity.</li> + <li><strong>Strengths:</strong> Promotes harmony, body coordination, awareness, and a non-violent approach to conflict. Can be practiced by people of all ages.</li> + <li><strong>Considerations:</strong> Effectiveness in "real-world" self-defense is often debated, partly due to a lack of resistant sparring in many schools. Focus is more on ideal scenarios.</li> + <li><strong>Resources:</strong> + <a href="http://www.aikikai.or.jp/eng/" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-globe2"></i> Aikikai Foundation</a> + <a href="https://www.youtube.com/results?search_query=aikido+techniques" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-youtube"></i> Aikido Techniques</a> + <a href="https://www.youtube.com/@AikidoJournal" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-youtube"></i> Aikido Journal</a> + </li> + </ul> + </div> + </div> + </div> + </div> + </section> + + <!-- Kung Fu Section --> + <section class="martial-art-section" id="kungfu"> + <div class="martial-art-hero kung-fu-hero" data-aos="zoom-in"> + <h2><span class="symbol">功夫</span><span class="title-text">Kung Fu (Wushu)</span></h2> + <p class="tagline">"Skill from Hard Work" – Diverse Styles, Ancient Wisdom, Fluid Motion.</p> + </div> + <div class="row"> + <div class="col-lg-4 col-md-6" data-aos="fade-up"> + <div class="info-card kung-fu-theme"> + <div class="card-body"> + <h5><i class="bi bi-bank"></i> Origin & Philosophy</h5> + <p>A collective term for hundreds of Chinese martial arts, with diverse origins dating back thousands of years. Shaolin Temple is a legendary focal point.</p> + <ul> + <li><strong>Scope:</strong> Encompasses "internal" (e.g., Tai Chi, Baguazhang) and "external" (e.g., Shaolin, Wing Chun) styles.</li> + <li><strong>Philosophy:</strong> Varies widely. Often incorporates Taoist, Buddhist, and Confucian principles. Emphasizes discipline, respect, health, self-cultivation, and martial application.</li> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#kungfu-shaolin" role="button" aria-expanded="false" aria-controls="kungfu-shaolin"><strong>Shaolin Kung Fu (少林功夫)</strong> <i class="bi bi-chevron-down"></i></a> + <div class="collapse expandable-content" id="kungfu-shaolin"> + <p>Legendarily founded at the Shaolin Monastery, known for its dynamic movements, acrobatic feats, animal mimicry, and integration with Chan (Zen) Buddhism.</p> + </div> + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="50"> + <div class="info-card kung-fu-theme"> + <div class="card-body"> + <h5><i class="bi bi-hurricane"></i> Key Techniques & Styles</h5> + <p>Extremely diverse, including strikes, kicks, grappling, joint locks, throws, and extensive weaponry.</p> + <ul> + <li><strong>Hand Techniques:</strong> Punches, palms, chops, finger strikes, elbows.</li> + <li><strong>Kicks:</strong> Front, side, roundhouse, crescent, spinning, jumping kicks.</li> + <li><strong>Stances & Footwork:</strong> Foundational for power and movement (e.g., Horse Stance - Ma Bu).</li> + <li><strong>Forms (Taolu - 套路):</strong> Core training method; pre-arranged sequences of techniques.</li> + <li><strong>Notable Styles:</strong> Shaolin, Wing Chun, Tai Chi Chuan, Baguazhang, Xingyiquan, Hung Gar, Choy Li Fut.</li> + <li><strong>Weaponry:</strong> Staff, spear, sword (broadsword, straight sword), and many others.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100"> + <div class="info-card kung-fu-theme"> + <div class="card-body"> + <h5><i class="bi bi-universal-access"></i> Training & Modern Wushu</h5> + <p>Traditional training focuses on basics, forms, applications, and conditioning. Modern Wushu is also a performance and competitive sport.</p> + <ul> + <li><strong>Traditional Training:</strong> Repetitive basics, form practice, partner drills (e.g., sticky hands in Wing Chun), conditioning.</li> + <li><strong>Modern Wushu:</strong> Often more acrobatic and performance-oriented, with competitions for forms (Taolu) and sparring (Sanda/Sanshou).</li> + <li><strong>Strengths:</strong> Incredible diversity, rich history and culture, can develop profound body control, flexibility, and specialized skills.</li> + <li><strong>Considerations:</strong> The vastness makes generalization difficult. Quality of instruction varies. Some traditional forms may lack direct combat applicability if not trained with that intent.</li> + <li><strong>Resources:</strong> + <a href="http://www.iwuf.org/" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-globe2"></i> Intl. Wushu Federation</a> + <a href="https://www.youtube.com/results?search_query=kung+fu+training" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-youtube"></i> Kung Fu Training</a> + <a href="https://www.youtube.com/@shifuyanlei" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-youtube"></i> ShiFu Yan Lei (Shaolin)</a> + </li> + </ul> + </div> + </div> + </div> + </div> + </section> + + <!-- Boxing Section --> + <section class="martial-art-section" id="boxing"> + <div class="martial-art-hero boxing-hero" data-aos="zoom-in"> + <h2><span class="symbol"><i class="bi bi-hand-thumbs-up-fill"></i></span><span class="title-text">Boxing</span></h2> <!-- Using an icon for boxing --> + <p class="tagline">"The Sweet Science" – Precision Punching, Footwork, Strategy.</p> + </div> + <div class="row"> + <div class="col-lg-4 col-md-6" data-aos="fade-up"> + <div class="info-card boxing-theme"> + <div class="card-body"> + <h5><i class="bi bi-award-fill"></i> Origin & Sport</h5> + <p>Ancient roots, with modern rules (Marquess of Queensberry Rules) established in 19th century England. A major global sport.</p> + <ul> + <li><strong>History:</strong> Prizefighting existed for centuries; rules evolved for safety and sport.</li> + <li><strong>Objective:</strong> To score points by landing clean punches on an opponent or to win by knockout/technical knockout.</li> + <li> + <a class="expandable-trigger" data-bs-toggle="collapse" href="#boxing-sweetscience" role="button" aria-expanded="false" aria-controls="boxing-sweetscience"><strong>"The Sweet Science"</strong> <i class="bi bi-chevron-down"></i></a> + <div class="collapse expandable-content" id="boxing-sweetscience"> + <p>A term coined by writer Pierce Egan in the 19th century, highlighting the skill, strategy, and finesse involved beyond brute force.</p> + </div> + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="50"> + <div class="info-card boxing-theme"> + <div class="card-body"> + <h5><i class="bi bi-person-raised-hand"></i> Key Techniques</h5> + <p>Focuses exclusively on punching with gloved fists, combined with intricate footwork and defensive maneuvers.</p> + <ul> + <li><strong>Punches:</strong> Jab, Cross, Hook, Uppercut. Combinations are key.</li> + <li><strong>Defense:</strong> Blocking, Parrying, Slipping, Bobbing & Weaving, Footwork (angles, distance management).</li> + <li><strong>Stance & Footwork:</strong> Balanced stance, lateral movement, pivoting, "roadwork" (running) for endurance.</li> + <li><strong>Clinching:</strong> A defensive tactic, often broken by the referee. Not for striking like in Muay Thai.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100"> + <div class="info-card boxing-theme"> + <div class="card-body"> + <h5><i class="bi bi-clipboard-pulse"></i> Training & Considerations</h5> + <p>Rigorous training includes shadow boxing, bag work, pad work, sparring, and intense physical conditioning.</p> + <ul> + <li><strong>Training Drills:</strong> Mitt work with a coach, heavy bag, speed bag, double-end bag.</li> + <li><strong>Sparring:</strong> Crucial for developing skills under pressure.</li> + <li><strong>Strengths:</strong> Develops exceptional hand speed, power, accuracy, footwork, head movement, and cardiovascular fitness. Highly effective striking with hands.</li> + <li><strong>Considerations:</strong> No defense against kicks or grappling. Strictly a sport with rules that limit its direct translation to all self-defense scenarios.</li> + <li><strong>Resources:</strong> + <a href="https://www.wbaboxing.com/" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-globe2"></i> WBA Boxing</a> + <a href="https://www.youtube.com/results?search_query=boxing+fundamentals" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-youtube"></i> Boxing Fundamentals</a> + <a href="https://www.youtube.com/@JTVanV" target="_blank" rel="noopener" class="resource-link"><i class="bi bi-youtube"></i> Coach Anthony (YouTube)</a> + </li> + </ul> + </div> + </div> + </div> + </div> + </section> + + + </div> <!-- /.container --> + + <footer class="container text-center pb-3"> + <p>This cheatsheet offers a glimpse into the vast world of martial arts. Each discipline has a rich history and requires years of dedicated practice to truly understand. Always train safely under qualified instruction.</p> + <p>Content is for informational purposes. Styles and techniques can vary between schools and instructors.</p> + <p>© 2024 Martial Arts Cheatsheet by AI. Inspired by user input.</p> + </footer> + + <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> + <script src="https://unpkg.com/[email protected]/dist/aos.js"></script> + <script> + AOS.init({ + duration: 600, + easing: 'ease-in-out-quad', + once: true, + mirror: false, + offset: 70, + delay: 50, + }); + </script> + +</body> +</html> \ No newline at end of file