forked from
tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
chore: index page tweaks + copy
+41
-22
+41
-22
src/index.vto
+41
-22
src/index.vto
···
150
150
<h2 id="usage">Usage</h2>
151
151
152
152
<p>
153
-
The easiest way to start is by exploring the software. If you prefer a typical traditional web application approach, you can check out <a href="#themes">themes</a>.
153
+
The easiest way to start is by exploring the software. If you prefer a traditional pre­packaged web application approach, you can check out <a href="#themes">themes</a>.
154
154
</p>
155
155
156
156
<p>
···
164
164
<p>
165
165
<small>
166
166
<strong>NOTE:</strong>
167
-
<em>I'd like there to be a way to compose your own theme without having to write code. Hopefully sometime in the future.</em>
167
+
I'd like there to be a way to compose your own theme without having to write code. Hopefully sometime in the future.
168
168
</small>
169
169
</p>
170
170
</section>
171
171
172
+
<!-- DEMO -->
173
+
<section>
174
+
<h2 id="demo">Demo</h2>
175
+
176
+
<p>Diffuse is not your typical streaming service, you have to add sources of audio. This button here adds a few sample audio files from a S3 bucket.</p>
177
+
178
+
<p>
179
+
<small>
180
+
<strong>TODO:</strong>
181
+
Implement button
182
+
</small>
183
+
</p>
184
+
185
+
<p>
186
+
Next, select any <a href="#themes">theme</a> from below to play the audio. Or any of the other options suggested in the usage section.
187
+
</p>
188
+
189
+
<p>
190
+
<small>
191
+
<strong>NOTE:</strong>
192
+
The items are added to the default "IndexedDB" output, so make sure that output is configured.
193
+
</small>
194
+
</p>
195
+
196
+
<List items={[]} />
197
+
</section>
198
+
</div>
199
+
<div class="columns">
172
200
<!-- THEMES -->
173
201
<section>
174
202
<h2 id="themes">Themes</h2>
···
187
215
188
216
{{ await comp.list({ items: themes }) }}
189
217
</section>
190
-
</div>
191
218
192
-
<!-- CONSTITUENTS -->
193
-
<section>
194
-
<h2 id="constituents">Constituents</h2>
219
+
<!-- CONSTITUENTS -->
220
+
<section>
221
+
<h2 id="constituents">Constituents</h2>
195
222
196
-
<p>
197
-
<small>
198
-
<strong>TODO:</strong>
199
-
Explain constituents.
200
-
</small>
201
-
</p>
202
-
</section>
223
+
<p>
224
+
<small>
225
+
<strong>TODO:</strong>
226
+
Explain constituents.
227
+
</small>
228
+
</p>
229
+
</section>
230
+
</div>
203
231
204
232
<!-- ELEMENTS -->
205
233
<section>
···
296
324
</small>
297
325
</p>
298
326
</section>
299
-
300
-
<!-- DEMOS -->
301
-
<!--<section>
302
-
<h2 id="demos">Demos</h2>
303
-
304
-
<p>Just some utility web pages to help demo the system.</p>
305
-
306
-
<List items={demos} />
307
-
</section>-->
308
327
</main>