2023-02-06 00:48:53 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< title > Indie Wiki Buddy< / title >
< style >
body {
margin: 10px;
font-family: Helvetica, Sans-Serif;
width: 42em;
}
h1 {
font-size: 1.2rem;
}
hr {
height: 1px;
border: none;
color: #333;
background-color: #333;
}
label {
display: inline-block;
height: 20px;
}
.visuallyHidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.options {
display: flex;
flex-direction: column;
align-items: left;
user-select: none;
row-gap: 2px;
}
.options>div {
flex: 50%;
padding: 5px;
}
#controls {
margin: 0 auto;
width: fit-content;
text-align: center;
}
.control {
background: #FFFFFF;
border: 1px solid #333333;
color: #333333;
border-radius: 5px;
padding: 3px 5px;
margin: 3px 5px;
}
.control:hover {
cursor: pointer;
background: #3174f1;
border: 1px solid#3174f1;
color: #FFFFFF;
}
.settingToggleContainer {
display: flex;
flex-direction: row;
align-items: baseline;
}
.settingToggle {
cursor: pointer;
width: fit-content;
vertical-align: middle;
display: inline-block;
}
.settingToggle+div {
display: inline-block;
}
.settingToggle input, .settingToggle label {
cursor: pointer;
}
.settingToggle input {
height: 0;
width: 0;
margin: 0;
border: none;
appearance: none;
}
.settingToggle img {
width: 30px;
vertical-align: middle;
}
#toggles {
height: 16em;
white-space: nowrap;
overflow-y: scroll;
position: relative;
}
#toggles>div:hover {
background-color: #e8f0fe;
}
#toggles input {
cursor: pointer;
}
#toggles img {
float: right;
width: 18px;
padding: 0px 10px;
clear: both;
}
#toggles span {
padding-left: 10px;
}
#togglesKey {
padding-left: 5px;
}
#togglesKey > div {
display: inline-block;
width: 17px;
}
.header,
.footer {
text-align: center;
line-height: 1.4em;
}
.footer a {
font-size: .9em;
padding: 5px 0px;
color: #3174f1;
}
#toggles,
#powerText,
.settingToggleContainer,
.footer {
font-size: .8rem;
}
#langSelectContainer {
float: right;
text-align: right;
margin-top: 10px;
padding-right: 10px;
}
#breezewikiHost {
display: none;
padding-left: 10px;
}
< / style >
< / head >
< body >
< div class = "header" >
< h1 > Indie Wiki Buddy< / h1 >
< / div >
< div id = "langSelectContainer" >
< select name = "lang" id = "langSelect" >
< option value = "DE" > Deutch< / option >
< option value = "EN" selected > English< / option >
< option value = "ES" > Español< / option >
< option value = "IT" > Italiano< / option >
< / select >
< / div >
< div class = "options" >
< div class = "settingToggleContainer" >
< div id = "power" class = "settingToggle" >
< input id = "powerButton" type = "checkbox" / >
< label for = "powerButton" >
< img id = "powerImage" src = "" alt = "" >
< span id = "powerText" > < / span >
< / label >
< / div >
< / div >
< div class = "settingToggleContainer" >
< div id = "notifications" class = "settingToggle" >
< input id = "notificationsButton" type = "checkbox" / >
< label for = "notificationsButton" >
< img id = "notificationsImage" src = "" alt = "" >
< span id = "notificationsText" > < / span >
< / label >
< / div >
< / div >
< div class = "settingToggleContainer" >
< div id = "breezewiki" class = "settingToggle" >
< input id = "breezewikiButton" type = "checkbox" / >
< label for = "breezewikiButton" >
< img id = "breezewikiImage" src = "" alt = "" >
< span id = "breezewikiText" > < / span >
< / label >
< / div >
< div >
< div >
(< a href = "https://breezewiki.com/" target = "_blank" > learn more< / a > )
< / div >
< / div >
< / div >
< div class = "settingToggleContainer" >
< div id = "breezewikiHost" class = "settingToggle" >
< label for = "breezewikiHostSelect" > BreezeWiki host: < / label >
< select name = "breezewikiHost" id = "breezewikiHostSelect" >
< / select >
< / div >
< / div >
< / div >
< hr / >
< div id = "controls" >
< button id = "setAllDisabled" class = "control" > < img src = "images/toggle-disabled.png" width = "10" alt = "" > Disable all< / button >
< button id = "setAllRedirect" class = "control" > < img src = "images/toggle-redirect.png" width = "10" alt = "" > Set all to redirect< / button >
< button id = "setAllAlert" class = "control" > < img src = "images/toggle-alert.png" width = "10" alt = "" > Set all to notify< / button >
< br / >
< button id = "setAllSearchFilter" class = "control" > < img src = "images/toggle-search-filter.png" width = "10" alt = "" > Filter search for all< / button >
< button id = "setNoneSearchFilter" class = "control" > < img src = "images/toggle-search-filter.png" width = "10" alt = "" > Filter search for none< / button >
< / div >
< br / >
< div id = "togglesKey" >
< div > < img src = "images/toggle-disabled.png" width = "15" alt = "Disable" title = "Disable" > < / div >
< div > < img src = "images/toggle-redirect.png" width = "15" alt = "Automatically redirect to indie wiki" title = "Automatically redirect to indie wiki" > < / div >
< div > < img src = "images/toggle-alert.png" width = "15" alt = "Notify of indie wiki with banner" title = "Notify of indie wiki with banner" > < / div >
< div > < img src = "images/toggle-search-filter.png" width = "15" alt = "Filter results from search engines" title = "Filter results from search engines" > < / div >
< / div >
< div id = "toggles" >
< / div >
< hr / >
< div class = "footer" >
You have been notified of indie wikis < span id = "countAlerts" > < / span > times and redirected < span id = "countRedirects" > < / span > times. Search results have been filtered < span id = "countSearchFilters" > < / span > times.
< br / >
2023-02-06 02:36:33 +00:00
< a href = "https://getindie.wiki/" target = "_blank" > Info & Help< / a > | < a href = "https://getindie.wiki/changelog/" target = "_blank" > Changelog< / a > | < a href = "https://form.getindie.wiki/" target = "_blank" > Submit a Wiki< / a > | < a href = "https://github.com/KevinPayravi/indie-wiki-buddy" target = "_blank" > Source Code< / a >
2023-02-06 00:48:53 +00:00
< / div >
< / body >
< script type = "text/javascript" src = "popup.js" > < / script >
< / html >
