xaitalk commited on
Add static index.html so the Space URL renders content
Browse files- index.html +160 -17
index.html
CHANGED
|
@@ -1,19 +1,162 @@
|
|
| 1 |
<!doctype html>
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
</html>
|
|
|
|
| 1 |
<!doctype html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="utf-8" />
|
| 5 |
+
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
| 6 |
+
<title>7R+ — Rethink. Rebuild. Reshape.</title>
|
| 7 |
+
<meta name="description" content="Rethink. Rebuild. Reshape. Technology with academic rigour." />
|
| 8 |
+
<style>
|
| 9 |
+
:root {
|
| 10 |
+
--bg: #fafaf9;
|
| 11 |
+
--surface: #f4f4f0;
|
| 12 |
+
--line: #e5e4dd;
|
| 13 |
+
--ink: #18181b;
|
| 14 |
+
--ink-2: #44444a;
|
| 15 |
+
--ink-3: #87868d;
|
| 16 |
+
--accent: #4f46e5;
|
| 17 |
+
}
|
| 18 |
+
@media (prefers-color-scheme: dark) {
|
| 19 |
+
:root {
|
| 20 |
+
--bg: #0a0a0f;
|
| 21 |
+
--surface: #111118;
|
| 22 |
+
--line: #23232c;
|
| 23 |
+
--ink: #f4f4f0;
|
| 24 |
+
--ink-2: #b9b9c0;
|
| 25 |
+
--ink-3: #75757f;
|
| 26 |
+
--accent: #a5a3ff;
|
| 27 |
+
}
|
| 28 |
+
}
|
| 29 |
+
* { box-sizing: border-box; }
|
| 30 |
+
html, body { margin: 0; padding: 0; }
|
| 31 |
+
body {
|
| 32 |
+
background: var(--bg);
|
| 33 |
+
color: var(--ink);
|
| 34 |
+
font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;
|
| 35 |
+
font-weight: 300;
|
| 36 |
+
line-height: 1.55;
|
| 37 |
+
-webkit-font-smoothing: antialiased;
|
| 38 |
+
text-rendering: optimizeLegibility;
|
| 39 |
+
}
|
| 40 |
+
.wrap { max-width: 880px; margin: 0 auto; padding: 0 24px; }
|
| 41 |
+
header { padding: 96px 0 72px; border-bottom: 1px solid var(--line); }
|
| 42 |
+
.eyebrow {
|
| 43 |
+
font-size: 12px; font-weight: 500;
|
| 44 |
+
letter-spacing: 0.18em; text-transform: uppercase;
|
| 45 |
+
color: var(--ink-3); margin: 0 0 24px;
|
| 46 |
+
}
|
| 47 |
+
h1 {
|
| 48 |
+
font-size: clamp(36px, 6vw, 64px);
|
| 49 |
+
font-weight: 300; line-height: 1.05; letter-spacing: -0.02em;
|
| 50 |
+
margin: 0;
|
| 51 |
+
}
|
| 52 |
+
.sub {
|
| 53 |
+
margin: 28px 0 0; max-width: 540px;
|
| 54 |
+
font-size: 17px; color: var(--ink-2);
|
| 55 |
+
}
|
| 56 |
+
.manifesto {
|
| 57 |
+
background: var(--surface);
|
| 58 |
+
border-bottom: 1px solid var(--line);
|
| 59 |
+
padding: 56px 0;
|
| 60 |
+
}
|
| 61 |
+
.manifesto p {
|
| 62 |
+
margin: 0; font-size: 24px; font-weight: 300; letter-spacing: -0.01em;
|
| 63 |
+
}
|
| 64 |
+
section { padding: 72px 0; border-bottom: 1px solid var(--line); }
|
| 65 |
+
section h2 {
|
| 66 |
+
font-size: 12px; font-weight: 500;
|
| 67 |
+
letter-spacing: 0.18em; text-transform: uppercase;
|
| 68 |
+
color: var(--ink-3);
|
| 69 |
+
margin: 0 0 32px;
|
| 70 |
+
}
|
| 71 |
+
.product { padding: 28px 0; border-top: 1px solid var(--line); }
|
| 72 |
+
.product:first-of-type { border-top: 0; padding-top: 0; }
|
| 73 |
+
.product .tag {
|
| 74 |
+
font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
|
| 75 |
+
color: var(--ink-3); margin: 0 0 8px;
|
| 76 |
+
}
|
| 77 |
+
.product h3 {
|
| 78 |
+
font-size: 28px; font-weight: 300; letter-spacing: -0.01em;
|
| 79 |
+
margin: 0 0 10px;
|
| 80 |
+
}
|
| 81 |
+
.product p { margin: 0 0 14px; color: var(--ink-2); max-width: 640px; }
|
| 82 |
+
.links { display: flex; flex-wrap: wrap; gap: 18px; font-size: 14px; }
|
| 83 |
+
a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--ink-3); padding-bottom: 1px; }
|
| 84 |
+
a:hover { border-bottom-color: var(--ink); }
|
| 85 |
+
.why p { max-width: 640px; color: var(--ink-2); margin: 0; }
|
| 86 |
+
.why .plus { color: var(--ink); }
|
| 87 |
+
footer { padding: 56px 0 96px; color: var(--ink-3); font-size: 14px; }
|
| 88 |
+
footer .links a { color: var(--ink-2); }
|
| 89 |
+
</style>
|
| 90 |
+
</head>
|
| 91 |
+
<body>
|
| 92 |
+
|
| 93 |
+
<header>
|
| 94 |
+
<div class="wrap">
|
| 95 |
+
<p class="eyebrow">7R+ GmbH · Est. 2021</p>
|
| 96 |
+
<h1>Rethink. Rebuild. Reshape.<br/>Technology with academic rigour.</h1>
|
| 97 |
+
<p class="sub">From research to product. From explainable AI to document intelligence.</p>
|
| 98 |
+
</div>
|
| 99 |
+
</header>
|
| 100 |
+
|
| 101 |
+
<div class="manifesto">
|
| 102 |
+
<div class="wrap"><p>Rigour over hype.</p></div>
|
| 103 |
+
</div>
|
| 104 |
+
|
| 105 |
+
<section>
|
| 106 |
+
<div class="wrap">
|
| 107 |
+
<h2>Products</h2>
|
| 108 |
+
|
| 109 |
+
<article class="product">
|
| 110 |
+
<p class="tag">Flagship · In development</p>
|
| 111 |
+
<h3>xaitalk</h3>
|
| 112 |
+
<p>Cross-framework explainable AI. A library for PyTorch, TensorFlow, and JAX. Approximately 40 methods.</p>
|
| 113 |
+
<div class="links">
|
| 114 |
+
<a href="https://huggingface.co/xaitalk">huggingface.co/xaitalk</a>
|
| 115 |
+
<a href="https://xaitalk.com">xaitalk.com</a>
|
| 116 |
+
<a href="https://github.com/xaitalk/xaitalk">GitHub</a>
|
| 117 |
+
</div>
|
| 118 |
+
</article>
|
| 119 |
+
|
| 120 |
+
<article class="product">
|
| 121 |
+
<p class="tag">In preparation · MIT · Python</p>
|
| 122 |
+
<h3>pagescan</h3>
|
| 123 |
+
<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>
|
| 124 |
+
<div class="links">
|
| 125 |
+
<a href="https://huggingface.co/7rplus/pagescan-weights">Weights on HF</a>
|
| 126 |
+
<a href="https://github.com/7RPlus-GmbH/pagescan">GitHub</a>
|
| 127 |
+
<a href="https://pypi.org/project/pagescan/">PyPI</a>
|
| 128 |
+
</div>
|
| 129 |
+
</article>
|
| 130 |
+
|
| 131 |
+
<article class="product">
|
| 132 |
+
<p class="tag">In development</p>
|
| 133 |
+
<h3>agentiqrm</h3>
|
| 134 |
+
<p>A CRM for German Personaldienstleistung, with explainable AI assistance integrated via xaitalk.</p>
|
| 135 |
+
</article>
|
| 136 |
+
|
| 137 |
+
<article class="product">
|
| 138 |
+
<p class="tag">Research</p>
|
| 139 |
+
<h3>aleph-n</h3>
|
| 140 |
+
<p>A formally-verified protocol for supply-chain coordination, grounded in two academic theses. Dynamic procurement as platform-as-a-service.</p>
|
| 141 |
+
</article>
|
| 142 |
+
</div>
|
| 143 |
+
</section>
|
| 144 |
+
|
| 145 |
+
<section class="why">
|
| 146 |
+
<div class="wrap">
|
| 147 |
+
<h2>Why 7R+?</h2>
|
| 148 |
+
<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>
|
| 149 |
+
</div>
|
| 150 |
+
</section>
|
| 151 |
+
|
| 152 |
+
<footer>
|
| 153 |
+
<div class="wrap links">
|
| 154 |
+
<a href="https://7rplus.com">7rplus.com</a>
|
| 155 |
+
<a href="https://github.com/7RPlus-GmbH">GitHub</a>
|
| 156 |
+
<a href="https://linkedin.com/company/7rplus">LinkedIn</a>
|
| 157 |
+
<a href="mailto:contact@7rplus.com">contact@7rplus.com</a>
|
| 158 |
+
</div>
|
| 159 |
+
</footer>
|
| 160 |
+
|
| 161 |
+
</body>
|
| 162 |
</html>
|