README / index.html
nsomazr's picture
Org card follows Hugging Face light and dark theme
d5200ae verified
Raw History Blame Contribute Delete
9.58 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>NileAGI</title>
</head>
<body>
<style>
:root {
--nile-bg: #ffffff;
--nile-panel: #e8ecf7;
--nile-card: #ffffff;
--nile-text: #1a1f36;
--nile-muted: #374151;
--nile-red: #ff003c;
--nile-quote: #fff0f3;
--nile-border: rgba(10, 17, 114, 0.08);
--nile-shadow: 0 4px 24px rgba(10, 17, 114, 0.08);
--nile-ghost-bg: #ffffff;
}
@media (prefers-color-scheme: dark) {
:root {
--nile-bg: #111827;
--nile-panel: #1a2236;
--nile-card: #1f2937;
--nile-text: #f3f4f6;
--nile-muted: #d1d5db;
--nile-red: #ff3d66;
--nile-quote: #3a1520;
--nile-border: rgba(255, 255, 255, 0.08);
--nile-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
--nile-ghost-bg: transparent;
}
}
html.dark,
.dark,
[data-theme="dark"] {
--nile-bg: #111827;
--nile-panel: #1a2236;
--nile-card: #1f2937;
--nile-text: #f3f4f6;
--nile-muted: #d1d5db;
--nile-red: #ff3d66;
--nile-quote: #3a1520;
--nile-border: rgba(255, 255, 255, 0.08);
--nile-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
--nile-ghost-bg: transparent;
}
html.light,
.light,
[data-theme="light"] {
--nile-bg: #ffffff;
--nile-panel: #e8ecf7;
--nile-card: #ffffff;
--nile-text: #1a1f36;
--nile-muted: #374151;
--nile-red: #ff003c;
--nile-quote: #fff0f3;
--nile-border: rgba(10, 17, 114, 0.08);
--nile-shadow: 0 4px 24px rgba(10, 17, 114, 0.08);
--nile-ghost-bg: #ffffff;
}
body {
margin: 0;
padding: 0;
background: transparent;
}
#nileagi-org {
font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
color: var(--nile-text);
background: var(--nile-bg);
line-height: 1.65;
max-width: 920px;
margin: 0 auto;
padding: 32px 24px 40px;
border-radius: 20px;
}
#nileagi-org h1 {
font-size: clamp(1.7rem, 4vw, 2.4rem);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.2;
margin: 0 0 12px;
color: var(--nile-text);
}
#nileagi-org h2 {
font-size: clamp(1.35rem, 3vw, 1.85rem);
font-weight: 650;
margin: 0 0 16px;
color: var(--nile-text);
}
#nileagi-org h3 {
font-size: 1.2rem;
font-weight: 650;
line-height: 1.3;
margin: 0 0 10px;
color: var(--nile-text);
}
#nileagi-org p {
margin: 0 0 14px;
color: var(--nile-muted);
font-size: 1.05rem;
}
#nileagi-org .eyebrow {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
margin: 0 0 10px;
color: var(--nile-red);
}
#nileagi-org .lede { max-width: 40rem; font-size: 1.08rem; }
#nileagi-org .cta { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 36px; }
#nileagi-org .btn {
display: inline-block;
padding: 10px 18px;
border-radius: 999px;
text-decoration: none;
font-size: 0.92rem;
font-weight: 650;
}
#nileagi-org .btn-primary { background: var(--nile-red); color: #ffffff; }
#nileagi-org .btn-ghost {
background: var(--nile-ghost-bg);
color: var(--nile-text);
border: 1px solid var(--nile-text);
}
#nileagi-org .quote {
position: relative;
margin: 8px 0 28px;
padding: 56px 28px 48px 24px;
background: var(--nile-quote);
border-left: 4px solid var(--nile-red);
border-radius: 16px;
overflow: hidden;
}
#nileagi-org .quote p {
margin: 0;
color: var(--nile-text);
font-size: clamp(1.3rem, 3.2vw, 1.9rem);
font-weight: 700;
line-height: 1.3;
}
#nileagi-org .q {
position: absolute;
color: var(--nile-red);
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(3.8rem, 12vw, 6rem);
line-height: 0.75;
opacity: 0.9;
}
#nileagi-org .q-open { top: 4px; left: 10px; }
#nileagi-org .q-close { right: 14px; bottom: -10px; }
#nileagi-org .prose p { line-height: 1.8; }
#nileagi-org .services {
background: var(--nile-panel);
margin: 28px -24px 0;
padding: 28px 24px 32px;
border-radius: 20px;
}
#nileagi-org .services header { text-align: center; margin-bottom: 22px; }
#nileagi-org .services header p { max-width: 36rem; margin: 0 auto; }
#nileagi-org .rule {
width: 48px; height: 2px; background: var(--nile-red); margin: 0 auto 14px;
}
#nileagi-org .grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 16px;
}
#nileagi-org article {
background: var(--nile-card);
border: 1px solid var(--nile-border);
box-shadow: var(--nile-shadow);
border-radius: 16px;
padding: 22px 20px 20px;
border-top: 3px solid var(--nile-red);
}
#nileagi-org .cat {
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--nile-red);
margin-bottom: 6px;
}
#nileagi-org article p { font-size: 0.95rem; margin: 0; }
#nileagi-org .foot {
text-align: center;
margin-top: 28px;
font-size: 0.95rem;
color: var(--nile-muted);
}
#nileagi-org .foot a { color: var(--nile-text); font-weight: 650; }
</style>
<div id="nileagi-org">
<p class="eyebrow">NileAGI</p>
<h1>Making sense of machine intelligence for humanity.</h1>
<p class="lede">
Committed to advancing artificial intelligence toward human-level intelligence (HLI) while
making it accessible, useful, and empowering for everyone.
</p>
<p class="cta">
<a class="btn btn-primary" href="https://nileagi.com">Learn more</a>
<a class="btn btn-ghost" href="mailto:hi@nileagi.com">Partner with us</a>
</p>
<h2>Our mission</h2>
<div class="quote">
<span class="q q-open" aria-hidden>“</span>
<p>We are solving intelligence, and we believe it should serve everyone.</p>
<span class="q q-close" aria-hidden>”</span>
</div>
<div class="prose">
<p>
NileAGI is an AI research and development company committed to advancing artificial
intelligence toward human-level intelligence. Our mission is to make AI accessible, useful,
and empowering for everyone. Our flagship product, Delta, is a lightweight local
intelligence platform that allows users to run AI offline while retaining complete control
over their data, privacy, and AI experience.
</p>
<p>
We believe achieving human-level intelligence will unlock new possibilities for the hardest
challenges humanity faces. That belief drives how we work: rigorous, open, and always
asking who benefits.
</p>
<p>
Today’s intelligence is heavily language-driven. We are convinced that human-level
intelligence cannot be reached by language alone. We focus on understanding the full
dimensions of intelligence, and replicating them responsibly in machines.
</p>
<p>
By pushing the boundaries of what AI can do, we are committed to developing safe and useful
systems that benefit all of humanity. That means adaptability first, thinking beyond
language, and putting people at the center.
</p>
</div>
<div class="services">
<header>
<p class="eyebrow">What we offer</p>
<h2>Applications &amp; services</h2>
<div class="rule" aria-hidden></div>
<p>We help organizations navigate the future of machine intelligence with research-led solutions.</p>
</header>
<div class="grid">
<article>
<span class="cat">Research</span>
<h3>Frontier Intelligence Research</h3>
<p>
Advance the frontiers of machine intelligence through rigorous research into reasoning,
learning, and adaptation, toward systems that approach human-level understanding.
</p>
</article>
<article>
<span class="cat">Systems</span>
<h3>Intelligence Systems Engineering</h3>
<p>
Design and build production AI systems that learn and adapt in real environments, from
energy and agriculture to finance and smart cities.
</p>
</article>
<article>
<span class="cat">Infrastructure</span>
<h3>Inference Infrastructure</h3>
<p>
Build efficient, deployable inference stacks for constrained environments: CPU-first
engines and local computing that make advanced AI practical where GPUs are scarce.
</p>
</article>
</div>
</div>
<p class="foot">
<a href="https://nileagi.com">nileagi.com</a>
·
<a href="mailto:hi@nileagi.com">hi@nileagi.com</a>
</p>
</div>
<script>
(function () {
function apply(dark) {
document.documentElement.classList.toggle("dark", dark);
document.documentElement.classList.toggle("light", !dark);
document.documentElement.setAttribute("data-theme", dark ? "dark" : "light");
}
function fromParent() {
try {
return parent.document.documentElement.classList.contains("dark");
} catch (e) {
return null;
}
}
function sync() {
var parentDark = fromParent();
if (parentDark === true || parentDark === false) {
apply(parentDark);
return;
}
apply(window.matchMedia("(prefers-color-scheme: dark)").matches);
}
sync();
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", sync);
setInterval(sync, 800);
})();
</script>
</body>
</html>