Spaces:
Runtime error
Runtime error
Initial commit for OJOS AI: Multiclass model integration, Keras 3 compatibility patch, and glassmorphism styling
1d4eab2 | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content="Learn more about OJOS AI — our mission, our high-accuracy deep learning models, and technology stack."> | |
| <title>About Our Technology — OJOS AI</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> | |
| </head> | |
| <body> | |
| <!-- Navbar --> | |
| <nav class="navbar"> | |
| <a href="{{ url_for('home') }}" class="navbar-brand"> | |
| <img src="{{ url_for('static', filename='logo.png') }}" alt="Logo" class="logo-img"> | |
| OJOS<span class="brand-dot"> AI</span> | |
| </a> | |
| <ul class="navbar-links"> | |
| <li><a href="{{ url_for('home') }}">Home</a></li> | |
| <li><a href="{{ url_for('about') }}" class="active">About</a></li> | |
| <li><a href="{{ url_for('diseases_info') }}">Diseases</a></li> | |
| {% if session.get('logged_in') %} | |
| <li><a href="{{ url_for('prediction') }}">Scan Now</a></li> | |
| <li><a href="{{ url_for('logout') }}" class="btn-nav">Logout</a></li> | |
| {% else %} | |
| <li><a href="{{ url_for('login') }}" class="btn-nav">Sign In</a></li> | |
| {% endif %} | |
| </ul> | |
| </nav> | |
| <!-- Flash Messages --> | |
| {% with messages = get_flashed_messages(with_categories=true) %} | |
| {% if messages %} | |
| <div class="flashes"> | |
| {% for category, message in messages %} | |
| <div class="alert alert-{{ category }}">{{ message }}</div> | |
| {% endfor %} | |
| </div> | |
| {% endif %} | |
| {% endwith %} | |
| <!-- About Page Container --> | |
| <main class="about-page"> | |
| <div class="page-header"> | |
| <h1>Mission & Technology</h1> | |
| <p>Bringing artificial intelligence to the front lines of vision screening and early detection.</p> | |
| </div> | |
| <!-- Vision Card --> | |
| <section class="content-card glass"> | |
| <h2>👁️ The Vision Behind OJOS AI</h2> | |
| <p>Millions of people worldwide suffer from preventable vision loss due to a lack of early screening. Conditions like Glaucoma are famously known as the "silent thief of sight" because they damage the eye gradually without pain. OJOS AI is built to bridge this gap. Our mission is to provide an accessible, immediate, and zero-cost preliminary screening tool that encourages users to seek timely professional medical intervention.</p> | |
| </section> | |
| <!-- Deep Learning Model Details --> | |
| <section class="content-card glass"> | |
| <h2>🔬 Deep Learning Core (EfficientNetV2)</h2> | |
| <p>Our backend is powered by a state-of-the-art <strong>EfficientNetV2-S</strong> neural network. The training pipeline consists of:</p> | |
| <ul style="margin: 1rem 0; padding-left: 1.5rem;"> | |
| <li><strong>CLAHE Preprocessing:</strong> Every retinal image undergoes Contrast Limited Adaptive Histogram Equalization to enhance blood vessels and optic disc details.</li> | |
| <li><strong>Transfer Learning:</strong> Fine-tuned on a dataset of 9,800+ high-resolution retinal fundus scans.</li> | |
| <li><strong>96.69% Accuracy:</strong> Validated rigorously across five classes (Healthy, Cataract, Glaucoma, Diabetic Retinopathy, and Myopia).</li> | |
| </ul> | |
| <p>By outputting a full probability distribution, users can see the exact breakdown of all possible conditions, rather than a single black-box classification.</p> | |
| </section> | |
| <!-- Tech Stack Grid --> | |
| <section class="content-card glass"> | |
| <h2>💻 Architecture & Tech Stack</h2> | |
| <p>We designed the application to be secure, fast, and light. It utilizes the following stack:</p> | |
| <div class="tech-grid-about"> | |
| <div class="tech-badge"> | |
| <strong>TensorFlow & Keras</strong> | |
| Deep Learning inference engine | |
| </div> | |
| <div class="tech-badge"> | |
| <strong>OpenCV & Pillow</strong> | |
| Image enhancement & resize | |
| </div> | |
| <div class="tech-badge"> | |
| <strong>Python Flask</strong> | |
| Backend server & routing | |
| </div> | |
| <div class="tech-badge"> | |
| <strong>SQLite3</strong> | |
| Secure local user registry | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Call to action --> | |
| <div style="text-align: center; margin: 3rem 0;"> | |
| {% if session.get('logged_in') %} | |
| <a href="{{ url_for('prediction') }}" class="btn btn-primary">Start Retinal Scan Analysis →</a> | |
| {% else %} | |
| <a href="{{ url_for('login') }}" class="btn btn-primary">Create Account & Scan →</a> | |
| {% endif %} | |
| </div> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="footer"> | |
| <div class="footer-links"> | |
| <a href="{{ url_for('home') }}">Home</a> | |
| <a href="{{ url_for('about') }}">About</a> | |
| <a href="{{ url_for('diseases_info') }}">Diseases Info</a> | |
| {% if session.get('logged_in') %} | |
| <a href="{{ url_for('prediction') }}">Scan</a> | |
| {% else %} | |
| <a href="{{ url_for('login') }}">Login</a> | |
| {% endif %} | |
| </div> | |
| <p class="footer-copy">© 2025 <span>OJOS AI</span>. All rights reserved. | For screening purposes only — not a medical diagnosis.</p> | |
| </footer> | |
| </body> | |
| </html> |