Spaces:
Runtime error
Runtime error
File size: 5,339 Bytes
57b8424 |
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 127 128 129 130 131 132 133 134 135 136 |
<!DOCTYPE html>
<html lang="en">
<head>
<title>GPT Researcher</title>
<meta name="description" content="A research assistant powered by GPT-4">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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"/>
<style>
.avatar {
width: 60px;
height: 60px;
border-radius: 50%;
}
.agent-name {
text-align: center;
}
.agent-item {
display: flex;
flex-direction: column;
align-items: center;
}
.agent-choices {
display: none;
}
.btn-show {
display: none;
}
</style>
</head>
<body>
<section class="landing">
<div class="max-w-5xl mx-auto text-center">
<h1 class="text-4xl font-extrabold mx-auto lg:text-7xl">
Say Goodbye to <br>
<span
style="background-image:linear-gradient(to right, #9867F0, #ED4E50); -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">
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="#form" class="btn btn-primary">Get Started</a>
</div>
</section>
<main class="container" id="form">
<div class="agent-item"><img src="/static/defaultAgentAvatar.JPG" class="avatar"
alt="Auto Agent"></div>
<form method="POST" class="mt-3" onsubmit="GPTResearcher.startResearch(); return false;">
<div class="form-group">
<label for="task" class="agent-question">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>
<div class="form-group">
<div class="row">
</div>
<button type="button" id="btnShowAuto" class="btn btn-secondary mt-3 btn-show">Auto Agent</button>
</div>
<div class="form-group">
<label for="report_type" class="agent-question">What type of report would you like me to generate?</label>
<select name="report_type" class="form-control" required>
<option value="research_report">Research Report</option>
<option value="resource_report">Resource Report</option>
<option value="outline_report">Outline Report</option>
</select>
</div>
<input type="submit" value="Research" class="btn btn-primary button-padding">
</form>
<div class="margin-div">
<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>
<div class="margin-div">
<h2>Research Report</h2>
<div id="reportContainer"></div>
<div id="reportActions">
<div class="alert alert-info" role="alert" id="status"></div>
<a onclick="GPTResearcher.copyToClipboard()" class="btn btn-secondary mt-3">Copy to clipboard</button>
<a id="downloadLink" href="#" class="btn btn-secondary mt-3" target="_blank">Download as PDF</a>
</div>
</div>
</main>
<footer>
<p>GPT Researcher © 2023 | <a target="_blank" href="https://github.com/assafelovic/gpt-researcher">GitHub
Page</a></p>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script>
<script src="/site/scripts.js"></script>
<script>
// const btnChoose = document.getElementById('btnChoose');
const btnShowAuto = document.getElementById('btnShowAuto');
const autoAgentDiv = document.getElementById('autoAgentDiv');
const agentChoices = document.getElementsByClassName('agent-choices');
/**
btnChoose.addEventListener('click', function () {
btnShowAuto.style.display = 'inline-block';
btnChoose.style.display = 'none';
autoAgentDiv.style.display = 'none';
agentChoices[0].style.display = 'flex';
});
**/
btnShowAuto.addEventListener('click', function () {
btnShowAuto.style.display = 'none';
btnChoose.style.display = 'inline-block';
autoAgentDiv.style.display = 'flex';
agentChoices[0].style.display = 'none';
});
</script>
</body>
</html>
|