safer-indie-wiki-buddy/popup.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta charset="UTF-8" />
    <title>Indie Wiki Buddy</title>
    <style>
      /* ELEMENTS */
      body {
        width: max-content;
        max-width: 600px;
        background-color: #005799;
        margin: 0px;
        font-family: Helvetica, Sans-Serif;
        font-size: .9em;
      }

      h1 {
        font-size: 1.3rem;
        margin: 8px 0;
      }

      hr {
        height: 1px;
        border: none;
        color: #005799;
        background-color: #005799;
        margin: 1em 0;
      }

      #openSettingsContainer {
        width: 100%;
        text-align: center;
      }
      #openSettings {
        background: #3174f1;
        border: 1px solid #333333;
        color: #fff;
        border-radius: 5px;
        padding: .5em;
        margin: 0 .5em .5em .5em;
        font-size: 1.3em;
      }
      #openSettings:hover {
        cursor: pointer;
        background: #ffffff;
        border: 1px solid#3174f1;
        color: #3174f1;
      }

      /* HEADER */
      #header {
        line-height: 1.5em;
        padding: .5em 1em;
        box-sizing: border-box; 
        background-color: #005799;
        color: #fff;
        width: 100%;
      }
      #header .settingToggle label {
        background-color: #fff;
        border-radius: 20px;
        height: fit-content;
        width: fit-content;
      }

      /* POWER TOGGLE */
      #power {
        cursor: pointer;
        width: fit-content;
        vertical-align: middle;
        float: right;
        padding-top: .2em;
      }
      #power > label {
        display: inline-block;
        cursor: pointer;
        background-color: #fff;
        border-radius: 20px;
      }
      #power > input {
        height: 0;
        width: 0;
        margin: 0;
        border: none;
        appearance: none;
      }
      #power img {
        width: 30px;
        vertical-align: middle;
      }

      /* CONTENT */
      #content {
        padding: 1em;
        background-color: #e5f4ff;
        box-sizing: border-box;
      }

      #links {
        text-align: center;
        margin-bottom: .5em;
      }

      /* GLOBAL SETTINGS SECTION */
      .options {
        box-sizing: border-box;
        margin-bottom: 10px;
        user-select: none;
        width: 100%;
      }
      .options .settingToggleContainer {
        padding-bottom: .8em;
      }
      .options .settingToggleContainer:last-child {
        padding-bottom: 0;
      }

      /* GLOBAL SETTING TOGGLES */
      .settingToggle {
        cursor: pointer;
        width: fit-content;
        vertical-align: middle;
        display: inline-block;
      }
      .settingToggle + div {
        display: inline-block;
      }
      .settingToggle input,
      .settingToggle label {
        cursor: pointer;
      }

      #breezewikiHost {
        display: none;
        padding-left: 3em;
        padding-top: 0.8em;
      }
    </style>
  </head>

  <body>
    <div id="header">
      <div id="power">
        <input id="powerCheckbox" type="checkbox" />
        <label for="powerCheckbox">
          <img id="powerImage" src="" alt="" width="30" />
        </label>
      </div>
      <h1>Indie Wiki Buddy</h1>
    </div>
    <div id="content">
      <div class="options">
        <div class="settingToggleContainer">
          <div id="notifications" class="settingToggle">
            <input id="notificationsCheckbox" type="checkbox" />
            <label for="notificationsCheckbox">
              <span id="notificationsText">🔔 Desktop notifications when redirected to an indie wiki or BreezeWiki</span>
            </label>
          </div>
        </div>
        <div class="settingToggleContainer">
          <div id="searchFilter" class="settingToggle">
            <input id="searchFilterCheckbox" type="checkbox" />
            <label for="searchFilterCheckbox">
              <span id="searchFilterText">🔎 Filter non-indie wiki results in Google, Bing, & DuckDuckGo</span>
            </label>
          </div>
        </div>
        <div class="settingToggleContainer">
          <div id="breezewiki" class="settingToggle">
            <input id="breezewikiCheckbox" type="checkbox" />
            <label for="breezewikiCheckbox">
              <span id="breezewikiText">🌬️ Use BreezeWiki on Fandom</span>
            </label>
          </div>
          <div>
            <div>
              &nbsp;&nbsp;(<a href="https://breezewiki.com/" target="_blank"
                >learn more</a
              >)
            </div>
          </div>
          <div class="settingToggleContainer">
            <div id="breezewikiHost" class="settingToggle">
              <label for="breezewikiHostSelect">BreezeWiki host:&nbsp;</label>
              <select name="breezewikiHost" id="breezewikiHostSelect"></select>
            </div>
          </div>
        </div>
      </div>
      <hr/>
      <div id="openSettingsContainer">
        <button id="openSettings">
          View All Settings
        </button>
        <br />
        View all settings to configure your options per-wiki.
      </div>
      <hr />
      <div id="links">
        <a
          href="guide.html"
          target="_blank"
          >Guide</a
        >
        &nbsp;&nbsp;&nbsp;
        <a
          href="https://getindie.wiki/#guide"
          target="_blank"
          >Website</a
        >
        &nbsp;&nbsp;&nbsp;
        <a
          href="https://getindie.wiki/changelog/"
          target="_blank"
          >Changelog</a
        >
        &nbsp;&nbsp;&nbsp;
        <a
          href="https://getindie.wiki/#submit"
          target="_blank"
          >Submit a Wiki</a
        >
        &nbsp;&nbsp;&nbsp;
        <a
          href="https://github.com/KevinPayravi/indie-wiki-buddy"
          target="_blank"
          >Source Code</a
        >
      </div>
    </div>
  </body>
  <script type="text/javascript" src="popup.js"></script>
</html>
Initial launch version! v3 manifest included 2023-02-06 00:48:53 +00:00			`<!DOCTYPE html>`
			`<html lang="en">`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`<head>`
			`<meta name="viewport" content="width=device-width, initial-scale=1" />`
			`<meta charset="UTF-8" />`
			`<title>Indie Wiki Buddy</title>`
			`<style>`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`/* ELEMENTS */`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`body {`
Width fix for popup body in Chrome 2023-04-14 08:06:43 +00:00			`width: max-content;`
Rewords and styling adjustments 2023-04-12 08:18:16 +00:00			`max-width: 600px;`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`background-color: #005799;`
			`margin: 0px;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`font-family: Helvetica, Sans-Serif;`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`font-size: .9em;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Initial launch version! v3 manifest included 2023-02-06 00:48:53 +00:00
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`h1 {`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`font-size: 1.3rem;`
Adding global search filter toggling + reorganize popup view 2023-04-09 08:45:46 +00:00			`margin: 8px 0;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Initial launch version! v3 manifest included 2023-02-06 00:48:53 +00:00
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`hr {`
			`height: 1px;`
			`border: none;`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`color: #005799;`
			`background-color: #005799;`
			`margin: 1em 0;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Initial launch version! v3 manifest included 2023-02-06 00:48:53 +00:00
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`#openSettingsContainer {`
			`width: 100%;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`text-align: center;`
			`}`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`#openSettings {`
			`background: #3174f1;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`border: 1px solid #333333;`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`color: #fff;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`border-radius: 5px;`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`padding: .5em;`
			`margin: 0 .5em .5em .5em;`
			`font-size: 1.3em;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`#openSettings:hover {`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`cursor: pointer;`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`background: #ffffff;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`border: 1px solid#3174f1;`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`color: #3174f1;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Initial launch version! v3 manifest included 2023-02-06 00:48:53 +00:00
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`/* HEADER */`
			`#header {`
			`line-height: 1.5em;`
			`padding: .5em 1em;`
			`box-sizing: border-box;`
			`background-color: #005799;`
			`color: #fff;`
			`width: 100%;`
			`}`
			`#header .settingToggle label {`
			`background-color: #fff;`
			`border-radius: 20px;`
			`height: fit-content;`
			`width: fit-content;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Initial launch version! v3 manifest included 2023-02-06 00:48:53 +00:00
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`/* POWER TOGGLE */`
			`#power {`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`cursor: pointer;`
			`width: fit-content;`
			`vertical-align: middle;`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`float: right;`
			`padding-top: .2em;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`#power > label {`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`display: inline-block;`
			`cursor: pointer;`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`background-color: #fff;`
			`border-radius: 20px;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`#power > input {`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`height: 0;`
			`width: 0;`
			`margin: 0;`
			`border: none;`
			`appearance: none;`
			`}`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`#power img {`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`width: 30px;`
			`vertical-align: middle;`
			`}`
Initial launch version! v3 manifest included 2023-02-06 00:48:53 +00:00
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`/* CONTENT */`
			`#content {`
Rewords and styling adjustments 2023-04-12 08:18:16 +00:00			`padding: 1em;`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`background-color: #e5f4ff;`
			`box-sizing: border-box;`
Adding global search filter toggling + reorganize popup view 2023-04-09 08:45:46 +00:00			`}`

Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`#links {`
			`text-align: center;`
			`margin-bottom: .5em;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00
			`/* GLOBAL SETTINGS SECTION */`
			`.options {`
			`box-sizing: border-box;`
			`margin-bottom: 10px;`
			`user-select: none;`
			`width: 100%;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`.options .settingToggleContainer {`
Styling and structure adjustments in popup 2023-04-27 14:48:10 +00:00			`padding-bottom: .8em;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`.options .settingToggleContainer:last-child {`
Styling and structure adjustments in popup 2023-04-27 14:48:10 +00:00			`padding-bottom: 0;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Initial launch version! v3 manifest included 2023-02-06 00:48:53 +00:00
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`/* GLOBAL SETTING TOGGLES */`
			`.settingToggle {`
			`cursor: pointer;`
			`width: fit-content;`
			`vertical-align: middle;`
			`display: inline-block;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`.settingToggle + div {`
			`display: inline-block;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`.settingToggle input,`
			`.settingToggle label {`
			`cursor: pointer;`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`}`
Initial launch version! v3 manifest included 2023-02-06 00:48:53 +00:00
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`#breezewikiHost {`
			`display: none;`
Styling and structure adjustments in popup 2023-04-27 14:48:10 +00:00			`padding-left: 3em;`
			`padding-top: 0.8em;`
Adding global search filter toggling + reorganize popup view 2023-04-09 08:45:46 +00:00			`}`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`</style>`
			`</head>`
Initial launch version! v3 manifest included 2023-02-06 00:48:53 +00:00
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`<body>`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`<div id="header">`
			`<div id="power">`
			`<input id="powerCheckbox" type="checkbox" />`
			`<label for="powerCheckbox">`
			`<img id="powerImage" src="" alt="" width="30" />`
			`</label>`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`</div>`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`<h1>Indie Wiki Buddy</h1>`
			`</div>`
			`<div id="content">`
Adding global search filter toggling + reorganize popup view 2023-04-09 08:45:46 +00:00			`<div class="options">`
			`<div class="settingToggleContainer">`
			`<div id="notifications" class="settingToggle">`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`<input id="notificationsCheckbox" type="checkbox" />`
			`<label for="notificationsCheckbox">`
Rewords and styling adjustments 2023-04-12 08:18:16 +00:00			`<span id="notificationsText">🔔 Desktop notifications when redirected to an indie wiki or BreezeWiki</span>`
Adding global search filter toggling + reorganize popup view 2023-04-09 08:45:46 +00:00			`</label>`
			`</div>`
			`</div>`
			`<div class="settingToggleContainer">`
			`<div id="searchFilter" class="settingToggle">`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`<input id="searchFilterCheckbox" type="checkbox" />`
			`<label for="searchFilterCheckbox">`
			`<span id="searchFilterText">🔎 Filter non-indie wiki results in Google, Bing, & DuckDuckGo</span>`
Adding global search filter toggling + reorganize popup view 2023-04-09 08:45:46 +00:00			`</label>`
			`</div>`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`</div>`
Adding global search filter toggling + reorganize popup view 2023-04-09 08:45:46 +00:00			`<div class="settingToggleContainer">`
			`<div id="breezewiki" class="settingToggle">`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`<input id="breezewikiCheckbox" type="checkbox" />`
			`<label for="breezewikiCheckbox">`
			`<span id="breezewikiText">🌬️ Use BreezeWiki on Fandom</span>`
Adding global search filter toggling + reorganize popup view 2023-04-09 08:45:46 +00:00			`</label>`
			`</div>`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`<div>`
Adding global search filter toggling + reorganize popup view 2023-04-09 08:45:46 +00:00			`<div>`
			`  (<a href="https://breezewiki.com/" target="_blank"`
			`>learn more</a`
			`>)`
			`</div>`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`</div>`
Styling and structure adjustments in popup 2023-04-27 14:48:10 +00:00			`<div class="settingToggleContainer">`
			`<div id="breezewikiHost" class="settingToggle">`
			`<label for="breezewikiHostSelect">BreezeWiki host: </label>`
			`<select name="breezewikiHost" id="breezewikiHostSelect"></select>`
			`</div>`
Adding global search filter toggling + reorganize popup view 2023-04-09 08:45:46 +00:00			`</div>`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`</div>`
			`</div>`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`<hr/>`
			`<div id="openSettingsContainer">`
			`<button id="openSettings">`
			`View All Settings`
			`</button>`
			`<br />`
Rewords and styling adjustments 2023-04-12 08:18:16 +00:00			`View all settings to configure your options per-wiki.`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`</div>`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`<hr />`
			`<div id="links">`
			`<a`
Adding guide page 2023-04-14 07:26:20 +00:00			`href="guide.html"`
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`target="_blank"`
			`>Guide</a`
			`>`
			`   `
Adding guide page 2023-04-14 07:26:20 +00:00			`<a`
			`href="https://getindie.wiki/#guide"`
			`target="_blank"`
			`>Website</a`
			`>`
			`   `
Reworking popup / Most settings moved to new separate page 2023-04-12 05:01:06 +00:00			`<a`
			`href="https://getindie.wiki/changelog/"`
			`target="_blank"`
			`>Changelog</a`
			`>`
			`   `
			`<a`
			`href="https://getindie.wiki/#submit"`
			`target="_blank"`
			`>Submit a Wiki</a`
			`>`
			`   `
			`<a`
			`href="https://github.com/KevinPayravi/indie-wiki-buddy"`
			`target="_blank"`
			`>Source Code</a`
			`>`
Prettifying popup HTML 2023-02-14 18:38:50 +00:00			`</div>`
			`</div>`
			`</body>`
			`<script type="text/javascript" src="popup.js"></script>`
			`</html>`