Hugging Face's logo

Spaces:
tunedtensor
/
README
Running

App Files Community
weijianzhg commited on
Commit
1a34d8f
·
verified ·
1 Parent(s): 45a813b

Replace default static organization card

Browse files
Files changed (2) hide show
  1. index.html +48 -17
  2. style.css +126 -17
index.html CHANGED
@@ -1,19 +1,50 @@
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>Tuned Tensor</title>
7
+ <link rel="stylesheet" href="style.css">
8
+ </head>
9
+ <body>
10
+ <main class="org-card" aria-labelledby="title">
11
+ <p class="eyebrow">Behaviour control infrastructure</p>
12
+ <h1 id="title">Tuned Tensor</h1>
13
+ <p class="lead">Specify behaviour, fine-tune open-weight models, and use evaluation feedback to start the next run.</p>
14
+
15
+ <section class="panel" aria-label="Workflow">
16
+ <div>
17
+ <span>01</span>
18
+ <strong>Specify behaviour</strong>
19
+ <p>Capture system prompts, guidelines, constraints, examples, and a base model in a structured spec.</p>
20
+ </div>
21
+ <div>
22
+ <span>02</span>
23
+ <strong>Fine-tune</strong>
24
+ <p>Compile training data and tune supported open-weight models.</p>
25
+ </div>
26
+ <div>
27
+ <span>03</span>
28
+ <strong>Evaluate</strong>
29
+ <p>Score outputs, inspect failures, and catch regressions.</p>
30
+ </div>
31
+ <div>
32
+ <span>04</span>
33
+ <strong>Iterate</strong>
34
+ <p>Use run feedback to refine the spec and start the next tuning pass.</p>
35
+ </div>
36
+ </section>
37
+
38
+ <pre aria-label="CLI quickstart"><code>npm i -g @tuned-tensor/cli
39
+ tt init
40
+ tt runs start &lt;spec-id&gt;</code></pre>
41
+
42
+ <nav aria-label="Tuned Tensor links">
43
+ <a href="https://tunedtensor.com/" target="_blank" rel="noreferrer">Website</a>
44
+ <a href="https://tunedtensor.com/docs" target="_blank" rel="noreferrer">Docs</a>
45
+ <a href="https://github.com/tunedtensor/tuned-tensor-cli" target="_blank" rel="noreferrer">CLI</a>
46
+ <a href="https://tunedtensor.com/skill.md" target="_blank" rel="noreferrer">Agent skill</a>
47
+ </nav>
48
+ </main>
49
+ </body>
50
  </html>
style.css CHANGED
@@ -1,28 +1,137 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  }
5
 
6
  h1 {
7
- font-size: 16px;
8
- margin-top: 0;
 
 
 
 
 
 
 
 
 
9
  }
10
 
11
- p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
16
  }
17
 
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
24
  }
25
 
26
- .card p:last-child {
27
- margin-bottom: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
28
  }
 
1
+ * {
2
+ box-sizing: border-box;
3
+ }
4
+
5
+ :root {
6
+ color-scheme: light dark;
7
+ --bg: transparent;
8
+ --text: #111827;
9
+ --muted: #4b5563;
10
+ --line: #d1d5db;
11
+ --panel: rgba(249, 250, 251, 0.82);
12
+ --accent: #0f766e;
13
+ --code-bg: #111827;
14
+ --code-text: #f9fafb;
15
+ }
16
+
17
+ @media (prefers-color-scheme: dark) {
18
+ :root {
19
+ --text: #f8fafc;
20
+ --muted: #cbd5e1;
21
+ --line: #334155;
22
+ --panel: rgba(15, 23, 42, 0.72);
23
+ --accent: #5eead4;
24
+ --code-bg: #020617;
25
+ --code-text: #e2e8f0;
26
+ }
27
+ }
28
+
29
  body {
30
+ margin: 0;
31
+ background: var(--bg);
32
+ color: var(--text);
33
+ font: 15px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
34
+ }
35
+
36
+ .org-card {
37
+ max-width: 760px;
38
+ padding: 20px 18px 22px;
39
+ }
40
+
41
+ .eyebrow {
42
+ margin: 0 0 6px;
43
+ color: var(--accent);
44
+ font-size: 12px;
45
+ font-weight: 700;
46
+ letter-spacing: 0.08em;
47
+ text-transform: uppercase;
48
  }
49
 
50
  h1 {
51
+ margin: 0;
52
+ font-size: clamp(28px, 5vw, 42px);
53
+ line-height: 1.05;
54
+ letter-spacing: 0;
55
+ }
56
+
57
+ .lead {
58
+ max-width: 650px;
59
+ margin: 10px 0 18px;
60
+ color: var(--muted);
61
+ font-size: 17px;
62
  }
63
 
64
+ .panel {
65
+ display: grid;
66
+ grid-template-columns: repeat(2, minmax(0, 1fr));
67
+ gap: 10px;
68
+ margin: 0 0 14px;
69
  }
70
 
71
+ .panel div {
72
+ min-height: 112px;
73
+ border: 1px solid var(--line);
74
+ border-radius: 8px;
75
+ background: var(--panel);
76
+ padding: 12px;
77
  }
78
 
79
+ .panel span {
80
+ display: block;
81
+ color: var(--accent);
82
+ font-size: 12px;
83
+ font-weight: 800;
84
+ }
85
+
86
+ .panel strong {
87
+ display: block;
88
+ margin-top: 2px;
89
+ }
90
+
91
+ .panel p {
92
+ margin: 5px 0 0;
93
+ color: var(--muted);
94
+ font-size: 13px;
95
+ }
96
+
97
+ pre {
98
+ overflow: auto;
99
+ margin: 0 0 14px;
100
+ border-radius: 8px;
101
+ background: var(--code-bg);
102
+ padding: 12px 14px;
103
+ }
104
+
105
+ code {
106
+ color: var(--code-text);
107
+ font: 13px/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
108
+ }
109
+
110
+ nav {
111
+ display: flex;
112
+ flex-wrap: wrap;
113
+ gap: 8px;
114
+ }
115
+
116
+ nav a {
117
+ border: 1px solid var(--line);
118
+ border-radius: 999px;
119
+ color: var(--text);
120
+ padding: 6px 10px;
121
+ text-decoration: none;
122
+ }
123
+
124
+ nav a:hover {
125
+ border-color: var(--accent);
126
+ color: var(--accent);
127
+ }
128
+
129
+ @media (max-width: 560px) {
130
+ .org-card {
131
+ padding: 16px 12px 18px;
132
+ }
133
+
134
+ .panel {
135
+ grid-template-columns: 1fr;
136
+ }
137
  }