Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Plant Disease Classifier 🌱</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <aside class="sidebar"> | |
| <h2>Settings</h2> | |
| <div class="settings-content"> | |
| <div class="setting-group"> | |
| <label>Language</label> | |
| <div class="radio-group"> | |
| <input type="radio" id="english" name="language" value="English" checked> | |
| <label for="english">English</label> | |
| <input type="radio" id="marathi" name="language" value="Marathi"> | |
| <label for="marathi">Marathi</label> | |
| </div> | |
| </div> | |
| <div class="setting-group"> | |
| <label for="plant-type">Plant Type</label> | |
| <select id="plant-type"> | |
| <option value="sugarcane">Sugarcane</option> | |
| <option value="maize">Maize</option> | |
| <option value="cotton">Cotton</option> | |
| <option value="rice">Rice</option> | |
| <option value="wheat">Wheat</option> | |
| </select> | |
| </div> | |
| <div class="setting-group"> | |
| <label for="file-upload">Upload Image</label> | |
| <input type="file" id="file-upload" accept="image/*"> | |
| </div> | |
| </div> | |
| </aside> | |
| <main class="content"> | |
| <header> | |
| <div class="logo"> | |
| <img src="/api/placeholder/150/150" alt="Plant Health"> | |
| <span>Plant Health</span> | |
| </div> | |
| <h1>Krushi Mitra</h1> | |
| <p>Plant Disease Classification and Pesticide Recommendation</p> | |
| </header> | |
| <section class="upload-section"> | |
| <div id="image-preview"></div> | |
| <button id="classify-btn" disabled>Classify</button> | |
| </section> | |
| <section class="results hidden"> | |
| <h2>Results</h2> | |
| <div class="result-content"> | |
| <div class="prediction"> | |
| <h3>Predicted Class: <span id="predicted-class"></span></h3> | |
| <h3>Recommended Pesticide: <span id="pesticide"></span></h3> | |
| </div> | |
| <div class="tabs"> | |
| <button class="tab-btn active" data-tab="detailed-info">Detailed Info</button> | |
| <button class="tab-btn" data-tab="commercial-products">Commercial Products</button> | |
| <button class="tab-btn" data-tab="more-articles">More Articles</button> | |
| </div> | |
| <div class="tab-content active" id="detailed-info"> | |
| <div class="loader hidden"></div> | |
| <div class="content"></div> | |
| </div> | |
| <div class="tab-content" id="commercial-products"> | |
| <div class="loader hidden"></div> | |
| <div class="content"></div> | |
| </div> | |
| <div class="tab-content" id="more-articles"> | |
| <div class="loader hidden"></div> | |
| <div class="content"></div> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| </div> | |
| <script src="{{ url_for('static', filename='script.js') }}"></script> | |
| </body> | |
| </html> | |