2015-02-21 22:00:28 -05:00
<!DOCTYPE html>
< html >
< head >
2015-02-27 05:46:57 -05:00
< link href = 'http://fonts.googleapis.com/css?family=Play' rel = 'stylesheet' type = 'text/css' >
2015-02-21 22:00:28 -05:00
< 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;
}
2016-03-10 07:12:35 -05:00
label *{
display:block;
}
.otherWords input{
margin-top:0.2em;
width:100%;
}
.otherWords .other, .otherWords .replaceBy{
width:98%;
}
.otherWords .change{
margin-right:0;
}
2016-05-28 19:08:49 -04:00
#clear-name{
margin-top:0.5em;
width:87%;
2016-03-10 07:12:35 -05:00
}
2015-02-21 22:00:28 -05:00
< / style >
< script src = "popup.js" type = "text/javascript" >
< / script >
< / head >
< body >
< h1 > Enter the name here:< / h1 >
2016-05-28 19:08:49 -04:00
< form > < input type = "text" id = "inputTxt" / > < input type = "submit" id = "submit" value = "Change" / > < / form >
< button id = "clear-name" > Clear Name< / button >
2015-07-31 06:58:38 -04:00
< 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 >
2016-03-10 07:12:35 -05:00
< 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 >
2015-07-31 06:58:38 -04:00
< / details > < / p >
2015-02-21 22:00:28 -05:00
< 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 >