-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
163 lines (150 loc) · 5.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Slipmat Labs</title>
<meta name="description" content="Experimental Slipmat.io projects." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@slipmatio" />
<meta name="twitter:creator" content="@uninen" />
<meta name="twitter:image" content="/slipmat-labs-v0.jpg" />
<meta property="og:title" content="Slipmat Labs" />
<meta property="og:image" content="/slipmat-labs-v0.jpg" />
<meta property="og:description" content="Experimental Slipmat.io projects." />
<link rel="icon" href="https://slipmatmedia.b-cdn.net/img/favicons/favicon.ico" />
<script
async
defer
data-domain="labs.slipmat.io"
src="https://plausible.io/js/plausible.js"
></script>
<link rel="stylesheet" href="/base.postcss" type="text/css" />
</head>
<body class="w-full h-screen">
<div
class="flex flex-col items-center min-h-screen py-6 text-gray-900 bg-gradient-to-b from-indigo-300 to-purple-400 sm:py-12"
>
<div class="max-w-lg px-8 py-8 bg-white rounded-sm shadow-md">
<div class="flex flex-row items-center mb-6">
<img src="/slipmat_logo_v3.png" class="w-10 h-10" alt="" />
<h1 class="flex ml-2 text-3xl font-semibold text-gray-800">Slipmat Labs</h1>
</div>
<p class="mb-6 text-lg text-gray-700">
Experimenting and pushing the limits of Web technologies and DJ tools.
</p>
<h2 class="mt-6 mb-2 text-lg font-semibold text-gray-800">
Tool Experiments (For DJs and Artists)
</h2>
<ul class="list-disc list-inside">
<li>
<a
href="https://scripter.labs.slipmat.io/show/demo/build/"
class="text-indigo-600 underline hover:no-underline"
>Slipmat Show Scripter</a
>
- experimental tool for building radio show scripts (and tools for playing)
</li>
<li>
<a
href="https://eventplanner.now.sh/"
class="text-indigo-600 underline hover:no-underline"
>Slipmat EventPlanner</a
>
- experimental tool for organizing events (like festivals) across multiple timezones
</li>
<li>
<a href="https://kitten.slipmat.io" class="text-indigo-600 underline hover:no-underline"
>Kitten</a
>
- metadata tool for querying Web site metadata and taking automated screenshots
</li>
</ul>
<h2 class="mt-6 mb-2 text-lg font-semibold text-gray-800">APIs (For Developers)</h2>
<p>
Free to use APIs for all active Slipmat community members. We reserve the right to limit
eccessive usage.
</p>
<ul class="mt-4 list-disc list-inside">
<li>
<a
href="https://discogs-api.labs.slipmat.io/"
class="text-indigo-600 underline hover:no-underline"
>Discogs artist search</a
>
- easy to use Discogs artist search API.
</li>
<li>
<a
href="https://spotify-playlist-parser.labs.slipmat.io/"
class="text-indigo-600 underline hover:no-underline"
>Spotify Playlist Parser</a
>
- easy to use API for parsing Spotify playlists.
</li>
<li>
<a
href="https://tidal-playlist-parser.labs.slipmat.io/"
class="text-indigo-600 underline hover:no-underline"
>Tidal Playlist Parser</a
>
- easy to use API for parsing Tidal playlists. (Note: this may not be working if Slipmat
Tidal subscription is not active.)
</li>
</ul>
<h2 class="mt-6 mb-2 text-lg font-semibold text-gray-800">
Code Experiments (For Developers)
</h2>
<ul class="list-disc list-inside">
<li>
<a
href="https://developer.slipmat.io/"
class="text-indigo-600 underline hover:no-underline"
>Slipmat Developer Docs</a
>
(<a
href="https://gitlab.com/slipmatio/slipmat3-devdocs/"
class="text-indigo-600 underline hover:no-underline"
>code</a
>) - public documentation for the Next Generation Slipmat
</li>
<li>
<a
href="https://datatable-experiment.vercel.app/"
class="text-indigo-600 underline hover:no-underline"
>Datatable experiment</a
>
(<a
href="https://github.com/Uninen/datatable-experiment"
class="text-indigo-600 underline hover:no-underline"
>code</a
>)
</li>
<li>
<a
href="https://www.npmjs.com/package/@slipmatio/ui"
class="text-indigo-600 underline hover:no-underline"
>@slipmatio/ui</a
>
(<a
href="https://github.com/slipmatio/ui"
class="text-indigo-600 underline hover:no-underline"
>code</a
>) - Slipmat v3 UI library (Vue 3 / TypeScript / Tailwind CSS)
</li>
</ul>
<div class="mt-10 text-center text-gray-600">
<p class="text-lg">
<a class="underline" href="https://slipmat.io">Slipmat.io</a> Labs v0.3.0
</p>
<p>
Made for the DJ community with <span class="text-red-500">❤️</span> by
<a class="font-semibold text-blue-500 hover:underline" href="https://twitter.com/uninen"
>@Uninen</a
>
</p>
</div>
</div>
</div>
</body>
</html>