Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>AI Resume Roaster</title> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;600;800&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="main-container"> | |
| <header> | |
| <div class="flame-icon">🔥</div> | |
| <h1>Resume Roaster</h1> | |
| <p class="subtitle">Upload your PDF. I will destroy your ego, then help you fix it (it might take 2-3min though).</p> | |
| </header> | |
| <div class="upload-area" id="drop-zone"> | |
| <input type="file" id="pdf-file" accept=".pdf" hidden> | |
| <div class="upload-content"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg> | |
| <p id="file-label">Drag & Drop or Click to Upload Resume</p> | |
| <span class="file-info" id="file-name"></span> | |
| </div> | |
| </div> | |
| <button id="roast-btn" onclick="startRoast()">ROAST ME</button> | |
| <div class="loader-container" id="loader"> | |
| <div class="spinner"></div> | |
| <p id="loading-text">Analyzing your bad life choices...</p> | |
| <p style="color: #8b949e; font-size: 0.85rem; margin-top: 10px;"> | |
| ⚠️ Note: This runs on a CPU instance.<br> | |
| Generation takes <b>3-4 minutes</b>. Please don't close the tab! | |
| </p> | |
| </div> | |
| <div id="results-area" class="hidden"> | |
| <div class="rating-box"> | |
| <span class="rating-label">QUALITY SCORE</span> | |
| <span class="rating-number" id="rating-score">0/10</span> | |
| </div> | |
| <div class="card roast-card"> | |
| <h2>💀 The Critique</h2> | |
| <div class="typewriter-text" id="roast-content"></div> | |
| </div> | |
| <div class="card advice-card"> | |
| <h2>✨ Professional Fixes</h2> | |
| <ul id="advice-list"> | |
| </ul> | |
| </div> | |
| <button class="reset-btn" onclick="location.reload()">Roast Another</button> | |
| </div> | |
| </div> | |
| <script src="/static/script.js"></script> | |
| </body> | |
| </html> |