about summary refs log tree commit diff stats
path: root/src/pages/options/general.html
blob: 507e65c3d1433dd292cf74acba0ca73cfad5892a (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link href="../stylesheets/styles.css" rel="stylesheet" />
  <title>LibRedirect Options</title>
</head>

<body class="option">

  <section class="links">
    <a href="general.html" class="selected">General</a>
    <a href="youtube.html">Youtube</a>
    <a href="twitter.html">Twitter</a>
    <a href="instagram.html">Instagram</a>
    <a href="reddit.html">Reddit</a>
    <a href="search.html">Search</a>
    <a href="translate.html">Translate</a>
    <a href="maps.html">Maps</a>
    <a href="wikipedia.html" >Wikipedia</a>
    <a href="medium.html">Medium</a>
  </section>


  <section class="option-block">
    <div class="some-block option-block">
      <h4>Theme</h4>
      <select id="theme">
        <option value="">System</option>
        <option value="light-theme">Light</option>
        <option value="dark-theme">Dark</option>
      </select>
    </div>
    <div class="buttons buttons-inline">
      <a class="button button-inline" id="update-instances">
        <span>Update Instances</span>
      </a>
    </div>
    <hr>
    <section class="settings-block">
      <p data-localise="__MSG_exceptionsDescriptionP1__">
        Enter a URL or Regular Expression to be excluded from redirects.
      </p>
      <p data-localise="__MSG_exceptionsDescriptionP2__">
        All requests for or initiating from a URL that matches your exception
        will be excluded from redirects.
      </p>
      <p data-localise="__MSG_exceptionsDescriptionP3__">
        Note - Supports JavaScript regular expressions, excluding the
        enclosing forward slashes.
      </p>
    </section>
    <section class="settings-block">
      <table class="exceptions option">
        <tbody>
          <tr>
            <td>
              <h1 data-localise="__MSG_addException__">Add Exception</h1>
            </td>
          </tr>
          <tr>
            <td>
              <input id="new-exceptions-item" type="text" placeholder="URL or RegExp" />
            </td>
            <td>
              <input type="radio" id="url" name="type" value="URL" checked />
              <label class="radio" for="url">URL</label>
              <input type="radio" id="regExp" name="type" value="RegExp" />
              <label class="radio" for="regExp">RegExp</label>
            </td>
            <td>
              <button id="add-to-exceptions">
                <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
                  <line x1="256" y1="112" x2="256" y2="400" style="
                        fill: none;
                        stroke: #fff;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                        stroke-width: 32px;
                      " />
                  <line x1="400" y1="256" x2="112" y2="256" style="
                        fill: none;
                        stroke: #fff;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                        stroke-width: 32px;
                      " />
                </svg>
              </button>
            </td>
          </tr>
        </tbody>
      </table>
    </section>
    <ul id="exceptions-items"></ul>
  </section>


  <script type="module" src="./general.js"></script>
  <script type="module" src="./init.js"></script>
  <script src="../../assets/javascripts/localise.js"></script>
</body>

</html>