xaitalk commited on
Commit
2c12ea7
·
verified ·
1 Parent(s): 46576aa

Add static index.html so the Space URL renders content

Browse files
Files changed (1) hide show
  1. index.html +160 -17
index.html CHANGED
@@ -1,19 +1,162 @@
1
  <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>