https://buymecoffeecrypto.vercel.app/support

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <meta name="description" content="Support page for my Chrome extensions &mdash; bug reports, feature requests, and quick troubleshooting." />
7  <title>Support &mdash; Buy Me Crypto</title>
8  <link rel="stylesheet" href="/assets/site.css?v=2" />
9</head>
10<body>
11  <main class="site">
12    <nav class="topnav">
13      <a href="/" class="brand">
14        <span class="brand-icon">&#9749;</span>
15        <span>Buy Me Crypto</span>
16      </a>
17      <div class="nav-links">
18        <a href="/">Extensions</a>
19        <a href="/support.html" class="active">Support</a>
20        <a href="/privacy.html">Privacy</a>
21        <a href="/donate.html">Donate</a>
22      </div>
23    </nav>
24
25    <header class="hero">
26      <h1>Support</h1>
27      <p>Found a bug? Have a feature request? Need help getting started? Pick the extension below.</p>
28    </header>
29
30    <section class="section">
31      <div id="supportSections">
32        <!-- rendered by extensions.js -->
33      </div>
34    </section>
35
36    <footer class="site-footer">
37      Made by Caner with &#9749; &amp; &#10084;
38      <span class="dot">&middot;</span>
39      <a href="/">Home</a>
40      <span class="dot">&middot;</span>
41      <a href="/privacy.html">Privacy</a>
42      <span class="dot">&middot;</span>
43      <a href="/donate.html">Donate</a>
44    </footer>
45  </main>
46
47  

47<script src="/assets/extensions.js?v=2"></script>

47
48  

48<script>
49    (function () {
50      var host = document.getElementById('supportSections');
51      if (!host || !window.EXTENSIONS) return;
52
53      host.innerHTML = window.EXTENSIONS.map(function (ext) {
54        var isComing = ext.status === 'coming-soon';
55        var hasDetail = !!(ext.supportEmail || (ext.troubleshooting && ext.troubleshooting.length) || (ext.bugReportInfo && ext.bugReportInfo.length));
56
57        if (isComing && !hasDetail) {
58          return ''
59            + '<section class="card-block anchor-target" id="' + ext.id + '" style="margin-bottom:18px;">'
60            + '  <h3>'
61            + '    <span class="ext-icon ext-icon-mini" style="background:' + (ext.iconBg || 'var(--primary-grad)') + ';">' + (ext.icon || '&#129518;') + '</span>'
62            + '    ' + ext.name
63            + '    <span class="ext-status coming-soon" style="margin-left:8px;">Coming Soon</span>'
64            + '  </h3>'
65            + '  <p style="color:var(--text-dim);font-size:14px;">' + (ext.summary || 'Stay tuned. Once it ships, support details will appear here.') + '</p>'
66            + '</section>';
67        }
68
69        var subj = encodeURIComponent(ext.emailSubject || (ext.name + ' — Support'));
70        var mail = ext.supportEmail ? ('mailto:' + ext.supportEmail + '?subject=' + subj) : '';
71
72        var troubleshooting = (ext.troubleshooting || [])
73          .map(function (t) { return '<li>' + t + '</li>'; }).join('');
74        var bugInfo = (ext.bugReportInfo || [])
75          .map(function (t) { return '<li>' + t + '</li>'; }).join('');
76
77        var statusKey = ext.status || 'live';
78        var statusLabel = statusKey === 'coming-soon' ? 'Coming Soon' : (statusKey === 'beta' ? 'Beta' : 'Live');
79        return ''
80          + '<section class="card-block anchor-target" id="' + ext.id + '" style="margin-bottom:24px;">'
81          + '  <h3>'
82          + '    <span class="ext-icon ext-icon-mini" style="background:' + (ext.iconBg || 'var(--primary-grad)') + ';">' + (ext.icon || '&#129518;') + '</span>'
83          + '    ' + ext.name
84          + '    <span class="ext-status ' + statusKey + '" style="margin-left:8px;">' + statusLabel + '</span>'
85          + '  </h3>'
86          + '  <p style="color:var(--text-dim);font-size:14px;margin-bottom:16px;">' + (ext.summary || '') + '</p>'
87
88          + (ext.supportEmail ? (
89              '  <div class="contact-pill">'
90            + '    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f9a8d4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">'
91            + '      <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>'
92            + '      <polyline points="22,6 12,13 2,6"></polyline>'
93            + '    </svg>'
94            + '    <span><span class="label">Email</span><br><a href="' + mail + '">' + ext.supportEmail + '</a></span>'
95            + '  </div>'
96            ) : '')
97
98          + (ext.chromeStoreUrl ? ('  <a class="btn btn-ghost btn-sm" href="' + ext.chromeStoreUrl + '" rel="noopener" target="_blank" style="margin-left:8px;">Chrome Web Store &rarr;</a>') : '')
99
100          + (troubleshooting ? ('<h4>Quick troubleshooting</h4><ul class="tlist">' + troubleshooting + '</ul>') : '')
101
102          + (bugInfo ? ('<h4>Reporting a bug</h4><p style="color:var(--text-dim);font-size:13px;margin-bottom:10px;">When emailing, the most helpful info to include:</p><ul class="tlist">' + bugInfo + '</ul>') : '')
103
104          + '</section>';
105      }).join('');
106    })();
107  </script>

107
108</body>
109</html>