Problem-Recommender/main.html at master · RahilOp/Problem-Recommender · 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Problem Recommender</title>
    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="76x76" href="favicon_images/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon_images/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon_images/favicon-16x16.png">
    <link rel="manifest" href="favicon_images/site.webmanifest">
    <link rel="mask-icon" href="favicon_images/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="stylesheet" href="style-main.css">

</head>

<body>
    <h2>Problem Recommender</h2>
    <span id="handle"></span>
    <div class="container-main">
        <p>Select a topic you want to Practice</p>
        <select name="tags" id="tag">
            <option value="null"></option>
            <option value="2-sat">2-sat</option>
            <option value="binary search">binary search</option>
            <option value="bitmasks">bitmasks</option>
            <option value="brute force">brute force</option>
            <option value="chinese remainder theorem">chinese remainder theorem</option>
            <option value="combinatorics">combinatorics</option>
            <option value="constructive algorithms">constructive algorithms</option>
            <option value="data structures">data structures</option>
            <option value="dfs and similar">dfs and similar</option>
            <option value="divide and conquer">divide and conquer</option>
            <option value="dp">dp</option>
            <option value="dsu">dsu</option>
            <option value="expression parsing">expression parsing</option>
            <option value="fft">fft</option>
            <option value="flows">flows</option>
            <option value="games">games</option>
            <option value="geometry">geometry</option>
            <option value="graph matchings">graph matchings</option>
            <option value="graphs">graphs</option>
            <option value="greedy">greedy</option>
            <option value="hashing">hashing</option>
            <option value="implementation">implementation</option>
            <option value="interactive">interactive</option>
            <option value="math">math</option>
            <option value="matrices">matrices</option>
            <option value="meet-in-the-middle">meet-in-the-middle</option>
            <option value="number theory">number theory</option>
            <option value="probabilities">probabilities</option>
            <option value="schedules">schedules</option>
            <option value="shortest paths">shortest paths</option>
            <option value="sorting">sorting</option>
            <option value="string suffix structures">string suffix structures</option>
            <option value="strings">strings</option>
            <option value="ternary search">ternary search</option>
            <option value="trees">trees</option>
            <option value="two pointers">two pointers</option>
        </select>
        <br>
        <button type="submit" name="apply" onclick="applied()">Apply</button>
    </div>
    <div class="container">
        <div class="questions">
            <div id="basics">
                <table id="base">
                    <h4>Basics</h4>
                    <tr>
                        <td>S.No.</td>
                        <td>Questions</td>
                    </tr>
                </table>
                <p id="base_inv"></p>
            </div>
            <div id="easy">
                <table id="ease">
                    <h4>Easy</h4>
                    <tr>
                        <th>S.No.</th>
                        <th>Questions</th>
                    </tr>
                </table>
                <p id="easy_inv"></p>
            </div>
            <div id="medium">
                <table id="med">
                    <h4>Medium</h4>
                    <tr>
                        <th>S.No.</th>
                        <th>Questions</th>
                    </tr>
                </table>
                <p id="medium_inv"></p>
            </div>
            <div class="hard">
                <table id="diff">
                    <h4>Hard</h4>
                    <tr>
                        <th>S.No.</th>
                        <th>Questions</th>
                    </tr>
                </table>
                <p id="hard_inv"></p>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

        <script src="main.js"></script>
</body>

</html>