Geocaching.com-Friends-Logs/popup.html at 6af20c02b5a77fd8caede0504e37ceb525abc395 · rfsbraz/Geocaching.com-Friends-Logs · 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
<!doctype html>
<html>
  <head>
    <title>Geocaching.com Friends Logs</title>
    <link rel="stylesheet" type="text/css" href="popup.css" />
  </head>
  <body>
    <header class="header">
      <img src="icons/icon48.png" alt="" class="header-icon" />
      <h1 class="header-title">Friends Logs</h1>
    </header>

    <main class="settings">
      <div class="setting-group">
        <label class="toggle">
          <input type="checkbox" id="friends" />
          <span class="toggle-slider"></span>
          <span class="toggle-label">Show friends' logs</span>
        </label>
        <p class="setting-description">Highlight logs from your friends list</p>
      </div>

      <div class="setting-group">
        <label class="toggle">
          <input type="checkbox" id="own" />
          <span class="toggle-slider"></span>
          <span class="toggle-label">Show my logs</span>
        </label>
        <p class="setting-description">Highlight your own logs on cache pages</p>
      </div>

      <div class="setting-group">
        <label class="select-label" for="limit">Friends logs limit</label>
        <div class="select-wrapper">
          <select class="select" id="limit">
            <option value="5">5 logs</option>
            <option value="10">10 logs</option>
            <option value="20">20 logs</option>
            <option value="50">50 logs</option>
            <option value="100">100 logs</option>
          </select>
        </div>
        <p class="setting-description">Maximum number of friends' logs to display</p>
      </div>
    </main>

    <footer class="footer">
      <div class="footer-links">
        <a
          class="footer-link"
          id="rate-link"
          href="https://chrome.google.com/webstore/detail/geocachingcom-friends-log/bgildcbomgimjfoblhlhmaehaeieeaam"
          target="_blank"
        >
          <svg class="footer-icon" viewBox="0 0 24 24" fill="currentColor">
            <path
              d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
            />
          </svg>
          Rate extension
        </a>
        <a
          class="footer-link"
          href="https://github.com/rfsbraz/Geocaching.com-Friends-Logs/issues"
          target="_blank"
        >
          <svg class="footer-icon" viewBox="0 0 24 24" fill="currentColor">
            <path
              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"
            />
          </svg>
          Report issue
        </a>
      </div>
      <span class="footer-version" id="version"></span>
    </footer>

    <script src="popup.js"></script>
  </body>
</html>