Hugging Face's logo

Spaces:
rhmnsae
/
sentimeter
Running

App Files Community
sentimeter
File size: 5,598 Bytes
04b72bb
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
<!DOCTYPE html>
<html lang="id">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  <title>Dukungan — SentiMeter</title>
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
    rel="stylesheet" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/support.css" />
  <link rel="icon" type="image/svg+xml" href="img/logo.svg" />
</head>

<body>
  <div class="layout">
    <div id="sidebar"></div>
    <div class="main">
      <div class="topbar">
        <div class="topbar-title">Dukungan</div>
      </div>
      <div class="page-body">

        <div class="sec-head" style="margin-bottom: 24px;">
          <div>
            <div class="sec-title">Dukungan & Kontak</div>
            <div class="sec-sub">Berikan dukungan atau hubungi pengembang untuk bantuan</div>
          </div>
        </div>

        <div class="support-grid">
          <!-- Donation Card -->
          <div class="support-card reveal-up" style="--d:100ms">
            <div class="sup-icon-box" style="background:rgba(251,191,36,0.15); color:var(--neu)">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                stroke-linecap="round" stroke-linejoin="round">
                <path d="M12 2v20" />
                <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" />
              </svg>
            </div>
            <h3 class="sup-title">Dukungan Saweria</h3>
            <p class="sup-desc">Dukung pengembangan berkelanjutan SentiMeter agar tetap gratis dan andal.</p>
            <a href="https://saweria.co/rhmnsae" target="_blank" class="btn btn-primary sup-btn">Kirim Dukungan
              (Saweria)</a>
          </div>

          <!-- Socials Card -->
          <div class="support-card reveal-up" style="--d:200ms">
            <div class="sup-icon-box" style="background:rgba(108,143,255,0.15); color:var(--acc)">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                stroke-linecap="round" stroke-linejoin="round">
                <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" />
                <rect width="4" height="12" x="2" y="9" />
                <circle cx="4" cy="4" r="2" />
              </svg>
            </div>
            <h3 class="sup-title">Media Sosial</h3>
            <p class="sup-desc">Ikuti perkembangan terbaru dan terhubung dengan pengembang.</p>
            <div class="sup-links">
              <a href="https://github.com/rhmnsae" target="_blank" class="sup-link-item sup-link-github">
                <span class="sup-link-icon">
                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round">
                    <path
                      d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" />
                  </svg>
                </span>
                GitHub
              </a>
              <a href="https://www.instagram.com/saeplll" target="_blank" class="sup-link-item sup-link-insta">
                <span class="sup-link-icon">
                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round">
                    <rect width="20" height="20" x="2" y="2" rx="5" ry="5" />
                    <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
                    <line x1="17.5" x2="17.51" y1="6.5" y2="6.5" />
                  </svg>
                </span>
                Instagram
              </a>
            </div>
          </div>

          <!-- Contact Card -->
          <div class="support-card reveal-up" style="--d:300ms">
            <div class="sup-icon-box" style="background:rgba(52,211,153,0.15); color:var(--pos)">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                stroke-linecap="round" stroke-linejoin="round">
                <path
                  d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
              </svg>
            </div>
            <h3 class="sup-title">Pusat Kendala</h3>
            <p class="sup-desc">Ada pertanyaan atau kendala teknis? Hubungi kami langsung via WhatsApp.</p>
            <a href="https://wa.me/6283842707945" target="_blank" class="btn btn-primary sup-btn btn-wa"
              style="background:#25D366; border-color:#25D366">
              Chat via WhatsApp
            </a>
            <span class="wa-num">0838 4270 7945</span>
          </div>
        </div>

      </div>
    </div>
  </div>
  <script src="js/shared.js"></script>
  <script src="js/support.js"></script>
</body>

</html>