Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="csrf-token" content="{{ csrf_token() }}"> | |
| <title>ResearchRadar.AI</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}"> | |
| </head> | |
| <body> | |
| <div class="app-container"> | |
| <!-- Navigation Bar --> | |
| <nav class="top-nav"> | |
| <div class="nav-left"> | |
| <h1 class="logo">ResearchRadar.AI</h1> | |
| </div> | |
| <div class="nav-right"> | |
| <span class="user-info">{{ current_user.username }}</span> | |
| <a href="{{ url_for('logout') }}" class="logout-button">Logout</a> | |
| </div> | |
| </nav> | |
| <!-- Breadcrumb Navigation --> | |
| <div class="breadcrumb"> | |
| <span id="currentSection">Home</span> | |
| <button id="backButton" class="back-button" onclick="goBack()" style="display: none;"> | |
| ← Back | |
| </button> | |
| </div> | |
| <!-- Main Content --> | |
| <main class="main-content"> | |
| <!-- Home Section --> | |
| <div id="homeSection" class="content-section active"> | |
| <div class="search-section"> | |
| <div class="search-container"> | |
| <input type="text" id="searchInput" class="search-input" placeholder="Enter research paper title"> | |
| <div class="filter-container"> | |
| <select id="sortBy" class="filter-select"> | |
| <option value="relevance">Sort by Relevance</option> | |
| <option value="lastUpdated">Sort by Last Updated</option> | |
| <option value="submitted">Sort by Submission Date</option> | |
| </select> | |
| <select id="maxResults" class="filter-select"> | |
| <option value="10">10 results</option> | |
| <option value="25">25 results</option> | |
| <option value="50">50 results</option> | |
| </select> | |
| </div> | |
| <button id="searchButton" class="search-button">SCAN</button> | |
| </div> | |
| </div> | |
| <div class="features-section"> | |
| <div class="feature-card"> | |
| <div class="feature-icon">🔍</div> | |
| <div class="feature-content"> | |
| <h2 class="feature-title">Smart Search</h2> | |
| <p class="feature-description">Find relevant papers instantly with our intelligent search system</p> | |
| </div> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">🤖</div> | |
| <div class="feature-content"> | |
| <h2 class="feature-title">AI Analysis</h2> | |
| <p class="feature-description">Get deep insights with our advanced AI-powered analysis</p> | |
| </div> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">💬</div> | |
| <div class="feature-content"> | |
| <h2 class="feature-title">Interactive Chat</h2> | |
| <p class="feature-description">Engage in meaningful conversations about research papers</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- History Section --> | |
| <div id="historySection" class="content-section"> | |
| <h2>Recent Searches</h2> | |
| <div id="searchHistory" class="history-grid"></div> | |
| </div> | |
| <!-- Saved Papers Section --> | |
| <div id="savedSection" class="content-section"> | |
| <!-- <h2>Saved Papers</h2> --> | |
| <div id="savedPapers" class="saved-grid"></div> | |
| </div> | |
| <!-- Results Section --> | |
| <div id="resultsSection" class="content-section"></div> | |
| </main> | |
| </div> | |
| <!-- Loading Overlay --> | |
| <div id="loadingOverlay" class="loading-overlay hidden"> | |
| <div class="loading-spinner"></div> | |
| <p>Processing...</p> | |
| </div> | |
| <script src="{{ url_for('static', filename='search.js') }}"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> | |
| </body> | |
| </html> | |