Infocus/options.html at master · Anton-Cao/Infocus · GitHub

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
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html>
  <head>
    <title>Options</title>
    <link rel="stylesheet" href="css/options.css">
  </head>
  <body>
    <div id="container">
      <div id="title" align="center">
        <span style="font-weight: bold; font-size: 4em;">Infocus</span> <span class="label">v1.4</span>
        <br>
        <span style="font-weight: bold;">Infocus is <a href="https://github.com/Anton-Cao/Infocus">open source</a>, feel free to make feature requests by creating an <a href="https://github.com/Anton-Cao/Infocus/issues">issue</a>!</span>

      </div>


      <h1>Options</h1>

      <div class="option">
        <h3>Number of math problems...</h3>
        <p>To disable Infocus:</p>
        <form id="disableForm" autocomplete="off">
          <input type="number" min="5" id="disableInput" placeholder="">
        </form>
        <br>
        <p style="margin-top: 0;">To remove a site:</p>
        <form id="removeForm" autocomplete="off">
          <input type="number" min="2" id="removeInput" placeholder="">
        </form>
      </div>

      <div class="option">
        <h3>URL Matching</h3>
        <p>
          By default, Infocus only blocks sites whose domain name matches one of your blacklisted sites.
          <br>
          You also have the option to use <a href="https://regexone.com/" target="_blank">regex</a> patterns for more flexibility.
        </p>
        <br>
        <p style="margin-top: 0;"><span style="font-weight: bold;">Click to enable regex:</span></p> <input id="regexCheckbox" type="checkbox">
      </div>

      <div class="option">
        <h3>Motivational Message</h3>
        <p>Customize the message that appears when you are trying to disable Infocus.</p>
        <br>
        <p style="margin-top: 0">Motivational text:</p>
        <form id="motivForm" autocomplete="off">
          <input type="text" id="motivInput" >
        </form>
      </div>

      <div class="option">
        <h3>Notifications</h3>
        <p>Customize the notifications that appear when Infocus prompts you to get back to work.</p>
        <br>
        <p style="margin-top: 0">Notification text:</p>
        <form id="notifMessForm" autocomplete="off">
          <input type="text" id="notifMessInput" >
        </form>
        <br>
        <p style="margin-top: 0;">Duration before notifications begin:</p>
        <form id="notifTimeForm" autocomplete="off">
          <input type="number" min="1" max="60" id="notifTimeInput" >
        </form>
      </div>

      <h1>About</h1>
      <ul>
        <li>Add websites that distract you to the extension </li>
        <li>When you visit a blocked site, the extension will close the tab or go back to the previous site for you! </li>
        <li>Use the shortcut <span class="label">ctrl+i</span> (<span class="label">command+i</span> on Mac) to enable Infocus  </li>
        <li>You have to solve a few math problems to disable Infocus :)</li>
        <li>Optionally set the timer for how long you want to work - Infocus will automatically turn off afterwards </li>
        <li>When disabled, Infocus will periodically ask you to focus again if you are on a distracting site </li>
      </ul>

      <h1>Changelog</h1>
      <ul>
        <li> <span class="label">1.4 </span>
          <ul>
            <li> Added motivational message to problem solving page </li>
            <li> Made button text more intuitive </li>
            <li> Made options page open on install </li>
          </ul>
        </li>
        <li> <span class="label">1.3 </span>
          <ul>
            <li>Added keyboard shortcut support</li>
            <li>Fix non-regex matching to account for full urls</li>
            <li>Fixed bug where option input allowed NaN</li>
            <li>Made notifications appear after fixed time instead of randomly</li>
          </ul>
        </li>
        <li> <span class="label">1.2 </span>
          <ul>
            <li>Fixed bug with timer</li>
            <li>Added regex support</li>
          </ul>
        </li>
        <li> <span class="label">1.1 </span>
          <ul>
            <li>Added options page</li>
          </ul>
        </li>
        <li> <span class="label">1.0 </span>
          <ul>
            <li>Hello world!</li>
          </ul>
        </li>
      </ul>
    </div>
  </body>
  <script src="js/options.js"></script>
</html>