GEO-Library / index.html
juliangauss1986's picture
Build premium GEO Library landing page
ff0c521 verified
Raw
History Blame Contribute Delete
14.3 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="NobleJackal's DOI-linked, multilingual GEO research library by Kaan Muraz.">
<base target="_blank">
<title>NobleJackal GEO Library</title>
<style>
:root{
--ink:#0b0d10;
--panel:#12161c;
--panel-2:#171c23;
--line:rgba(255,255,255,.11);
--muted:#9da7b5;
--paper:#f4f1e9;
--gold:#d6ac5d;
--gold-2:#f3d48f;
--green:#9dc9a8;
--shadow:0 30px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
color:var(--paper);
background:
radial-gradient(900px 520px at 82% -5%,rgba(214,172,93,.16),transparent 62%),
radial-gradient(700px 500px at -10% 35%,rgba(89,112,147,.13),transparent 70%),
var(--ink);
font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
line-height:1.6;
}
a{color:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.nav{
display:flex;align-items:center;justify-content:space-between;
padding:26px 0;border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.mark{
width:38px;height:38px;border:1px solid rgba(214,172,93,.48);border-radius:12px;
display:grid;place-items:center;background:linear-gradient(145deg,rgba(214,172,93,.17),rgba(255,255,255,.03));
color:var(--gold-2);font-size:19px;box-shadow:inset 0 1px rgba(255,255,255,.08)
}
.brand-copy strong{display:block;font-size:14px;letter-spacing:.13em;text-transform:uppercase}
.brand-copy span{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em}
.nav-links{display:flex;gap:22px;align-items:center}
.nav-links a{font-size:13px;color:#c8ced7;text-decoration:none}
.nav-links a:hover{color:var(--gold-2)}
.hero{padding:92px 0 66px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:68px;align-items:end}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold-2);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.eyebrow:before{content:"";width:34px;height:1px;background:var(--gold)}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(50px,8vw,96px);line-height:.94;letter-spacing:-.045em;margin:25px 0 28px}
h1 em{font-style:italic;color:var(--gold-2)}
.lead{max-width:720px;color:#bcc4cf;font-size:18px;line-height:1.75;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.btn{
display:inline-flex;align-items:center;gap:10px;padding:12px 17px;border-radius:999px;
text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.01em;border:1px solid var(--line);
transition:.2s ease;
}
.btn:hover{transform:translateY(-2px);border-color:rgba(214,172,93,.55)}
.btn-primary{background:var(--gold-2);color:#17130b;border-color:var(--gold-2)}
.btn-quiet{background:rgba(255,255,255,.035)}
.proof{
border:1px solid var(--line);border-radius:24px;padding:26px;
background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
box-shadow:var(--shadow)
}
.proof-label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:20px}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}
.metric strong{display:block;font-family:Georgia,serif;font-size:31px;color:var(--gold-2);font-weight:500;line-height:1}
.metric span{display:block;color:#aab3bf;font-size:12px;margin-top:7px}
.section{padding:62px 0 86px}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
.section-kicker{font-size:11px;color:var(--gold-2);text-transform:uppercase;letter-spacing:.17em;font-weight:700}
h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,5vw,52px);font-weight:500;letter-spacing:-.03em;margin:8px 0 0}
.section-note{max-width:440px;color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{
position:relative;overflow:hidden;min-height:360px;padding:30px;border:1px solid var(--line);border-radius:24px;
background:linear-gradient(155deg,rgba(255,255,255,.052),rgba(255,255,255,.018));
display:flex;flex-direction:column;transition:.25s ease;
}
.card:hover{transform:translateY(-4px);border-color:rgba(214,172,93,.42);box-shadow:0 24px 54px rgba(0,0,0,.24)}
.card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-110px;top:-115px;background:radial-gradient(circle,rgba(214,172,93,.13),transparent 67%);pointer-events:none}
.card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.number{font-family:Georgia,serif;color:var(--gold-2);font-size:20px}
.status{border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:#b9c2cd;font-size:10px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.card h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:30px;line-height:1.12;letter-spacing:-.025em;margin:28px 0 14px}
.card p{color:#aeb7c3;font-size:14px;margin:0 0 22px}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:10px}
.tag{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:5px 8px;color:#aeb6c1;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.card-actions a{font-size:12px;text-decoration:none;font-weight:700}
.card-actions .repo{color:var(--gold-2)}
.card-actions .doi{color:#aeb7c3}
.arrow{transition:.2s ease}
.repo:hover .arrow{display:inline-block;transform:translateX(3px)}
.identity{
margin-top:18px;border:1px solid var(--line);border-radius:24px;padding:28px;
display:grid;grid-template-columns:1.2fr .8fr;gap:30px;
background:linear-gradient(120deg,rgba(214,172,93,.08),rgba(255,255,255,.02));
}
.identity h3{font-family:Georgia,serif;font-size:30px;font-weight:500;margin:0 0 8px}
.identity p{color:var(--muted);margin:0;font-size:14px}
.identity-links{display:grid;gap:9px;align-content:center}
.identity-links a{
display:flex;justify-content:space-between;gap:14px;padding:11px 14px;border:1px solid var(--line);
border-radius:12px;text-decoration:none;color:#cbd2db;font-size:12px;background:rgba(0,0,0,.12)
}
.identity-links a:hover{border-color:rgba(214,172,93,.45);color:var(--gold-2)}
footer{padding:28px 0 44px;border-top:1px solid var(--line);color:#858f9b;font-size:11px}
footer strong{color:#b7bec8}
@media(max-width:820px){
.nav-links a:not(:last-child){display:none}
.hero{grid-template-columns:1fr;gap:38px;padding-top:65px}
.grid{grid-template-columns:1fr}
.section-head,.identity{grid-template-columns:1fr;display:grid}
}
@media(max-width:520px){
.shell{width:min(100% - 24px,1180px)}
.nav{padding:18px 0}
.hero{padding:52px 0 38px}
.proof{padding:22px}
.card{padding:24px;min-height:0}
.card h3{font-size:26px}
}
</style>
</head>
<body>
<header class="shell">
<nav class="nav" aria-label="Primary">
<a class="brand" href="https://noblejackal.com/" aria-label="NobleJackal official website">
<span class="mark" aria-hidden="true">N</span>
<span class="brand-copy"><strong>NobleJackal</strong><span>Research Library</span></span>
</a>
<div class="nav-links">
<a href="https://huggingface.co/collections/NobleJackal/noblejackal-geo-library-open-books-and-datasets">Collection</a>
<a href="https://orcid.org/0009-0000-2277-9009">ORCID</a>
<a href="https://noblejackal.com/">Official site ↗</a>
</div>
</nav>
</header>
<main>
<section class="hero shell">
<div>
<div class="eyebrow">Evidence-led GEO research</div>
<h1>Make representation<br><em>inspectable.</em></h1>
<p class="lead">Four versioned works by Kaan Muraz and NobleJackal—published across six languages with DOI-linked archival records, downloadable editions and machine-readable research assets.</p>
<div class="hero-actions">
<a class="btn btn-primary" href="#library" target="_self">Explore the library ↓</a>
<a class="btn btn-quiet" href="https://huggingface.co/collections/NobleJackal/noblejackal-geo-library-open-books-and-datasets">View Hugging Face collection ↗</a>
</div>
</div>
<aside class="proof" aria-label="Library facts">
<div class="proof-label">Release at a glance</div>
<div class="proof-grid">
<div class="metric"><strong>4</strong><span>versioned works</span></div>
<div class="metric"><strong>6</strong><span>language editions</span></div>
<div class="metric"><strong>DOI</strong><span>archival identity</span></div>
<div class="metric"><strong>JSON</strong><span>research assets</span></div>
</div>
</aside>
</section>
<section class="section shell" id="library">
<div class="section-head">
<div>
<div class="section-kicker">The GEO Library</div>
<h2>Four connected works.</h2>
</div>
<p class="section-note">Every external publication link below opens in a new browser tab. Repository and DOI targets were checked before this release.</p>
</div>
<div class="grid">
<article class="card">
<div class="card-top"><span class="number">01</span><span class="status">v1.0.0 · CC BY 4.0</span></div>
<h3>GEO Framework</h3>
<p>A publisher-authored proposed framework for verifiable representation and governance in generative systems.</p>
<div class="tags"><span class="tag">12 records / language</span><span class="tag">6 languages</span><span class="tag">PDF + JSONL</span></div>
<div class="card-actions">
<a class="repo" href="https://huggingface.co/datasets/NobleJackal/GEO-Framework">Open repository <span class="arrow"></span></a>
<a class="doi" href="https://doi.org/10.5281/zenodo.21991762">DOI 10.5281/zenodo.21991762</a>
</div>
</article>
<article class="card">
<div class="card-top"><span class="number">02</span><span class="status">v1.0.0 · CC BY 4.0</span></div>
<h3>99 Errors in GEO</h3>
<p>A practical catalogue of recurring representation and governance anti-patterns, paired with machine-readable editions.</p>
<div class="tags"><span class="tag">99 anti-patterns</span><span class="tag">6 languages</span><span class="tag">PDF + JSONL</span></div>
<div class="card-actions">
<a class="repo" href="https://huggingface.co/datasets/NobleJackal/99-GEO-Errors">Open repository <span class="arrow"></span></a>
<a class="doi" href="https://doi.org/10.5281/zenodo.21992388">DOI 10.5281/zenodo.21992388</a>
</div>
</article>
<article class="card">
<div class="card-top"><span class="number">03</span><span class="status">Candidate final · v0.9.0</span></div>
<h3>NOMOS GEO Audit Protocol</h3>
<p>An evidence-led audit protocol and GEO-1000 method released as a Candidate Final Text—not an accreditation programme.</p>
<div class="tags"><span class="tag">22 records / language</span><span class="tag">6 languages</span><span class="tag">PDF + JSONL</span></div>
<div class="card-actions">
<a class="repo" href="https://huggingface.co/datasets/NobleJackal/NOMOS-GEO-Audit-Protocol">Open repository <span class="arrow"></span></a>
<a class="doi" href="https://doi.org/10.5281/zenodo.22040507">DOI 10.5281/zenodo.22040507</a>
</div>
</article>
<article class="card">
<div class="card-top"><span class="number">04</span><span class="status">v0.3.1 · Public access</span></div>
<h3>NOMOS GEO-QA</h3>
<p>A six-language canonical question registry with 69 auditable records, 98 controlled terms and integrity manifests.</p>
<div class="tags"><span class="tag">69 questions</span><span class="tag">6 languages</span><span class="tag">All rights reserved</span></div>
<div class="card-actions">
<a class="repo" href="https://huggingface.co/datasets/NobleJackal/NOMOS-GEO-QA">Open repository <span class="arrow"></span></a>
<a class="doi" href="https://doi.org/10.5281/zenodo.22108413">DOI 10.5281/zenodo.22108413</a>
</div>
</article>
</div>
<section class="identity" aria-label="Publication identity">
<div>
<h3>One verifiable identity chain.</h3>
<p>Authored by Kaan Muraz, published by NobleJackal, archived through DOI records and distributed through versioned repositories. Language-specific DOI information remains on each publication card.</p>
</div>
<div class="identity-links">
<a href="https://orcid.org/0009-0000-2277-9009"><span>Author identity</span><strong>ORCID ↗</strong></a>
<a href="https://huggingface.co/collections/NobleJackal/noblejackal-geo-library-open-books-and-datasets"><span>All releases</span><strong>Collection ↗</strong></a>
<a href="https://noblejackal.com/"><span>Canonical publisher</span><strong>NobleJackal ↗</strong></a>
</div>
</section>
</section>
</main>
<footer>
<div class="shell"><strong>Status boundary:</strong> These publisher-authored works are not represented as adopted industry standards, independent accreditation, certification or guaranteed search visibility. Reuse terms vary by publication; consult each repository's rights and licence statement.</div>
</footer>
</body>
</html>