83 lines
2.3 KiB
HTML
83 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
|
|
<style type="text/css">
|
|
body {
|
|
background-color: white;
|
|
color: #16a085;
|
|
width: 250px;
|
|
padding:10px;
|
|
font-family: 'Play', sans-serif;
|
|
}
|
|
h1 {
|
|
font-size: 16px;
|
|
}
|
|
a{
|
|
color: #e67e22;
|
|
}
|
|
a:hover{
|
|
color: #16a085;
|
|
}
|
|
|
|
label *{
|
|
display:block;
|
|
}
|
|
|
|
.otherWords input{
|
|
margin-top:0.2em;
|
|
width:100%;
|
|
}
|
|
.otherWords .other, .otherWords .replaceBy{
|
|
width:98%;
|
|
}
|
|
.otherWords .change{
|
|
margin-right:0;
|
|
}
|
|
#clear-name{
|
|
margin-top:0.5em;
|
|
width:87%;
|
|
}
|
|
|
|
</style>
|
|
<script src="popup.js" type="text/javascript" >
|
|
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
<h1>Enter the name here:</h1>
|
|
<form><input type="text" id="inputTxt"/><input type="submit" id="submit" value="Change"/></form>
|
|
<button id="clear-name">Clear Name</button>
|
|
<p><details><summary>Is the author not using Y/N?</summary>
|
|
<p>Enter the expression the author's using instead:</p>
|
|
<p><small>(Make sure you already entered a name above. This change will go away if you refresh, so you'll have to enter it again)</small></p>
|
|
<p><form class="changeForm"><input type="text" name="replaceWord" class="other">
|
|
<input type="submit" class="change" value="Enter"></form></p>
|
|
</details></p>
|
|
<p><details id="moreWords"><summary>Need to replace something else?</summary>
|
|
<p><small>(This change will go away when you refresh/go to another page)</small></p>
|
|
|
|
<p><form class="otherWords changeForm">
|
|
<label><span>Value [e.g L/N, E/C, etc]:</span>
|
|
<input type="text" name="replaceWord" class="other"></label>
|
|
<br>
|
|
<label><span>Replace with:</span>
|
|
<input type="text" name="replaceWith" class="replaceBy"></label>
|
|
<input type="submit" class="change" value="Change">
|
|
</form>
|
|
</p>
|
|
</details></p>
|
|
<p>
|
|
<details><summary>About</summary>
|
|
<a href="http://interactivefics.tumblr.com" target="_blank" title="Official tumblr">Interactive Fics</a> is a free Chrome extension developed by <a href="https://github.com/blaringsilence" target="_blank" title="her github">blaringsilence</a> to improve your online story reading experience. The extension is open source and all source code can be found <a href="https://github.com/blaringsilence/interactive-fics" title="github repo">here.</a>
|
|
</details>
|
|
<br>
|
|
<a href="http://interactivefics.tumblr.com/ask" target="_blank">Feedback, suggestions and requests.</a></br>
|
|
</p>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html> |