Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content="Interactive guide to the India 2026 General Election — timelines, process steps, and FAQs."> | |
| <title>{% block title %}Election Assistant — India 2026{% endblock %}</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> | |
| {% block head %}{% endblock %} | |
| </head> | |
| <body> | |
| <a href="#main-content" class="skip-link">Skip to main content</a> | |
| <!-- Accessibility toolbar --> | |
| <div class="a11y-toolbar" role="toolbar" aria-label="Accessibility controls"> | |
| <button id="btn-contrast" class="a11y-btn" title="Toggle high contrast" aria-pressed="false">◑ Contrast</button> | |
| <button id="btn-font-up" class="a11y-btn" title="Increase font size">A+</button> | |
| <button id="btn-font-down" class="a11y-btn" title="Decrease font size">A−</button> | |
| <div id="google_translate_element" class="translate-widget"></div> | |
| </div> | |
| <header> | |
| <nav class="navbar" role="navigation" aria-label="Main navigation"> | |
| <div class="nav-container"> | |
| <a href="/" class="logo" aria-label="Election Assistant Home"> | |
| <span class="logo-icon">🗳️</span> | |
| <span class="logo-text">Election <span class="accent">2026</span></span> | |
| </a> | |
| <button class="menu-toggle" aria-label="Toggle navigation" aria-expanded="false"> | |
| <span></span><span></span><span></span> | |
| </button> | |
| <ul class="nav-menu" id="nav-menu"> | |
| <li><a href="/" class="nav-link" title="Home">Home</a></li> | |
| <li><a href="/process" class="nav-link" title="Election Process">Process</a></li> | |
| <li><a href="/timeline" class="nav-link" title="Timeline">Timeline</a></li> | |
| <li><a href="/faq" class="nav-link" title="FAQ">FAQ</a></li> | |
| <li><a href="/resources" class="nav-link" title="Resources">Resources</a></li> | |
| </ul> | |
| </div> | |
| </nav> | |
| </header> | |
| <main id="main-content" role="main"> | |
| {% with messages = get_flashed_messages(with_categories=true) %} | |
| {% if messages %} | |
| <div class="alerts" role="alert"> | |
| {% for category, message in messages %} | |
| <div class="alert alert-{{ category }}">{{ message }}</div> | |
| {% endfor %} | |
| </div> | |
| {% endif %} | |
| {% endwith %} | |
| {% block content %}{% endblock %} | |
| </main> | |
| <footer role="contentinfo"> | |
| <div class="footer-inner"> | |
| <p>© 2026 Election Assistant India · Built for democratic awareness</p> | |
| <p class="footer-sub">Not affiliated with the Election Commission of India · Powered by Google Services</p> | |
| </div> | |
| </footer> | |
| <!-- Google Translate Widget --> | |
| <script type="text/javascript"> | |
| function googleTranslateElementInit() { | |
| new google.translate.TranslateElement({ | |
| pageLanguage: 'en', | |
| includedLanguages: 'hi,bn,ta,te,mr,gu,kn,ml,pa,or,as,ur,en', | |
| layout: google.translate.TranslateElement.InlineLayout.SIMPLE, | |
| autoDisplay: false | |
| }, 'google_translate_element'); | |
| } | |
| </script> | |
| <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> | |
| <script src="{{ url_for('static', filename='js/main.js') }}"></script> | |
| {% block scripts %}{% endblock %} | |
| </body> | |
| </html> | |