Spaces:
Running
Running
| <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> | |
| </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> |