ois-istun-security-code-helper/popup.html at main · lightningcell/ois-istun-security-code-helper · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>OIS Helper</title>
    <link rel="stylesheet" href="style/styles.css" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
    />
    <script src="src/popup.js" defer></script>
  </head>
  <body>
    <div class="popup-container">
      <h1 class="popup-title">Security Code Helper - İSTÜN</h1>
      <div class="popup-options-container">
        <div class="popup-options">
          <label class="switch">
            <input type="checkbox" id="activeToggle" />
            <span class="slider"></span>
          </label>
          <span>Aktif</span>
          <i class="fas fa-info-circle tooltip-icon" id="activeInfo"></i>
          <div class="tooltip" id="activeTooltip">
            Olası hatalarda uzantıyı durdurmak için kapatabilirsiniz.
          </div>
        </div>
        <div class="popup-options">
          <label class="switch">
            <input type="checkbox" id="redirectToggle" />
            <span class="slider"></span>
          </label>
          <span>Yönlendirirken Bekle</span>
        </div>
        <div class="popup-options">
          <label class="switch">
            <input type="checkbox" id="panelToggle" />
            <span class="slider"></span>
          </label>
          <span>Panoda Göster</span>
          <i class="fas fa-info-circle tooltip-icon" id="panelInfo"></i>
          <div class="tooltip" id="panelTooltip">
            Bu seçenek aktif ise otomatik geçiş yapılmaz. Yalnızca kod giriş
            sayfasının üstünde gözükür.
          </div>
        </div>
        <div class="popup-options">
          <label class="switch">
            <input type="checkbox" id="themeToggle" />
            <span class="slider"></span>
          </label>
          <span>Özel Tema (Beta)</span>
          <i class="fas fa-info-circle tooltip-icon" id="themeInfo"></i>
          <div class="tooltip" id="themeTooltip">
            OIS sitesinde özel tema kullanmak için bu seçeneği aktifleştirin.
          </div>
        </div>
      </div>

    </div>
    <footer class="popup-footer">
      <p>Developed by <strong>Hamit Şimşek</strong></p>
      <div class="social-icons">
        <a
          href="https://instagram.com/"
          target="_blank"
          class="icon instagram"
          aria-label="Instagram"
        ></a>
        <a
          href="https://www.linkedin.com/in/hamitlightning/"
          target="_blank"
          class="icon linkedin"
          aria-label="LinkedIn"
        ></a>
        <a
          href="https://github.com/lightningcell"
          target="_blank"
          class="icon github"
          aria-label="GitHub"
        ></a>
      </div>
      <div class="buy-coffee">
        <a
          href="https://buymeacoffee.com/lightningcell"
          target="_blank"
          class="coffee-button"
        >
          <span class="coffee-icon"></span>
          <span>Buy Me a Coffee</span>
        </a>
      </div>
    </footer>
  </body>
</html>