-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (111 loc) · 6.13 KB
/
index.html
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
123
124
125
126
To achieve the functionality where clicking the "About Us" button opens a page with content similar to the provided HTML code, you can create a new HTML file named `our-mission.html` with the content you provided. Then, you can link this new page to the "About Us" button in your existing website.
Here's an updated version of your website code with the modified "About Us" button:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<title>GPT Researcher</title>
<!-- Meta tags for description and viewport -->
<meta name="description" content="A research assistant powered by GPT-4">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon and external CSS links -->
<link rel="icon" href="./static/favicon.ico">
<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=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/site/styles.css"/>
</head>
<body style="background-image: url('file:///C:/Users/redwi/Desktop/New%20folder/static/8.jpeg'); background-size: cover; background-repeat: no-repeat;">
<!-- Landing section -->
<section class="landing">
<div class="max-w-5xl mx-auto text-center">
<h1 class="text-4xl font-extrabold mx-auto lg:text-7xl" style="color: white;">
Say Goodbye to <br>
<span style="background-image:linear-gradient(to right, #673cdc, #f891fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
Hours of Research
</span>
</h1>
<p class="max-w-5xl mx-auto text-gray-600 mt-8" style="font-size:20px;color: white">
Say Hello to GPT Researcher, your AI mate for rapid insights and comprehensive research. GPT Researcher
takes care of everything from accurate source gathering to organization of research results - all in one
platform designed to make your research process a breeze.
</p>
<a href="our-mission.html" target="_blank" class="btn btn-primary">Get Started</a>
</div>
</section>
<!-- Main content section -->
<main class="container" id="form">
<!-- Research form -->
<!-- Agent item with avatar image -->
<form method="POST" class="mt-3" onsubmit="GPTResearcher.startResearch(); return false;">
<!-- Task input field -->
<div class="form-group">
<label for="task" class="agent-question" style="color: white;">What would you like me to research next?</label>
<input type="text" id="task" name="task" class="form-control" required>
<input type="radio" name="agent" id="autoAgent" value="Auto Agent" checked hidden>
</div>
<!-- Report type selection -->
<div class="form-group">
<label for="report_type" class="agent-question" style="color: white;">What type of report would you like me to generate?</label>
<select name="report_type" class="form-control" required>
<option value="research_report">Summary - Short and fast (~2 min)</option>
<option value="detailed_report">Detailed - In depth and longer (~5 min)</option>
<option value="resource_report">Resource Report</option>
</select>
</div>
<!-- Report source selection -->
<div class="form-group">
<label for="report_source" class="agent-question" style="color: white;">What sources would you like me to research from?</label>
<select name="report_source" class="form-control" required>
<option value="web">The Web</option>
<option value="local">My Documents</option>
</select>
</div>
<!-- Submit button for research -->
<input type="submit" value="Research" class="btn btn-primary button-padding">
</form>
<!-- Agent output section -->
<div class="margin-div" style="color: white;">
<h2>Agent Output</h2>
<p class="mt-2 text-left" style="font-size: 0.8rem;">
An agent tailored specifically to your task will be generated to provide the most precise and relevant research results.
</p>
<div id="output"></div>
</div>
<!-- Research report section -->
<div class="margin-div" style="color:white;">
<h2>Research Report</h2>
<div id="reportContainer"></div>
<div id="reportActions">
<!-- Actions for the research report -->
<div class="alert alert-info" role="alert" id="status"></div>
<a id="copyToClipboard" onclick="GPTResearcher.copyToClipboard()" class="btn btn-secondary mt-3" style="margin-right: 10px;">Copy to clipboard</a>
<a id="downloadLink" href="#" class="btn btn-secondary mt-3" style="margin-right: 10px;" target="_blank">Download as PDF</a>
<a id="downloadLinkWord" href="#" class="btn btn-secondary mt-3" target="_blank">Download as Docx</a>
</div>
</div>
</main>
<!-- External scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script>
<script src="/site/scripts.js"></script>
<!-- Script for toggling agent choices -->
<script>
const btnShowAuto = document.getElementById('btnShowAuto');
btnShowAuto.addEventListener('click', function () {
btnShowAuto.style.display = 'none';
btnChoose.style.display = 'inline-block';
autoAgentDiv.style.display = 'flex';
agentChoices[0].style.display = 'none';
});
</script>
<footer style="text-align: center;">
<div style="margin-top: 10px;">
<a href="C:\Users\redwi\Desktop\New folder\New folder\about.html" target="_blank">
<button style="background-color: #4CAF50; color: white; padding: 10px 20px; border: none; border-radius: 5px; margin: 0 10px;">About Us</button>
</a>
<button style="background-color: #f44336; color: white; padding: 10px 20px; border: none; border-radius: 5px; margin: 0 10px;">Support</button>
</div>
</footer>
</body>
</html>