-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsetup.html
45 lines (45 loc) · 2 KB
/
setup.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
<!DOCTYPE html>
<html>
<head>
<title>SummerIce setup</title>
<meta charset="UTF-8" />
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1 style="margin: 20px 0">Set up the SummerIce ☀️🧊 extension</h1>
<div id="content" style="width: 740px; padding: 10px 20px 15px 20px">
<form id="setupForm">
<div>
<h3>Enter your OpenAI API Key</h3>
<p>
SummerIce uses OpenAI's powerful language models to generate article summaries. Your API key is required to
access these models securely.
</p>
<div style="margin: 25px 0">
<label for="apiKey"><strong>OpenAI API Key:</strong></label>
<input type="text" id="apiKey" name="apiKey" placeholder="sk-xxxxxxxxxxxxxxxxx" size="52" />
</div>
<div class="instruction-box">
Why do we need your API key?
<ul>
<li>To ensure secure access to OpenAI's services</li>
<li>To allow you to use your own OpenAI account and manage your usage</li>
<li>
To protect your privacy by not storing your key on our servers. Your API key lives in your browser and
stays there.
</li>
</ul>
You can create your OpenAI API key on the
<a href="https://platform.openai.com/api-keys" target="_blank">API keys</a> page in your dashboard.<br /><br />
If you don't have an OpenAI API account, you can sign up for one
<a href="https://platform.openai.com/signup" target="_blank">here</a>.
</div>
</div>
<button type="submit" value="Submit">Submit API key</button>
</form>
</div>
</body>
<script src="setup.js"></script>
</html>