andrea/LeafLLM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

CSS games

Browse Source
This commit is contained in:
achiyae
2023-08-05 23:58:17 +03:00
parent 60b84e8229
commit 93b362ca3e
3 changed files with 74 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
popup/popup.html
View File

@@ -1,59 +1,62 @@
<html>
<head>
<head>
<script src="/scripts/jquery.js"></script>
<script src="/scripts/utils.js" type="module"></script>
<script src="/popup/popup.js" type="module"></script>
<link rel="stylesheet" href="/popup/popup.css" />
</head>
<body>
<h1 class="extension-title">LeafLLM: an AI-powered Overleaf</h1>
<div id="controls" class="form-container">
<div class="control">
<div class="input"><span>ALT</span><span>I</span></div>
<link rel="stylesheet" href="/popup/popup.css"/>
</head>
<body>
<h1 class="extension-title">LeafLLM: an AI-powered Overleaf</h1>
<div id="controls" class="form-container">
<div class="control">
<div class="input" id="shortcut-Improve"><span>ALT</span><span>I</span></div>
<div class="effect">Improve selected text.</div>
</div>
<div class="control">
<div class="input"><span>ALT</span><span>C</span></div>
</div>
<div class="control">
<div class="input" id="shortcut-Complete"><span>ALT</span><span>C</span></div>
<div class="effect">Complete selected text.</div>
</div>
<div class="control">
<div class="input"><span>ALT</span><span>A</span></div>
</div>
<div class="control">
<div class="input" id="shortcut-Ask"><span>ALT</span><span>A</span></div>
<div class="effect">Ask GPT.</div>
</div>
</div>
<div id="settings-form" class="form-container">
<div class="settings-text">Settings</div>
<div class="settings-container">
</div>
<div id="settings-form" class="form-container">
<div class="settings-text">Settings</div>
<div class="settings-container">
<div class="settings-item">
<div class="settings-item-text">Text Improvement</div>
<label class="switch">
<input name="text-Improve" class="settings-item-checkbox" type="checkbox" />
<span class="slider round"></span>
</label>
<div class="settings-item-text">Text Improvement</div>
<label class="switch">
<input name="text-Improve" class="settings-item-checkbox" type="checkbox"/>
<span class="slider round"></span>
</label>
</div>
<div class="settings-item">
<div class="settings-item-text">Text Completion</div>
<label class="switch">
<input name="text-Complete" class="settings-item-checkbox" type="checkbox" />
<span class="slider round"></span>
</label>
<div class="settings-item-text">Text Completion</div>
<label class="switch">
<input name="text-Complete" class="settings-item-checkbox" type="checkbox"/>
<span class="slider round"></span>
</label>
</div>
<div class="settings-item">
<div class="settings-item-text">Ask</div>
<label class="switch">
<input name="text-Ask" class="settings-item-checkbox" type="checkbox" />
<span class="slider round"></span>
</label>
<div class="settings-item-text">Ask</div>
<label class="switch">
<input name="text-Ask" class="settings-item-checkbox" type="checkbox"/>
<span class="slider round"></span>
</label>
</div>
</div>
</div>
<div id="api-token-form" class="form-container">
<div class="api-token-text"><span>API Token is </span><span class="api-token-status">not set</span></div>
<input class="api-token-input" name="api-token" placeholder="OpenAI API Token" type="text" />
<div class="message">To get an API key, go to <a href="https://platform.openai.com/account/api-keys">https://platform.openai.com/account/api-keys</a> </div>
<button class="submit btn">Set API Token</button>
<button class="clear btn">Reset API Token</button>
</div>
<div id="api-token-form" class="form-container">
<div class="api-token-text"><span>API Token is </span><span class="api-token-status">not set</span></div>
<input class="api-token-input" name="api-token" placeholder="OpenAI API Token" type="text"/>
<div class="message">To get an API key, go to <a href="https://platform.openai.com/account/api-keys">https://platform.openai.com/account/api-keys</a>
</div>
<div id="message-box" class="message-box"></div>
</body>
<div class="btn-container">
<button class="submit btn">Set API Token</button>
<button class="clear btn">Reset API Token</button>
</div>
</div>
<div id="message-box" class="message-box"></div>
</body>
</html>