Skip to content

Commit b9a2caf

Browse files
Update article-whois-wayback_bilingual_v2.html
1 parent eb18e5f commit b9a2caf

1 file changed

Lines changed: 43 additions & 3 deletions

File tree

article-whois-wayback_bilingual_v2.html

Lines changed: 43 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,15 @@
1212
.article-nav a{padding:10px 14px;border:1px solid #2a2a2a;border-radius:10px;text-decoration:none}
1313
.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}
1414
.article-author{font-size:.95rem;color:#c7cdd6;margin-top:6px}
15-
.article-body{margin-top:56px}</style></head>
16-
<body class="lux">
15+
.article-body{margin-top:56px}</style><style>/* AURUM-DELTA: spacing under fixed header */
16+
.article-offset{padding-top:140px}
17+
/* Bilingual visibility */
18+
.lang-block{display:none}
19+
.lang-block.active{display:block}
20+
.lang-switch{margin:10px 0 0;display:flex;gap:8px;align-items:center}
21+
.lang-switch button{padding:6px 10px;border:1px solid #2a2a2a;border-radius:8px;background:transparent;cursor:pointer}
22+
.lang-switch button.active{background:#0b0b0b}</style></head>
23+
<body class="article-offset lux">
1724
<header class="nav">
1825
<div class="container nav-inner nav-container-wide">
1926
<div class="brand"><img alt="Metridex" class="brand-logo" src="/logo/metridex_logo_header.png"/></div>
@@ -87,5 +94,38 @@ <h2>5) В QuickScan</h2>
8794
</div>
8895
</section>
8996
<footer class="footer"><div class="container"><p>© <span id="year"></span> Metridex.</p></div></footer>
90-
<div class="article-nav"><a href="/articles.html">← Back to Articles</a><a href="/article-quickscan-methodology_bilingual_v3.html">← Prev: QuickScan methodology</a><a href="/article-signals-whyplusplus_bilingual_v1.html">Next: Signals &amp; Why++ →</a></div></body>
97+
<div class="article-nav"><a href="/articles.html">← Back to Articles</a><a href="/article-quickscan-methodology_bilingual_v3.html">← Prev: QuickScan methodology</a><a href="/article-signals-whyplusplus_bilingual_v1.html">Next: Signals &amp; Why++ →</a></div><script>(function(){
98+
function switchTo(lang){
99+
document.documentElement.setAttribute('lang', lang);
100+
var blocks = document.querySelectorAll('.lang-block');
101+
blocks.forEach(function(el){
102+
if (el.classList.contains('lang-' + lang)){
103+
el.classList.add('active');
104+
el.style.display = 'block';
105+
} else {
106+
el.classList.remove('active');
107+
el.style.display = 'none';
108+
}
109+
});
110+
document.querySelectorAll('.lang-switch [data-lang]').forEach(function(btn){
111+
btn.classList.toggle('active', btn.getAttribute('data-lang')===lang);
112+
});
113+
try{ localStorage.setItem('lang', lang); }catch(e){}
114+
}
115+
var pref = 'en';
116+
try{
117+
var s = localStorage.getItem('lang');
118+
if (s === 'ru' || s === 'en') pref = s;
119+
}catch(e){}
120+
// initial
121+
switchTo(pref);
122+
// hook buttons
123+
document.addEventListener('click', function(e){
124+
var t = e.target;
125+
if (t && t.matches('.lang-switch [data-lang]')){
126+
e.preventDefault();
127+
switchTo(t.getAttribute('data-lang'));
128+
}
129+
});
130+
})();</script></body>
91131
</html>

0 commit comments

Comments
 (0)