1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
< html lang ="en ">
3
3
< head >
4
4
< meta charset ="utf-8 " />
39
39
} ,
40
40
function ( ) {
41
41
return fallBackCopy ( strToCopy ) ;
42
- }
42
+ } ,
43
43
) ;
44
44
}
45
45
93
93
94
94
< nav
95
95
aria-label ="Primary navigation "
96
- class ="flex justify-between items-center mx-auto animate-kids fade-in-y h-header-height max-w-content px-page-gutter "
96
+ class ="flex items-center justify-between mx-auto animate-kids fade-in-y h-header-height max-w-content px-page-gutter "
97
97
style ="--from: -10px; --delay: 5 "
98
98
>
99
99
< a href ="# " aria-label ="Goto top of the page ">
131
131
</ svg >
132
132
</ a >
133
133
134
- < a
135
- href ="https://github.com/barelyhuman/goblin "
136
- class ="flex gap-1.5 items-center px-1 py-0.5 text-sm font-medium rounded transition text-subtle hover:bg-surface hover:text-text "
137
- >
138
- < svg
139
- xmlns ="http://www.w3.org/2000/svg "
140
- width ="1em "
141
- height ="1em "
142
- viewBox ="0 0 1024 1024 "
143
- fill ="currentColor "
144
- stroke ="currentColor "
145
- stroke-width ="0 "
134
+ < div class ="flex items-center gap-2 ">
135
+ < a
136
+ href ="https://github.com/barelyhuman/goblin/issues "
137
+ class ="flex gap-1.5 items-center px-1 py-0.5 text-sm font-medium rounded transition text-subtle hover:bg-surface hover:text-text "
146
138
>
147
- < path
148
- d ="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0 1 38.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z "
149
- > </ path >
150
- </ svg >
151
- Star us on GitHub
152
- </ a >
139
+ < svg
140
+ xmlns ="http://www.w3.org/2000/svg "
141
+ width ="1em "
142
+ height ="1em "
143
+ viewBox ="0 0 24 24 "
144
+ fill ="currentColor "
145
+ class ="icon icon-tabler icons-tabler-filled icon-tabler-bug "
146
+ >
147
+ < path stroke ="none " d ="M0 0h24v24H0z " fill ="none " />
148
+ < path
149
+ d ="M12 4a4 4 0 0 1 3.995 3.8l.005 .2a1 1 0 0 1 .428 .096l3.033 -1.938a1 1 0 1 1 1.078 1.684l-3.015 1.931a7.17 7.17 0 0 1 .476 2.227h3a1 1 0 0 1 0 2h-3v1a6.01 6.01 0 0 1 -.195 1.525l2.708 1.616a1 1 0 1 1 -1.026 1.718l-2.514 -1.501a6.002 6.002 0 0 1 -3.973 2.56v-5.918a1 1 0 0 0 -2 0v5.917a6.002 6.002 0 0 1 -3.973 -2.56l-2.514 1.503a1 1 0 1 1 -1.026 -1.718l2.708 -1.616a6.01 6.01 0 0 1 -.195 -1.526v-1h-3a1 1 0 0 1 0 -2h3.001v-.055a7 7 0 0 1 .474 -2.173l-3.014 -1.93a1 1 0 1 1 1.078 -1.684l3.032 1.939l.024 -.012l.068 -.027l.019 -.005l.016 -.006l.032 -.008l.04 -.013l.034 -.007l.034 -.004l.045 -.008l.015 -.001l.015 -.002l.087 -.004a4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2h4a2 2 0 0 0 -2 -2z "
150
+ />
151
+ </ svg >
152
+ Report Bugs / Issues
153
+ </ a >
154
+
155
+ < a
156
+ href ="https://github.com/barelyhuman/goblin "
157
+ class ="flex gap-1.5 items-center px-1 py-0.5 text-sm font-medium rounded transition text-subtle hover:bg-surface hover:text-text "
158
+ >
159
+ < svg
160
+ xmlns ="http://www.w3.org/2000/svg "
161
+ width ="1em "
162
+ height ="1em "
163
+ viewBox ="0 0 1024 1024 "
164
+ fill ="currentColor "
165
+ stroke ="currentColor "
166
+ stroke-width ="0 "
167
+ >
168
+ < path
169
+ d ="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0 1 38.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z "
170
+ > </ path >
171
+ </ svg >
172
+ Star us on GitHub
173
+ </ a >
174
+ </ div >
153
175
</ nav >
154
176
155
177
< main id ="content " class ="mx-auto max-w-content px-page-gutter ">
@@ -171,14 +193,14 @@ <h1 class="text-4xl font-bold tracking-tight sm:text-6xl">
171
193
172
194
< div style ="--delay: 1 " class ="relative ">
173
195
< pre > < code class ="language-command "> curl -sf http://goblin.run/github.com/rakyll/hey | sh</ code > </ pre >
174
- < div class ="flex absolute inset-y-0 right-3 items-center ">
196
+ < div class ="absolute inset-y-0 flex items-center right-3 ">
175
197
< button
176
198
@click ="() => {
177
199
$data.copied = true
178
200
setTimeout(() => { $data.copied = false }, 1500)
179
201
$clipboard('curl -sf http://goblin.run/github.com/rakyll/hey | sh')
180
202
} "
181
- class ="flex justify -center items -center w-7 h-7 rounded shadow transition-all cursor-copy bg-base text-subtle hover:text-text hover:shadow-md "
203
+ class ="flex items -center justify -center transition-all rounded shadow w-7 h-7 cursor-copy bg-base text-subtle hover:text-text hover:shadow-md "
182
204
>
183
205
< template x-if ="$data.copied ">
184
206
< svg
@@ -226,15 +248,15 @@ <h1 class="text-4xl font-bold tracking-tight sm:text-6xl">
226
248
< div style ="--delay: 2 ">
227
249
< a
228
250
href ="#introduction "
229
- class ="inline-flex px-6 py-3 text-sm font-semibold bg-gradient-to-br rounded-md transition-shadow from-primary to-secondary text-surface hover:shadow "
251
+ class ="inline-flex px-6 py-3 text-sm font-semibold transition-shadow rounded-md bg-gradient-to-br from-primary to-secondary text-surface hover:shadow "
230
252
> Get Started</ a
231
253
>
232
254
</ div >
233
255
</ section >
234
256
235
257
< article id ="introduction ">
236
258
< p
237
- class ="p-3 text-sm font-medium rounded-md border border-primary bg-primary/10 text-primary sm:p-6 "
259
+ class ="p-3 text-sm font-medium border rounded-md border-primary bg-primary/10 text-primary sm:p-6 "
238
260
>
239
261
If you get value from using Goblin, please consider
240
262
< a href ="https://github.com/sponsors/barelyhuman " class ="link "
@@ -247,7 +269,7 @@ <h1 class="text-4xl font-bold tracking-tight sm:text-6xl">
247
269
</ main >
248
270
249
271
< footer class ="mx-auto mt-page-top max-w-content px-page-gutter ">
250
- < div class ="flex gap-3 justify-between items-center py-6 border-t ">
272
+ < div class ="flex items-center justify-between gap-3 py-6 border-t ">
251
273
< a
252
274
href ="https://github.com/barelyhuman/goblin "
253
275
class ="text-sm transition text-subtle hover:text-text "
0 commit comments