Skip to content

Commit f5c500d

Browse files
omarakhmedov-webomarakhmedov-web
authored
Update article-signals-whyplusplus_bilingual_v1.html
1 parent e7115ee commit f5c500d

1 file changed

Lines changed: 8 additions & 65 deletions

File tree

‎article-signals-whyplusplus_bilingual_v1.html‎

Lines changed: 8 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -7,39 +7,12 @@
77
<title>Metridex — Signals &amp; Why++ (EN/RU)</title>
88
<meta content="How QuickScan converts raw checks into an explainable verdict with Why++ factors — EN/RU bilingual." name="description"/>
99
<link href="styles.css" rel="stylesheet"/>
10-
11-
<style>
12-
.hero-subtle { padding-top: 96px; scroll-margin-top: 96px; }
13-
.article-author { opacity:.8; margin-top:.4rem; }
14-
.lang-switch { display:flex; gap:10px; align-items:center; }
15-
.lang-btn {
16-
padding:.5rem .85rem; border:1px solid rgba(255,255,255,.35);
17-
background: rgba(255,255,255,.08); border-radius:12px; cursor:pointer;
18-
font-weight:600; line-height:1; backdrop-filter: saturate(120%) blur(2px);
19-
color:#fff;
20-
}
21-
.lang-btn, .lang-btn * { color:#fff !important; }
22-
[data-theme="light"] .lang-btn, body:not(.lux) .lang-btn {
23-
border-color: rgba(0,0,0,.25); background: rgba(0,0,0,.06); color:#000;
24-
}
25-
[data-theme="light"] .lang-btn, [data-theme="light"] .lang-btn *,
26-
body:not(.lux) .lang-btn, body:not(.lux) .lang-btn * { color:#000 !important; }
27-
.lang-btn[aria-pressed="true"] { outline: 2px solid var(--accent, #d4af37); box-shadow: 0 0 0 3px rgba(212,175,55,.15); }
28-
29-
.lang-block { display:none !important; }
30-
.lang-block.active { display:block !important; }
31-
32-
.kpi-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:14px; margin: 1rem 0; }
33-
.kpi { border:1px solid var(--stroke, rgba(255,255,255,.2)); border-radius:12px; padding:.9rem 1rem; }
34-
.kpi h3 { margin:.2rem 0 .4rem; font-size:1.05rem; }
35-
.tip { background: rgba(212,175,55,.12); border:1px solid rgba(212,175,55,.35); padding:.75rem 1rem; border-radius:12px; }
36-
code { padding:.1rem .35rem; border:1px solid var(--stroke); border-radius:8px; }
37-
</style>
38-
<link href="/logo/favicon-32.png?v=3" rel="icon" sizes="32x32" type="image/png"/><link href="/logo/favicon-16.png?v=3" rel="icon" sizes="16x16" type="image/png"/><link href="/logo/apple-touch-icon.png?v=3" rel="apple-touch-icon" sizes="180x180"/><link href="/logo/favicon.ico?v=3" rel="icon"/><link href="/logo/site.webmanifest?v=3" rel="manifest"/><style>
39-
/* AURUM-DELTA: header shield sizing for articles */
40-
.brand-logo{height:108px;width:auto;vertical-align:middle}
41-
@media (max-width:640px){.brand-logo{height:84px}}
42-
</style></head>
10+
<link href="/logo/favicon-32.png?v=3" rel="icon" sizes="32x32" type="image/png"/><link href="/logo/favicon-16.png?v=3" rel="icon" sizes="16x16" type="image/png"/><link href="/logo/apple-touch-icon.png?v=3" rel="apple-touch-icon" sizes="180x180"/><link href="/logo/favicon.ico?v=3" rel="icon"/><link href="/logo/site.webmanifest?v=3" rel="manifest"/><style>.article-meta{font-size:0.9rem;color:#9aa3af;margin:8px 0 18px}
11+
.article-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
12+
.article-nav a{padding:10px 14px;border:1px solid #2a2a2a;border-radius:10px;text-decoration:none}
13+
.article-nav a:hover{background:#0b0b0b}</style><style>.article-body{margin-top:56px}</style><style>.article-kicker{font-size:.9rem;color:#9aa3af;margin-top:8px}
14+
.article-author{font-size:.95rem;color:#c7cdd6;margin-top:6px}
15+
.article-body{margin-top:56px}</style></head>
4316
<body class="lux">
4417
<header class="nav">
4518
<div class="container nav-inner nav-container-wide">
@@ -56,9 +29,7 @@
5629
<div class="container">
5730
<div class="flex-row space-between" style="display:flex; align-items:center; justify-content:space-between; gap:16px;">
5831
<div>
59-
<h1 style="margin-top:0.25rem">Signals &amp; Why++</h1>
60-
<p class="article-meta">Guide · Sep 29, 2025</p>
61-
<p class="article-author">— Omar Ahmad, Founder of Metridex · Sep 29, 2025</p>
32+
<h1 style="margin-top:0.25rem">Signals &amp; Why++</h1><div class="article-kicker">Guide · Sep 29, 2025</div><div class="article-author">— Omar Ahmad, Founder of Metridex</div><div class="article-body"></div>
6233
</div>
6334
<div aria-label="Language" class="lang-switch" role="group">
6435
<button aria-pressed="true" class="lang-btn" data-lang="en" id="btn-en">EN</button>
@@ -120,33 +91,5 @@ <h2>5) Что дальше</h2>
12091
</div>
12192
</section>
12293
<footer class="footer"><div class="container"><p>© <span id="year"></span> Metridex.</p></div></footer>
123-
<script>
124-
(function() {
125-
const KEY = "mdx_lang";
126-
const root = document.documentElement;
127-
const btnEN = document.getElementById("btn-en");
128-
const btnRU = document.getElementById("btn-ru");
129-
const blockEN = document.getElementById("block-en");
130-
const blockRU = document.getElementById("block-ru");
131-
132-
function show(lang) {
133-
blockEN.classList.toggle("active", lang === "en");
134-
blockRU.classList.toggle("active", lang === "ru");
135-
blockEN.style.display = (lang === "en") ? "block" : "none";
136-
blockRU.style.display = (lang === "ru") ? "block" : "none";
137-
btnEN.setAttribute("aria-pressed", String(lang === "en"));
138-
btnRU.setAttribute("aria-pressed", String(lang === "ru"));
139-
root.setAttribute("data-lang", lang);
140-
localStorage.setItem(KEY, lang);
141-
}
142-
143-
btnEN.addEventListener("click", () => show("en"));
144-
btnRU.addEventListener("click", () => show("ru"));
145-
146-
const saved = localStorage.getItem(KEY) || "en";
147-
show(saved);
148-
})();
149-
</script>
150-
<script src="script.js"></script>
151-
</body>
94+
<div class="article-nav"><a href="/articles.html">← Back to Articles</a><a href="/article-whois-wayback_bilingual_v2.html">← Prev: WHOIS &amp; Wayback checks</a></div></body>
15295
</html>

0 commit comments

Comments
 (0)