-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
87 lines (84 loc) · 4.1 KB
/
options.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
<!DOCTYPE html>
<html>
<head>
<title>Chinese Learning Extension Options</title>
<link rel="stylesheet" href="content.css">
<link rel="stylesheet" href="extension-ui.css">
</head>
<body class="chineselearningextension-side-panel options-page">
<h1>Chinese Learning Extension Options</h1>
<p class="chineselearningextension-result-message" id="result-message"></p>
<form id="integration-options">
<!-- TODO: check into why forvo no longer includes a CORS header, disabling until then -->
<!-- <h2>Forvo</h2>
<div>
<p>
Integration with Forvo allows you to get recordings, and create flash cards, of someone pronouncing a
word.<br>
The audio is human-generated, not AI.<br>To set up the integration, enter your Forvo
API key
below.<br>
To obtain a Forvo API key, visit <a class="chineselearningextension-external-link"
href="https://api.forvo.com/">the Forvo API website</a>, and choose
any plan.
</p>
<p>
<label>
Forvo API Key:
<input type="text" name="forvo-api-key" id="forvo-api-key" placeholder="Forvo API Key" />
</label>
</p>
</div> -->
<div>
<h2>Anki</h2>
<p>
Integration with Anki, via <a class="chineselearningextension-external-link"
href="https://foosoft.net/projects/anki-connect/index.html">AnkiConnect</a>, allows you to directly
add anki cards
from words and sentences you encounter while browsing. To enable the integration, simply install
<a class="chineselearningextension-external-link" href="https://ankiweb.net/shared/info/2055492159">the
AnkiConnect add-on</a> in anki on your
computer. Then, the info in the "Learn More" panel will include buttons to make flash cards in one
click. Note that all cards are added to the deck of your choice; you'll need to have at least one
deck before using the Anki integration. See <a class="chineselearningextension-external-link"
href="https://docs.ankiweb.net/getting-started.html">Anki's guide</a> for general information about
Anki.
</p>
<p class="anki-connect-key" style="display:none">
An Anki Connect key is required, and can be found in Tools > Add-ons > AnkiConnect > Config.
</p>
<p>
<label class="anki-connect-key" style="display:none">
AnkiConnect Key:
<input type="text" name="anki-connect-key" id="anki-connect-key" placeholder="Anki Connect Key" />
</label>
<button id="check-anki-connect-status" class="chineselearningextension-button">Check Status</button>
</p>
<p id="anki-connect-info" class="chineselearningextension-result-message"></p>
</div>
<div>
<h2>OpenAI</h2>
<p>
Integration with OpenAI allows you to get AI analysis of words and sentences
you encounter while browsing the web.<br>
To set up the integration, enter your OpenAI API key
below.<br>
To obtain an OpenAI API key, visit <a class="chineselearningextension-external-link"
href="https://platform.openai.com/docs/quickstart">the OpenAI API
website</a>, and follow their setup instructions.
</p>
<p>
<label>
OpenAI API Key:
<input type="text" name="openai-api-key" id="openai-api-key" placeholder="OpenAI API Key" />
</label>
</p>
</div>
<!-- i know i shouldn't -->
<div style="text-align:center">
<input class="chineselearningextension-button" type="submit" />
</div>
</form>
<script src="options-built.js"></script>
</body>
</html>