Skip to content

Commit e108c80

Browse files
omarakhmedov-webomarakhmedov-web
authored
Update index.html
1 parent 219d931 commit e108c80

1 file changed

Lines changed: 125 additions & 120 deletions

File tree

‎index.html‎

Lines changed: 125 additions & 120 deletions
Original file line numberDiff line numberDiff line change
@@ -1,125 +1,130 @@
1-
<!DOCTYPE html>
2-
3-
<html data-theme="dark" lang="en">
1+
<!doctype html>
2+
<html lang="en" data-theme="dark">
43
<head>
5-
<meta charset="utf-8"/>
6-
<meta content="width=device-width, initial-scale=1" name="viewport"/>
7-
<title>Metridex — On-chain risk metrics</title>
8-
<meta content="Metridex QuickScan: on-chain risk metrics for DeFi &amp; Telegram. Scan tokens in seconds, get deep checks on demand." name="description"/>
9-
<link as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" rel="preload"/>
10-
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
11-
<link href="styles.css?v=20250918-restore" rel="stylesheet"/>
12-
<script defer="" src="script.js?v=20250918-restore"></script>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>Metridex — On-chain risk metrics</title>
7+
<meta name="description" content="Metridex QuickScan: on-chain risk metrics for DeFi & Telegram. Scan tokens in seconds, get deep checks on demand.">
8+
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" as="style">
9+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="styles.css?v=20250918-restore">
11+
<script defer src="script.js?v=20250918-restore"></script>
1312
</head>
1413
<body>
15-
<!-- Header (kept intact with your items) -->
16-
<header class="site-header">
17-
<div class="container">
18-
<a class="brand" href="#">
19-
<span aria-hidden="true" class="brand-logo">M</span>
20-
<span class="brand-text">Metridex</span>
21-
</a>
22-
<nav class="nav">
23-
<a href="#about">About</a>
24-
<a href="#features">Features</a>
25-
<a href="#pricing">Pricing</a>
26-
<a href="#contact">Contact</a>
27-
<button aria-label="Toggle theme" class="btn btn-ghost" id="theme-toggle">🌙</button>
28-
</nav>
29-
</div>
30-
</header>
31-
<!-- Hero with CTA to bot -->
32-
<main class="hero" id="home">
33-
<div class="container hero-grid">
34-
<div class="hero-copy">
35-
<h1>Metridex <span class="accent">QuickScan</span></h1><a class="btn-animated" href="https://t.me/MetridexBot" id="connect-bot" rel="noopener" target="_blank">Open @MetridexBot</a>
36-
<p class="lead">On‑chain risk metrics for DeFi &amp; Telegram. QuickScan in seconds. Deep checks on demand.</p>
37-
<div class="cta-row">
38-
<a class="btn btn-primary btn-lg" href="https://t.me/MetridexBot" rel="noopener" target="_blank">Connect the Bot</a>
39-
<a class="btn btn-outline btn-lg" href="#features">Learn more</a>
40-
</div>
41-
<ul class="hero-bullets">
42-
<li>Δ 5m/1h/6h/24h • Liquidity • FDV</li>
43-
<li>WHOIS/RDAP • SSL • Wayback</li>
44-
<li>Holders/Roles • Honeypot • TokenSniffer</li>
45-
</ul>
46-
</div>
47-
<div aria-label="Metridex shield" class="hero-visual" role="img">
48-
<div class="shield"><span class="shield-m">M</span></div>
49-
</div>
50-
</div>
51-
</main>
52-
<!-- About -->
53-
<section class="section" id="about">
54-
<div class="container grid-2">
55-
<div class="card">
56-
<h2>About</h2>
57-
<p>Metridex turns fragmented crypto intel into clear, actionable signals. Scan a token in seconds, then dive deep only when needed.</p>
58-
</div>
59-
<div class="card">
60-
<h3>Tech</h3>
61-
<p>Render (Flask/Gunicorn), Cloudflare Worker ds‑proxy, stateless callbacks, idempotent delivery, cache-first detail scan.</p>
62-
</div>
63-
</div>
64-
</section>
65-
<!-- Features -->
66-
<section class="section" id="features">
67-
<div class="container grid-3">
68-
<div class="card">
69-
<h3>Quick</h3>
70-
<p>Signal‑first QuickScan with Δ‑buttons. No waiting, no noise.</p>
71-
</div>
72-
<div class="card">
73-
<h3>Deep</h3>
74-
<p>WHOIS/RDAP, SSL, Wayback, on‑chain roles — one tap when you need it.</p>
75-
</div>
76-
<div class="card">
77-
<h3>Reliable</h3>
78-
<p>Stateless UI, duplicate‑safe replies, transparent fallbacks.</p>
79-
</div>
80-
</div>
81-
</section>
82-
<!-- Pricing -->
83-
<section class="section" id="pricing">
84-
<div class="container">
85-
<h2 class="section-title">Pricing</h2>
86-
<div class="pricing-grid">
87-
<div class="plan">
88-
<h3>Basic</h3>
89-
<p class="price">Free</p>
90-
<ul><li>QuickScan</li><li>Core metrics</li></ul>
91-
</div>
92-
<div class="plan plan-pro">
93-
<h3>Pro</h3>
94-
<p class="price">$49/mo</p>
95-
<ul><li>Deep checks</li><li>Chart Δ presets</li><li>Priority cache</li></ul>
96-
</div>
97-
<div class="plan">
98-
<h3>Enterprise</h3>
99-
<p class="price">Custom</p>
100-
<ul><li>White‑label</li><li>Multi‑channel</li></ul>
101-
</div>
102-
</div>
103-
</div>
104-
</section>
105-
<!-- Contact -->
106-
<section class="section" id="contact">
107-
<div class="container grid-2">
108-
<div class="card">
109-
<h2>Contact</h2>
110-
<p>omар@metridex.com • contact@metridex.com</p>
111-
<p><a class="btn btn-primary" href="https://t.me/MetridexBot" rel="noopener" target="_blank">Open @MetridexBot</a></p>
112-
</div>
113-
<div class="card">
114-
<h3>Docs</h3>
115-
<p>API &amp; onboarding soon.</p>
116-
</div>
117-
</div>
118-
</section>
119-
<footer class="site-footer">
120-
<div class="container">
121-
<p>© <span id="year"></span> Metridex. All rights reserved.</p>
122-
</div>
123-
</footer>
14+
<!-- Header (kept intact with your items) -->
15+
<header class="site-header">
16+
<div class="container">
17+
<a href="#" class="brand">
18+
<span class="brand-logo" aria-hidden="true">M</span>
19+
<span class="brand-text">Metridex</span>
20+
</a>
21+
<nav class="nav">
22+
<a href="#about">About</a>
23+
<a href="#features">Features</a>
24+
<a href="#pricing">Pricing</a>
25+
<a href="#contact">Contact</a>
26+
<button id="theme-toggle" class="btn btn-ghost" aria-label="Toggle theme">🌙</button>
27+
</nav>
28+
</div>
29+
</header>
30+
31+
<!-- Hero with CTA to bot -->
32+
<main class="hero" id="home">
33+
<div class="container hero-grid">
34+
<div class="hero-copy">
35+
<h1>Metridex <span class="accent">QuickScan</span></h1>
36+
<p class="lead">On‑chain risk metrics for DeFi & Telegram. QuickScan in seconds. Deep checks on demand.</p>
37+
<div class="cta-row">
38+
<a class="btn btn-primary btn-lg" href="https://t.me/MetridexBot" target="_blank" rel="noopener">Connect the Bot</a>
39+
<a class="btn btn-outline btn-lg" href="#features">Learn more</a>
40+
</div>
41+
<ul class="hero-bullets">
42+
<li>Δ 5m/1h/6h/24h • Liquidity • FDV</li>
43+
<li>WHOIS/RDAP • SSL • Wayback</li>
44+
<li>Holders/Roles • Honeypot • TokenSniffer</li>
45+
</ul>
46+
</div>
47+
<div class="hero-visual" role="img" aria-label="Metridex shield">
48+
<div class="shield"><span class="shield-m">M</span></div>
49+
</div>
50+
</div>
51+
</main>
52+
53+
<!-- About -->
54+
<section id="about" class="section">
55+
<div class="container grid-2">
56+
<div class="card">
57+
<h2>About</h2>
58+
<p>Metridex turns fragmented crypto intel into clear, actionable signals. Scan a token in seconds, then dive deep only when needed.</p>
59+
</div>
60+
<div class="card">
61+
<h3>Tech</h3>
62+
<p>Render (Flask/Gunicorn), Cloudflare Worker ds‑proxy, stateless callbacks, idempotent delivery, cache-first detail scan.</p>
63+
</div>
64+
</div>
65+
</section>
66+
67+
<!-- Features -->
68+
<section id="features" class="section">
69+
<div class="container grid-3">
70+
<div class="card">
71+
<h3>Quick</h3>
72+
<p>Signal‑first QuickScan with Δ‑buttons. No waiting, no noise.</p>
73+
</div>
74+
<div class="card">
75+
<h3>Deep</h3>
76+
<p>WHOIS/RDAP, SSL, Wayback, on‑chain roles — one tap when you need it.</p>
77+
</div>
78+
<div class="card">
79+
<h3>Reliable</h3>
80+
<p>Stateless UI, duplicate‑safe replies, transparent fallbacks.</p>
81+
</div>
82+
</div>
83+
</section>
84+
85+
<!-- Pricing -->
86+
<section id="pricing" class="section">
87+
<div class="container">
88+
<h2 class="section-title">Pricing</h2>
89+
<div class="pricing-grid">
90+
<div class="plan">
91+
<h3>Basic</h3>
92+
<p class="price">Free</p>
93+
<ul><li>QuickScan</li><li>Core metrics</li></ul>
94+
</div>
95+
<div class="plan plan-pro">
96+
<h3>Pro</h3>
97+
<p class="price">$49/mo</p>
98+
<ul><li>Deep checks</li><li>Chart Δ presets</li><li>Priority cache</li></ul>
99+
</div>
100+
<div class="plan">
101+
<h3>Enterprise</h3>
102+
<p class="price">Custom</p>
103+
<ul><li>White‑label</li><li>Multi‑channel</li></ul>
104+
</div>
105+
</div>
106+
</div>
107+
</section>
108+
109+
<!-- Contact -->
110+
<section id="contact" class="section">
111+
<div class="container grid-2">
112+
<div class="card">
113+
<h2>Contact</h2>
114+
<p>omар@metridex.com • contact@metridex.com</p>
115+
<p><a class="btn btn-primary" href="https://t.me/MetridexBot" target="_blank" rel="noopener">Open @MetridexBot</a></p>
116+
</div>
117+
<div class="card">
118+
<h3>Docs</h3>
119+
<p>API &amp; onboarding soon.</p>
120+
</div>
121+
</div>
122+
</section>
123+
124+
<footer class="site-footer">
125+
<div class="container">
126+
<p>© <span id="year"></span> Metridex. All rights reserved.</p>
127+
</div>
128+
</footer>
124129
</body>
125130
</html>

0 commit comments

Comments
 (0)