README / index.html
Muno459's picture
Fix static preview H1 contrast
a60001d verified
Raw
History Blame Contribute Delete
2.4 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Quran Lab</title>
<style>
body {
margin: 0;
min-height: 100vh;
display: grid;
place-items: center;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: #003f37;
background: radial-gradient(circle at top left, rgba(232, 199, 116, 0.45), transparent 34%), linear-gradient(135deg, #003f37, #00594f 52%, #032f42);
}
main {
width: min(760px, calc(100vw - 32px));
padding: 48px;
border: 1px solid rgba(248, 231, 180, 0.35);
border-radius: 28px;
background: rgba(255, 248, 223, 0.94);
box-shadow: 0 24px 80px rgba(0, 31, 27, 0.32);
}
h1 {
margin: 0 0 12px;
color: #003f37 !important;
font-size: clamp(42px, 8vw, 80px);
font-weight: 900;
letter-spacing: -0.06em;
line-height: 0.95;
text-shadow: 0 2px 0 rgba(232, 199, 116, 0.55);
}
h1::after {
content: "";
display: block;
width: min(220px, 55%);
height: 8px;
margin-top: 18px;
border-radius: 999px;
background: #e8c774;
}
p {
margin: 0 0 28px;
max-width: 620px;
color: #17463f;
font-size: 20px;
line-height: 1.55;
}
a {
display: inline-block;
margin: 6px 10px 0 0;
padding: 12px 16px;
border-radius: 999px;
background: #00594f;
color: #fff8df;
font-weight: 700;
text-decoration: none;
}
a.secondary {
background: #e8c774;
color: #003f37;
}
</style>
</head>
<body>
<main>
<h1 style="color: #003f37 !important;">Quran Lab</h1>
<p>Open infrastructure for Quranic speech recognition, evaluation, and reproducible Arabic ASR research.</p>
<a href="https://huggingface.co/datasets/Quran-Lab/quranic-asr-benchmark">Benchmark</a>
<a class="secondary" href="https://huggingface.co/datasets/Quran-Lab/quranic-asr-cloud-rawdata">Cloud ASR Raw Data</a>
<a class="secondary" href="https://huggingface.co/spaces/Quran-Lab/quranic-asr-leaderboard">Leaderboard</a>
</main>
</body>
</html>