Skip to content

Commit 5a3ec6d

Browse files
omarakhmedov-webomarakhmedov-web
authored
Add files via upload
1 parent 1ed6801 commit 5a3ec6d

1 file changed

Lines changed: 86 additions & 0 deletions

File tree

‎help.html‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
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">
6+
<title>Metridex — Help & FAQ</title>
7+
<meta name="description" content="Help & FAQ for Metridex QuickScan bot">
8+
<link rel="icon" href="/assets/favicon.ico">
9+
<style>
10+
:root { --bg:#0b0b0c; --card:#131316; --fg:#f2f2f2; --gold:#c8a24a; --muted:#9aa0a6; }
11+
html,body { margin:0; padding:0; background:var(--bg); color:var(--fg); font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif; }
12+
.wrap { max-width: 920px; margin: 40px auto; padding: 0 16px; }
13+
.hero { display:flex; align-items:center; justify-content:space-between; gap:16px; }
14+
h1 { font-size: 32px; margin: 0 0 8px; letter-spacing: .2px; }
15+
.sub { color:var(--muted); margin-bottom: 20px; }
16+
.card { background:linear-gradient(180deg,#111 0%,#0d0d0f 100%); border:1px solid #242427; border-radius:16px; padding:20px; box-shadow:0 2px 24px rgba(0,0,0,.25); }
17+
.gold { color: var(--gold); }
18+
a { color: var(--gold); text-decoration:none; }
19+
a:hover { text-decoration:underline; }
20+
details { background:var(--card); border:1px solid #242427; border-radius:12px; padding:16px; margin:10px 0; }
21+
details > summary { cursor:pointer; font-weight:600; }
22+
.grid { display:grid; grid-template-columns: 1fr; gap:14px; }
23+
.form { background:var(--card); border:1px solid #242427; border-radius:16px; padding:16px; }
24+
input, textarea { width:100%; background:#0e0e10; color:#fff; border:1px solid #2a2a2e; border-radius:10px; padding:10px 12px; font-size:15px; }
25+
textarea { min-height:120px; resize:vertical; }
26+
.row { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
27+
.btn { background:var(--gold); color:#0b0b0c; font-weight:700; border:0; border-radius:12px; padding:12px 14px; cursor:pointer; }
28+
.muted { color:var(--muted); font-size:13px; }
29+
@media (max-width:720px){ .row{grid-template-columns:1fr;} .hero{flex-direction:column; align-items:flex-start;} }
30+
</style>
31+
</head>
32+
<body>
33+
<div class="wrap">
34+
<div class="hero">
35+
<div>
36+
<h1>Metridex <span class="gold">Help & FAQ</span></h1>
37+
<div class="sub">Quick answers for the Telegram bot <a href="https://t.me/MetridexBot">@MetridexBot</a>. If you still need help — write us below.</div>
38+
</div>
39+
<div><a class="btn" href="https://t.me/MetridexBot">Open the bot</a></div>
40+
</div>
41+
42+
<div class="card">
43+
<h2>FAQ</h2>
44+
<div class="grid">
45+
<details open>
46+
<summary>How to run a QuickScan?</summary>
47+
<div>Send a token <b>contract address</b>, <b>DexScreener URL</b> or a <b>pair address</b> to the bot. Example: <code>0x6982508145454Ce325dDbE47a25d4ec3d2311933</code>.</div>
48+
</details>
49+
<details>
50+
<summary>What do the Δ buttons (5m / 1h / 6h / 24h) do?</summary>
51+
<div>They switch the time range for price deltas in the QuickScan reply.</div>
52+
</details>
53+
<details>
54+
<summary>How do I open Report (HTML) / Why / Why++?</summary>
55+
<div>Tap the corresponding inline buttons under the scan result. The report opens as a web page.</div>
56+
</details>
57+
<details>
58+
<summary>What is LP lock (lite)?</summary>
59+
<div>We show a compact LP lock block with links to UNCX / TeamFinance and an approximate unlock date if we can detect it.</div>
60+
</details>
61+
<details>
62+
<summary>My report shows outdated stats.</summary>
63+
<div>Reports cache for a short time to improve speed. Re-run the scan after a minute or use the Δ buttons to refresh.</div>
64+
</details>
65+
</div>
66+
</div>
67+
68+
<div class="form" id="contact">
69+
<h2>Contact us</h2>
70+
<form action="https://formsubmit.co/contact@metridex.com" method="POST">
71+
<!-- formsubmit.co: you will get a verification email on first submit -->
72+
<input type="hidden" name="_subject" value="Metridex support message">
73+
<input type="hidden" name="_template" value="table">
74+
<input type="text" name="_honey" style="display:none">
75+
<div class="row">
76+
<p><label>Your name<br><input required name="name" maxlength="120"></label></p>
77+
<p><label>Your email<br><input required type="email" name="email" maxlength="160"></label></p>
78+
</div>
79+
<p><label>Message<br><textarea required name="message" maxlength="5000" placeholder="Describe your issue or question…"></textarea></label></p>
80+
<p><button class="btn" type="submit">Send</button></p>
81+
<p class="muted">Alternatively, email us: <a href="mailto:contact@metridex.com">contact@metridex.com</a>.</p>
82+
</form>
83+
</div>
84+
</div>
85+
</body>
86+
</html>

0 commit comments

Comments
 (0)