File size: 2,335 Bytes
bb04c5f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Semantic Search Engine</title>
    <link rel="stylesheet" href="/static/style.css">
</head>
<body>

<nav>
    <a href="/" class="brand">๐Ÿ” Semantic Search</a>
    <a href="/">Search</a>
    <a href="/dashboard">Dashboard</a>
</nav>

<div class="container">
    <div class="hero">
        <h1>Semantic File Search Engine</h1>
        <p>AI-powered search across SciFact and NFCorpus using Dense + BM25 + RRF + Cross-Encoder</p>

        <div class="stats">
            <span class="stat-pill">๐Ÿ”ฌ SciFact โ€” {{ scifact_count }} queries</span>
            <span class="stat-pill">๐Ÿฅ NFCorpus โ€” {{ nfcorpus_count }} queries</span>
        </div>
    </div>

    {% if error %}
    <div class="error-box">{{ error }}</div>
    {% endif %}

    <div class="search-card">
        <form action="/search" method="post">
            <div class="search-row">
                <input

                    class="search-input"

                    type="text"

                    name="query"

                    placeholder="e.g. vitamin D deficiency cancer risk"

                    autofocus

                    required

                />
                <button class="btn-search" type="submit">Search</button>
            </div>
            <div class="filters">
                <label>Top results:</label>
                <select name="top_k">
                    <option value="5">5</option>
                    <option value="10" selected>10</option>
                    <option value="20">20</option>
                </select>
            </div>
        </form>
    </div>

    <div class="sample-queries">
        <p>Try a sample query:</p>
        {% for q in [
            "vitamin D cancer",
            "BRCA1 breast cancer",
            "smoking lung disease",
            "mRNA vaccine immune",
            "diabetes insulin resistance",
            "protein folding structure"
        ] %}
        <button class="sample-btn"

            onclick="document.querySelector('.search-input').value='{{ q }}'">
            {{ q }}
        </button>
        {% endfor %}
    </div>
</div>

</body>
</html>