Mindflow_Chrome_Extension/index.html at main · UtkarshShah0/Mindflow_Chrome_Extension · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chatbot Extension</title>
    <link rel="stylesheet" href="style.css"> <!-- Link to your CSS file -->
</head>

<body>
    <div id="chatbot-container" >


        <div id="chatbot-content" class="">

            <div id="navbar">
                <button id="chat-button">Chat</button>
                <button id="summary-button">Context</button>
                <button id="image-button">Image</button>
                <button id="web-button">Web</button>
            </div>

            <div id="chat-section">
                <!-- <h2>Chatbot</h2> -->
                <div id="response_chat" class="response " ><p>Your response will be shown here...</p></div>

                <input type="text" class="question" id="question_chat" placeholder="Type your question...">
                <div class="button-holder">
                    <button id="submit_chat" class="submit">Generate</button>
                    <button id="chat-copyButton" class="copy">📋</button>
                </div>
            </div>


            <div id="summary-section">
                <div id="response_data" class="response"><p>Your data will be shown here...</p></div>

                <input type="text" class="question" id="question_data" placeholder="Enter the question according to data..."></input>
                <textarea type="text" class="question" id="data_data" placeholder="Enter your data... "></textarea>

                <div class="button-holder">
                    <button id="submit_data" class="submit">Generate</button>
                    <button id="summary-copyButton" class="copy">📋</button>
                </div>
                <!-- Summary section content -->
            </div>

            <div id="image-section">
                <div id="response_image" class="response"><p>Copy the image url shown here...</p></div>

                <!-- <input type="text" class="question" id="question_image" placeholder="Enter base data of image..."></input> -->
                <textarea type="text" class="question" id="question_image" placeholder="Enter data of image... "></textarea>

                <div class="button-holder">
                    <button id="submit_image" class="submit">Generate</button>
                    <button id="image-copyButton" class="copy">📋</button>
                </div>
                <!-- Image section content -->
            </div>

            <div id="web-section">
                <div id="response_web" class="response"><p>Your response will be shown here...</p></div>

                <input type="text" class="question" id="question_web" placeholder="Enter the question according to data..."></input>
                <input type="text" class="question" id="data_web" placeholder="Enter the URL of website/pdf "></input>

                <div class="button-holder">
                    <button id="submit_web" class="submit">Generate</button>
                    <button id="web-copyButton" class="copy">📋</button>
                </div>
                <!-- Web section content -->
            </div>

        </div>
    </div>


    <script src="marked.min.js"></script>
    <script src="script.js"></script> <!-- Link to your JavaScript file -->
</body>
</html>