Make a flashcard for me of biological classification chp class 11th ..

Make a flashcard for me of biological classification chp class 11th .. cover every line of ncert and every diagram of ncert in this flashcard for neet

Reading File

Searching the Web

NCERT Class 11 Biology Chapter 2 Biological Classification all topics diagrams

Reading Web Page

https://ncert.nic.in/textbook/pdf/kebo102.pdf

Running Command

mkdir -p /home/daytona/workspace/bio-flashcards

Aur kitna time?

Bas 2-3 minutes aur! 🙏

Main abhi flashcard file likh raha hoon — poora HTML deck with:

~80+ flashcards covering every topic
All NCERT diagrams (bacteria shapes, fungal structures, etc.) as labeled SVG/ASCII art
Flip-card animation, NEET-style Q&A format

Thoda wait karo, file ready hote hi download link milega! 🔥

Ok thik hai karo

Pehle ek demo 1 flashcard toh de do mujhe dekhne kr liye

Writing File

~/bio-flashcards/demo.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demo Flashcard – Biological Classification</title>
<style>
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
    font-family: 'Segoe UI', sans-serif;
    padding: 20px;
  }
  h2 {
    color: #00e5ff;
    margin-bottom: 24px;
    font-size: 1.1rem;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  .scene {
    width: 560px;
    max-width: 95vw;
    height: 340px;
    perspective: 1200px;
    cursor: pointer;
  }
  .card {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.7s cubic-bezier(.4,2,.6,1);
    border-radius: 18px;
  }
  .scene.flipped .card { transform: rotateY(180deg); }
  .front, .back {
    position: absolute;
    inset: 0;
    backface-visibility: hidden;
    border-radius: 18px;
    padding: 28px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .front {
    background: linear-gradient(145deg, #1a1a2e, #16213e);
    border: 2px solid #00e5ff44;
    box-shadow: 0 8px 32px #00e5ff22;
  }
  .back {
    background: linear-gradient(145deg, #0d3b2e, #145a3c);
    border: 2px solid #00ffa344;
    box-shadow: 0 8px 32px #00ffa322;
    transform: rotateY(180deg);
  }
  .tag {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 16px;
  }
  .front .tag { background: #00e5ff22; color: #00e5ff; }
  .back .tag  { background: #00ffa322; color: #00ffa3; }
  .question {
    color: #e0f7ff;
    font-size: 1.18rem;
    font-weight: 600;
    line-height: 1.6;
  }
  .answer {
    color: #e0fff4;
    font-size: 1rem;
    line-height: 1.7;
  }
  .answer b { color: #00ffa3; }
  .hint {
    margin-top: 18px;
    font-size: 0.78rem;
    color: #ffffff55;
    letter-spacing: 1px;
  }
  .flip-btn {
    margin-top: 28px;
    padding: 12px 36px;
    border: none;
    border-radius: 30px;
    background: linear-gradient(90deg, #00e5ff, #00ffa3);
    color: #0f2027;
    font-weight: 700;
    font-size: 0.95rem;
    cursor: pointer;
    letter-spacing: 1px;
    transition: transform 0.15s;
  }
  .flip-btn:hover { transform: scale(1.05); }
  .neet-badge {
    margin-top: 18px;
    font-size: 0.75rem;
    color: #ffdd5788;
    letter-spacing: 1px;
  }
</style>
</head>
<body>
<h2>🧬 NEET Flashcard Demo — Biological Classification</h2>

<div class="scene" id="scene" onclick="this.classList.toggle('flipped')">
  <div class="card">

    <!-- FRONT -->
    <div class="front">
      <span class="tag">❓ Question</span>
      <p class="question">
        R.H. Whittaker ne Five Kingdom Classification kab propose ki?<br>
        <small style="color:#00e5ff88; font-size:0.85rem;">Criteria kya the is classification ke?</small>
      </p>
      <p class="hint">👆 Click to flip</p>
    </div>

    <!-- BACK -->
    <div class="back">
      <span class="tag">✅ Answer</span>
      <p class="answer">
        <b>1969</b> mein R.H. Whittaker ne propose ki.<br><br>
        Kingdoms: <b>Monera, Protista, Fungi, Plantae, Animalia</b><br><br>
        Criteria:<br>
        1. <b>Cell structure</b> (prokaryote/eukaryote)<br>
        2. <b>Body organisation</b> (unicellular/multicellular)<br>
        3. <b>Mode of nutrition</b> (autotroph/heterotroph)<br>
        4. <b>Reproduction</b><br>
        5. <b>Phylogenetic relationships</b>
      </p>
    </div>

  </div>
</div>

<button class="flip-btn" onclick="document.getElementById('scene').classList.toggle('flipped')">
  🔄 Flip Card
</button>
<p class="neet-badge">⭐ HIGH YIELD — NEET asks this almost every year</p>

</body>
</html>

Demo ready hai! 👇

demo

HTML File · HTML

Is card mein hai:

🟦 Front — Question (Whittaker's Five Kingdom)
🟩 Back — Full answer with all 5 criteria
🔄 Click/tap karo flip hoga with smooth animation
⭐ NEET badge bhi hai

Pasand aaya? Bolo toh main poora deck banata hoon jisme honge:

~80 flashcards — har ek line NCERT ki
Bacteria shapes diagram (Cocci, Bacilli, Spirilla, Vibrio)
Fungi structures (Rhizopus, Penicillium, Agaricus)
Virus diagram (TMV, bacteriophage)
Lichen structure
Comparative table cards
NEET PYQ-style questions

Yes mast laga

Sirf intro and kingdom Monera ka de do baki baad mein

Writing File

~/bio-flashcards/intro_monera.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Biological Classification – Intro & Kingdom Monera | NEET Flashcards</title>
<style>
  * { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
    min-height: 100vh;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    padding: 20px;
    color: #fff;
  }

  /* ── HEADER ── */
  header {
    text-align: center;
    padding: 24px 10px 10px;
  }
  header h1 { font-size: 1.5rem; color: #00e5ff; letter-spacing: 2px; }
  header p  { color: #ffffff88; font-size: 0.85rem; margin-top: 6px; }

  /* ── PROGRESS BAR ── */
  .progress-wrap {
    max-width: 620px;
    margin: 18px auto 6px;
    background: #ffffff22;
    border-radius: 20px;
    height: 8px;
    overflow: hidden;
  }
  .progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #00e5ff, #00ffa3);
    border-radius: 20px;
    transition: width 0.4s;
  }
  .progress-label {
    text-align: center;
    font-size: 0.78rem;
    color: #ffffff66;
    margin-bottom: 18px;
  }

  /* ── SECTION BADGE ── */
  .section-badge {
    display: block;
    text-align: center;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffdd57;
    margin-bottom: 10px;
  }

  /* ── CARD SCENE ── */
  .scene {
    width: 620px;
    max-width: 95vw;
    min-height: 380px;
    perspective: 1400px;
    cursor: pointer;
    margin: 0 auto;
  }
  .card {
    width: 100%;
    min-height: 380px;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.65s cubic-bezier(.4,2,.6,1);
    border-radius: 20px;
  }
  .scene.flipped .card { transform: rotateY(180deg); }

  .face {
    position: absolute;
    inset: 0;
    min-height: 380px;
    backface-visibility: hidden;
    border-radius: 20px;
    padding: 30px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .front {
    background: linear-gradient(145deg, #1a1a2e, #16213e);
    border: 2px solid #00e5ff44;
    box-shadow: 0 8px 32px #00e5ff18;
  }
  .back {
    background: linear-gradient(145deg, #0d3b2e, #134035);
    border: 2px solid #00ffa344;
    box-shadow: 0 8px 32px #00ffa318;
    transform: rotateY(180deg);
  }

  .face-tag {
    font-size: 0.7rem; font-weight: 700; letter-spacing: 2px;
    text-transform: uppercase; padding: 4px 14px;
    border-radius: 20px; margin-bottom: 14px;
  }
  .front .face-tag { background: #00e5ff22; color: #00e5ff; }
  .back  .face-tag { background: #00ffa322; color: #00ffa3; }

  .q-text {
    color: #e0f7ff;
    font-size: 1.12rem;
    font-weight: 600;
    line-height: 1.65;
  }
  .a-text {
    color: #d8fff4;
    font-size: 0.97rem;
    line-height: 1.75;
    text-align: left;
    width: 100%;
  }
  .a-text b  { color: #00ffa3; }
  .a-text i  { color: #ffdd57; font-style: normal; }
  .a-text .ul { margin: 8px 0 0 16px; }
  .a-text .ul li { margin-bottom: 4px; list-style: disc; }

  .neet-star {
    margin-top: 14px;
    font-size: 0.75rem;
    color: #ffdd5799;
    letter-spacing: 1px;
  }
  .click-hint {
    margin-top: 20px;
    font-size: 0.78rem;
    color: #ffffff44;
    letter-spacing: 1px;
  }

  /* ── DIAGRAM BOX ── */
  .diagram {
    background: #0a1628;
    border: 1px solid #00e5ff33;
    border-radius: 12px;
    padding: 14px 18px;
    margin-top: 12px;
    width: 100%;
    font-family: 'Courier New', monospace;
    font-size: 0.82rem;
    color: #a0e9ff;
    text-align: center;
    line-height: 1.7;
    white-space: pre;
  }

  /* ── NAV BUTTONS ── */
  .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin: 22px auto 10px;
    max-width: 620px;
    flex-wrap: wrap;
  }
  .btn {
    padding: 11px 26px;
    border: none;
    border-radius: 30px;
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    letter-spacing: 0.5px;
    transition: transform 0.12s, opacity 0.2s;
  }
  .btn:hover { transform: scale(1.06); }
  .btn:disabled { opacity: 0.3; cursor: default; transform: none; }
  .btn-prev { background: #ffffff22; color: #fff; }
  .btn-flip { background: linear-gradient(90deg,#00e5ff,#00ffa3); color: #0f2027; }
  .btn-next { background: #ffffff22; color: #fff; }

  /* ── CARD COUNTER ── */
  #card-counter {
    text-align: center;
    font-size: 0.82rem;
    color: #ffffff55;
    margin-bottom: 16px;
  }

  /* ── TABLE (for comparative card) ── */
  .mini-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
    margin-top: 10px;
  }
  .mini-table th {
    background: #00e5ff22;
    color: #00e5ff;
    padding: 6px 8px;
    border: 1px solid #00e5ff33;
  }
  .mini-table td {
    padding: 5px 8px;
    border: 1px solid #ffffff22;
    color: #d8fff4;
    text-align: center;
  }
  .mini-table tr:nth-child(even) td { background: #ffffff08; }

  /* ── SVG DIAGRAMS ── */
  svg text { font-family: 'Segoe UI', sans-serif; }
</style>
</head>
<body>

<header>
  <h1>🧬 NEET Flashcards — Biological Classification</h1>
  <p>Class 11 NCERT Chapter 2 &nbsp;|&nbsp; Intro + Kingdom Monera &nbsp;|&nbsp; Flip to reveal answers</p>
</header>

<div class="progress-wrap">
  <div class="progress-bar" id="pbar" style="width:5%"></div>
</div>
<div class="progress-label" id="plabel">Card 1 of 20</div>

<span class="section-badge" id="sect-badge">📘 SECTION: INTRODUCTION</span>

<div class="scene" id="scene">
  <div class="card" id="card">
    <div class="face front" id="front-face"></div>
    <div class="face back"  id="back-face"></div>
  </div>
</div>

<div id="card-counter"></div>

<div class="nav">
  <button class="btn btn-prev" id="prev-btn" onclick="navigate(-1)" disabled>◀ Prev</button>
  <button class="btn btn-flip" onclick="flipCard()">🔄 Flip</button>
  <button class="btn btn-next" id="next-btn" onclick="navigate(1)">Next ▶</button>
</div>

<script>
// ═══════════════════════════════════════════════════
//  FLASHCARD DATA  –  INTRO + KINGDOM MONERA (NCERT)
// ═══════════════════════════════════════════════════
const cards = [

  // ─────────────────────────────────────
  //  SECTION 1: INTRODUCTION
  // ─────────────────────────────────────
  {
    section: "📘 INTRODUCTION",
    q: `Classification systems ke through history mein kitni baar changes aaye hain?<br>
        <small style="color:#00e5ffaa">Aristotle se Whittaker tak ka evolution batao.</small>`,
    a: `<b>Aristotle</b> — earliest scientific classification (morphology basis)<br><br>
        <b>Linnaeus</b> — <i>Two Kingdom</i> system: <b>Plantae</b> + <b>Animalia</b><br><br>
        <b>Problem with 2-Kingdom:</b><br>
        <ul class="ul">
          <li>Prokaryote vs Eukaryote distinction missing</li>
          <li>Unicellular vs Multicellular ignored</li>
          <li>Photosynthetic vs Non-photosynthetic mixed</li>
          <li>Fungi was placed with plants — wrong!</li>
        </ul><br>
        <b>R.H. Whittaker (1969)</b> → <i>Five Kingdom Classification</i>`,
    neet: "⭐ NEET — Frequently asked, 1-2 marks"
  },

  {
    section: "📘 INTRODUCTION",
    q: `R.H. Whittaker ke Five Kingdom Classification ke criteria kya hain?<br>
        <small style="color:#00e5ffaa">Sabhi 5 criteria list karo.</small>`,
    a: `Whittaker ne <b>1969</b> mein Five Kingdom propose ki.<br><br>
        <b>5 Criteria:</b>
        <ul class="ul">
          <li><b>Cell structure</b> – prokaryote / eukaryote</li>
          <li><b>Body organisation</b> – unicellular / multicellular</li>
          <li><b>Mode of nutrition</b> – autotroph / heterotroph / absorptive</li>
          <li><b>Reproduction</b> – asexual / sexual</li>
          <li><b>Phylogenetic relationships</b></li>
        </ul><br>
        <b>Kingdoms:</b> <i>Monera · Protista · Fungi · Plantae · Animalia</i>`,
    neet: "⭐⭐ NEET — Direct 1-mark question"
  },

  {
    section: "📘 INTRODUCTION",
    q: `Five Kingdom Classification ki comparative table kya hoti hai?<br>
        <small style="color:#00e5ffaa">Table 2.1 NCERT — cell type, nuclear membrane, body org., nutrition</small>`,
    a: `<table class="mini-table">
          <tr>
            <th>Kingdom</th><th>Cell</th><th>Nucleus</th><th>Body Org.</th><th>Nutrition</th>
          </tr>
          <tr><td><b>Monera</b></td><td>Prok.</td><td>Absent</td><td>Unicellular</td><td>Auto/Hetero/Parasitic</td></tr>
          <tr><td><b>Protista</b></td><td>Euk.</td><td>Present</td><td>Unicellular</td><td>Auto/Hetero</td></tr>
          <tr><td><b>Fungi</b></td><td>Euk.</td><td>Present</td><td>Multicellular</td><td>Absorptive Hetero</td></tr>
          <tr><td><b>Plantae</b></td><td>Euk.</td><td>Present</td><td>Multicellular</td><td>Autotrophic</td></tr>
          <tr><td><b>Animalia</b></td><td>Euk.</td><td>Present</td><td>Multicellular</td><td>Ingestive Hetero</td></tr>
        </table>`,
    neet: "⭐⭐ NEET — Table-based MCQs"
  },

  {
    section: "📘 INTRODUCTION",
    q: `Three-Domain System kya hai? Kis ne propose kiya aur kyun?`,
    a: `<b>Three-Domain System</b> proposes:<br><br>
        <ul class="ul">
          <li>Domain <b>Bacteria</b> (Eubacteria)</li>
          <li>Domain <b>Archaea</b> (Archaebacteria)</li>
          <li>Domain <b>Eukarya</b> (remaining 4 eukaryotic kingdoms)</li>
        </ul><br>
        Kingdom Monera ko <b>2 domains</b> mein divide karta hai.<br>
        Remaining eukaryotic kingdoms = <b>1 domain</b><br><br>
        <i>Note: NCERT says "You will learn this in higher classes"</i>`,
    neet: "⭐ NEET — Basic awareness level"
  },

  // ─────────────────────────────────────
  //  SECTION 2: KINGDOM MONERA
  // ─────────────────────────────────────
  {
    section: "🦠 KINGDOM MONERA",
    q: `Kingdom Monera ke sole members kaun hain?<br>
        <small style="color:#00e5ffaa">Kahan kahan paaye jaate hain?</small>`,
    a: `<b>Bacteria</b> — Kingdom Monera ke sole members hain.<br><br>
        <b>Most abundant micro-organisms</b> on Earth.<br><br>
        <b>Habitat (Ubiquitous):</b>
        <ul class="ul">
          <li>Handful of soil → hundreds of bacteria</li>
          <li><b>Extreme habitats:</b> hot springs, deserts, snow, deep oceans</li>
          <li>In/on other organisms as <b>parasites</b></li>
        </ul>`,
    neet: "⭐ NEET — Habitat questions"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Bacteria ke 4 shapes (Figure 2.1 NCERT) kaunse hain?<br>
        <small style="color:#00e5ffaa">Diagram bhi draw karo mentally.</small>`,
    a: `<b>NCERT Figure 2.1 — Bacteria Shapes:</b>
        <div class="diagram">
  ●  ●  ●        ═══════       Spore
  Cocci          Bacilli        │
(spherical)    (rod-shaped)     ●──●──●

  〰〰〰         ~V~
  Spirilla       Vibrio
(spiral/helical) (comma-shaped)
        </div>
        <b>Mnemonic:</b> <i>Can Bacteria Survive Vigorously? = Cocci, Bacilli, Spirilla, Vibrio</i>`,
    neet: "⭐⭐ NEET — Diagram-based MCQ"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Bacteria ki metabolic diversity kya hai? Nutrition ke basis pe classify karo.`,
    a: `Bacteria are <b>most diverse</b> in terms of metabolism.<br><br>
        <b>Autotrophic:</b>
        <ul class="ul">
          <li><b>Photosynthetic autotrophs</b> – light energy use karte hain</li>
          <li><b>Chemosynthetic autotrophs</b> – chemical energy use karte hain</li>
        </ul>
        <b>Heterotrophic:</b>
        <ul class="ul">
          <li>Majority — decomposers, parasites, symbionts</li>
        </ul>
        <i>Note: Majority of bacteria are heterotrophic</i>`,
    neet: "⭐⭐ NEET — Nutrition type MCQs"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Archaebacteria kya hain? Kya khaas hai inke baare mein?`,
    a: `<b>Archaebacteria</b> = Ancient bacteria found in <b>extreme environments</b><br><br>
        <b>Types by habitat:</b>
        <ul class="ul">
          <li><b>Halophiles</b> – salty areas (e.g., Great Salt Lake)</li>
          <li><b>Thermoacidophiles</b> – hot springs, sulphur springs</li>
          <li><b>Methanogens</b> – marshy areas; produce <b>biogas (methane)</b>; present in gut of ruminants (cattle)</li>
        </ul>
        <b>Unique feature:</b> Different <i>cell wall structure</i> — allows survival in extreme conditions.`,
    neet: "⭐⭐⭐ NEET — Very frequently asked"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Methanogens kahan paaye jaate hain? Kya produce karte hain?`,
    a: `<b>Methanogens</b> = Archaebacteria<br><br>
        <b>Found in:</b>
        <ul class="ul">
          <li>Marshy areas / swamps</li>
          <li>Gut of ruminant animals (cow, buffalo)</li>
        </ul>
        <b>Produce:</b> <i>Methane (CH₄)</i> = <b>Biogas</b><br><br>
        <b>Application:</b> Biogas plants (gobar gas)<br><br>
        <i>Important for NEET — connect to ecology & biotechnology chapters too!</i>`,
    neet: "⭐⭐⭐ NEET — Direct 1-mark"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Eubacteria kya hain? Cyanobacteria ka kya role hai?`,
    a: `<b>Eubacteria</b> = "True bacteria" — rigid cell wall, flagella for movement<br><br>
        <b>Cyanobacteria (Blue-Green Algae):</b>
        <ul class="ul">
          <li>Chlorophyll present → <b>photosynthetic autotrophs</b></li>
          <li>Unicellular, colonial, or filamentous</li>
          <li>Marine and freshwater</li>
          <li>Some fix <b>atmospheric nitrogen</b> (e.g., Nostoc, Anabaena)</li>
          <li>Colonies surrounded by <b>gelatinous sheath</b></li>
        </ul>
        <b>Important:</b> Nitrogen fixers → increase soil fertility`,
    neet: "⭐⭐⭐ NEET — Cyanobacteria asked every 2 years"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Chemosynthetic autotrophic bacteria kya karte hain? Example do.`,
    a: `<b>Chemosynthetic autotrophic bacteria:</b><br><br>
        Inorganic substances ko oxidise karke <b>chemical energy</b> produce karte hain.<br>
        This energy is used to fix <b>CO₂</b> → organic compounds (food).<br><br>
        <b>Role in nutrient cycling:</b>
        <ul class="ul">
          <li><b>Nitrifying bacteria</b> – NH₄⁺ → NO₂⁻ → NO₃⁻</li>
          <li>Important for <b>N-cycle, S-cycle, Fe-cycle</b></li>
        </ul>
        <i>Example: Nitrosomonas (nitrite), Nitrobacter (nitrate)</i>`,
    neet: "⭐⭐ NEET — Nutrient cycle link"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Heterotrophic bacteria ka ecological importance kya hai?`,
    a: `<b>Majority of bacteria = Heterotrophic</b><br><br>
        <b>1. Decomposers:</b> Dead organic matter → simple substances → nutrient recycling<br><br>
        <b>2. Beneficial:</b>
        <ul class="ul">
          <li>Curd making: <i>Lactobacillus</i></li>
          <li>Antibiotic production</li>
          <li>Nitrogen fixation in root nodules: <i>Rhizobium</i></li>
        </ul>
        <b>3. Harmful:</b>
        <ul class="ul">
          <li>Cause diseases: cholera, typhoid, tetanus, citrus canker</li>
        </ul>`,
    neet: "⭐⭐ NEET — Application based"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Bacteria mein reproduction kaise hota hai?`,
    a: `<b>Reproduction in Bacteria:</b><br><br>
        <b>Predominantly Asexual:</b>
        <ul class="ul">
          <li><b>Binary fission</b> – under favourable conditions (most common)</li>
          <li><b>Spore formation</b> – under unfavourable conditions (endospores = highly resistant)</li>
        </ul>
        <b>Sexual reproduction:</b>
        <ul class="ul">
          <li>Primitive type via <b>DNA transfer</b></li>
          <li>No true fusion of gametes</li>
        </ul>
        <i>Spores survive extreme heat, desiccation, radiation</i>`,
    neet: "⭐⭐ NEET — Spore & binary fission"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Mycoplasma kya hai? Kya khaas feature hai?`,
    a: `<b>Mycoplasma</b> = Organisms <b>without cell wall</b><br><br>
        <b>Key features:</b>
        <ul class="ul">
          <li>Smallest living cells known</li>
          <li>No cell wall → <b>pleomorphic</b> (variable shapes)</li>
          <li>Can survive <b>without oxygen</b></li>
          <li>Parasitic → cause diseases in plants and animals</li>
        </ul>
        <b>Examples of diseases:</b> Pleuropneumonia in cattle, witches' broom in plants<br><br>
        <i>Placed in Monera because they are prokaryotes</i>`,
    neet: "⭐⭐⭐ NEET — Mycoplasma = cell wall absent"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Bacteria ka cell structure kya hota hai? (Prokaryotic structure)`,
    a: `<b>Prokaryotic Cell — Key Features:</b>
        <ul class="ul">
          <li>No <b>membrane-bound nucleus</b> (nucleoid region)</li>
          <li>No membrane-bound organelles</li>
          <li><b>Cell wall</b> present (except Mycoplasma)</li>
          <li><b>70S ribosomes</b></li>
          <li><b>Flagella</b> – for locomotion (made of flagellin protein)</li>
          <li><b>Pili / Fimbriae</b> – attachment</li>
          <li><b>Plasmids</b> – extrachromosomal DNA</li>
          <li><b>Mesosome</b> – infolding of plasma membrane (site of respiration)</li>
        </ul>`,
    neet: "⭐⭐ NEET — Cell structure MCQs"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Gram staining ke basis pe bacteria ko kaise classify karte hain?`,
    a: `<b>Gram Staining</b> — Based on cell wall composition:<br><br>
        <b>Gram Positive (+):</b>
        <ul class="ul">
          <li>Thick <b>peptidoglycan</b> layer</li>
          <li>Stain <b>purple/violet</b> with crystal violet</li>
          <li>Example: Staphylococcus, Streptococcus</li>
        </ul>
        <b>Gram Negative (−):</b>
        <ul class="ul">
          <li>Thin peptidoglycan + outer lipopolysaccharide layer</li>
          <li>Stain <b>pink/red</b></li>
          <li>Example: E. coli, Salmonella</li>
        </ul>
        <i>Important for antibiotics sensitivity</i>`,
    neet: "⭐⭐ NEET — Gram staining"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `NCERT Figure 2.1 — Bacteria shapes diagram. Sabhi label karo.`,
    a: `<b>NCERT Fig. 2.1 — Bacteria of Different Shapes:</b>
        <div class="diagram">
  ┌─────────────────────────────────────────┐
  │                                         │
  │  Spore  Flagellum   Cocci  Bacilli      │
  │   ●──┤   ═══┤       ●●●    ▬▬▬         │
  │                                         │
  │  Spirilla              Vibrio           │
  │  〰〰〰〰              ~V~              │
  │  (helical)           (comma)            │
  │                                         │
  └─────────────────────────────────────────┘
        </div>
        <b>Total shapes = 6 types shown:</b><br>
        Coccus · Bacillus · Spirillum · Vibrio · + Spore · Flagellum`,
    neet: "⭐⭐ NEET — Figure identification"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Nitrogen-fixing bacteria ke examples aur unke symbiotic associations kya hain?`,
    a: `<b>Free-living N₂ fixers:</b>
        <ul class="ul">
          <li><b>Nostoc</b> – cyanobacterium</li>
          <li><b>Anabaena</b> – cyanobacterium (also lives in Azolla leaves)</li>
        </ul>
        <b>Symbiotic N₂ fixers:</b>
        <ul class="ul">
          <li><b>Rhizobium</b> – root nodules of legumes (mutualism)</li>
          <li><b>Frankia</b> – non-legume plants</li>
        </ul>
        <b>Significance:</b> Convert N₂ → NH₃ → amino acids<br>
        Increase <b>soil fertility</b> — biofertilizers`,
    neet: "⭐⭐⭐ NEET — N-fixation very important"
  },

  {
    section: "🦠 KINGDOM MONERA",
    q: `Bacteria se hone wali important diseases list karo (NEET important).`,
    a: `<table class="mini-table">
          <tr><th>Disease</th><th>Bacteria</th></tr>
          <tr><td>Cholera</td><td><i>Vibrio cholerae</i></td></tr>
          <tr><td>Typhoid</td><td><i>Salmonella typhi</i></td></tr>
          <tr><td>Tetanus</td><td><i>Clostridium tetani</i></td></tr>
          <tr><td>TB</td><td><i>Mycobacterium tuberculosis</i></td></tr>
          <tr><td>Plague</td><td><i>Yersinia pestis</i></td></tr>
          <tr><td>Citrus canker</td><td><i>Xanthomonas</i></td></tr>
        </table>`,
    neet: "⭐⭐ NEET — Disease-pathogen MCQs"
  },

  {
    section: "🦠 KINGDOM MONERA — SUMMARY",
    q: `Kingdom Monera ka quick revision karo — sabhi key points ek saath.`,
    a: `<b>MONERA — MASTER SUMMARY:</b>
        <ul class="ul">
          <li>Members: <b>Bacteria + Cyanobacteria + Mycoplasma</b></li>
          <li>Cell type: <b>Prokaryotic</b> (no nuclear membrane)</li>
          <li>Cell wall: Present (except Mycoplasma)</li>
          <li>Habitat: <b>Ubiquitous</b> + extreme environments</li>
          <li>Nutrition: Autotrophic (photo/chemo) + Heterotrophic</li>
          <li>Reproduction: Binary fission, spores</li>
          <li>Archaebacteria: Halophiles, Thermoacidophiles, <b>Methanogens</b></li>
          <li>Cyanobacteria: N₂ fixation, photosynthesis</li>
          <li>Mycoplasma: <b>No cell wall</b>, smallest, pleomorphic</li>
        </ul>`,
    neet: "⭐⭐⭐ NEET — Revision card"
  }

];

// ═══════════════════════════════════
//  NAVIGATION LOGIC
// ═══════════════════════════════════
let current = 0;
let isFlipped = false;

function renderCard(index) {
  const c = cards[index];
  isFlipped = false;
  document.getElementById('scene').classList.remove('flipped');

  document.getElementById('front-face').innerHTML = `
    <span class="face-tag">❓ Question ${index + 1} / ${cards.length}</span>
    <p class="q-text">${c.q}</p>
    <p class="click-hint">👆 Click card or press Flip</p>
  `;
  document.getElementById('back-face').innerHTML = `
    <span class="face-tag">✅ Answer</span>
    <div class="a-text">${c.a}</div>
    <p class="neet-star">${c.neet}</p>
  `;

  // Section badge
  document.getElementById('sect-badge').textContent = c.section;

  // Progress
  const pct = Math.round(((index + 1) / cards.length) * 100);
  document.getElementById('pbar').style.width = pct + '%';
  document.getElementById('plabel').textContent = `Card ${index + 1} of ${cards.length}`;

  // Buttons
  document.getElementById('prev-btn').disabled = (index === 0);
  document.getElementById('next-btn').disabled = (index === cards.length - 1);
}

function flipCard() {
  isFlipped = !isFlipped;
  document.getElementById('scene').classList.toggle('flipped', isFlipped);
}

function navigate(dir) {
  current = Math.max(0, Math.min(cards.length - 1, current + dir));
  renderCard(current);
}

// Click on card = flip
document.getElementById('scene').addEventListener('click', flipCard);

// Keyboard navigation
document.addEventListener('keydown', (e) => {
  if (e.key === 'ArrowRight' || e.key === 'ArrowDown') navigate(1);
  if (e.key === 'ArrowLeft'  || e.key === 'ArrowUp')   navigate(-1);
  if (e.key === ' ') { e.preventDefault(); flipCard(); }
});

// Init
renderCard(0);
</script>
</body>
</html>

Running Command

wc -l /home/daytona/workspace/bio-flashcards/intro_monera.html && echo "File OK"

Poora ho gaya! 🎉 Yeh lo download link:

👇
intro monera
HTML File · HTML

Is deck mein kya hai — 20 Flashcards:

#	Topic
1-4	Introduction — Aristotle → Linnaeus → Whittaker, 5 criteria, comparative table, 3-domain system
5	Monera sole members + ubiquitous habitat
6	Bacteria shapes — NCERT Fig 2.1 (Cocci, Bacilli, Spirilla, Vibrio)
7	Metabolic diversity (autotroph/heterotroph)
8-9	Archaebacteria — Halophiles, Thermoacidophiles, Methanogens
10	Cyanobacteria — N₂ fixation, Nostoc, Anabaena
11	Chemosynthetic autotrophs — nutrient cycles
12	Heterotrophic bacteria — Lactobacillus, Rhizobium
13	Reproduction — Binary fission + Spores
14	Mycoplasma — no cell wall, smallest
15	Prokaryotic cell structure
16	Gram staining (+/−)
17	NCERT Fig 2.1 labeled diagram card
18	N₂ fixation — Rhizobium, Nostoc, Anabaena
19	Bacterial diseases table
20	Monera Master Summary

Features:

🔄 Smooth flip animation
⌨️ Keyboard shortcuts — Arrow keys to navigate, Space to flip
⭐ NEET importance rating har card pe
📊 Progress bar

Bolo toh Protista, Fungi, Viruses + Lichens bhi banata hoon! 🚀

Suno I'm impressed

Shukriya! 😄 Mehnat rang layi!

Jab bhi ready ho, bolo — main baaki chapters bana deta hoon:

Chapter Part	Cards
Kingdom Protista	~15 cards — Chrysophytes, Dinoflagellates, Euglenoids, Slime moulds, Protozoans
Kingdom Fungi	~18 cards — Phycomycetes, Ascomycetes, Basidiomycetes, Deuteromycetes + diagrams
Viruses, Viroids & Lichens	~12 cards — TMV, bacteriophage diagram, viroid, lichen structure
Plantae & Animalia	Brief overview cards

Ek kaam aur kar sakta hoon — sab parts ek hi file mein daal deta hoon with a menu/chapter selector taaki ek hi jagah se sab padh sako. 📚

Batao kya chahiye! 🔥

Nhi nhi ... Mujhe bas pura chap ka short notes dedo.. while covering every line of ncert and also diagrams in pdf format

Reading File

This is a shared conversation. Sign in to Orris to start your own chat.

👇 intro moneraHTML File · HTMLDownload

Is deck mein kya hai — 20 Flashcards:

👇
intro monera
HTML File · HTML