1 2 <!DOCTYPE html> 3 <html> 4 <head> 5 <title>ShiftLoop Test</title> 6 <style> 7 body { background-color: #1a202c; color: white; font-family: system-ui, sans-serif; text-align: center; padding: 50px; } 8 .container { max-width: 800px; margin: 0 auto; } 9 .card { background-color: #2d3748; border-radius: 8px; padding: 20px; margin: 20px 0; } 10 .nav-buttons { margin-top: 30px; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; } 11 .nav-btn { 12 background-color: #4a5568; 13 color: white; 14 border: none; 15 padding: 10px 20px; 16 border-radius: 4px; 17 cursor: pointer; 18 font-size: 16px; 19 margin-bottom: 10px; 20 } 21 .nav-btn:hover { background-color: #5a6b7e; } 22 iframe { display: none; } 23 .feature-card { 24 background-color: #3a4556; 25 border-radius: 8px; 26 padding: 15px; 27 margin: 10px 0; 28 text-align: left; 29 } 30 .feature-title { 31 font-weight: bold; 32 margin-bottom: 8px; 33 color: #63b3ed; 34 } 35 </style> 36 </head> 37 <body> 38 <div class="container"> 39 <h1>ShiftLoop Test Page</h1> 40 <div class="card"> 41 <p>This is a basic HTML test page to verify that HTML rendering is working correctly.</p> 42 <p>If you can see this page, the server is rendering HTML properly.</p> 43 </div> 44 45 <div class="card"> 46 <h2>Available Features</h2> 47 48 <div class="feature-card"> 49 <div class="feature-title">ð¯ Diagnostic Quiz</div> 50 <p>Complete a short diagnostic to get a personalized learning path based on your skills and experience.</p> 51 <a href="/diagnose" class="nav-btn" style="display: inline-block; text-decoration: none;">Take Diagnostic Quiz</a> 52 </div> 53 54 <div class="feature-card"> 55 <div class="feature-title">ð° Wallet Dashboard</div> 56 <p>View your earned badges and credentials in your personal web wallet.</p> 57 <a href="/wallet" class="nav-btn" style="display: inline-block; text-decoration: none;">Open Wallet (Demo)</a> 58 <a href="/wallet?phone=593969485562" class="nav-btn" style="display: inline-block; text-decoration: none; background-color: #16a085;">Test with Thomy</a> 59 </div> 60 61 <div class="feature-card"> 62 <div class="feature-title">ð Admin Dashboard</div> 63 <p>For instructors: View cohort progress and manage your students.</p> 64 <a href="/dashboard/" class="nav-btn" style="display: inline-block; text-decoration: none;">Open Dashboard</a> 65 </div> 66 </div> 67 68 <div class="nav-buttons"> 69 <form method="get" action="/dashboard/" target="_blank"> 70 <button type="submit" class="nav-btn">Dashboard</button> 71 </form> 72 <form method="get" action="/wallet" target="_blank"> 73 <button type="submit" class="nav-btn">Wallet</button> 74 </form> 75 <form method="get" action="/diagnose" target="_blank"> 76 <button type="submit" class="nav-btn">Diagnostic Quiz</button> 77 </form> 78 <form method="get" action="/health" target="_blank"> 79 <button type="submit" class="nav-btn">Health Check</button> 80 </form> 81 </div> 82 83 <!-- Dashboard Navigation Menu --> 84 <div class="card" style="background-color: #1e293b; border: 2px solid #6366f1;"> 85 <h2>Admin Navigation Menu</h2> 86 <p>Hemos creado una página especial con enlaces a todas las secciones del dashboard:</p> 87 <a href="/admin-menu" target="_blank" class="nav-btn" style="background-color: #6366f1; text-decoration: none; display: inline-block; font-weight: bold; margin-top: 10px; margin-bottom: 10px;"> 88 Acceder al Menú Admin 89 </a> 90 <p style="font-size: 14px; margin-top: 15px; color: #63b3ed;"> 91 Esta página contiene enlaces directos a todas las secciones: Dashboard, Lessons, User Progress, Badges, Cohorts y Wallet. 92 </p> 93 </div> 94 </div> 95 </body> 96 </html> 97
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.