metamorpov/popup.html

62 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Rubik&display=swap" rel="stylesheet">
<link href='popup.css' rel='stylesheet' type='text/css'>
<script src="popup.js" type="text/javascript"></script>
</head>
<body>
<div id="all-but-deactivate-wrapper">
<h1>Enter the name here:</h1>
<form id="change-name-form">
<input type="text" id="change-name-form-text"/>
<input type="submit" value="Change"/>
</form>
<form id="clear-name-form">
<input type="submit" id="clear-name" value="Clear Name"/>
</form>
<form id="refresh-replacements-form">
<input type="submit" id="refresh-replacements" value="Refresh Replacements"/>
</form>
<details>
<summary>Need to replace something other than Y/N?</summary>
<p><small>This change will go away when you refresh/go to another page unless you check the box next to "Store this replacement".</small></p>
<p>
<form id="replace-other-words-form" class="other-words">
<label>
<span>Value (e.g. L/N, E/C, etc):</span>
<input type="text" id="replace-word" class="other"/>
</label>
<label>
<input type="checkbox" id="is-case-sensitive">Case sensitive
</label>
<br><br>
<label>
<span>Replace with:</span>
<input type="text" id="replace-with" class="replace-with"/>
</label>
<br>
<label>
<input type="checkbox" id="is-perm">Store this replacement
</label>
<input type="submit" class="change" value="Change">
</form>
</p>
</details>
<details>
<summary id="show-saved">Stored Replacements</summary>
<p><small>To remove, simply click on a replacement. To change, re-enter in the previous section.</small></p>
<div class="saved-items-list-wrapper">
<ul id="saved-items-list">
</ul>
</div>
</details>
<details>
<summary>About</summary>
<a href="http://interactivefics.tumblr.com" target="_blank" title="Official site">Interactive Fics</a> is a free Chrome extension built to improve your online story reading experience. The extension is open source and all source code can be found <a href="https://github.com/interactivefics/interactive-fics" target="_blank" title="github repo">here.</a>
</details>
</div>
<input type="button" id="deactivate"/>
<a href="http://interactivefics.tumblr.com/ask" target="_blank">Feedback, suggestions and requests.</a></br>
</body>
</html>