@tushar-br/desktop 1.0.280 → 1.0.282

package/staging_area/micro projects/FOB-Electronic Voting System using Blockchain/static/terminal.js

@@ -0,0 +1,140 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const terminalContent = document.getElementById('terminal-logs');
+    const terminalContainer = document.getElementById('live-terminal');
+    const terminalHeader = document.querySelector('.terminal-header');
+
+    // --- 1. CREATE FLOATING TRIGGER BUTTON DYNAMICALLY (Fix for new Homepage) ---
+    // Remove if already exists (to avoid duplicates on reload logic if stored)
+    const existingBtn = document.querySelector('.terminal-trigger-btn');
+    if (existingBtn) existingBtn.remove();
+
+    const triggerBtn = document.createElement('button');
+    triggerBtn.className = 'terminal-trigger-btn';
+    triggerBtn.innerHTML = `
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <polyline points="4 17 10 11 4 5"></polyline>
+            <line x1="12" y1="19" x2="20" y2="19"></line>
+        </svg>
+    `;
+    document.body.appendChild(triggerBtn);
+
+    // --- 2. CREATE CLOSE BUTTON IN HEADER ---
+    if (terminalHeader) {
+        terminalHeader.innerHTML = `
+            <span>Blockchain Ledger (Live) ~user/tusharbr</span>
+        `;
+
+        const closeBtn = document.createElement('button');
+        closeBtn.className = 'terminal-close-btn';
+        closeBtn.textContent = 'Close Overlay';
+        terminalHeader.appendChild(closeBtn);
+
+        closeBtn.addEventListener('click', closeTerminal);
+    }
+
+    // --- 3. STATE MANAGEMENT ---
+    let currentChainLength = 0;
+
+    function openTerminal() {
+        terminalContainer.classList.add('active');
+        if (terminalContent) terminalContent.scrollTop = terminalContent.scrollHeight;
+    }
+
+    function closeTerminal() {
+        terminalContainer.classList.remove('active');
+    }
+
+    // Event Listeners
+    triggerBtn.addEventListener('click', openTerminal);
+
+    document.addEventListener('keydown', (e) => {
+        if (e.key === 'Escape' && terminalContainer && terminalContainer.classList.contains('active')) {
+            closeTerminal();
+        }
+    });
+
+    // --- 4. FORMATTING & LOGGING ---
+    function appendLog(message, className = '') {
+        if (!terminalContent) return;
+
+        const div = document.createElement('div');
+        div.className = 'log-entry ' + className;
+        div.textContent = message;
+
+        terminalContent.appendChild(div);
+
+        if (terminalContainer.classList.contains('active')) {
+            terminalContent.scrollTop = terminalContent.scrollHeight;
+        }
+    }
+
+    function appendJSON(data) {
+        if (!terminalContent) return;
+
+        const pre = document.createElement('pre');
+        pre.className = 'log-json';
+        pre.textContent = JSON.stringify(data, null, 4);
+        terminalContent.appendChild(pre);
+
+        if (terminalContainer.classList.contains('active')) {
+            terminalContent.scrollTop = terminalContent.scrollHeight;
+        }
+    }
+
+    // --- 5. DATA FETCHING ---
+    async function fetchChainData() {
+        try {
+            const response = await fetch('/chain');
+            const data = await response.json();
+
+            if (data.length > currentChainLength) {
+                const newBlocks = data.chain.slice(currentChainLength);
+
+                // Print Header for the batch
+                if (newBlocks.length > 0) {
+                    appendLog(`--- Current Blockchain State ---`, 'header-log');
+                }
+
+                newBlocks.forEach(block => {
+                    // Format the block data exactly as requested
+                    appendJSON({
+                        "index": block.index,
+                        "timestamp": block.timestamp,
+                        "voter_id": block.voter_id,
+                        "candidate": block.candidate,
+                        "previous_hash": block.previous_hash,
+                        "hash": block.hash
+                    });
+
+                    if (currentChainLength > 0) {
+                        // Flash button effect for new blocks
+                        if (!terminalContainer.classList.contains('active')) {
+                            triggerBtn.style.background = '#00f2ea';
+                            triggerBtn.style.color = '#000';
+                            setTimeout(() => {
+                                triggerBtn.style.background = '';
+                                triggerBtn.style.color = '';
+                            }, 500);
+                        }
+                    }
+                });
+
+                // Print Footer after the batch
+                if (newBlocks.length > 0) {
+                    appendLog(`--------------------------------`, 'header-log');
+                    // Add an extra newline effect (empty div)
+                    const div = document.createElement('div');
+                    div.innerHTML = '<br>';
+                    terminalContent.appendChild(div);
+                }
+
+                currentChainLength = data.length;
+            }
+        } catch (error) {
+            console.error('Error fetching blockchain data:', error);
+        }
+    }
+
+    fetchChainData();
+    setInterval(fetchChainData, 2000);
+});

package/staging_area/micro projects/FOB-Electronic Voting System using Blockchain/templates/already_voted.html

@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Access Denied | Secure Blockchain Voting</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+</head>
+
+<body class="error-page">
+    <div class="background-overlay"></div>
+
+    <nav class="navbar">
+        <div class="logo">
+            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" class="brand-icon">
+                <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="url(#gradient)" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round" />
+                <path d="M2 17L12 22L22 17" stroke="url(#gradient)" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round" />
+                <path d="M2 12L12 17L22 12" stroke="url(#gradient)" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round" />
+                <defs>
+                    <linearGradient id="gradient" x1="2" y1="2" x2="22" y2="22" gradientUnits="userSpaceOnUse">
+                        <stop stop-color="#00f2ea" />
+                        <stop offset="1" stop-color="#3b82f6" />
+                    </linearGradient>
+                </defs>
+            </svg>
+            <span>E-Vote Chain</span>
+        </div>
+    </nav>
+
+    <div class="container center-container">
+        <main class="error-card animated-entry">
+            <div class="icon-wrapper">
+                <svg width="80" height="80" viewBox="0 0 24 24" fill="none" class="lock-icon">
+                    <rect x="3" y="11" width="18" height="11" rx="2" ry="2" stroke="#ef4444" stroke-width="2" />
+                    <path d="M7 11V7a5 5 0 0 1 10 0v4" stroke="#ef4444" stroke-width="2" />
+                    <circle cx="12" cy="16" r="1" fill="#ef4444" />
+                </svg>
+            </div>
+
+            <h2>Vote Already Recorded</h2>
+
+            <div class="error-message-box">
+                <p class="highlight-text">This Voter ID has already been used.</p>
+                <p class="sub-text">Blockchain prevents duplicate voting automatically.</p>
+            </div>
+
+            <div class="security-info">
+                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
+                </svg>
+                <span>System rejected transaction due to existing block hash.</span>
+            </div>
+
+            <a href="/" class="secondary-btn" style="position: relative; z-index: 200;">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <path d="M19 12H5M12 19l-7-7 7-7" />
+                </svg>
+                Return to Home
+            </a>
+        </main>
+    </div>
+
+    <!-- Live Terminal -->
+    <div id="live-terminal" class="live-terminal">
+        <div class="terminal-header">
+            <span>Blockchain Ledger (Live)</span>
+        </div>
+        <div class="terminal-content" id="terminal-logs">
+            <!-- Logs will appear here -->
+        </div>
+    </div>
+    <script src="{{ url_for('static', filename='terminal.js') }}"></script>
+</body>
+
+</html>

package/staging_area/micro projects/FOB-Electronic Voting System using Blockchain/templates/confirmation.html

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vote Confirmed | Secure Blockchain Voting</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+</head>
+
+<body class="confirmation-page">
+    <div class="background-overlay"></div>
+
+    <div class="container center-container">
+        <main class="success-card animated-entry">
+            <div class="success-icon-wrapper">
+                <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
+                    <circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none" />
+                    <path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
+                </svg>
+            </div>
+
+            <h2>Vote Recorded Successfully</h2>
+            <p class="main-msg">Your vote has been immutably added to the blockchain.</p>
+
+            <div class="block-details">
+                <div class="detail-row">
+                    <span class="detail-label">Block Index</span>
+                    <span class="detail-value">#{{ block_index }}</span>
+                </div>
+                <div class="detail-row">
+                    <span class="detail-label">Status</span>
+                    <span class="detail-value status-verified">Verified & Hashed</span>
+                </div>
+            </div>
+
+            <p class="ledger-note">🔒 Hash details available in backend ledger.</p>
+
+            <a href="{{ url_for('index') }}" class="secondary-btn">Return to Home</a>
+        </main>
+    </div>
+    <script>
+        // Prevent Back Button on Confirmation
+        history.pushState(null, null, location.href);
+        window.onpopstate = function () {
+            history.pushState(null, null, location.href);
+        };
+    </script>
+
+    <!-- Live Terminal -->
+    <div id="live-terminal" class="live-terminal">
+        <div class="terminal-header">
+            <div class="status-dot"></div>
+            <span>Blockchain Ledger (Live)</span>
+        </div>
+        <div class="terminal-content" id="terminal-logs">
+            <!-- Logs will appear here -->
+        </div>
+    </div>
+    <script src="{{ url_for('static', filename='terminal.js') }}"></script>
+</body>
+
+</html>

package/staging_area/micro projects/FOB-Electronic Voting System using Blockchain/templates/index.html

@@ -0,0 +1,241 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>E-Vote Chain | Secure Decentralized Voting</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
+
+</head>
+
+<body class="home-page">
+    <div class="tech-background"></div>
+
+    <nav class="navbar">
+        <div class="logo">
+            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" class="brand-icon">
+                <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="url(#gradient)" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round" />
+                <path d="M2 17L12 22L22 17" stroke="url(#gradient)" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round" />
+                <path d="M2 12L12 17L22 12" stroke="url(#gradient)" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round" />
+                <defs>
+                    <linearGradient id="gradient" x1="2" y1="2" x2="22" y2="22" gradientUnits="userSpaceOnUse">
+                        <stop stop-color="#00f2ea" />
+                        <stop offset="1" stop-color="#3b82f6" />
+                    </linearGradient>
+                </defs>
+            </svg>
+            <span>E-Vote Chain</span>
+        </div>
+        <div class="nav-links">
+            <span class="status-indicator">● System Online</span>
+        </div>
+    </nav>
+
+    <main class="hero-section">
+        <div class="hero-left-section">
+            <div class="hero-visual-card">
+                <div class="swing-container">
+                    <div class="lanyard-string"></div>
+                    <div class="lanyard-clip">
+                        <div class="clip-ring"></div>
+                    </div>
+                    <div class="id-card-3d">
+                        <div class="card-hole"></div>
+                        <div class="card-top-bar"></div>
+                        <div class="card-logo-mini">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" class="brand-icon">
+                                <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="white" stroke-width="2" />
+                                <path d="M2 17L12 22L22 17" stroke="white" stroke-width="2" />
+                                <path d="M2 12L12 17L22 12" stroke="white" stroke-width="2" />
+                            </svg>
+                        </div>
+                        <div class="card-avatar">
+                            <img src="{{ url_for('static', filename='images/user_avatar.png') }}" alt="Voter Avatar"
+                                style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;">
+                        </div>
+                        <div class="card-info">
+                            <h3>VOTER PASS</h3>
+                            <div class="info-row"><span class="label">SEM</span><span class="val valid">6</span></div>
+                            <div class="info-row"><span class="label">ID NO</span><span class="val">236340316058</span>
+                            </div>
+                            <div class="barcode"></div>
+                        </div>
+                        <div class="hologram-overlay"></div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="login-wrapper">
+                <div class="glass-card login-box">
+                    <div class="card-glow-effect"></div>
+                    <div class="login-header">
+                        <h2>Voter Portal</h2>
+                        <p>Enter your credentials to access the ballot.</p>
+                    </div>
+
+                    {% with messages = get_flashed_messages() %}
+                    {% if messages %}
+                    <div class="alert error-alert">
+                        {{ messages[0] }}
+                    </div>
+                    {% endif %}
+                    {% endwith %}
+
+                    <form action="{{ url_for('login') }}" method="POST">
+                        <div class="input-group">
+                            <label for="voter_id">Voter Identification</label>
+                            <div class="input-field">
+                                <svg class="input-icon" width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                    stroke="currentColor" stroke-width="2">
+                                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" />
+                                    <circle cx="12" cy="7" r="4" />
+                                </svg>
+                                <input type="text" id="voter_id" name="voter_id" placeholder="Enter ID (e.g., 1001)"
+                                    required autocomplete="off">
+                            </div>
+                        </div>
+
+                        <button type="submit" class="primary-btn glow-on-hover">
+                            Authenticate & Vote
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                stroke-width="2">
+                                <path d="M5 12h14M12 5l7 7-7 7" />
+                            </svg>
+                        </button>
+                    </form>
+
+                    <div class="security-footer">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />
+                            <path d="M7 11V7a5 5 0 0 1 10 0v4" />
+                        </svg>
+                        <span>Secured by Blockchain Protocol</span>
+                    </div>
+                </div>
+            </div>
+    </main>
+
+    <!-- How It Works Section -->
+    <section class="how-it-works">
+        <div class="works-header">
+            <h2>How It <span class="highlight-text">Works</span></h2>
+            <p>A transparent and secure process powered by blockchain technology.</p>
+        </div>
+
+        <div class="steps-container">
+            <!-- Step 1 -->
+            <div class="step-card">
+                <div class="step-icon">
+                    <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                        stroke-width="1.5">
+                        <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
+                        <path d="M9 12l2 2l4 -4" />
+                    </svg>
+                </div>
+                <h3>1. Cast Vote</h3>
+                <p>User logs in securely and selects their preferred candidate. The vote is encrypted immediately.</p>
+            </div>
+
+            <!-- Arrow -->
+            <div class="step-arrow">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <path d="M5 12h14M12 5l7 7-7 7" />
+                </svg>
+            </div>
+
+            <!-- Step 2 -->
+            <div class="step-card">
+                <div class="step-icon">
+                    <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                        stroke-width="1.5">
+                        <path
+                            d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
+                        <path d="M3.27 6.96L12 12.01l8.73-5.05" />
+                        <path d="M12 22.08V12" />
+                    </svg>
+                </div>
+                <h3>2. Block Creation</h3>
+                <p>The encrypted vote is bundled into a new block. A unique cryptographic hash is generated.</p>
+            </div>
+
+            <!-- Arrow -->
+            <div class="step-arrow">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <path d="M5 12h14M12 5l7 7-7 7" />
+                </svg>
+            </div>
+
+            <!-- Step 3 -->
+            <div class="step-card">
+                <div class="step-icon">
+                    <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                        stroke-width="1.5">
+                        <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
+                        <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />
+                    </svg>
+                </div>
+                <h3>3. Chain Addition</h3>
+                <p>The new block is linked to the previous block, creating an immutable chain that cannot be altered.
+                </p>
+            </div>
+        </div>
+    </section>
+
+    <!-- PDF Preview Section -->
+    <section class="pdf-section">
+        <div class="pdf-container">
+            <div class="pdf-header">
+                <div class="pdf-title">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+                        <polyline points="14 2 14 8 20 8" />
+                    </svg>
+                    <h2>Official Documentation</h2>
+                </div>
+                <span class="pdf-badge">FOB-236340316058.pdf</span>
+            </div>
+
+            <div class="pdf-preview-wrapper">
+                <iframe src="{{ url_for('view_pdf') }}" class="pdf-preview-frame" title="PDF Preview">
+                </iframe>
+            </div>
+
+            <div class="pdf-actions">
+                <a href="{{ url_for('view_pdf') }}" target="_blank" class="pdf-btn view-btn">
+                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
+                        <circle cx="12" cy="12" r="3" />
+                    </svg>
+                    View Full Screen
+                </a>
+                <a href="{{ url_for('download_pdf') }}" class="pdf-btn download-btn">
+                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                        <polyline points="7 10 12 15 17 10" />
+                        <line x1="12" y1="15" x2="12" y2="3" />
+                    </svg>
+                    Download PDF
+                </a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Live Terminal -->
+    <div id="live-terminal" class="live-terminal">
+        <div class="terminal-header">
+            <span>Blockchain Ledger (Live)</span>
+        </div>
+        <div class="terminal-content" id="terminal-logs">
+            <!-- Logs will appear here -->
+        </div>
+    </div>
+    <script src="{{ url_for('static', filename='terminal.js') }}"></script>
+</body>
+
+</html>

package/staging_area/micro projects/FOB-Electronic Voting System using Blockchain/templates/vote.html

@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Cast Vote | Secure Blockchain Voting</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+</head>
+
+<body class="voting-page">
+    <div class="background-overlay"></div>
+
+    <nav class="top-nav">
+        <div class="nav-brand">
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#00f2ea" stroke-width="2"
+                stroke-linecap="round" stroke-linejoin="round">
+                <rect x="3" y="3" width="7" height="7"></rect>
+                <rect x="14" y="3" width="7" height="7"></rect>
+                <rect x="14" y="14" width="7" height="7"></rect>
+                <rect x="3" y="14" width="7" height="7"></rect>
+            </svg>
+            <span>E-Vote Chain</span>
+        </div>
+        <div class="voter-info">
+            <span class="label">Authenticated Voter:</span>
+            <span class="value-mask">{{ voter_id[:2] }}****{{ voter_id[-2:] }}</span>
+        </div>
+    </nav>
+
+    <div class="container main-content">
+        <header class="page-header">
+            <h1>Select Your Candidate</h1>
+            <p>Your vote is final and will be permanently recorded on the blockchain ledger.</p>
+        </header>
+
+        <form action="{{ url_for('submit_vote') }}" method="POST" id="voteForm">
+            <input type="hidden" name="voter_id" value="{{ voter_id }}">
+            <input type="hidden" name="candidate" id="selectedCandidateInput">
+
+            <div class="candidates-grid">
+                {% for candidate in candidates %}
+                <div class="candidate-card" onclick="selectCandidate(this, '{{ candidate.name }}')">
+                    <div class="card-glow-bar" style="background-color: {{ candidate.color }}"></div>
+                    <!-- Ambient Glow Background -->
+                    <div class="card-glow" style="color: {{ candidate.color }}"></div>
+                    <div class="card-content">
+                        <div class="candidate-avatar">
+                            {% if candidate.id == 'c1' %}
+                            <img src="{{ url_for('static', filename='images/avatar_alice.svg') }}"
+                                alt="{{ candidate.name }}">
+                            {% elif candidate.id == 'c2' %}
+                            <img src="{{ url_for('static', filename='images/avatar_bob.svg') }}"
+                                alt="{{ candidate.name }}">
+                            {% elif candidate.id == 'c3' %}
+                            <img src="{{ url_for('static', filename='images/avatar_charlie.svg') }}"
+                                alt="{{ candidate.name }}">
+                            {% endif %}
+                        </div>
+                        <h3 class="candidate-name">{{ candidate.name }}</h3>
+                        <p class="party-name">{{ candidate.party }}</p>
+                        <div class="selection-status">
+                            <span class="status-circle"></span>
+                            <span class="status-text">Click to Select</span>
+                        </div>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+
+            <div class="actions-bar">
+                <button type="submit" class="primary-btn huge-btn" id="submitBtn" disabled>
+                    Confirm My Vote
+                </button>
+            </div>
+        </form>
+    </div>
+
+    <script>
+        function selectCandidate(card, candidateName) {
+            // Deselect all
+            document.querySelectorAll('.candidate-card').forEach(c => c.classList.remove('selected'));
+
+            // Select clicked
+            card.classList.add('selected');
+
+            // Update inputs
+            document.getElementById('selectedCandidateInput').value = candidateName;
+            document.getElementById('submitBtn').disabled = false;
+        }
+
+        // Prevent Back Button
+        history.pushState(null, null, location.href);
+        window.onpopstate = function () {
+            history.go(1);
+        };
+    </script>
+
+    <!-- Live Terminal -->
+    <div id="live-terminal" class="live-terminal">
+        <div class="terminal-header">
+            <span>Blockchain Ledger (Live)</span>
+        </div>
+        <div class="terminal-content" id="terminal-logs">
+            <!-- Logs will appear here -->
+        </div>
+    </div>
+    <script src="{{ url_for('static', filename='terminal.js') }}"></script>
+</body>
+
+</html>

package/staging_area/micro projects/FOB-Electronic Voting System using Blockchain/vercel.json

@@ -0,0 +1,15 @@
+{
+    "version": 2,
+    "builds": [
+        {
+            "src": "app.py",
+            "use": "@vercel/python"
+        }
+    ],
+    "routes": [
+        {
+            "src": "/(.*)",
+            "dest": "app.py"
+        }
+    ]
+}