Skip to content

Commit 3fa80ec

Browse files
omarakhmedov-webomarakhmedov-web
authored
Update index.html
1 parent 2ca7222 commit 3fa80ec

1 file changed

Lines changed: 76 additions & 55 deletions

File tree

‎index.html‎

Lines changed: 76 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!doctype html>
2-
<html lang="en">
2+
<html lang="en" data-lang="en">
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -9,6 +9,26 @@
99
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1010
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800;900&display=swap" rel="stylesheet">
1111
<link rel="stylesheet" href="/styles.css">
12+
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
13+
<link rel="icon" href="/favicon-512.png" sizes="512x512">
14+
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
15+
<link rel="alternate" href="https://metridex.com/" hreflang="en">
16+
<link rel="alternate" href="https://metridex.com/ru" hreflang="ru">
17+
<meta name="theme-color" content="#070709" media="(prefers-color-scheme: dark)">
18+
<meta name="theme-color" content="#faf8f2" media="(prefers-color-scheme: light)">
19+
<!-- Open Graph -->
20+
<meta property="og:title" content="Metridex — QuickScan for on‑chain risk">
21+
<meta property="og:description" content="Scan tokens in seconds. Deep checks on demand.">
22+
<meta property="og:image" content="https://metridex.com/og-image.png">
23+
<meta property="og:url" content="https://metridex.com/">
24+
<meta property="og:type" content="website">
25+
<!-- Twitter -->
26+
<meta name="twitter:card" content="summary_large_image">
27+
<meta name="twitter:title" content="Metridex — QuickScan for on‑chain risk">
28+
<meta name="twitter:description" content="Scan tokens in seconds. Deep checks on demand.">
29+
<meta name="twitter:image" content="https://metridex.com/og-image.png">
30+
<!-- Plausible analytics (privacy-friendly) -->
31+
<script defer data-domain="metridex.com" src="https://plausible.io/js/script.js"></script>
1232
</head>
1333
<body>
1434
<!-- Navbar (fixed) -->
@@ -18,153 +38,154 @@
1838
<span class="logo-mark">M</span><span class="logo-text">Metridex</span>
1939
</div>
2040
<nav class="nav-links" aria-label="Primary">
21-
<a href="#about">About</a>
22-
<a href="#features">Features</a>
23-
<a href="#screens">Screens</a>
24-
<a href="#pricing">Pricing</a>
25-
<a href="/articles.html">Articles</a>
26-
<a href="#faq">FAQ</a>
27-
<a href="#contact">Contact</a>
41+
<a data-i18n="nav.about" href="#about">About</a>
42+
<a data-i18n="nav.features" href="#features">Features</a>
43+
<a data-i18n="nav.screens" href="#screens">Screens</a>
44+
<a data-i18n="nav.pricing" href="#pricing">Pricing</a>
45+
<a data-i18n="nav.articles" href="/articles.html">Articles</a>
46+
<a data-i18n="nav.faq" href="#faq">FAQ</a>
47+
<a data-i18n="nav.contact" href="#contact">Contact</a>
2848
</nav>
2949
<div class="nav-actions">
50+
<button id="langToggle" class="icon-btn" aria-label="Toggle language" title="EN / RU">EN</button>
3051
<button id="themeToggle" class="icon-btn" aria-label="Toggle theme" title="Toggle theme">🌙</button>
3152
</div>
3253
<button class="burger" id="burger" aria-label="Open menu" aria-expanded="false">☰</button>
3354
</div>
3455
</header>
3556

3657
<!-- Hero -->
37-
<section class="hero">
58+
<section class="hero reveal">
3859
<div class="container hero-inner">
3960
<div class="hero-copy">
40-
<h1><span class="grad">On‑chain Risk Metrics</span> for DeFi & Telegram</h1>
41-
<p class="sub">QuickScan in seconds. Deep checks on demand.</p>
61+
<h1><span class="grad" data-i18n="hero.title_a">On‑chain Risk Metrics</span> <span data-i18n="hero.title_b">for DeFi & Telegram</span></h1>
62+
<p class="sub" data-i18n="hero.sub">QuickScan in seconds. Deep checks on demand.</p>
4263
<div class="cta-row">
4364
<a class="cta cta-bot large" href="https://t.me/MetridexBot" target="_blank" rel="noopener">
44-
<span class="aura"></span><span>Open @MetridexBot</span>
65+
<span class="aura"></span><span data-i18n="cta.open">Open @MetridexBot</span>
4566
</a>
46-
<a class="cta ghost" href="#features">See features</a>
67+
<a class="cta ghost" href="#features" data-i18n="cta.features">See features</a>
4768
</div>
4869
</div>
4970
<div class="hero-card glass">
50-
<h3>QuickScan snapshot</h3>
71+
<h3 data-i18n="hero.card_title">QuickScan snapshot</h3>
5172
<ul>
52-
<li>Δ 5m / 1h / 6h / 24h</li>
53-
<li>Liquidity & holders</li>
54-
<li>Honeypot flags</li>
55-
<li>Shareable report</li>
73+
<li data-i18n="hero.card_li1">Δ 5m / 1h / 6h / 24h</li>
74+
<li data-i18n="hero.card_li2">Liquidity & holders</li>
75+
<li data-i18n="hero.card_li3">Honeypot flags</li>
76+
<li data-i18n="hero.card_li4">Shareable report</li>
5677
</ul>
5778
</div>
5879
</div>
5980
</section>
6081

6182
<!-- About (centered band) -->
62-
<section id="about" class="section band center">
83+
<section id="about" class="section band center reveal">
6384
<div class="container band-inner">
6485
<div class="band-copy">
65-
<h2>About</h2>
66-
<p>Metridex helps communities, launchpads and traders spot risk signals fast: liquidity, holder patterns, contract flags, domain reputation (WHOIS/RDAP), SSL, Wayback and more.</p>
86+
<h2 data-i18n="about.title">About</h2>
87+
<p data-i18n="about.copy">Metridex helps communities, launchpads and traders spot risk signals fast: liquidity, holder patterns, contract flags, domain reputation (WHOIS/RDAP), SSL, Wayback and more.</p>
6788
</div>
6889
</div>
6990
</section>
7091

7192
<!-- Features -->
72-
<section id="features" class="section alt">
93+
<section id="features" class="section alt reveal">
7394
<div class="container">
74-
<h2>Features</h2>
95+
<h2 data-i18n="features.title">Features</h2>
7596
<div class="features-grid">
7697
<article class="feature glass">
77-
<h3>⚡ Quick</h3>
78-
<p>Instant QuickScan with Δ‑buttons. No waiting, no noise.</p>
98+
<h3 data-i18n="feat.quick_t">⚡ Quick</h3>
99+
<p data-i18n="feat.quick_d">Instant QuickScan with Δ‑buttons. No waiting, no noise.</p>
79100
</article>
80101
<article class="feature glass">
81-
<h3>🧠 Deep</h3>
82-
<p>WHOIS/RDAP, SSL, Wayback; on‑chain roles — only when needed.</p>
102+
<h3 data-i18n="feat.deep_t">🧠 Deep</h3>
103+
<p data-i18n="feat.deep_d">WHOIS/RDAP, SSL, Wayback; on‑chain roles — only when needed.</p>
83104
</article>
84105
<article class="feature glass">
85-
<h3>🧱 Tech</h3>
86-
<p>Render (Flask/Gunicorn) + Cloudflare Worker ds‑proxy.</p>
106+
<h3 data-i18n="feat.tech_t">🧱 Tech</h3>
107+
<p data-i18n="feat.tech_d">Render (Flask/Gunicorn) + Cloudflare Worker ds‑proxy.</p>
87108
</article>
88109
<article class="feature glass">
89-
<h3>✅ Reliable</h3>
90-
<p>Stateless callbacks, idempotent delivery, cache‑first detail scan.</p>
110+
<h3 data-i18n="feat.rel_t">✅ Reliable</h3>
111+
<p data-i18n="feat.rel_d">Stateless callbacks, idempotent delivery, cache‑first detail scan.</p>
91112
</article>
92113
</div>
93114
</div>
94115
</section>
95116

96-
<!-- Screens (restored) -->
97-
<section id="screens" class="section">
117+
<!-- Screens -->
118+
<section id="screens" class="section reveal">
98119
<div class="container">
99-
<h2>Screens</h2>
120+
<h2 data-i18n="screens.title">Screens</h2>
100121
<div class="screens-grid">
101122
<figure class="screen glass">
102123
<div class="viewport">
103124
<img src="/screens/quickscan.png" alt="QuickScan screen" onerror="this.parentElement.classList.add('placeholder'); this.remove();">
104125
</div>
105-
<figcaption>QuickScan</figcaption>
126+
<figcaption data-i18n="screens.cap1">QuickScan</figcaption>
106127
</figure>
107128
<figure class="screen glass">
108129
<div class="viewport">
109130
<img src="/screens/details.png" alt="More details screen" onerror="this.parentElement.classList.add('placeholder'); this.remove();">
110131
</div>
111-
<figcaption>More details</figcaption>
132+
<figcaption data-i18n="screens.cap2">More details</figcaption>
112133
</figure>
113134
</div>
114-
<p class="hint">Drop your PNGs to <code>/screens/quickscan.png</code> and <code>/screens/details.png</code>. Placeholders will be used if images are absent.</p>
135+
<p class="hint" data-i18n="screens.hint">Drop your PNGs to <code>/screens/quickscan.png</code> and <code>/screens/details.png</code>. Placeholders will be used if images are absent.</p>
115136
</div>
116137
</section>
117138

118139
<!-- Pricing -->
119-
<section id="pricing" class="section">
140+
<section id="pricing" class="section reveal">
120141
<div class="container">
121-
<h2>Pricing</h2>
142+
<h2 data-i18n="pricing.title">Pricing</h2>
122143
<div class="cards">
123144
<article class="card glass">
124-
<h3>Basic</h3><p>QuickScan only</p><div class="price">Free</div>
145+
<h3 data-i18n="pricing.basic_t">Basic</h3><p data-i18n="pricing.basic_d">QuickScan only</p><div class="price" data-i18n="pricing.basic_p">Free</div>
125146
</article>
126147
<article class="card glass">
127-
<h3>Pro</h3><p>QuickScan + Deep checks</p><div class="price">$29/mo</div>
148+
<h3 data-i18n="pricing.pro_t">Pro</h3><p data-i18n="pricing.pro_d">QuickScan + Deep checks</p><div class="price" data-i18n="pricing.pro_p">$29/mo</div>
128149
</article>
129150
<article class="card glass">
130-
<h3>Enterprise</h3><p>White‑label + SLA</p><div class="price">Contact</div>
151+
<h3 data-i18n="pricing.ent_t">Enterprise</h3><p data-i18n="pricing.ent_d">White‑label + SLA</p><div class="price" data-i18n="pricing.ent_p">Contact</div>
131152
</article>
132153
</div>
133154
</div>
134155
</section>
135156

136-
<!-- FAQ (restored) -->
137-
<section id="faq" class="section alt">
157+
<!-- FAQ -->
158+
<section id="faq" class="section alt reveal">
138159
<div class="container">
139-
<h2>FAQ</h2>
160+
<h2 data-i18n="faq.title">FAQ</h2>
140161
<div class="faq">
141162
<details class="qa glass" open>
142-
<summary>What does QuickScan check?</summary>
143-
<p>Δ‑metrics, liquidity & holders, basic contract flags, and a shareable report.</p>
163+
<summary data-i18n="faq.q1">What does QuickScan check?</summary>
164+
<p data-i18n="faq.a1">Δ‑metrics, liquidity & holders, basic contract flags, and a shareable report.</p>
144165
</details>
145166
<details class="qa glass">
146-
<summary>What’s in Deep checks?</summary>
147-
<p>WHOIS/RDAP, SSL chains, Wayback snapshots, and on‑chain roles — on demand.</p>
167+
<summary data-i18n="faq.q2">What’s in Deep checks?</summary>
168+
<p data-i18n="faq.a2">WHOIS/RDAP, SSL chains, Wayback snapshots, and on‑chain roles — on demand.</p>
148169
</details>
149170
<details class="qa glass">
150-
<summary>Where can I use it?</summary>
151-
<p>Works great for launchpads, pro traders, and Telegram communities.</p>
171+
<summary data-i18n="faq.q3">Where can I use it?</summary>
172+
<p data-i18n="faq.a3">Works great for launchpads, pro traders, and Telegram communities.</p>
152173
</details>
153174
</div>
154175
</div>
155176
</section>
156177

157178
<!-- Contact -->
158-
<section id="contact" class="section">
179+
<section id="contact" class="section reveal">
159180
<div class="container">
160-
<h2>Contact</h2>
161-
<p>Email: <a class="link" href="mailto:contact@metridex.com">contact@metridex.com</a></p>
181+
<h2 data-i18n="contact.title">Contact</h2>
182+
<p><span data-i18n="contact.email">Email:</span> <a class="link" href="mailto:contact@metridex.com">contact@metridex.com</a></p>
162183
</div>
163184
</section>
164185

165186
<footer class="footer">
166187
<div class="container">
167-
<p>© <span id="year"></span> Metridex. All rights reserved.</p>
188+
<p>© <span id="year"></span> <span>Metridex.</span> <span data-i18n="footer.rights">All rights reserved.</span></p>
168189
</div>
169190
</footer>
170191

0 commit comments

Comments
 (0)