neetnestor commited on
Commit
885ad80
β€’
1 Parent(s): 4b86d74

Update title and layout

Browse files
Files changed (3) hide show
  1. README.md +1 -1
  2. index.html +10 -4
  3. style/style.css +10 -1
README.md CHANGED
@@ -1,5 +1,5 @@
1
  ---
2
- title: WebLLM JSON Playground
3
  emoji: πŸƒ
4
  colorFrom: red
5
  colorTo: gray
 
1
  ---
2
+ title: WebLLM Structured Generation Playground
3
  emoji: πŸƒ
4
  colorFrom: red
5
  colorTo: gray
index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="utf-8" />
5
  <meta name="viewport" content="width=device-width" />
6
- <title>WebLLM JSON Playground</title>
7
  <link
8
  rel="stylesheet"
9
  href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css"
@@ -13,9 +13,15 @@
13
  <link rel="stylesheet" href="./style/hljs.css" />
14
  </head>
15
  <body>
16
- <h1>WebLLM JSON Playground</h1>
17
  <h4>
18
- Generate JSON output from LLMs using
 
 
 
 
 
 
19
  <a
20
  referrerpolicy="no-referrer"
21
  href="https://github.com/mlc-ai/web-llm"
@@ -96,9 +102,9 @@
96
  <form>
97
  <label class="output"
98
  ><span><b>Output</b></span>
99
- <p class="info hidden" id="stats"></p>
100
  <div id="output"></div>
101
  </label>
 
102
  </form>
103
  </div>
104
  </div>
 
3
  <head>
4
  <meta charset="utf-8" />
5
  <meta name="viewport" content="width=device-width" />
6
+ <title>WebLLM Structured Generation Playground</title>
7
  <link
8
  rel="stylesheet"
9
  href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css"
 
13
  <link rel="stylesheet" href="./style/hljs.css" />
14
  </head>
15
  <body>
16
+ <h1>WebLLM Structured Generation Playground</h1>
17
  <h4>
18
+ Generate structured output from LLMs using
19
+ <a
20
+ href="https://webllm.mlc.ai/"
21
+ referrerpolicy="no-referrer"
22
+ target="_blank"
23
+ >WebLLM</a
24
+ >
25
  <a
26
  referrerpolicy="no-referrer"
27
  href="https://github.com/mlc-ai/web-llm"
 
102
  <form>
103
  <label class="output"
104
  ><span><b>Output</b></span>
 
105
  <div id="output"></div>
106
  </label>
107
+ <p class="info hidden" id="stats"></p>
108
  </form>
109
  </div>
110
  </div>
style/style.css CHANGED
@@ -31,6 +31,15 @@ h2,
31
  h3,
32
  h4 {
33
  text-align: center;
 
 
 
 
 
 
 
 
 
34
  margin-top: 0;
35
  margin-bottom: 0;
36
  }
@@ -128,7 +137,7 @@ textarea {
128
  }
129
 
130
  .info {
131
- font-size: .8em;
132
  border: 1px solid #91caff;
133
  border-radius: 8px;
134
  background: #e6f4ff;
 
31
  h3,
32
  h4 {
33
  text-align: center;
34
+ }
35
+
36
+ h1 {
37
+ margin: 0.5rem 0;
38
+ }
39
+
40
+ h2,
41
+ h3,
42
+ h4 {
43
  margin-top: 0;
44
  margin-bottom: 0;
45
  }
 
137
  }
138
 
139
  .info {
140
+ font-size: 0.8em;
141
  border: 1px solid #91caff;
142
  border-radius: 8px;
143
  background: #e6f4ff;