NEW UPDATES

ಆತ್ಮೀಯರೆ, ಈ ವೆಬ್ ಸೈಟ್ (WEBSITE) ಜಾಹೀರಾತು ರಹಿತ ವೆಬ್ ಸೈಟ್ ಆಗಿರುತ್ತದೆ. ಒಂದು ವೇಳೆ ಜಾಹೀರಾತು ಪ್ರದರ್ಶನವಾದಲ್ಲಿ ಜಾಹೀರಾತಿಗೂ ಹಾಗೂ ಈ ವೆಬ್ ಸೈಟ್ ನ ವಾರಸುದಾರರಿಗೂ ಯಾವುದೇ ರೀತಿಯ ಸಂಬಂಧವಿರುವುದಿಲ್ಲ. ಈ ವೆಬ್ ಸೈಟ್ ಅನ್ನು ಕೇವಲ ಸೇವಾ ಮನೋಭಾವದ ಹಿತದೃಷ್ಟಿಯಿಂದ ಹಾಗೂ ರಾಜ್ಯದ ಸಮಸ್ತ ಶಿಕ್ಷಕರಿಗೆ, ವಿದ್ಯಾರ್ಥಿಗಳಿಗೆ ಹಾಗೂ ಉದ್ಯೋಗಕಾಂಕ್ಷಿಗಳಿಗೆ ನೆರವಾಗಲಿ ಎಂಬ ಶೈಕ್ಷಣಿಕ ಹಿತದೃಷ್ಟಿಯಿಂದ ರಚಿಸಲಾಗಿದ್ದು, ಇಲ್ಲಿ ಸಿಗುವ ಎಲ್ಲಾ ಸಂಪನ್ಮೂಲಗಳು ಮುಕ್ತ ಸಂಪನ್ಮೂಲಗಳಾಗಿರುತ್ತವೆ. ನಿಮ್ಮ ಸೇವೆಯಲ್ಲಿ ನಮ್ಮ ಸರ್ಕಾರಿ ಶಾಲೆ @All COPY RIGHTS RESERVED.

NEW 2026-27ನೇ ಸಾಲಿನ ಶಿಕ್ಷಕರ ನೇಮಕಾತಿಯ ಅಧಿಸೂಚನೆಗಳು ಮತ್ತು ಪಠ್ಯಕ್ರಮಗಳಿಗಾಗಿ ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ 👉 PSTR & GPSTR 👉HSTR

NEW 2026-27ನೇ ಸಾಲಿನ ಕನ್ನಡ ಮಾಧ್ಯಮದ ಸೇತುಬಂಧ ಮಾದರಿ ಪ್ರಶ್ನೆ ಪತ್ರಿಕೆಗಳು ಮತ್ತು ಇತರೆ ದಾಖಲೆಗಳಿಗಾಗಿ ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ

NEW 2026-27ನೇ ಸಾಲಿನ ದ್ವಿ-ಭಾಷಾ‌ ಮಾಧ್ಯಮದ ಸೇತುಬಂಧ ಮಾದರಿ ಪ್ರಶ್ನೆ ಪತ್ರಿಕೆಗಳು ಮತ್ತು ಇತರೆ ದಾಖಲೆಗಳಿಗಾಗಿ ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ

NEW ಪ್ರಾಥಮಿಕ ಮತ್ತು ಪ್ರೌಢ ಶಾಲಾ ವಿಭಾಗದ ಶೈಕ್ಷಣಿಕ ದಾಖಲೆಗಳಿಗಾಗಿ ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ 2026-27

NEW 2026-27ನೇ ಸಾಲಿನ 1ನೇ ತರಗತಿ ದಾಖಲಾತಿಗೆ ಸಂಬಂಧಿಸಿದಂತೆ ಹೊಸ ಆದೇಶಗಳು, ದಾಖಲಾತಿ ಅರ್ಜಿ‌ ಮತ್ತು Tc ಕೋರಿಕೆ ಅರ್ಜಿಗಳಿಗಾಗಿ ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ

ಈ WEBSITE ಗೆ ಭೇಟಿ ನೀಡಿದ್ದಕ್ಕಾಗಿ ಧನ್ಯವಾದಗಳು, ಮತ್ತೊಮ್ಮೆ ಈ WEBSITE ಗೆ ಭೇಟಿ ನೀಡಿ. ನಿಮ್ಮ ಸೇವೆಯಲ್ಲಿ ನಮ್ಮ ಸರ್ಕಾರಿ ಶಾಲೆ... ವಂದನೆಗಳು.

LP EDITABLE - 1

📝 LESSON PLAN PREPARATION TOOL

CLASS - 1 FIRST LANGUAGE KANNADA-KM-PART- 1(5E MODEL)

Select Specific Chapter | A4 Landscape Print | Resizeable Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 1ನೇ ತರಗತಿ (ಸವಿ ಕನ್ನಡ)</title>
    <style>
        :root {
            --maroon: #84242c;
            --maroon-dark: #631920;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #5c181f;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: var(--bg-body);
            color: var(--text-color);
            margin: 0;
            padding: 0;
            line-height: 1.6;
            font-size: 15px; 
        }

.toolbar {
            background-color: var(--maroon);
            color: white;
            padding: 15px 25px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        }

.toolbar-brand { display: flex; align-items: center; gap: 12px; }
        .toolbar-brand h1 { margin: 0; font-size: 20px; font-weight: bold; }
        
        .toolbar-actions { display: flex; align-items: center; gap: 15px; }
        .save-status { font-size: 14px; color: #e5c4c7; font-weight: bold; }
        
        .btn {
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: opacity 0.2s;
        }
        .btn:hover { opacity: 0.9; transform: scale(0.98); }
        .btn-yellow { background-color: #dcb348; color: #4a3400; }
        .btn-maroon-dark { background-color: #4a1015; color: white; border: 1px solid #ffb3b9; }
        .btn-blue { background-color: #2e5984; color: white; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

.card {
            background-color: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 10px;
            padding: 25px;
            margin-bottom: 30px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        }

h2.section-header {
            color: var(--maroon);
            border-bottom: 3px solid var(--border-color);
            padding-bottom: 10px;
            margin-top: 0;
            margin-bottom: 25px;
            font-size: 20px;
            font-weight: 800;
        }

.form-group { display: flex; flex-direction: column; margin-bottom: 12px; }
        .form-group label {
            font-weight: bold;
            color: var(--label-color);
            font-size: 14px;
            margin-bottom: 5px;
        }
        
        input[type="text"], input[type="date"], select {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid var(--border-color);
            border-radius: 5px;
            background-color: var(--input-bg);
            color: var(--text-color);
            font-family: inherit;
            font-size: 15px; 
            font-weight: 500;
            outline: none;
            transition: border-color 0.2s;
        }
        input:focus, select:focus { border-color: var(--maroon); }

/* Real textareas mapped dynamically */
        textarea.data-field {
            width: 100%;
            min-height: 80px; 
            border: none;
            padding: 10px;
            background: var(--input-bg);
            resize: vertical; 
            font-family: inherit;
            font-size: 15px; 
            color: #111;
            outline: none;
        }
        textarea.data-field:focus { background-color: #fff8f9; }
        
        textarea.editable-box {
            border: 1px solid var(--border-color);
            border-radius: 5px;
            min-height: 70px;
            padding: 10px;
        }

.grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        
        .lesson-header-area {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid var(--border-color);
            padding-bottom: 12px;
            margin-bottom: 20px;
        }
        .pill-title {
            background-color: var(--maroon);
            color: white;
            padding: 6px 20px;
            border-radius: 25px;
            font-weight: bold;
            font-size: 15px;
        }
        .lesson-actions { display: flex; gap: 12px; }
        .btn-print-lesson { background: #e2e8f0; color: #1e293b; font-weight: bold; font-size: 14px; border:none; border-radius:4px; padding:6px 12px; cursor:pointer;}
        .btn-delete-lesson { background: #9e3640; color: white; padding: 6px 12px; border-radius: 4px; border:none; cursor:pointer; font-weight: bold;}

table { width: 100%; border-collapse: collapse; margin-top: 15px; margin-bottom: 20px; table-layout: fixed; }
        th, td { border: 1px solid var(--border-color); padding: 0; vertical-align: top; }
        
        th {
            background-color: #f4efea;
            color: var(--label-color);
            font-size: 15px; 
            font-weight: bold;
            padding: 12px;
            text-align: left;
            border-bottom: 2px solid var(--border-color);
        }

.phase-col {
            width: 140px;
            text-align: center;
            padding: 20px 8px !important;
            color: var(--label-color);
            background-color: #fcf9f5;
            font-weight: bold;
            font-size: 15px;
        }
        .phase-col small { display: block; font-weight: normal; font-size: 13px; margin-top: 5px; color: #666; }

.sign-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            margin-top: 30px;
            gap: 30px;
        }
        .sign-box {
            text-align: left;
            font-weight: bold;
            color: var(--text-color);
            border-top: 2px solid #555;
            padding-top: 12px;
            width: 70%;
            font-size: 15px;
        }

.print-footer {
            display: none;
            text-align: center;
            color: var(--maroon);
            font-weight: bold;
            font-size: 14px;
            margin-top: auto; 
            padding-top: 15px;
            border-top: 1px dashed var(--border-color);
            letter-spacing: 1px;
        }

/* Fixed Print Footer for EVERY printed page */
        .fixed-print-footer {
            display: none;
        }

/* Displays at the bottom of every physical printed page */
            .fixed-print-footer {
                display: block !important;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                text-align: center;
                font-size: 14px;
                font-weight: bold;
                color: #000;
                padding: 10px 0;
                border-top: 1px dashed #000;
                background-color: #fff;
                z-index: 9999;
            }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: flex !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#5a141a; padding: 4px 8px; border-radius:4px; font-size: 18px;">📘</span>
            <h1>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 1ನೇ ತರಗತಿ (ಸವಿ ಕನ್ನಡ)</h1>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-maroon-dark" onclick="printAllLessons()">🖨️ ಎಲ್ಲವನ್ನೂ ಪ್ರಿಂಟ್ ಮಾಡಿ (Print All)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ ಮರುಹೊಂದಿಸಿ</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (ಸಂಕೀರ್ಣ)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ</label><input type="text" id="s-class" value="1ನೇ ತರಗತಿ"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ</label><input type="text" id="s-sub" value="ಪ್ರಥಮ ಭಾಷೆ ಕನ್ನಡ (ಸವಿ ಕನ್ನಡ)"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div class="card no-print" style="background-color: #f0fdf4; border-color: #059669; padding: 15px 25px; margin-bottom: 25px; display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
            <label style="font-size: 16px; font-weight: bold; color: #065f46; margin: 0;">ಪಾಠವನ್ನು ಆಯ್ಕೆಮಾಡಿ (Select Chapter):</label>
            <select id="masterChapterSelect" onchange="filterChapter(this.value)" style="flex: 1; max-width: 400px; border-color: #059669; color: #065f46; font-weight: bold; font-size: 16px; padding: 8px 12px; cursor: pointer; background: white;">
                
            </select>
            <button class="btn btn-yellow" onclick="loadAllLessons()" style="margin-left: auto;">📁 ಡಿಲೀಟ್ ಮಾಡಿದ ಪಾಠಗಳನ್ನು ಮರಳಿ ತನ್ನಿ</button>
        </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

function initApp() {
            populateMasterDropdown();
            renderLessons();
            loadFromStorage();
            attachAutoSave();
            
            // Show only the first chapter by default
            filterChapter('0');
        }

function populateMasterDropdown() {
            const masterSelect = document.getElementById('masterChapterSelect');
            masterSelect.innerHTML = '<option value="all">ಎಲ್ಲಾ ಪಾಠಗಳನ್ನು ತೋರಿಸಿ (Show All Chapters)</option>';
            chaptersList.forEach((ch, i) => {
                let option = document.createElement('option');
                option.value = i;
                option.text = ch;
                masterSelect.appendChild(option);
            });
        }

function buildChapterDropdown(selectedValue) {
            let options = chaptersList.map(c => '<option value="' + c + '" ' + (c === selectedValue ? 'selected' : '') + '>' + c + '</option>').join('');
            return '<select class="data-field l-ch">' + options + '</select>';
        }

<div class="grid-4" style="margin-top:10px;">
                        <div class="form-group"><label>ಲೇಖಕರು / ಕವಿ</label><input type="text" class="data-field l-author" value="${lsn.author}"></div>
                        <div class="form-group"><label>ಪುಟ ಸಂಖ್ಯೆ</label><input type="text" class="data-field l-pg" value="${lsn.pg}"></div>
                        <div class="form-group"><label>ಬೋಧನಾ ಅವಧಿ (ಗಂಟೆಗಳು)</label><input type="text" class="data-field l-hr" value="${lsn.hr}"></div>
                        <div class="form-group"><label>ಕಲಿಕಾ ಸಾಮರ್ಥ್ಯ</label><input type="text" class="data-field l-outcome" value="${lsn.outcome}"></div>
                    </div>
                    
                    <table>
                        <thead>
                            <tr>
                                <th style="width: 12%;">ಹಂತ (5Es)</th>
                                <th style="width: 22%;">ಕಲಿಕಾಂಶಗಳು / ಚಟುವಟಿಕೆಯ ವಿವರ</th>
                                <th style="width: 22%;">ಕಲಿಕೆಗೆ ಅನುಕೂಲಿಸುವ ಚಟುವಟಿಕೆಗಳು</th>
                                <th style="width: 22%;">ಕಲಿಕೋಪಕರಣಗಳು</th>
                                <th style="width: 22%;">ಮೌಲ್ಯಮಾಪನ ಪ್ರಶ್ನೆಗಳು</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="phase-col">Engage<br><small>ತೊಡಗಿಸಿಕೊಳ್ಳುವಿಕೆ</small></td>
                                <td>${tO} class="data-field t1_1">${lsn.t1_1}${tC}</td>
                                <td>${tO} class="data-field t1_2">${lsn.t1_2}${tC}</td>
                                <td>${tO} class="data-field t1_3">${lsn.t1_3}${tC}</td>
                                <td>${tO} class="data-field t1_4">${lsn.t1_4}${tC}</td>
                            </tr>
                            <tr>
                                <td class="phase-col">Explore<br><small>ಪತ್ತೆಹಚ್ಚುವಿಕೆ</small></td>
                                <td>${tO} class="data-field t2_1">${lsn.t2_1}${tC}</td>
                                <td>${tO} class="data-field t2_2">${lsn.t2_2}${tC}</td>
                                <td>${tO} class="data-field t2_3">${lsn.t2_3}${tC}</td>
                                <td>${tO} class="data-field t2_4">${lsn.t2_4}${tC}</td>
                            </tr>
                            <tr>
                                <td class="phase-col">Explain<br><small>ವಿವರಣೆ</small></td>
                                <td>${tO} class="data-field t3_1">${lsn.t3_1}${tC}</td>
                                <td>${tO} class="data-field t3_2">${lsn.t3_2}${tC}</td>
                                <td>${tO} class="data-field t3_3">${lsn.t3_3}${tC}</td>
                                <td>${tO} class="data-field t3_4">${lsn.t3_4}${tC}</td>
                            </tr>
                            <tr>
                                <td class="phase-col">Expand<br><small>ವಿಸ್ತರಣೆ</small></td>
                                <td>${tO} class="data-field t4_1">${lsn.t4_1}${tC}</td>
                                <td>${tO} class="data-field t4_2">${lsn.t4_2}${tC}</td>
                                <td>${tO} class="data-field t4_3">${lsn.t4_3}${tC}</td>
                                <td>${tO} class="data-field t4_4">${lsn.t4_4}${tC}</td>
                            </tr>
                            <tr>
                                <td class="phase-col">Evaluate<br><small>ಮೌಲ್ಯಮಾಪನ</small></td>
                                <td>${tO} class="data-field t5_1">${lsn.t5_1}${tC}</td>
                                <td>${tO} class="data-field t5_2">${lsn.t5_2}${tC}</td>
                                <td>${tO} class="data-field t5_3">${lsn.t5_3}${tC}</td>
                                <td>${tO} class="data-field t5_4">${lsn.t5_4}${tC}</td>
                            </tr>
                        </tbody>
                    </table>

<div class="grid-2">
                        <div class="form-group">
                            <label>ವ್ಯಾಕರಣಾಂಶಗಳ ವಿವರಣೆ</label>
                            ${tO} class="data-field editable-box l-grm">${lsn.grm}${tC}
                        </div>
                        <div class="form-group">
                            <label>ಹೆಚ್ಚುವರಿ ಚಟುವಟಿಕೆ / ಯೋಜನಾ ಕಾರ್ಯ</label>
                            ${tO} class="data-field editable-box l-prj">${lsn.prj}${tC}
                        </div>
                    </div>

<div class="sign-grid">
                        <div class="sign-box">ವರ್ಗ ಶಿಕ್ಷಕರ ಸಹಿ</div>
                        <div class="sign-box">ಮುಖ್ಯ ಗುರುಗಳ ಸಹಿ</div>
                    </div>
                </div>`;
            });
            container.innerHTML = html;
        }

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

if (data.school) {
                for (const [id, value] of Object.entries(data.school)) {
                    const el = document.getElementById(id);
                    if (el) el.value = value;
                }
            }

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

function removeCard(index) {
            const card = document.getElementById(`card-${index}`);
            card.setAttribute('data-deleted', 'true');
            saveToStorage();
            filterChapter(document.getElementById('masterChapterSelect').value);
        }

function loadAllLessons() {
            document.querySelectorAll('.lesson-card').forEach(card => {
                card.removeAttribute('data-deleted');
            });
            document.getElementById('masterChapterSelect').value = 'all';
            filterChapter('all');
            saveToStorage();
        }

function resetDefault() {
            if(confirm('ಎಲ್ಲಾ ಡೇಟಾವನ್ನು ಡಿಲೀಟ್ ಮಾಡಿ ಡಿಫಾಲ್ಟ್ ಮರುಹೊಂದಿಸಬೇಕೆ?')) {
                localStorage.removeItem(STORAGE_KEY);
                location.reload();
            }
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 1- KANNADA FIRST LANGUAGE- KM--PART-2- SECOND SEM

Select Specific Chapter | A4 Landscape Print | Resizeable Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 1ನೇ ತರಗತಿ (ಸವಿ ಕನ್ನಡ - ಭಾಗ 2)</title>
    <style>
        :root {
            --maroon: #84242c;
            --maroon-dark: #631920;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #5c181f;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

.web-footer {
            text-align: center; 
            padding: 20px; 
            margin-top: 30px; 
            font-weight: bold; 
            color: var(--maroon); 
            border-top: 2px solid var(--border-color); 
            background: var(--bg-card);
            font-size: 16px;
        }

/* Fixed Print Footer for EVERY printed page */
        .fixed-print-footer {
            display: none;
        }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: flex !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#5a141a; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 1- KANNADA-PART-2- SECOND SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-maroon-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (ಸಂಕೀರ್ಣ)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ</label><input type="text" id="s-class" value="1ನೇ ತರಗತಿ"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ</label><input type="text" id="s-sub" value="ಪ್ರಥಮ ಭಾಷೆ ಕನ್ನಡ (ಸವಿ ಕನ್ನಡ) - ಭಾಗ-2"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

function manualSave() {
            saveToStorage();
            alert("ಡೇಟಾ ಯಶಸ್ವಿಯಾಗಿ ಸೇವ್ ಆಗಿದೆ! (Data Saved Successfully!)");
            document.getElementById('saveStatus').innerText = `✔ ಸೇವ್ ಆಗಿದೆ (Saved)`;
        }

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

function resetDefault() {
            if(confirm('ಎಲ್ಲಾ ಡೇಟಾವನ್ನು ಡಿಲೀಟ್ ಮಾಡಿ ಡಿಫಾಲ್ಟ್ ಮರುಹೊಂದಿಸಬೇಕೆ? (Reset everything to default?)')) {
                localStorage.removeItem(STORAGE_KEY);
                location.reload();
            }
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 1- BILINGUAL ENGLISH MRIDANG-PART-1- FIRST SEM

Select Specific Chapter | A4 Landscape Print | Resizeable Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 1ನೇ ತರಗತಿ (Bilingual English Mridang Part-1)</title>
    <style>
        :root {
            --maroon: #84242c;
            --maroon-dark: #631920;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #5c181f;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.toolbar-brand { display: flex; align-items: center; gap: 15px; }
        .toolbar-brand h1 { margin: 0; font-size: 20px; font-weight: bold; }
        .toolbar-brand .credit { font-size: 13px; color: #ffb3b9; font-weight: bold; margin-top: 3px; letter-spacing: 1px; }
        
        .toolbar-actions { display: flex; align-items: center; gap: 15px; }
        .save-status { font-size: 14px; color: #e5c4c7; font-weight: bold; }
        
        .btn {
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: opacity 0.2s;
        }
        .btn:hover { opacity: 0.9; transform: scale(0.98); }
        .btn-yellow { background-color: #dcb348; color: #4a3400; }
        .btn-maroon-dark { background-color: #4a1015; color: white; border: 1px solid #ffb3b9; }
        .btn-blue { background-color: #2e5984; color: white; }
        .btn-green { background-color: #10b981; color: white; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

textarea.data-field {
            width: 100%;
            min-height: 80px; 
            border: none;
            padding: 10px;
            background: var(--input-bg);
            resize: vertical; 
            font-family: inherit;
            font-size: 15px; 
            color: #111;
            outline: none;
        }
        textarea.data-field:focus { background-color: #fff8f9; }
        
        textarea.editable-box {
            border: 1px solid var(--border-color);
            border-radius: 5px;
            min-height: 70px;
            padding: 10px;
        }

/* Fixed Print Footer for EVERY printed page */
        .fixed-print-footer {
            display: none;
        }

/* PRINT SETTINGS (PERFECT A4 LANDSCAPE FIT) */
        @media print {
            @page {
                size: A4 landscape;
                margin: 10mm 15mm; 
            }
            body { 
                background: white; 
                margin: 0; 
                padding: 0; 
                -webkit-print-color-adjust: exact !important; 
                print-color-adjust: exact !important; 
                color: #000;
                font-size: 11pt; 
            }
            .toolbar, .no-print, .lesson-actions, .web-footer { display: none !important; }
            .container { margin: 0; max-width: 100%; padding: 0; }
            
            .card { 
                border: none !important; 
                box-shadow: none !important; 
                margin: 0 !important; 
                padding: 0 !important; 
                page-break-after: always; 
                height: 180mm; 
                display: flex;
                flex-direction: column;
                overflow: hidden;
            }
            
            input, select { border: 1px solid transparent !important; background: transparent; color:#000; font-weight:bold; appearance: none; -webkit-appearance: none;}
            
            table { flex-grow: 1; border: 1px solid #000; margin-bottom: 5px; }
            th, td { border: 1px solid #000; }
            th { background-color: #f0f0f0 !important; }
            
            textarea.data-field { border: none !important; background: transparent !important; color:#000; resize: none; overflow: visible; padding: 5px; height: auto !important; }
            textarea.editable-box { border: 1px solid #ccc !important; }
            
            /* Displays at the bottom of every physical printed page */
            .fixed-print-footer {
                display: block !important;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                text-align: center;
                font-size: 14px;
                font-weight: bold;
                color: #000;
                padding: 10px 0;
                border-top: 1px dashed #000;
                background-color: #fff;
                z-index: 9999;
            }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: flex !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#5a141a; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 1- BILINGUAL ENGLISH MRIDANG-PART-1- FIRST SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-maroon-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (ಸಂಕೀರ್ಣ)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ</label><input type="text" id="s-class" value="1ನೇ ತರಗತಿ"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ</label><input type="text" id="s-sub" value="Bilingual English Mridang - Part 1"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="grid-2">
                        <div class="form-group">
                            <label>ವ್ಯಾಕರಣಾಂಶಗಳ ವಿವರಣೆ (Grammar/Vocabulary)</label>
                            ${tO} class="data-field editable-box l-grm">${lsn.grm}${tC}
                        </div>
                        <div class="form-group">
                            <label>ಹೆಚ್ಚುವರಿ ಚಟುವಟಿಕೆ / ಯೋಜನಾ ಕಾರ್ಯ (Project/Activity)</label>
                            ${tO} class="data-field editable-box l-prj">${lsn.prj}${tC}
                        </div>
                    </div>

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 1 - BILINGUAL ENGLISH MRIDANG-PART-2- SECOND SEM

Select Specific Chapter | A4 Landscape Print | Resizeable Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 1ನೇ ತರಗತಿ (Bilingual English Mridang Part-2)</title>
    <style>
        :root {
            --maroon: #84242c;
            --maroon-dark: #631920;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #5c181f;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

/* Fixed Print Footer for EVERY printed page */
        .fixed-print-footer {
            display: none;
        }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: flex !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#5a141a; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 1 - BILINGUAL ENGLISH MRIDANG-PART-2- SECOND SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-maroon-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (ಸಂಕೀರ್ಣ)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ</label><input type="text" id="s-class" value="1ನೇ ತರಗತಿ"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ</label><input type="text" id="s-sub" value="Bilingual English Mridang - Part 2"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 1- BILINGUAL MATHS-PART-1- FIRST SEM

Select Specific Chapter | A4 Landscape Print | Resizeable Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 1ನೇ ತರಗತಿ (Bilingual Maths Part-1)</title>
    <style>
        :root {
            --maroon: #84242c;
            --maroon-dark: #631920;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #5c181f;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

/* Fixed Print Footer for EVERY printed page */
        .fixed-print-footer {
            display: none;
        }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: flex !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#5a141a; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 1- BILINGUAL MATHS-PART-1- FIRST SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-maroon-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ (School Information)</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು (School Name)</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು (Taluk)</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ (District)</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (Cluster)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ (Academic Year)</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ (Class)</label><input type="text" id="s-class" value="1ನೇ ತರಗತಿ (Class 1)"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ (Subject)</label><input type="text" id="s-sub" value="Bilingual Mathematics - Part 1"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು (Teacher Name)</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 1 - BILINGUAL MATHS-PART-2- SECOND SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 1ನೇ ತರಗತಿ (Bilingual Maths Part-2)</title>
    <style>
        :root {
            --maroon: #84242c;
            --maroon-dark: #631920;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #5c181f;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

/* Dynamic Auto-Expanding Textareas (No Scrollbars or Resizers) */
        textarea.data-field {
            width: 100%;
            min-height: 80px; 
            border: none;
            padding: 10px;
            background: var(--input-bg);
            resize: none; 
            overflow: hidden; 
            font-family: inherit;
            font-size: 15px; 
            color: #111;
            outline: none;
        }
        textarea.data-field:focus { background-color: #fff8f9; }
        
        textarea.editable-box {
            border: 1px solid var(--border-color);
            border-radius: 5px;
            min-height: 70px;
            padding: 10px;
            resize: none;
            overflow: hidden;
            font-family: inherit;
            font-size: 15px; 
        }

/* Fixed Print Footer for EVERY printed page */
        .fixed-print-footer {
            display: none;
        }

/* PRINT SETTINGS (PERFECT A4 LANDSCAPE FIT) */
        @media print {
            @page {
                size: A4 landscape;
                margin: 10mm 15mm; 
            }
            body { 
                background: white; 
                margin: 0; 
                padding: 0; 
                -webkit-print-color-adjust: exact !important; 
                print-color-adjust: exact !important; 
                color: #000;
                font-size: 11pt; 
            }
            .toolbar, .no-print, .lesson-actions, .web-footer { display: none !important; }
            .container { margin: 0; max-width: 100%; padding: 0; }
            
            .card { 
                border: none !important; 
                box-shadow: none !important; 
                margin: 0 !important; 
                padding: 0 !important; 
                page-break-after: always; 
                height: auto !important; 
                min-height: 180mm; 
                display: block; 
                overflow: visible !important; 
            }
            
            input, select { border: 1px solid transparent !important; background: transparent; color:#000; font-weight:bold; appearance: none; -webkit-appearance: none;}
            
            table { width: 100%; border: 1px solid #000; margin-bottom: 5px; page-break-inside: auto; }
            tr { page-break-inside: avoid; }
            th, td { border: 1px solid #000; }
            th { background-color: #f0f0f0 !important; }
            
            /* Hide Textareas during print, Show generated Divs instead to prevent data cutoff */
            textarea { display: none !important; }
            
            .print-div {
                display: block !important;
                border: none !important; 
                background: transparent !important; 
                color: #000 !important; 
                padding: 5px; 
                height: auto !important;
                width: 100%;
                white-space: pre-wrap;
                word-break: break-word;
            }
            .editable-box.print-div { border: 1px solid #ccc !important; }
            
            /* Displays at the bottom of every physical printed page */
            .fixed-print-footer {
                display: block !important;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                text-align: center;
                font-size: 14px;
                font-weight: bold;
                color: #000;
                padding: 10px 0;
                border-top: 1px dashed #000;
                background-color: #fff;
                z-index: 9999;
            }
            
            /* Hides large URL expansions sometimes added by browsers */
            a[href]:after {
                content: none !important;
            }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: block !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#5a141a; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 1 - BILINGUAL MATHS-PART-2- SECOND SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-maroon-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ (School Information)</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು (School Name)</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು (Taluk)</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ (District)</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (Cluster)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ (Academic Year)</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ (Class)</label><input type="text" id="s-class" value="1ನೇ ತರಗತಿ (Class 1)"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ (Subject)</label><input type="text" id="s-sub" value="Bilingual Mathematics - Part 2"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು (Teacher Name)</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

/* 
         * FIX FOR TEXTAREA CUTOFF IN PRINT 
         * Replaces textareas with auto-expanding div blocks right before print.
         */
        function prepareForPrint() {
            document.querySelectorAll('textarea').forEach(el => {
                const div = document.createElement('div');
                div.className = el.className + ' print-div';
                div.textContent = el.value; 
                el.style.display = 'none';
                el.parentNode.insertBefore(div, el.nextSibling);
            });
        }

function restoreAfterPrint() {
            document.querySelectorAll('.print-div').forEach(el => el.remove());
            document.querySelectorAll('textarea').forEach(el => el.style.display = '');
        }

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

if (data.lessons) {
                data.lessons.forEach((lsnData, i) => {
                    const card = document.getElementById(`card-${i}`);
                    if (!card) return;
                    
                    if (lsnData.isDeleted) {
                        card.setAttribute('data-deleted', 'true');
                    }
                    
                    for (const [fieldClass, value] of Object.entries(lsnData.fields)) {
                        const el = card.querySelector(`.${fieldClass}`);
                        if (el) el.value = value;
                    }
                });
            }
            
            // Auto resize textareas on initial load
            setTimeout(() => {
                document.querySelectorAll('textarea').forEach(el => {
                    el.style.height = 'auto';
                    if(el.scrollHeight > 0) el.style.height = (el.scrollHeight + 10) + 'px';
                });
            }, 500);
        }

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 1 - BILINGUAL EVS-FIRST AND SECOND SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 1ನೇ ತರಗತಿ (Bilingual EVS)</title>
    <style>
        :root {
            --maroon: #84242c;
            --maroon-dark: #631920;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #5c181f;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

/* Fixed Print Footer for EVERY printed page */
        .fixed-print-footer {
            display: none;
        }

/* PRINT SETTINGS (PERFECT A4 LANDSCAPE FIT) */
        @media print {
            @page {
                size: A4 landscape;
                margin: 10mm 15mm; 
            }
            body { 
                background: white; 
                margin: 0; 
                padding: 0; 
                -webkit-print-color-adjust: exact !important; 
                print-color-adjust: exact !important; 
                color: #000;
                font-size: 11pt; 
            }
            .toolbar, .no-print, .lesson-actions, .web-footer { display: none !important; }
            .container { margin: 0; max-width: 100%; padding: 0; }
            
            .card { 
                border: none !important; 
                box-shadow: none !important; 
                margin: 0 !important; 
                padding: 0 !important; 
                page-break-after: always; 
                height: auto !important; /* ALLOWS CARD TO EXPAND AND REVEAL ALL DATA */
                min-height: 180mm; 
                display: block; /* PREVENTS FLEXBOX CLIPPING ON PAGE BREAKS */
                overflow: visible !important; /* ENSURES BOTTOM CONTENT IS NEVER HIDDEN */
            }
            
            input, select { border: 1px solid transparent !important; background: transparent; color:#000; font-weight:bold; appearance: none; -webkit-appearance: none;}
            
            table { width: 100%; border: 1px solid #000; margin-bottom: 5px; page-break-inside: auto; }
            tr { page-break-inside: avoid; }
            th, td { border: 1px solid #000; }
            th { background-color: #f0f0f0 !important; }
            
            /* Hide Textareas during print, Show generated Divs instead to prevent data cutoff */
            textarea { display: none !important; }
            
            .print-div {
                display: block !important;
                border: none !important; 
                background: transparent !important; 
                color: #000 !important; 
                padding: 5px; 
                height: auto !important;
                width: 100%;
                white-space: pre-wrap;
                word-break: break-word;
            }
            .editable-box.print-div { border: 1px solid #ccc !important; }
            
            /* Displays at the bottom of every physical printed page */
            .fixed-print-footer {
                display: block !important;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                text-align: center;
                font-size: 14px;
                font-weight: bold;
                color: #000;
                padding: 10px 0;
                border-top: 1px dashed #000;
                background-color: #fff;
                z-index: 9999;
            }
            
            /* Hides large URL expansions sometimes added by browsers */
            a[href]:after {
                content: none !important;
            }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: block !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#5a141a; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 1 - BILINGUAL EVS-FIRST AND SECOND SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-maroon-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ (School Information)</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು (School Name)</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು (Taluk)</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ (District)</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (Cluster)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ (Academic Year)</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ (Class)</label><input type="text" id="s-class" value="1ನೇ ತರಗತಿ (Class 1)"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ (Subject)</label><input type="text" id="s-sub" value="Bilingual EVS - Sem 1 & 2"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು (Teacher Name)</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

function initApp() {
            populateMasterDropdown();
            renderLessons();
            loadFromStorage();
            attachAutoSave();
            autoResizeAllTextareas();
            
            // Show only the first chapter by default
            filterChapter('0');
        }

// FORCE A 1px HEIGHT REFLOW BEFORE MEASURING SCROLLHEIGHT
        // THIS IS THE FOOLPROOF FIX FOR WEB-KIT PRINTING BUG WITH TEXTAREAS
        function prepareForPrint() {
            document.querySelectorAll('textarea').forEach(el => {
                const div = document.createElement('div');
                div.className = el.className + ' print-div';
                div.textContent = el.value; 
                el.style.display = 'none';
                el.parentNode.insertBefore(div, el.nextSibling);
            });
        }

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 2- FL-KANNADA-PART-1- FIRST SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 2ನೇ ತರಗತಿ (FL-Kannada Part-1)</title>
    <style>
        :root {
            --maroon: #84242c;
            --maroon-dark: #631920;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #5c181f;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

/* Fixed Print Footer for EVERY printed page */
        .fixed-print-footer {
            display: none;
        }

/* PRINT SETTINGS (PERFECT A4 LANDSCAPE FIT) */
        @media print {
            @page {
                size: A4 landscape;
                margin: 10mm 15mm; 
            }
            body { 
                background: white; 
                margin: 0; 
                padding: 0; 
                -webkit-print-color-adjust: exact !important; 
                print-color-adjust: exact !important; 
                color: #000;
                font-size: 11pt; 
            }
            .toolbar, .no-print, .lesson-actions, .web-footer { display: none !important; }
            .container { margin: 0; max-width: 100%; padding: 0; }
            
            .card { 
                border: none !important; 
                box-shadow: none !important; 
                margin: 0 !important; 
                padding: 0 !important; 
                page-break-after: always; 
                height: auto !important; /* ALLOWS CARD TO EXPAND AND REVEAL ALL DATA */
                min-height: 180mm; 
                display: block; /* PREVENTS FLEXBOX CLIPPING ON PAGE BREAKS */
                overflow: visible !important; /* ENSURES BOTTOM CONTENT IS NEVER HIDDEN */
            }
            
            input, select { border: 1px solid transparent !important; background: transparent; color:#000; font-weight:bold; appearance: none; -webkit-appearance: none;}
            
            table { width: 100%; border: 1px solid #000; margin-bottom: 5px; page-break-inside: auto; }
            tr { page-break-inside: avoid; }
            th, td { border: 1px solid #000; }
            th { background-color: #f0f0f0 !important; }
            
            /* Hide Textareas during print, Show generated Divs instead to prevent data cutoff */
            textarea { display: none !important; }
            
            .print-div {
                display: block !important;
                border: none !important; 
                background: transparent !important; 
                color: #000 !important; 
                padding: 5px; 
                height: auto !important;
                width: 100%;
                white-space: pre-wrap;
                word-break: break-word;
            }
            .editable-box.print-div { border: 1px solid #ccc !important; }
            
            /* Displays at the bottom of every physical printed page */
            .fixed-print-footer {
                display: block !important;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                text-align: center;
                font-size: 14px;
                font-weight: bold;
                color: #000;
                padding: 10px 0;
                border-top: 1px dashed #000;
                background-color: #fff;
                z-index: 9999;
            }
            
            /* Hides large URL expansions sometimes added by browsers */
            a[href]:after {
                content: none !important;
            }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: block !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#5a141a; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 2- FL-KANNADA-PART-1- FIRST SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-maroon-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ (School Information)</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (ಸಂಕೀರ್ಣ)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ</label><input type="text" id="s-class" value="2ನೇ ತರಗತಿ"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ</label><input type="text" id="s-sub" value="ಪ್ರಥಮ ಭಾಷೆ ಕನ್ನಡ (ಸವಿ ಕನ್ನಡ) - ಭಾಗ 1"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

if (data.lessons) {
                data.lessons.forEach((lsnData, i) => {
                    const card = document.getElementById(`card-${i}`);
                    if (!card) return;
                    
                    if (lsnData.isDeleted) {
                        card.setAttribute('data-deleted', 'true');
                    }
                    
                    for (const [fieldClass, value] of Object.entries(lsnData.fields)) {
                        const el = card.querySelector(`.${fieldClass}`);
                        if (el) el.value = value;
                    }
                });
            }
            
            // Auto resize textareas on initial load
            setTimeout(() => {
                autoResizeAllTextareas();
            }, 500);
        }

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 2 - FL-KANNADA-PART-2- SECOND SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 2ನೇ ತರಗತಿ (FL-Kannada Part-2)</title>
    <style>
        :root {
            --maroon: #84242c;
            --maroon-dark: #631920;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #5c181f;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

/* Fixed Print Footer for EVERY printed page */
        .fixed-print-footer {
            display: none;
        }

/* PRINT SETTINGS (PERFECT A4 LANDSCAPE FIT) */
        @media print {
            @page {
                size: A4 landscape;
                margin: 10mm 15mm; 
            }
            body { 
                background: white; 
                margin: 0; 
                padding: 0; 
                -webkit-print-color-adjust: exact !important; 
                print-color-adjust: exact !important; 
                color: #000;
                font-size: 11pt; 
            }
            .toolbar, .no-print, .lesson-actions, .web-footer { display: none !important; }
            .container { margin: 0; max-width: 100%; padding: 0; }
            
            .card { 
                border: none !important; 
                box-shadow: none !important; 
                margin: 0 !important; 
                padding: 0 !important; 
                page-break-after: always; 
                height: auto !important; /* ALLOWS CARD TO EXPAND AND REVEAL ALL DATA */
                min-height: 180mm; 
                display: block; /* PREVENTS FLEXBOX CLIPPING ON PAGE BREAKS */
                overflow: visible !important; /* ENSURES BOTTOM CONTENT IS NEVER HIDDEN */
            }
            
            input, select { border: 1px solid transparent !important; background: transparent; color:#000; font-weight:bold; appearance: none; -webkit-appearance: none;}
            
            table { width: 100%; border: 1px solid #000; margin-bottom: 5px; page-break-inside: auto; }
            tr { page-break-inside: avoid; }
            th, td { border: 1px solid #000; }
            th { background-color: #f0f0f0 !important; }
            
            /* Hide Textareas during print, Show generated Divs instead to prevent data cutoff */
            textarea { display: none !important; }
            
            .print-div {
                display: block !important;
                border: none !important; 
                background: transparent !important; 
                color: #000 !important; 
                padding: 5px; 
                height: auto !important;
                width: 100%;
                white-space: pre-wrap;
                word-break: break-word;
            }
            .editable-box.print-div { border: 1px solid #ccc !important; }
            
            /* Displays at the bottom of every physical printed page */
            .fixed-print-footer {
                display: block !important;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                text-align: center;
                font-size: 14px;
                font-weight: bold;
                color: #000;
                padding: 10px 0;
                border-top: 1px dashed #000;
                background-color: #fff;
                z-index: 9999;
            }
            
            /* Hides large URL expansions sometimes added by browsers */
            a[href]:after {
                content: none !important;
            }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: block !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#5a141a; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 2- FL-KANNADA-PART-2- SECOND SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-maroon-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ (School Information)</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (ಸಂಕೀರ್ಣ)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ</label><input type="text" id="s-class" value="2ನೇ ತರಗತಿ"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ</label><input type="text" id="s-sub" value="ಪ್ರಥಮ ಭಾಷೆ ಕನ್ನಡ (ಸವಿ ಕನ್ನಡ) - ಭಾಗ 2"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

if (data.lessons) {
                data.lessons.forEach((lsnData, i) => {
                    const card = document.getElementById(`card-${i}`);
                    if (!card) return;
                    
                    if (lsnData.isDeleted) {
                        card.setAttribute('data-deleted', 'true');
                    }
                    
                    for (const [fieldClass, value] of Object.entries(lsnData.fields)) {
                        const el = card.querySelector(`.${fieldClass}`);
                        if (el) el.value = value;
                    }
                });
            }
            
            // Auto resize textareas on initial load
            setTimeout(() => {
                autoResizeAllTextareas();
            }, 500);
        }

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 2 - ENGLISH MRIDANG-PART-1- FIRST SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lesson Plan Preparation Tool - Class 2 English (Mridang Part-1)</title>
    <style>
        :root {
            --primary: #1e40af;
            --primary-dark: #1e3a8a;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #1e3a8a;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.toolbar {
            background-color: var(--primary);
            color: white;
            padding: 15px 25px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        }

.toolbar-brand { display: flex; align-items: center; gap: 15px; }
        .toolbar-brand h1 { margin: 0; font-size: 20px; font-weight: bold; }
        .toolbar-brand .credit { font-size: 13px; color: #bfdbfe; font-weight: bold; margin-top: 3px; letter-spacing: 1px; }
        
        .toolbar-actions { display: flex; align-items: center; gap: 15px; }
        .save-status { font-size: 14px; color: #93c5fd; font-weight: bold; }
        
        .btn {
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: opacity 0.2s;
        }
        .btn:hover { opacity: 0.9; transform: scale(0.98); }
        .btn-yellow { background-color: #dcb348; color: #4a3400; }
        .btn-primary-dark { background-color: #1e3a8a; color: white; border: 1px solid #93c5fd; }
        .btn-blue { background-color: #2e5984; color: white; }
        .btn-green { background-color: #10b981; color: white; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

h2.section-header {
            color: var(--primary);
            border-bottom: 3px solid var(--border-color);
            padding-bottom: 10px;
            margin-top: 0;
            margin-bottom: 25px;
            font-size: 20px;
            font-weight: 800;
        }

textarea.data-field {
            width: 100%;
            min-height: 80px; 
            border: none;
            padding: 10px;
            background: var(--input-bg);
            resize: none; 
            overflow: hidden; 
            font-family: inherit;
            font-size: 15px; 
            color: #111;
            outline: none;
        }
        textarea.data-field:focus { background-color: #f0f7ff; }
        
        textarea.editable-box {
            border: 1px solid var(--border-color);
            border-radius: 5px;
            min-height: 70px;
            padding: 10px;
            resize: none;
            overflow: hidden;
            font-family: inherit;
            font-size: 15px; 
        }

.grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        
        .lesson-header-area {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid var(--border-color);
            padding-bottom: 12px;
            margin-bottom: 20px;
        }
        .pill-title {
            background-color: var(--primary);
            color: white;
            padding: 6px 20px;
            border-radius: 25px;
            font-weight: bold;
            font-size: 15px;
        }
        .lesson-actions { display: flex; gap: 12px; }
        .btn-print-lesson { background: #e2e8f0; color: #1e293b; font-weight: bold; font-size: 14px; border:none; border-radius:4px; padding:6px 12px; cursor:pointer;}
        .btn-delete-lesson { background: #9e3640; color: white; padding: 6px 12px; border-radius: 4px; border:none; cursor:pointer; font-weight: bold;}

.web-footer {
            text-align: center; 
            padding: 20px; 
            margin-top: 30px; 
            font-weight: bold; 
            color: var(--primary); 
            border-top: 2px solid var(--border-color); 
            background: var(--bg-card);
            font-size: 16px;
        }

.fixed-print-footer {
            display: none;
        }

@media print {
            @page {
                size: A4 landscape;
                margin: 10mm 15mm; 
            }
            body { 
                background: white; 
                margin: 0; 
                padding: 0; 
                -webkit-print-color-adjust: exact !important; 
                print-color-adjust: exact !important; 
                color: #000;
                font-size: 11pt; 
            }
            .toolbar, .no-print, .lesson-actions, .web-footer { display: none !important; }
            .container { margin: 0; max-width: 100%; padding: 0; }
            
            .card { 
                border: none !important; 
                box-shadow: none !important; 
                margin: 0 !important; 
                padding: 0 !important; 
                page-break-after: always; 
                height: auto !important; 
                min-height: 180mm; 
                display: block; 
                overflow: visible !important; 
            }
            
            input, select { border: 1px solid transparent !important; background: transparent; color:#000; font-weight:bold; appearance: none; -webkit-appearance: none;}
            
            table { width: 100%; border: 1px solid #000; margin-bottom: 5px; page-break-inside: auto; }
            tr { page-break-inside: avoid; }
            th, td { border: 1px solid #000; }
            th { background-color: #f0f0f0 !important; }
            
            textarea { display: none !important; }
            
            .print-div {
                display: block !important;
                border: none !important; 
                background: transparent !important; 
                color: #000 !important; 
                padding: 5px; 
                height: auto !important;
                width: 100%;
                white-space: pre-wrap;
                word-break: break-word;
            }
            .editable-box.print-div { border: 1px solid #ccc !important; }
            
            .fixed-print-footer {
                display: block !important;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                text-align: center;
                font-size: 14px;
                font-weight: bold;
                color: #000;
                padding: 10px 0;
                border-top: 1px dashed #000;
                background-color: #fff;
                z-index: 9999;
            }
            
            a[href]:after {
                content: none !important;
            }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: block !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#1e3a8a; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 2 - ENGLISH MRIDANG-PART-1- FIRST SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 Save</button>
            <button class="btn btn-primary-dark" onclick="printAllLessons()">🖨️ Print</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 Reset</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">School Information</h2>
            <div class="grid-6">
                <div class="form-group"><label>School Name</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>Taluk</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>District</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>Cluster</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>Academic Year</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>Class</label><input type="text" id="s-class" value="Class 2"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>Subject</label><input type="text" id="s-sub" value="English (Mridang - Part 1)"></div>
                <div class="form-group"><label>Teacher's Name</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div class="card no-print" style="background-color: #f0fdf4; border-color: #059669; padding: 15px 25px; margin-bottom: 25px; display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
            <label style="font-size: 16px; font-weight: bold; color: #065f46; margin: 0;">Select Chapter:</label>
            <select id="masterChapterSelect" onchange="filterChapter(this.value)" style="flex: 1; max-width: 450px; border-color: #059669; color: #065f46; font-weight: bold; font-size: 15px; padding: 8px 12px; cursor: pointer; background: white;">
                
            </select>
            <button class="btn btn-yellow" onclick="loadAllLessons()" style="margin-left: auto;">📁 Restore Deleted Chapters</button>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

function populateMasterDropdown() {
            const masterSelect = document.getElementById('masterChapterSelect');
            masterSelect.innerHTML = '<option value="all">Show All Chapters</option>';
            chaptersList.forEach((ch, i) => {
                let option = document.createElement('option');
                option.value = i;
                option.text = ch;
                masterSelect.appendChild(option);
            });
        }

<div class="grid-4" style="margin-top:10px;">
                        <div class="form-group"><label>Author / Poet</label><input type="text" class="data-field l-author" value="${lsn.author}"></div>
                        <div class="form-group"><label>Page Number</label><input type="text" class="data-field l-pg" value="${lsn.pg}"></div>
                        <div class="form-group"><label>Teaching Hours</label><input type="text" class="data-field l-hr" value="${lsn.hr}"></div>
                        <div class="form-group"><label>Learning Outcome</label><input type="text" class="data-field l-outcome" value="${lsn.outcome}"></div>
                    </div>
                    
                    <table>
                        <thead>
                            <tr>
                                <th style="width: 12%;">Phase (5Es)</th>
                                <th style="width: 22%;">Concepts / Activity Details</th>
                                <th style="width: 22%;">Facilitating Activities</th>
                                <th style="width: 22%;">Teaching Learning Materials</th>
                                <th style="width: 22%;">Evaluation Questions</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="phase-col">Engage</td>
                                <td>${tO} class="data-field t1_1">${lsn.t1_1}${tC}</td>
                                <td>${tO} class="data-field t1_2">${lsn.t1_2}${tC}</td>
                                <td>${tO} class="data-field t1_3">${lsn.t1_3}${tC}</td>
                                <td>${tO} class="data-field t1_4">${lsn.t1_4}${tC}</td>
                            </tr>
                            <tr>
                                <td class="phase-col">Explore</td>
                                <td>${tO} class="data-field t2_1">${lsn.t2_1}${tC}</td>
                                <td>${tO} class="data-field t2_2">${lsn.t2_2}${tC}</td>
                                <td>${tO} class="data-field t2_3">${lsn.t2_3}${tC}</td>
                                <td>${tO} class="data-field t2_4">${lsn.t2_4}${tC}</td>
                            </tr>
                            <tr>
                                <td class="phase-col">Explain</td>
                                <td>${tO} class="data-field t3_1">${lsn.t3_1}${tC}</td>
                                <td>${tO} class="data-field t3_2">${lsn.t3_2}${tC}</td>
                                <td>${tO} class="data-field t3_3">${lsn.t3_3}${tC}</td>
                                <td>${tO} class="data-field t3_4">${lsn.t3_4}${tC}</td>
                            </tr>
                            <tr>
                                <td class="phase-col">Expand</td>
                                <td>${tO} class="data-field t4_1">${lsn.t4_1}${tC}</td>
                                <td>${tO} class="data-field t4_2">${lsn.t4_2}${tC}</td>
                                <td>${tO} class="data-field t4_3">${lsn.t4_3}${tC}</td>
                                <td>${tO} class="data-field t4_4">${lsn.t4_4}${tC}</td>
                            </tr>
                            <tr>
                                <td class="phase-col">Evaluate</td>
                                <td>${tO} class="data-field t5_1">${lsn.t5_1}${tC}</td>
                                <td>${tO} class="data-field t5_2">${lsn.t5_2}${tC}</td>
                                <td>${tO} class="data-field t5_3">${lsn.t5_3}${tC}</td>
                                <td>${tO} class="data-field t5_4">${lsn.t5_4}${tC}</td>
                            </tr>
                        </tbody>
                    </table>

<div class="grid-2">
                        <div class="form-group">
                            <label>Grammar / Vocabulary</label>
                            ${tO} class="data-field editable-box l-grm">${lsn.grm}${tC}
                        </div>
                        <div class="form-group">
                            <label>Project / Activity</label>
                            ${tO} class="data-field editable-box l-prj">${lsn.prj}${tC}
                        </div>
                    </div>

<div class="sign-grid">
                        <div class="sign-box">Teacher's Signature</div>
                        <div class="sign-box">Headmaster's Signature</div>
                    </div>
                </div>`;
            });
            container.innerHTML = html;
        }

function prepareForPrint() {
            document.querySelectorAll('textarea').forEach(el => {
                const div = document.createElement('div');
                div.className = el.className + ' print-div';
                div.textContent = el.value; 
                el.style.display = 'none';
                el.parentNode.insertBefore(div, el.nextSibling);
            });
        }

function manualSave() {
            saveToStorage();
            alert("Data Saved Successfully!");
            document.getElementById('saveStatus').innerText = `✔ Saved`;
        }

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

if (data.lessons) {
                data.lessons.forEach((lsnData, i) => {
                    const card = document.getElementById(`card-${i}`);
                    if (!card) return;
                    
                    if (lsnData.isDeleted) {
                        card.setAttribute('data-deleted', 'true');
                    }
                    
                    for (const [fieldClass, value] of Object.entries(lsnData.fields)) {
                        const el = card.querySelector(`.${fieldClass}`);
                        if (el) el.value = value;
                    }
                });
            }
            
            setTimeout(() => {
                autoResizeAllTextareas();
            }, 500);
        }

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ Auto-saved`;
        }

function resetDefault() {
            if(confirm('Reset everything to default?')) {
                localStorage.removeItem(STORAGE_KEY);
                location.reload();
            }
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 2 - ENGLISH MRIDANG-PART-2- SECOND SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lesson Plan Preparation Tool - Class 2 English (Mridang Part-2)</title>
    <style>
        :root {
            --primary: #1e40af;
            --primary-dark: #1e3a8a;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #1e3a8a;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.toolbar-brand { display: flex; align-items: center; gap: 15px; }
        .toolbar-brand h1 { margin: 0; font-size: 20px; font-weight: bold; }
        .toolbar-brand .credit { font-size: 13px; color: #bfdbfe; font-weight: bold; margin-top: 3px; letter-spacing: 1px; }
        
        .toolbar-actions { display: flex; align-items: center; gap: 15px; }
        .save-status { font-size: 14px; color: #93c5fd; font-weight: bold; }
        
        .btn {
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: opacity 0.2s;
        }
        .btn:hover { opacity: 0.9; transform: scale(0.98); }
        .btn-yellow { background-color: #dcb348; color: #4a3400; }
        .btn-primary-dark { background-color: #1e3a8a; color: white; border: 1px solid #93c5fd; }
        .btn-blue { background-color: #2e5984; color: white; }
        .btn-green { background-color: #10b981; color: white; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

.grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        
        .lesson-header-area {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid var(--border-color);
            padding-bottom: 12px;
            margin-bottom: 20px;
        }
        .pill-title {
            background-color: var(--primary);
            color: white;
            padding: 6px 20px;
            border-radius: 25px;
            font-weight: bold;
            font-size: 15px;
        }
        .lesson-actions { display: flex; gap: 12px; }
        .btn-print-lesson { background: #e2e8f0; color: #1e293b; font-weight: bold; font-size: 14px; border:none; border-radius:4px; padding:6px 12px; cursor:pointer;}
        .btn-delete-lesson { background: #9e3640; color: white; padding: 6px 12px; border-radius: 4px; border:none; cursor:pointer; font-weight: bold;}

.fixed-print-footer {
            display: none;
        }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: block !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#1e3a8a; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 2 - ENGLISH MRIDANG-PART-2- SECOND SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 Save</button>
            <button class="btn btn-primary-dark" onclick="printAllLessons()">🖨️ Print</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 Reset</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">School Information</h2>
            <div class="grid-6">
                <div class="form-group"><label>School Name</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>Taluk</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>District</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>Cluster</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>Academic Year</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>Class</label><input type="text" id="s-class" value="Class 2"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>Subject</label><input type="text" id="s-sub" value="English (Mridang - Part 2)"></div>
                <div class="form-group"><label>Teacher's Name</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div class="card no-print" style="background-color: #f0fdf4; border-color: #059669; padding: 15px 25px; margin-bottom: 25px; display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
            <label style="font-size: 16px; font-weight: bold; color: #065f46; margin: 0;">Select Chapter:</label>
            <select id="masterChapterSelect" onchange="filterChapter(this.value)" style="flex: 1; max-width: 450px; border-color: #059669; color: #065f46; font-weight: bold; font-size: 15px; padding: 8px 12px; cursor: pointer; background: white;">
                
            </select>
            <button class="btn btn-yellow" onclick="loadAllLessons()" style="margin-left: auto;">📁 Restore Deleted Chapters</button>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

function initApp() {
            populateMasterDropdown();
            renderLessons();
            loadFromStorage();
            attachAutoSave();
            autoResizeAllTextareas();
            
            // Show all lessons by default so users don't think it's the "same lesson"
            filterChapter('all');
        }

function manualSave() {
            saveToStorage();
            alert("Data Saved Successfully!");
            document.getElementById('saveStatus').innerText = `✔ Saved`;
        }

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

if (data.lessons) {
                data.lessons.forEach((lsnData, i) => {
                    const card = document.getElementById(`card-${i}`);
                    if (!card) return;
                    
                    if (lsnData.isDeleted) {
                        card.setAttribute('data-deleted', 'true');
                    }
                    
                    for (const [fieldClass, value] of Object.entries(lsnData.fields)) {
                        const el = card.querySelector(`.${fieldClass}`);
                        if (el) el.value = value;
                    }
                });
            }
            
            setTimeout(() => {
                autoResizeAllTextareas();
            }, 500);
        }

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ Auto-saved`;
        }

function resetDefault() {
            if(confirm('Reset everything to default?')) {
                localStorage.removeItem(STORAGE_KEY);
                location.reload();
            }
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 2 - BILINGUAL MATHS-PART-1- FIRST SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 2ನೇ ತರಗತಿ (Bilingual Maths Part-1)</title>
    <style>
        :root {
            --maroon: #84242c;
            --maroon-dark: #631920;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #5c181f;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

/* Fixed Print Footer for EVERY printed page */
        .fixed-print-footer {
            display: none;
        }

/* PRINT SETTINGS (PERFECT A4 LANDSCAPE FIT) */
        @media print {
            @page {
                size: A4 landscape;
                margin: 10mm 15mm; 
            }
            body { 
                background: white; 
                margin: 0; 
                padding: 0; 
                -webkit-print-color-adjust: exact !important; 
                print-color-adjust: exact !important; 
                color: #000;
                font-size: 11pt; 
            }
            .toolbar, .no-print, .lesson-actions, .web-footer { display: none !important; }
            .container { margin: 0; max-width: 100%; padding: 0; }
            
            .card { 
                border: none !important; 
                box-shadow: none !important; 
                margin: 0 !important; 
                padding: 0 !important; 
                page-break-after: always; 
                height: auto !important; /* ALLOWS CARD TO EXPAND AND REVEAL ALL DATA */
                min-height: 180mm; 
                display: block; /* PREVENTS FLEXBOX CLIPPING ON PAGE BREAKS */
                overflow: visible !important; /* ENSURES BOTTOM CONTENT IS NEVER HIDDEN */
            }
            
            input, select { border: 1px solid transparent !important; background: transparent; color:#000; font-weight:bold; appearance: none; -webkit-appearance: none;}
            
            table { width: 100%; border: 1px solid #000; margin-bottom: 5px; page-break-inside: auto; }
            tr { page-break-inside: avoid; }
            th, td { border: 1px solid #000; }
            th { background-color: #f0f0f0 !important; }
            
            textarea.data-field, textarea.editable-box { 
                border: none !important; 
                background: transparent !important; 
                color: #000 !important; 
                resize: none !important; 
                overflow: visible !important; /* ENSURES TEXT IS NEVER HIDDEN */
                padding: 5px; 
                height: auto !important;
                white-space: pre-wrap;
            }
            textarea.editable-box { border: 1px solid #ccc !important; }
            
            /* Displays at the bottom of every physical printed page */
            .fixed-print-footer {
                display: block !important;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                text-align: center;
                font-size: 14px;
                font-weight: bold;
                color: #000;
                padding: 10px 0;
                border-top: 1px dashed #000;
                background-color: #fff;
                z-index: 9999;
            }
            
            /* Hides large URL expansions sometimes added by browsers */
            a[href]:after {
                content: none !important;
            }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: flex !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#5a141a; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 2- BILINGUAL MATHS-PART-1- FIRST SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-maroon-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ (School Information)</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು (School Name)</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು (Taluk)</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ (District)</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (Cluster)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ (Academic Year)</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ (Class)</label><input type="text" id="s-class" value="2ನೇ ತರಗತಿ (Class 2)"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ (Subject)</label><input type="text" id="s-sub" value="Bilingual Mathematics - Part 1"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು (Teacher Name)</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

function initApp() {
            populateMasterDropdown();
            renderLessons();
            loadFromStorage();
            attachAutoSave();
            autoResizeAllTextareas();
            
            // Show all lessons by default
            filterChapter('all');
        }

// FORCE A 1px HEIGHT REFLOW BEFORE MEASURING SCROLLHEIGHT
        function prepareForPrint() {
            document.querySelectorAll('textarea').forEach(el => {
                const div = document.createElement('div');
                div.className = el.className + ' print-div';
                div.textContent = el.value; 
                el.style.display = 'none';
                el.parentNode.insertBefore(div, el.nextSibling);
            });
        }

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

if (data.lessons) {
                data.lessons.forEach((lsnData, i) => {
                    const card = document.getElementById(`card-${i}`);
                    if (!card) return;
                    
                    if (lsnData.isDeleted) {
                        card.setAttribute('data-deleted', 'true');
                    }
                    
                    for (const [fieldClass, value] of Object.entries(lsnData.fields)) {
                        const el = card.querySelector(`.${fieldClass}`);
                        if (el) el.value = value;
                    }
                });
            }
            
            // Auto resize textareas on initial load
            setTimeout(() => {
                autoResizeAllTextareas();
            }, 500);
        }

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 2- BILINGUAL MATHS-PART-2- SECOND SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 2ನೇ ತರಗತಿ (Bilingual Maths Part-2)</title>
    <style>
        :root {
            --primary: #065f46;
            --primary-dark: #064e3b;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #064e3b;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.toolbar-brand { display: flex; align-items: center; gap: 15px; }
        .toolbar-brand h1 { margin: 0; font-size: 20px; font-weight: bold; }
        .toolbar-brand .credit { font-size: 13px; color: #a7f3d0; font-weight: bold; margin-top: 3px; letter-spacing: 1px; }
        
        .toolbar-actions { display: flex; align-items: center; gap: 15px; }
        .save-status { font-size: 14px; color: #6ee7b7; font-weight: bold; }
        
        .btn {
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: opacity 0.2s;
        }
        .btn:hover { opacity: 0.9; transform: scale(0.98); }
        .btn-yellow { background-color: #fbbf24; color: #065f46; }
        .btn-primary-dark { background-color: #064e3b; color: white; border: 1px solid #6ee7b7; }
        .btn-blue { background-color: #2e5984; color: white; }
        .btn-green { background-color: #10b981; color: white; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

textarea.data-field {
            width: 100%;
            min-height: 80px; 
            border: none;
            padding: 10px;
            background: var(--input-bg);
            resize: none; 
            overflow: hidden; 
            font-family: inherit;
            font-size: 15px; 
            color: #111;
            outline: none;
        }
        textarea.data-field:focus { background-color: #ecfdf5; }
        
        textarea.editable-box {
            border: 1px solid var(--border-color);
            border-radius: 5px;
            min-height: 70px;
            padding: 10px;
            resize: none;
            overflow: hidden;
            font-family: inherit;
            font-size: 15px; 
        }

.grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        
        .lesson-header-area {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid var(--border-color);
            padding-bottom: 12px;
            margin-bottom: 20px;
        }
        .pill-title {
            background-color: var(--primary);
            color: white;
            padding: 6px 20px;
            border-radius: 25px;
            font-weight: bold;
            font-size: 15px;
        }
        .lesson-actions { display: flex; gap: 12px; }
        .btn-print-lesson { background: #e2e8f0; color: #1e293b; font-weight: bold; font-size: 14px; border:none; border-radius:4px; padding:6px 12px; cursor:pointer;}
        .btn-delete-lesson { background: #9e3640; color: white; padding: 6px 12px; border-radius: 4px; border:none; cursor:pointer; font-weight: bold;}

.fixed-print-footer {
            display: none;
        }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: block !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#064e3b; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 2- BILINGUAL MATHS-PART-2- SECOND SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-primary-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ (School Information)</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು (School Name)</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು (Taluk)</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ (District)</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (Cluster)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ (Academic Year)</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ (Class)</label><input type="text" id="s-class" value="2ನೇ ತರಗತಿ (Class 2)"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ (Subject)</label><input type="text" id="s-sub" value="Bilingual Mathematics - Part 2"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು (Teacher Name)</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div class="card no-print" style="background-color: #f0fdf4; border-color: #059669; padding: 15px 25px; margin-bottom: 25px; display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
            <label style="font-size: 16px; font-weight: bold; color: #065f46; margin: 0;">ಪಾಠವನ್ನು ಆಯ್ಕೆಮಾಡಿ (Select Chapter):</label>
            <select id="masterChapterSelect" onchange="filterChapter(this.value)" style="flex: 1; max-width: 450px; border-color: #059669; color: #065f46; font-weight: bold; font-size: 15px; padding: 8px 12px; cursor: pointer; background: white;">
                
            </select>
            <button class="btn btn-yellow" onclick="loadAllLessons()" style="margin-left: auto;">📁 ಡಿಲೀಟ್ ಮಾಡಿದ ಪಾಠಗಳನ್ನು ಮರಳಿ ತನ್ನಿ</button>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

if (data.lessons) {
                data.lessons.forEach((lsnData, i) => {
                    const card = document.getElementById(`card-${i}`);
                    if (!card) return;
                    
                    if (lsnData.isDeleted) {
                        card.setAttribute('data-deleted', 'true');
                    }
                    
                    for (const [fieldClass, value] of Object.entries(lsnData.fields)) {
                        const el = card.querySelector(`.${fieldClass}`);
                        if (el) el.value = value;
                    }
                });
            }
            
            // Auto resize textareas on initial load
            setTimeout(() => {
                autoResizeAllTextareas();
            }, 500);
        }

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 2 - BILINGUAL EVS PART-1- FIRST SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 2ನೇ ತರಗತಿ (Bilingual EVS Part-1)</title>
    <style>
        :root {
            --primary: #166534;
            --primary-dark: #14532d;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #14532d;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.toolbar-brand { display: flex; align-items: center; gap: 15px; }
        .toolbar-brand h1 { margin: 0; font-size: 20px; font-weight: bold; }
        .toolbar-brand .credit { font-size: 13px; color: #bbf7d0; font-weight: bold; margin-top: 3px; letter-spacing: 1px; }
        
        .toolbar-actions { display: flex; align-items: center; gap: 15px; }
        .save-status { font-size: 14px; color: #86efac; font-weight: bold; }
        
        .btn {
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: opacity 0.2s;
        }
        .btn:hover { opacity: 0.9; transform: scale(0.98); }
        .btn-yellow { background-color: #f97316; color: #ffffff; }
        .btn-primary-dark { background-color: #14532d; color: white; border: 1px solid #86efac; }
        .btn-blue { background-color: #2e5984; color: white; }
        .btn-green { background-color: #10b981; color: white; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

textarea.data-field {
            width: 100%;
            min-height: 80px; 
            border: none;
            padding: 10px;
            background: var(--input-bg);
            resize: none; 
            overflow: hidden; 
            font-family: inherit;
            font-size: 15px; 
            color: #111;
            outline: none;
        }
        textarea.data-field:focus { background-color: #f0fdf4; }
        
        textarea.editable-box {
            border: 1px solid var(--border-color);
            border-radius: 5px;
            min-height: 70px;
            padding: 10px;
            resize: none;
            overflow: hidden;
            font-family: inherit;
            font-size: 15px; 
        }

.grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        
        .lesson-header-area {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid var(--border-color);
            padding-bottom: 12px;
            margin-bottom: 20px;
        }
        .pill-title {
            background-color: var(--primary);
            color: white;
            padding: 6px 20px;
            border-radius: 25px;
            font-weight: bold;
            font-size: 15px;
        }
        .lesson-actions { display: flex; gap: 12px; }
        .btn-print-lesson { background: #e2e8f0; color: #1e293b; font-weight: bold; font-size: 14px; border:none; border-radius:4px; padding:6px 12px; cursor:pointer;}
        .btn-delete-lesson { background: #9e3640; color: white; padding: 6px 12px; border-radius: 4px; border:none; cursor:pointer; font-weight: bold;}

.fixed-print-footer {
            display: none;
        }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: block !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#14532d; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 2 - BILINGUAL EVS PART-1- FIRST SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-primary-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ (School Information)</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು (School Name)</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು (Taluk)</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ (District)</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (Cluster)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ (Academic Year)</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ (Class)</label><input type="text" id="s-class" value="2ನೇ ತರಗತಿ (Class 2)"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ (Subject)</label><input type="text" id="s-sub" value="Bilingual EVS - Part 1"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು (Teacher Name)</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div class="card no-print" style="background-color: #f0fdf4; border-color: #059669; padding: 15px 25px; margin-bottom: 25px; display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
            <label style="font-size: 16px; font-weight: bold; color: #065f46; margin: 0;">ಪಾಠವನ್ನು ಆಯ್ಕೆಮಾಡಿ (Select Chapter):</label>
            <select id="masterChapterSelect" onchange="filterChapter(this.value)" style="flex: 1; max-width: 450px; border-color: #059669; color: #065f46; font-weight: bold; font-size: 15px; padding: 8px 12px; cursor: pointer; background: white;">
                
            </select>
            <button class="btn btn-yellow" onclick="loadAllLessons()" style="margin-left: auto;">📁 ಡಿಲೀಟ್ ಮಾಡಿದ ಪಾಠಗಳನ್ನು ಮರಳಿ ತನ್ನಿ</button>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

function initApp() {
            populateMasterDropdown();
            renderLessons();
            loadFromStorage();
            attachAutoSave();
            autoResizeAllTextareas();
            
            // Explicitly force displaying all chapters on load
            filterChapter('all');
        }

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

if (data.lessons) {
                data.lessons.forEach((lsnData, i) => {
                    const card = document.getElementById(`card-${i}`);
                    if (!card) return;
                    
                    if (lsnData.isDeleted) {
                        card.setAttribute('data-deleted', 'true');
                    }
                    
                    for (const [fieldClass, value] of Object.entries(lsnData.fields)) {
                        const el = card.querySelector(`.${fieldClass}`);
                        if (el) el.value = value;
                    }
                });
            }
            
            setTimeout(() => {
                autoResizeAllTextareas();
            }, 500);
        }

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 2 - BILINGUAL EVS PART-2- SECOND SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 2ನೇ ತರಗತಿ (Bilingual EVS Part-2)</title>
    <style>
        :root {
            --primary: #166534;
            --primary-dark: #14532d;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #14532d;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.toolbar-brand { display: flex; align-items: center; gap: 15px; }
        .toolbar-brand h1 { margin: 0; font-size: 20px; font-weight: bold; }
        .toolbar-brand .credit { font-size: 13px; color: #bbf7d0; font-weight: bold; margin-top: 3px; letter-spacing: 1px; }
        
        .toolbar-actions { display: flex; align-items: center; gap: 15px; }
        .save-status { font-size: 14px; color: #86efac; font-weight: bold; }
        
        .btn {
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: opacity 0.2s;
        }
        .btn:hover { opacity: 0.9; transform: scale(0.98); }
        .btn-yellow { background-color: #f97316; color: #ffffff; }
        .btn-primary-dark { background-color: #14532d; color: white; border: 1px solid #86efac; }
        .btn-blue { background-color: #2e5984; color: white; }
        .btn-green { background-color: #10b981; color: white; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

/* Dynamic Auto-Expanding Textareas (No Scrollbars or Resizers) */
        textarea.data-field {
            width: 100%;
            min-height: 80px; 
            border: none;
            padding: 10px;
            background: var(--input-bg);
            resize: none; 
            overflow: hidden; 
            font-family: inherit;
            font-size: 15px; 
            color: #111;
            outline: none;
        }
        textarea.data-field:focus { background-color: #f0fdf4; }
        
        textarea.editable-box {
            border: 1px solid var(--border-color);
            border-radius: 5px;
            min-height: 70px;
            padding: 10px;
            resize: none;
            overflow: hidden;
            font-family: inherit;
            font-size: 15px; 
        }

.grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        
        .lesson-header-area {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid var(--border-color);
            padding-bottom: 12px;
            margin-bottom: 20px;
        }
        .pill-title {
            background-color: var(--primary);
            color: white;
            padding: 6px 20px;
            border-radius: 25px;
            font-weight: bold;
            font-size: 15px;
        }
        .lesson-actions { display: flex; gap: 12px; }
        .btn-print-lesson { background: #e2e8f0; color: #1e293b; font-weight: bold; font-size: 14px; border:none; border-radius:4px; padding:6px 12px; cursor:pointer;}
        .btn-delete-lesson { background: #9e3640; color: white; padding: 6px 12px; border-radius: 4px; border:none; cursor:pointer; font-weight: bold;}

/* Fixed Print Footer for EVERY printed page */
        .fixed-print-footer {
            display: none;
        }

/* PRINT SETTINGS (PERFECT A4 LANDSCAPE FIT) */
        @media print {
            @page {
                size: A4 landscape;
                margin: 10mm 15mm; 
            }
            body { 
                background: white; 
                margin: 0; 
                padding: 0; 
                -webkit-print-color-adjust: exact !important; 
                print-color-adjust: exact !important; 
                color: #000;
                font-size: 11pt; 
            }
            .toolbar, .no-print, .lesson-actions, .web-footer { display: none !important; }
            .container { margin: 0; max-width: 100%; padding: 0; }
            
            .card { 
                border: none !important; 
                box-shadow: none !important; 
                margin: 0 !important; 
                padding: 0 !important; 
                page-break-after: always; 
                height: auto !important; /* ALLOWS CARD TO EXPAND AND REVEAL ALL DATA */
                min-height: 180mm; 
                display: block; /* PREVENTS FLEXBOX CLIPPING ON PAGE BREAKS */
                overflow: visible !important; /* ENSURES BOTTOM CONTENT IS NEVER HIDDEN */
            }
            
            input, select { border: 1px solid transparent !important; background: transparent; color:#000; font-weight:bold; appearance: none; -webkit-appearance: none;}
            
            table { width: 100%; border: 1px solid #000; margin-bottom: 5px; page-break-inside: auto; }
            tr { page-break-inside: avoid; }
            th, td { border: 1px solid #000; }
            th { background-color: #f0f0f0 !important; }
            
            /* Hide Textareas during print, Show generated Divs instead to prevent data cutoff */
            textarea { display: none !important; }
            
            .print-div {
                display: block !important;
                border: none !important; 
                background: transparent !important; 
                color: #000 !important; 
                padding: 5px; 
                height: auto !important;
                width: 100%;
                white-space: pre-wrap;
                word-break: break-word;
            }
            .editable-box.print-div { border: 1px solid #ccc !important; }
            
            /* Displays at the bottom of every physical printed page */
            .fixed-print-footer {
                display: block !important;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                text-align: center;
                font-size: 14px;
                font-weight: bold;
                color: #000;
                padding: 10px 0;
                border-top: 1px dashed #000;
                background-color: #fff;
                z-index: 9999;
            }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: block !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#14532d; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 2 - BILINGUAL EVS PART-2- SECOND SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-primary-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ (School Information)</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು (School Name)</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು (Taluk)</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ (District)</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (Cluster)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ (Academic Year)</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ (Class)</label><input type="text" id="s-class" value="2ನೇ ತರಗತಿ (Class 2)"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ (Subject)</label><input type="text" id="s-sub" value="Bilingual EVS - Part 2"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು (Teacher Name)</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div class="card no-print" style="background-color: #f0fdf4; border-color: #059669; padding: 15px 25px; margin-bottom: 25px; display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
            <label style="font-size: 16px; font-weight: bold; color: #065f46; margin: 0;">ಪಾಠವನ್ನು ಆಯ್ಕೆಮಾಡಿ (Select Chapter):</label>
            <select id="masterChapterSelect" onchange="filterChapter(this.value)" style="flex: 1; max-width: 450px; border-color: #059669; color: #065f46; font-weight: bold; font-size: 15px; padding: 8px 12px; cursor: pointer; background: white;">
                
            </select>
            <button class="btn btn-yellow" onclick="loadAllLessons()" style="margin-left: auto;">📁 ಡಿಲೀಟ್ ಮಾಡಿದ ಪಾಠಗಳನ್ನು ಮರಳಿ ತನ್ನಿ</button>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

if (data.lessons) {
                data.lessons.forEach((lsnData, i) => {
                    const card = document.getElementById(`card-${i}`);
                    if (!card) return;
                    
                    if (lsnData.isDeleted) {
                        card.setAttribute('data-deleted', 'true');
                    }
                    
                    for (const [fieldClass, value] of Object.entries(lsnData.fields)) {
                        const el = card.querySelector(`.${fieldClass}`);
                        if (el) el.value = value;
                    }
                });
            }
            
            setTimeout(() => {
                autoResizeAllTextareas();
            }, 500);
        }

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 3- F L KANNADA PART-1- FIRST SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 3ನೇ ತರಗತಿ (FL-Kannada Part-1)</title>
    <style>
        :root {
            --primary: #065f46;
            --primary-dark: #047857;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #047857;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.toolbar-brand { display: flex; align-items: center; gap: 15px; }
        .toolbar-brand h1 { margin: 0; font-size: 20px; font-weight: bold; }
        .toolbar-brand .credit { font-size: 13px; color: #a7f3d0; font-weight: bold; margin-top: 3px; letter-spacing: 1px; }
        
        .toolbar-actions { display: flex; align-items: center; gap: 15px; }
        .save-status { font-size: 14px; color: #6ee7b7; font-weight: bold; }
        
        .btn {
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: opacity 0.2s;
        }
        .btn:hover { opacity: 0.9; transform: scale(0.98); }
        .btn-yellow { background-color: #fbbf24; color: #065f46; }
        .btn-primary-dark { background-color: #047857; color: white; border: 1px solid #6ee7b7; }
        .btn-blue { background-color: #2e5984; color: white; }
        .btn-green { background-color: #10b981; color: white; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

/* Dynamic Auto-Expanding Textareas */
        textarea.data-field {
            width: 100%;
            min-height: 80px; 
            border: none;
            padding: 10px;
            background: var(--input-bg);
            resize: none; 
            overflow: hidden; 
            font-family: inherit;
            font-size: 15px; 
            color: #111;
            outline: none;
        }
        textarea.data-field:focus { background-color: #ecfdf5; }
        
        textarea.editable-box {
            border: 1px solid var(--border-color);
            border-radius: 5px;
            min-height: 70px;
            padding: 10px;
            resize: none;
            overflow: hidden;
            font-family: inherit;
            font-size: 15px; 
        }

.grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        
        .lesson-header-area {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid var(--border-color);
            padding-bottom: 12px;
            margin-bottom: 20px;
        }
        .pill-title {
            background-color: var(--primary);
            color: white;
            padding: 6px 20px;
            border-radius: 25px;
            font-weight: bold;
            font-size: 15px;
        }
        .lesson-actions { display: flex; gap: 12px; }
        .btn-print-lesson { background: #e2e8f0; color: #1e293b; font-weight: bold; font-size: 14px; border:none; border-radius:4px; padding:6px 12px; cursor:pointer;}
        .btn-delete-lesson { background: #9e3640; color: white; padding: 6px 12px; border-radius: 4px; border:none; cursor:pointer; font-weight: bold;}

.fixed-print-footer {
            display: none;
        }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: block !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#047857; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 3- F L KANNADA PART-1- FIRST SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-primary-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ (School Information)</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು (School Name)</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು (Taluk)</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ (District)</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (Cluster)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ (Academic Year)</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ (Class)</label><input type="text" id="s-class" value="3ನೇ ತರಗತಿ (Class 3)"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ (Subject)</label><input type="text" id="s-sub" value="ಪ್ರಥಮ ಭಾಷೆ ಕನ್ನಡ (ಸವಿ ಕನ್ನಡ) - ಭಾಗ 1"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು (Teacher Name)</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div class="card no-print" style="background-color: #f0fdf4; border-color: #059669; padding: 15px 25px; margin-bottom: 25px; display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
            <label style="font-size: 16px; font-weight: bold; color: #065f46; margin: 0;">ಪಾಠವನ್ನು ಆಯ್ಕೆಮಾಡಿ (Select Chapter):</label>
            <select id="masterChapterSelect" onchange="filterChapter(this.value)" style="flex: 1; max-width: 450px; border-color: #059669; color: #065f46; font-weight: bold; font-size: 15px; padding: 8px 12px; cursor: pointer; background: white;">
                
            </select>
            <button class="btn btn-yellow" onclick="loadAllLessons()" style="margin-left: auto;">📁 ಡಿಲೀಟ್ ಮಾಡಿದ ಪಾಠಗಳನ್ನು ಮರಳಿ ತನ್ನಿ</button>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

if (data.lessons) {
                data.lessons.forEach((lsnData, i) => {
                    const card = document.getElementById(`card-${i}`);
                    if (!card) return;
                    
                    if (lsnData.isDeleted) {
                        card.setAttribute('data-deleted', 'true');
                    }
                    
                    for (const [fieldClass, value] of Object.entries(lsnData.fields)) {
                        const el = card.querySelector(`.${fieldClass}`);
                        if (el) el.value = value;
                    }
                });
            }
            
            setTimeout(() => {
                autoResizeAllTextareas();
            }, 500);
        }

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 3- F L KANNADA PART-2- SECOND SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="kn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ಪಾಠ ಯೋಜನೆ ಸಿದ್ಧತಾ ಸಾಧನ - 3ನೇ ತರಗತಿ (FL-Kannada Part-2)</title>
    <style>
        :root {
            --primary: #065f46;
            --primary-dark: #047857;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #047857;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.toolbar-brand { display: flex; align-items: center; gap: 15px; }
        .toolbar-brand h1 { margin: 0; font-size: 20px; font-weight: bold; }
        .toolbar-brand .credit { font-size: 13px; color: #a7f3d0; font-weight: bold; margin-top: 3px; letter-spacing: 1px; }
        
        .toolbar-actions { display: flex; align-items: center; gap: 15px; }
        .save-status { font-size: 14px; color: #6ee7b7; font-weight: bold; }
        
        .btn {
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: opacity 0.2s;
        }
        .btn:hover { opacity: 0.9; transform: scale(0.98); }
        .btn-yellow { background-color: #fbbf24; color: #065f46; }
        .btn-primary-dark { background-color: #047857; color: white; border: 1px solid #6ee7b7; }
        .btn-blue { background-color: #2e5984; color: white; }
        .btn-green { background-color: #10b981; color: white; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

.grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        
        .lesson-header-area {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid var(--border-color);
            padding-bottom: 12px;
            margin-bottom: 20px;
        }
        .pill-title {
            background-color: var(--primary);
            color: white;
            padding: 6px 20px;
            border-radius: 25px;
            font-weight: bold;
            font-size: 15px;
        }
        .lesson-actions { display: flex; gap: 12px; }
        .btn-print-lesson { background: #e2e8f0; color: #1e293b; font-weight: bold; font-size: 14px; border:none; border-radius:4px; padding:6px 12px; cursor:pointer;}
        .btn-delete-lesson { background: #9e3640; color: white; padding: 6px 12px; border-radius: 4px; border:none; cursor:pointer; font-weight: bold;}

.fixed-print-footer {
            display: none;
        }

@media print {
            @page {
                size: A4 landscape;
                margin: 10mm 15mm; 
            }
            body { 
                background: white; 
                margin: 0; 
                padding: 0; 
                -webkit-print-color-adjust: exact !important; 
                print-color-adjust: exact !important; 
                color: #000;
                font-size: 11pt; 
            }
            .toolbar, .no-print, .lesson-actions, .web-footer { display: none !important; }
            .container { margin: 0; max-width: 100%; padding: 0; }
            
            .card { 
                border: none !important; 
                box-shadow: none !important; 
                margin: 0 !important; 
                padding: 0 !important; 
                page-break-after: always; 
                height: auto !important; 
                min-height: 180mm; 
                display: block; 
                overflow: visible !important; 
            }
            
            input, select { border: 1px solid transparent !important; background: transparent; color:#000; font-weight:bold; appearance: none; -webkit-appearance: none;}
            
            table { width: 100%; border: 1px solid #000; margin-bottom: 5px; page-break-inside: auto; }
            tr { page-break-inside: avoid; }
            th, td { border: 1px solid #000; }
            th { background-color: #f0f0f0 !important; }
            
            textarea.data-field, textarea.editable-box { 
                border: none !important; 
                background: transparent !important; 
                color: #000 !important; 
                resize: none !important; 
                overflow: visible !important; 
                padding: 5px; 
                height: auto !important;
                white-space: pre-wrap;
            }
            textarea.editable-box { border: 1px solid #ccc !important; }
            
            .fixed-print-footer {
                display: block !important;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                text-align: center;
                font-size: 14px;
                font-weight: bold;
                color: #000;
                padding: 10px 0;
                border-top: 1px dashed #000;
                background-color: #fff;
                z-index: 9999;
            }
            
            a[href]:after {
                content: none !important;
            }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: flex !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#047857; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 3- F L KANNADA PART-2- SECOND SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 ಸೇವ್ ಮಾಡಿ (Save)</button>
            <button class="btn btn-primary-dark" onclick="printAllLessons()">🖨️ ಪ್ರಿಂಟ್ (Print)</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 ಡಿಫಾಲ್ಟ್ (Reset)</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">ಶಾಲಾ ಮಾಹಿತಿ (School Information)</h2>
            <div class="grid-6">
                <div class="form-group"><label>ಶಾಲೆಯ ಹೆಸರು</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>ತಾಲೂಕು</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>ಜಿಲ್ಲೆ</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>ಕ್ಲಸ್ಟರ್ (ಸಂಕೀರ್ಣ)</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>ಶೈಕ್ಷಣಿಕ ವರ್ಷ</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>ತರಗತಿ</label><input type="text" id="s-class" value="3ನೇ ತರಗತಿ"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>ವಿಷಯ</label><input type="text" id="s-sub" value="ಪ್ರಥಮ ಭಾಷೆ ಕನ್ನಡ (ಸವಿ ಕನ್ನಡ) - ಭಾಗ 2"></div>
                <div class="form-group"><label>ಬೋಧಿಸುವ ಶಿಕ್ಷಕರ ಹೆಸರು</label><input type="text" id="s-teacher"></div>
            </div>
        </div>

<div id="lessonsContainer"></div>
    </div>
    
    <div class="web-footer no-print">
        CREATED BY www.nammasarakarishaale.com
    </div>

<div class="fixed-print-footer">
        CREATED BY www.nammasarakarishaale.com
    </div>

data.lessons.push(lessonData);
            });
            localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
        }

function loadFromStorage() {
            const dataStr = localStorage.getItem(STORAGE_KEY);
            if (!dataStr) return;
            const data = JSON.parse(dataStr);

if (data.lessons) {
                data.lessons.forEach((lsnData, i) => {
                    const card = document.getElementById(`card-${i}`);
                    if (!card) return;
                    
                    if (lsnData.isDeleted) {
                        card.setAttribute('data-deleted', 'true');
                    }
                    
                    for (const [fieldClass, value] of Object.entries(lsnData.fields)) {
                        const el = card.querySelector(`.${fieldClass}`);
                        if (el) el.value = value;
                    }
                });
            }
            
            setTimeout(() => {
                autoResizeAllTextareas();
            }, 500);
        }

function updateSaveTime() {
            document.getElementById('saveStatus').innerText = `✔ ಸ್ವಯಂ ಉಳಿಸಲಾಗಿದೆ`;
        }

window.onload = initApp;
    </script>
</body>
</html>

📝 LESSON PLAN PREPARATION TOOL

CLASS - 3 - BILINGUAL ENGLISH SANTOOR PART-1- FIRST SEM

Select Specific Chapter | A4 Landscape Print | Auto-Expanding Textboxes | Auto-Save.

CREATED BY www.nammasarakarishaale.com

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lesson Plan Preparation Tool - Class 3 English (Santoor Part-1)</title>
    <style>
        :root {
            --primary: #0f766e;
            --primary-dark: #115e59;
            --bg-body: #f7f4ef;
            --bg-card: #fefdfb;
            --border-color: #dfd5c9;
            --label-color: #115e59;
            --text-color: #222222;
            --input-bg: #ffffff;
        }

* { box-sizing: border-box; }

.toolbar-brand { display: flex; align-items: center; gap: 15px; }
        .toolbar-brand h1 { margin: 0; font-size: 20px; font-weight: bold; }
        .toolbar-brand .credit { font-size: 13px; color: #99f6e4; font-weight: bold; margin-top: 3px; letter-spacing: 1px; }
        
        .toolbar-actions { display: flex; align-items: center; gap: 15px; }
        .save-status { font-size: 14px; color: #ccfbf1; font-weight: bold; }
        
        .btn {
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: opacity 0.2s;
        }
        .btn:hover { opacity: 0.9; transform: scale(0.98); }
        .btn-yellow { background-color: #dcb348; color: #4a3400; }
        .btn-primary-dark { background-color: #115e59; color: white; border: 1px solid #5eead4; }
        .btn-blue { background-color: #2e5984; color: white; }
        .btn-green { background-color: #10b981; color: white; }

.container { max-width: 98%; margin: 25px auto; padding: 0 15px; }

textarea.data-field {
            width: 100%;
            min-height: 80px; 
            border: none;
            padding: 10px;
            background: var(--input-bg);
            resize: none; 
            overflow: hidden; 
            font-family: inherit;
            font-size: 15px; 
            color: #111;
            outline: none;
        }
        textarea.data-field:focus { background-color: #f0fdf4; }
        
        textarea.editable-box {
            border: 1px solid var(--border-color);
            border-radius: 5px;
            min-height: 70px;
            padding: 10px;
            resize: none;
            overflow: hidden;
            font-family: inherit;
            font-size: 15px; 
        }

.grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        
        .lesson-header-area {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid var(--border-color);
            padding-bottom: 12px;
            margin-bottom: 20px;
        }
        .pill-title {
            background-color: var(--primary);
            color: white;
            padding: 6px 20px;
            border-radius: 25px;
            font-weight: bold;
            font-size: 15px;
        }
        .lesson-actions { display: flex; gap: 12px; }
        .btn-print-lesson { background: #e2e8f0; color: #1e293b; font-weight: bold; font-size: 14px; border:none; border-radius:4px; padding:6px 12px; cursor:pointer;}
        .btn-delete-lesson { background: #9e3640; color: white; padding: 6px 12px; border-radius: 4px; border:none; cursor:pointer; font-weight: bold;}

.fixed-print-footer {
            display: none;
        }

body.print-single .lesson-card { display: none !important; }
            body.print-single .lesson-card.active-print { display: block !important; }
        }
    </style>
</head>
<body>

<div class="toolbar no-print">
        <div class="toolbar-brand">
            <span style="background:#115e59; padding: 4px 8px; border-radius:4px; font-size: 24px;">📘</span>
            <div>
                <h1>CLASS - 3 - BILINGUAL ENGLISH SANTOOR PART-1- FIRST SEM</h1>
                <div class="credit">CREATED BY www.nammasarakarishaale.com</div>
            </div>
        </div>
        <div class="toolbar-actions">
            <span class="save-status" id="saveStatus"></span>
            <button class="btn btn-green" onclick="manualSave()">💾 Save</button>
            <button class="btn btn-primary-dark" onclick="printAllLessons()">🖨️ Print</button>
            <button class="btn btn-blue" onclick="resetDefault()">🔄 Reset</button>
        </div>
    </div>

<div class="container">
        
        <div class="card school-info-card">
            <h2 class="section-header">School Information</h2>
            <div class="grid-6">
                <div class="form-group"><label>School Name</label><input type="text" id="s-name"></div>
                <div class="form-group"><label>Taluk</label><input type="text" id="s-taluk"></div>
                <div class="form-group"><label>District</label><input type="text" id="s-dist"></div>
                <div class="form-group"><label>Cluster</label><input type="text" id="s-cluster"></div>
                <div class="form-group"><label>Academic Year</label><input type="text" id="s-year" value="2026-27"></div>
                <div class="form-group"><label>Class</label><input type="text" id="s-class" value="Class 3"></div>
            </div>
            <div class="grid-2" style="margin-top: 15px;">
                <div class="form-group"><label>Subject</label><input type="text" id="s-sub" value="English (Santoor - Part 1)"></div>
                <div class="form-group"><label>Teacher's Name</label><input type="text" id="s-teacher"></div>
            </div>
        </div>