| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>CTM Research Agent</title> |
| <link rel="stylesheet" href="style.css"> |
| </head> |
| <body> |
| <div class="container"> |
| <header> |
| <div class="header-content"> |
| <img src="RoundCTMLogo.png" alt="CTM Research Logo" class="logo-icon"> |
| <h1>CTM Research Agent</h1> |
| </div> |
| <p>Your AI-powered assistant for in-depth research and analysis. CTM Partnership data/ Block 647897 Confirmations 960495 (Updated 3.20.26) Type: Inscription.</p> |
| </header> |
|
|
| <main> |
| <div class="input-section"> |
| <h2>Submit Your Research Query</h2> |
| <textarea id="researchQuery" placeholder="Ask a general research question..."></textarea> |
| <button id="submitButton">Submit</button> |
| </div> |
| <div class="output-section"> |
| <h2>Results</h2> |
| <div id="resultDisplay" class="result-container"></div> |
| </div> |
|
|
| <div class="reports-section"> |
| <h2 class="collapsible-header"> |
| Available Research Reports |
| <span id="reportsToggle" class="toggle-icon">-</span> |
| </h2> |
| <div id="reportsList" class="reports-container"></div> |
| </div> |
| |
| <div class="history-section"> |
| <h2>Recent Research</h2> |
| <div id="historyContainer" class="history-container"></div> |
| </div> |
| |
| <div class="upload-section"> |
| <h2>Add New Research Report</h2> |
| <form id="uploadForm"> |
| <input type="text" id="reportTitle" placeholder="Report Title / Header" required> |
| <input type="text" id="reportDescription" placeholder="Report Subject / Description" required> |
| <textarea id="reportBody" placeholder="Paste the full plain text body of the report here..." required></textarea> |
| <button type="submit" id="uploadButton">Process and Add Report</button> |
| </form> |
| <div id="uploadStatus"></div> |
| </div> |
| </main> |
|
|
| <footer> |
| <div class="footer-links"> |
| <h3>Private Channels</h3> |
| <ul> |
| <li><a href="https://t.me/+WZ18gG5c9HExYzUx" target="_blank" rel="noopener noreferrer">Telegram Invite 1</a></li> |
| <li><a href="https://t.me/+tDu-8YgpWPhhM2Fh" target="_blank" rel="noopener noreferrer">Telegram Invite 2</a></li> |
| </ul> |
| </div> |
| <div class="footer-copyright"> |
| <p>© 2026 CTM (Research).</p> |
| |
| </div> |
| </footer> |
| </div> |
|
|
| <div id="reportModal" class="modal"> |
| <div class="modal-content"> |
| <span class="modal-close-button">×</span> |
| <h2 id="modalTitle"></h2> |
| <div id="modalBody" class="modal-body-container"></div> |
| </div> |
| </div> |
|
|
| <script src="script.js"></script> |
| </body> |
| </html> |
