omarakhmedov-web
diff --git a/‎articles.html‎
Lines changed: 19 additions & 20 deletions b/‎articles.html‎
Lines changed: 19 additions & 20 deletions
@@ -10,26 +10,25 @@
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800;900&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/styles.css">
   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
-  <meta property="og:title" content="Metridex — Articles">
-  <meta property="og:description" content="Insights on on‑chain risk, token intel and Web3 security.">
-  <meta property="og:image" content="https://metridex.com/og-image.png">
-  <meta property="og:url" content="https://metridex.com/articles.html">
-  <meta property="og:type" content="article">
 </head>
 <body>
   <header class="nav" id="siteNav">
-    <div class="container nav-inner">
+    <div class="container nav-inner nav-container-wide">
       <div class="brand">
-        <span class="logo-mark">M</</span><span class="logo-text">Metridex</span>
+        <span class="logo-mark">M</span><span class="logo-text">Metridex</span>
       </div>
       <nav class="nav-links" aria-label="Primary">
-        <a href="/">Home</a>
-        <a href="/#features">Features</a>
-        <a href="/#screens">Screens</a>
-        <a href="/#pricing">Pricing</a>
-        <a href="/articles.html" aria-current="page">Articles</a>
-        <a href="/#faq">FAQ</a>
-        <a href="/#contact">Contact</a>
+        <a data-i18n="nav.home" href="/">Home</a>
+        <a data-i18n="nav.features" href="/#features">Features</a>
+        <a data-i18n="nav.screens" href="/#screens">Screens</a>
+        <a data-i18n="nav.partners" href="/#partners">Partners</a>
+        <a data-i18n="nav.how" href="/#how-it-works">How it works</a>
+        <a data-i18n="nav.security" href="/#security">Security</a>
+        <a data-i18n="nav.pricing" href="/#pricing">Pricing</a>
+        <a data-i18n="nav.articles" href="/articles.html" aria-current="page">Articles</a>
+        <a data-i18n="nav.videos" href="/videos.html">Videos</a>
+        <a data-i18n="nav.faq" href="/#faq">FAQ</a>
+        <a data-i18n="nav.contact" href="/#contact">Contact</a>
       </nav>
       <div class="nav-actions">
         <button id="langToggle" class="icon-btn" aria-label="Toggle language" title="EN / RU">EN</button>
@@ -45,16 +44,16 @@ <h1 data-i18n="articles.title">Articles</h1>
       <p class="sub" data-i18n="articles.sub">Insights on on‑chain risk, token intel and Web3 security.</p>
       <div class="articles">
         <article class="post glass reveal">
-          <h3><a class="link" href="#">QuickScan method: how we compress risk into seconds</a></h3>
-          <p>Our philosophy: “fast first, deep on demand” — metrics, signals, and design principles.</p>
+          <h3><a class="link" href="#" data-i18n="articles.p1_t">QuickScan method: how we compress risk into seconds</a></h3>
+          <p data-i18n="articles.p1_d">Our philosophy: “fast first, deep on demand” — metrics, signals, and design principles.</p>
         </article>
         <article class="post glass reveal">
-          <h3><a class="link" href="#">WHOIS & Wayback: a domain tells you more than you think</a></h3>
-          <p>Using registrars, SSL chains and historical snapshots to catch red flags early.</p>
+          <h3><a class="link" href="#" data-i18n="articles.p2_t">WHOIS & Wayback: a domain tells you more than you think</a></h3>
+          <p data-i18n="articles.p2_d">Using registrars, SSL chains and historical snapshots to catch red flags early.</p>
         </article>
         <article class="post glass reveal">
-          <h3><a class="link" href="#">Telegram safety for token communities</a></h3>
-          <p>Moderation, anti‑spam, and what to automate with Metridex.</p>
+          <h3><a class="link" href="#" data-i18n="articles.p3_t">Telegram safety for token communities</a></h3>
+          <p data-i18n="articles.p3_d">Moderation, anti‑spam, and what to automate with Metridex.</p>
         </article>
       </div>
     </div>