README / index.html
xaitalk's picture
Add static index.html so the Space URL renders content
2c12ea7 verified
Raw
History Blame Contribute Delete
5.48 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>7R+ — Rethink. Rebuild. Reshape.</title>
<meta name="description" content="Rethink. Rebuild. Reshape. Technology with academic rigour." />
<style>
:root {
--bg: #fafaf9;
--surface: #f4f4f0;
--line: #e5e4dd;
--ink: #18181b;
--ink-2: #44444a;
--ink-3: #87868d;
--accent: #4f46e5;
}
@media (prefers-color-scheme: dark) {
:root {
--bg: #0a0a0f;
--surface: #111118;
--line: #23232c;
--ink: #f4f4f0;
--ink-2: #b9b9c0;
--ink-3: #75757f;
--accent: #a5a3ff;
}
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
background: var(--bg);
color: var(--ink);
font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;
font-weight: 300;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.wrap { max-width: 880px; margin: 0 auto; padding: 0 24px; }
header { padding: 96px 0 72px; border-bottom: 1px solid var(--line); }
.eyebrow {
font-size: 12px; font-weight: 500;
letter-spacing: 0.18em; text-transform: uppercase;
color: var(--ink-3); margin: 0 0 24px;
}
h1 {
font-size: clamp(36px, 6vw, 64px);
font-weight: 300; line-height: 1.05; letter-spacing: -0.02em;
margin: 0;
}
.sub {
margin: 28px 0 0; max-width: 540px;
font-size: 17px; color: var(--ink-2);
}
.manifesto {
background: var(--surface);
border-bottom: 1px solid var(--line);
padding: 56px 0;
}
.manifesto p {
margin: 0; font-size: 24px; font-weight: 300; letter-spacing: -0.01em;
}
section { padding: 72px 0; border-bottom: 1px solid var(--line); }
section h2 {
font-size: 12px; font-weight: 500;
letter-spacing: 0.18em; text-transform: uppercase;
color: var(--ink-3);
margin: 0 0 32px;
}
.product { padding: 28px 0; border-top: 1px solid var(--line); }
.product:first-of-type { border-top: 0; padding-top: 0; }
.product .tag {
font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
color: var(--ink-3); margin: 0 0 8px;
}
.product h3 {
font-size: 28px; font-weight: 300; letter-spacing: -0.01em;
margin: 0 0 10px;
}
.product p { margin: 0 0 14px; color: var(--ink-2); max-width: 640px; }
.links { display: flex; flex-wrap: wrap; gap: 18px; font-size: 14px; }
a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--ink-3); padding-bottom: 1px; }
a:hover { border-bottom-color: var(--ink); }
.why p { max-width: 640px; color: var(--ink-2); margin: 0; }
.why .plus { color: var(--ink); }
footer { padding: 56px 0 96px; color: var(--ink-3); font-size: 14px; }
footer .links a { color: var(--ink-2); }
</style>
</head>
<body>
<header>
<div class="wrap">
<p class="eyebrow">7R+ GmbH · Est. 2021</p>
<h1>Rethink. Rebuild. Reshape.<br/>Technology with academic rigour.</h1>
<p class="sub">From research to product. From explainable AI to document intelligence.</p>
</div>
</header>
<div class="manifesto">
<div class="wrap"><p>Rigour over hype.</p></div>
</div>
<section>
<div class="wrap">
<h2>Products</h2>
<article class="product">
<p class="tag">Flagship · In development</p>
<h3>xaitalk</h3>
<p>Cross-framework explainable AI. A library for PyTorch, TensorFlow, and JAX. Approximately 40 methods.</p>
<div class="links">
<a href="https://huggingface.co/xaitalk">huggingface.co/xaitalk</a>
<a href="https://xaitalk.com">xaitalk.com</a>
<a href="https://github.com/xaitalk/xaitalk">GitHub</a>
</div>
</article>
<article class="product">
<p class="tag">In preparation · MIT · Python</p>
<h3>pagescan</h3>
<p>An open library for converting phone photos of documents into clean, print-ready PDFs. Corner detection, perspective correction, deskew, shadow removal, OCR-based rotation.</p>
<div class="links">
<a href="https://huggingface.co/7rplus/pagescan-weights">Weights on HF</a>
<a href="https://github.com/7RPlus-GmbH/pagescan">GitHub</a>
<a href="https://pypi.org/project/pagescan/">PyPI</a>
</div>
</article>
<article class="product">
<p class="tag">In development</p>
<h3>agentiqrm</h3>
<p>A CRM for German Personaldienstleistung, with explainable AI assistance integrated via xaitalk.</p>
</article>
<article class="product">
<p class="tag">Research</p>
<h3>aleph-n</h3>
<p>A formally-verified protocol for supply-chain coordination, grounded in two academic theses. Dynamic procurement as platform-as-a-service.</p>
</article>
</div>
</section>
<section class="why">
<div class="wrap">
<h2>Why 7R+?</h2>
<p>7R+ was founded around a single idea: an e-procurement platform built on the seven Rs of logistics. That platform is still ahead of us. The principles aren't — the <span class="plus">+</span> extends them into the systems we build.</p>
</div>
</section>
<footer>
<div class="wrap links">
<a href="https://7rplus.com">7rplus.com</a>
<a href="https://github.com/7RPlus-GmbH">GitHub</a>
<a href="https://linkedin.com/company/7rplus">LinkedIn</a>
<a href="mailto:contact@7rplus.com">contact@7rplus.com</a>
</div>
</footer>
</body>
</html>