File size: 3,229 Bytes
4d7183d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2a6b458
fd4f7ed
4d7183d
 
 
 
 
d5d0a9d
7317b00
b80d291
4d7183d
7317b00
 
4d7183d
b80d291
 
24e2294
7317b00
24e2294
b80d291
 
 
7317b00
b80d291
 
 
 
 
 
 
 
 
 
 
 
7317b00
 
 
 
 
1ec02cc
7317b00
 
 
 
 
 
 
 
4d7183d
 
7317b00
 
4d7183d
 
 
 
 
 
 
 
 
 
 
 
 
24e2294
4d7183d
 
 
 
 
 
 
 
d5d0a9d
24e2294
4d7183d
 
 
 
 
 
 
 
241d2a5
 
 
 
4d7183d
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
css = """
    .top-bar {
        padding-bottom: 10px;
        background-color: transparent;
    }
    
    .top-bar .in-bar-title {
        background-image: linear-gradient(45deg, #8B5FBF, #D6C6E1, #ffffff);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: Gelion, "Open Sans", Helvetica, "Helvetica Neue", Arial;
        font-size: 2rem;
        font-weight: bold;
        text-align: left;
        display: block;
    }

    .top-bar .in-bar-subtitle {
        font-family: 'Crimson Pro';
        color: #878787;
        font-size: 1.4rem;
        margin-top: -5px;
        display: block;
    }
    
    .main {
        max-width: 800px;
        min-width: min(100%, 800px);
        align-self: center;
    }
    
    .output {
        padding: 10px;
        min-height: 300px;
        border: 1.5px solid #AC7DD280;
        border-radius: 10px;
        margin-bottom: 10px;
        transition: opacity .1s ease-in-out;
        background: var(--block-background-fill);
    }
    
    #history {
        padding: 10px !important;
        border: 1.5px dashed #AC7DD2 !important;
        border-radius: 10px !important;
    }
    
    #primary-btn {
        border: 1.5px solid #AC7DD2;
        font-size: 20px;
    }
    
    summary {
        font-size: 14px;
        font-weight: bold;
    }
    
    #history_box {
        border-bottom: 1.5px dashed #9A73B5;
        padding: 10px;
    }
    
    .tab-nav {
        border-bottom: 1.5px solid #9A73B5 !important;
    }
    
    button.selected {
        border: 1.5px solid #9A73B5 !important;
        border-bottom: none !important;
    }
    
    .tabitem {
        border: 1.5px solid #9A73B5 !important;
        border-top: none !important;
    }
"""

# #809A73B5

top_bar = """
    <head>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@200..900&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
    </head>
    <body>
        <div class="top-bar">
            <div class="top-bar-left">
                <span class="in-bar-title">
                    AI Research Assistant
                    <a href="https://github.com/paradoxtown/AI-Research-Assistant">
                        <i class="fab fa-github" style="font-size:25px;"></i>
                    </a>
                </span>
                <span class="in-bar-subtitle">Your personal free GPT researcher</span>
            </div>
        </div>
    <body>
"""

report_html = """
    <span data-testid="block-info" class="svelte-1gfkn6j custom_label")># Report</span>
"""

english_polishing_html = """
    <span data-testid="block-info" class="svelte-1gfkn6j custom_label")># Polished Result</span>
"""

history_result_html = """
    <span data-testid="block-info" class="svelte-1gfkn6j custom_label")># History Result</span>
"""

literature_review_html = """
    <span data-testid="block-info" class="svelte-1gfkn6j custom_label")>under construction...</span>
"""