Skip to content

Commit 919830b

Browse files
omarakhmedov-webomarakhmedov-web
authored
Update index.html
1 parent 0706d68 commit 919830b

1 file changed

Lines changed: 12 additions & 75 deletions

File tree

‎index.html‎

Lines changed: 12 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,9 @@
1010
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
1111
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800;900&amp;display=swap" rel="stylesheet"/>
1212
<link href="/styles.css" rel="stylesheet"/>
13+
<link href="/favicon.svg" rel="icon" type="image/svg+xml"/>
14+
<link href="/favicon-512.png" rel="icon" sizes="512x512"/>
15+
<link href="/apple-touch-icon.png" rel="apple-touch-icon"/>
1316
<meta content="#070709" media="(prefers-color-scheme: dark)" name="theme-color"/>
1417
<meta content="#faf8f2" media="(prefers-color-scheme: light)" name="theme-color"/>
1518
<meta content="Metridex — QuickScan for on‑chain risk" property="og:title"/>
@@ -24,30 +27,20 @@
2427
<script data-domain="metridex.com" defer="" src="https://plausible.io/js/script.js"></script>
2528

2629
<style>
27-
.mdx-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center}
28-
.mdx-lightbox.open{display:flex}
29-
.mdx-lightbox img{max-width:95vw;max-height:90vh;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.55)}
30-
.mdx-lightbox .mdx-close{position:fixed;top:18px;right:18px;width:40px;height:40px;border-radius:999px;background:rgba(17,17,17,.7);color:#fff;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;cursor:pointer}
31-
</style>
32-
33-
34-
<link rel="icon" type="image/png" sizes="32x32" href="/logo/favicon-32.png">
35-
<link rel="icon" type="image/png" sizes="16x16" href="/logo/favicon-16.png">
36-
<link rel="apple-touch-icon" sizes="180x180" href="/logo/apple-touch-icon.png">
37-
<link rel="icon" href="/logo/favicon.ico">
38-
<link rel="manifest" href="/logo/site.webmanifest">
39-
40-
41-
<style>
42-
.brand-logo { height: 32px; width: auto; display:inline-block; vertical-align:middle; }
43-
@media (min-width: 640px){ .brand-logo { height: 36px; } }
30+
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
31+
.brand-logo{height:32px;width:auto;vertical-align:middle}
32+
@media (min-width:640px){.brand-logo{height:36px}}
33+
.brand-text{color:#f3f4f6!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:1!important;mix-blend-mode:normal!important;filter:none!important}
34+
.brand:hover .brand-text{color:#d4b14a!important}
4435
</style>
4536

4637
</head>
4738
<body>
4839
<header class="nav" id="siteNav">
4940
<div class="container nav-inner nav-container-wide">
50-
<div class="brand"><img src="/logo/metridex_logo_header.png" alt="Metridex" class="brand-logo"/></div>
41+
<div class="brand">
42+
<span class="logo-mark">M</span><span class="logo-text">Metridex</span>
43+
</div>
5144
<nav aria-label="Primary" class="nav-links">
5245
<a data-i18n="nav.about" href="#about">About</a>
5346
<a data-i18n="nav.features" href="#features">Features</a>
@@ -142,7 +135,7 @@ <h2 data-i18n="screens.title">Screens</h2>
142135
</div>
143136
<div class="mdx-counter"></div>
144137
</div>
145-
<figcaption>High-risk examples</figcaption>
138+
<figcaption data-i18n="screens.cap2">More details</figcaption>
146139
</figure>
147140
</div>
148141
</div>
@@ -319,61 +312,5 @@ <h2 data-i18n="contact.title">Contact</h2>
319312
<img alt="Screenshot preview">
320313
<button class="mdx-close" aria-label="Close">✕</button>
321314
</div>
322-
323-
<script>
324-
(function(){
325-
// Helper: ensure lightbox exists
326-
function ensureLightbox(){
327-
var lb = document.getElementById('mdxLightbox');
328-
if(!lb){
329-
lb = document.createElement('div');
330-
lb.id='mdxLightbox'; lb.className='mdx-lightbox'; lb.setAttribute('hidden','');
331-
var img=document.createElement('img'); var btn=document.createElement('button');
332-
btn.className='mdx-close'; btn.setAttribute('aria-label','Close'); btn.textContent='✕';
333-
lb.appendChild(img); lb.appendChild(btn); document.body.appendChild(lb);
334-
}
335-
return lb;
336-
}
337-
function openLB(src){
338-
var lb=ensureLightbox(); var img=lb.querySelector('img'); var btn=lb.querySelector('.mdx-close');
339-
img.src=src; lb.classList.add('open'); lb.removeAttribute('hidden');
340-
function close(){ lb.classList.remove('open'); lb.setAttribute('hidden',''); }
341-
lb.addEventListener('click', close, {once:true}); btn&&btn.addEventListener('click', close, {once:true});
342-
document.addEventListener('keydown', function esc(e){ if(e.key==='Escape'){ close(); document.removeEventListener('keydown', esc);} });
343-
}
344-
function init(){
345-
document.querySelectorAll('.mdx-frame').forEach(function(frame){
346-
var list=(frame.getAttribute('data-images')||'').split(',').map(function(s){return s.trim();}).filter(Boolean);
347-
// If no stage exists, create it:
348-
var stage = frame.querySelector('.mdx-stage') || (function(){ var d=document.createElement('div'); d.className='mdx-stage'; frame.appendChild(d); return d; })();
349-
// If no image child, insert one:
350-
var img = stage.querySelector('img') || (function(){ var i=new Image(); stage.appendChild(i); return i; })();
351-
// Render first image
352-
var i = 0; function render(){ img.src = list[i]; counter.textContent = (i+1)+' / '+list.length; }
353-
// Controls (create if not exist)
354-
var nav = frame.querySelector('.mdx-nav') || (function(){
355-
var n=document.createElement('div'); n.className='mdx-nav';
356-
var p=document.createElement('button'); p.className='mdx-btn mdx-prev'; p.textContent='◀'; p.setAttribute('aria-label','Prev');
357-
var nx=document.createElement('button'); nx.className='mdx-btn mdx-next'; nx.textContent='▶'; nx.setAttribute('aria-label','Next');
358-
n.appendChild(p); n.appendChild(nx); frame.appendChild(n); return n;
359-
})();
360-
var prev = nav.querySelector('.mdx-prev'), next = nav.querySelector('.mdx-next');
361-
var counter = frame.querySelector('.mdx-counter') || (function(){ var c=document.createElement('div'); c.className='mdx-counter'; frame.appendChild(c); return c; })();
362-
function step(d){ if(!list.length) return; i = (i + d + list.length) % list.length; render(); }
363-
prev.onclick=function(){ step(-1); }; next.onclick=function(){ step(1); };
364-
// Click to open
365-
img.style.cursor='zoom-in';
366-
img.onclick=function(){ openLB(img.currentSrc || img.src); };
367-
// Touch swipe
368-
var sx=null; stage.addEventListener('touchstart', function(e){ sx=e.touches[0].clientX; }, {passive:true});
369-
stage.addEventListener('touchend', function(e){ if(sx==null) return; var dx=e.changedTouches[0].clientX - sx; if(Math.abs(dx)>40) step(dx<0?1:-1); sx=null; }, {passive:true});
370-
// Initial
371-
if(list.length){ render(); }
372-
});
373-
}
374-
if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded', init); } else { init(); }
375-
})();
376-
</script>
377-
378315
</body>
379316
</html>

0 commit comments

Comments
 (0)