StudyMate/roadmap.html at main · Aryan0819/StudyMate · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>StudyMate | Roadmap</title>
    <link rel="stylesheet" href="../static/style.css">
</head>
<body>
    <div class="glass-card wide">
        <h1>Your Roadmap</h1>
        <div style="margin-bottom: 20px; font-size: 0.9rem;">
            User: <span id="user-id-display" style="font-weight:bold; color:#ffbc00;">...</span>
        </div>

        <form id="roadmap-form">
            <span class="label">Career Goal</span>
            <input type="text" id="careerGoal" placeholder="e.g. Full Stack Developer" required>

            <span class="label">12-Month Objective</span>
            <input type="text" id="yearlyGoal" placeholder="e.g. Master React & Python" required>

            <button type="submit" id="generate-btn" class="btn btn-primary">✨ Generate AI Plan</button>
        </form>

        <div id="goals-display" class="roadmap-container">
            <p style="text-align: center; opacity: 0.6;">Your generated plan will appear here.</p>
        </div>

        <button onclick="window.location.href='home.html'" class="btn btn-secondary" style="margin-top:20px;">Back to Dashboard</button>
    </div>

    <script src="../static/script.js"></script>
</body>
</html>