배터리: ? %
비거니즘 전시 매뉴얼
tailwind-preflight.css
... ...
@@ -0,0 +1,675 @@
1
+/* purgecss start ignore */
2
+
3
+*, ::before, ::after {
4
+ --tw-border-opacity: 1;
5
+ border-color: rgba(229, 231, 235, var(--tw-border-opacity))
6
+}
7
+
8
+.visible {
9
+ visibility: visible
10
+}
11
+
12
+.sticky {
13
+ position: sticky
14
+}
15
+
16
+.bottom-0 {
17
+ bottom: 0px
18
+}
19
+
20
+.left-0 {
21
+ left: 0px
22
+}
23
+
24
+.float-right {
25
+ float: right
26
+}
27
+
28
+.float-left {
29
+ float: left
30
+}
31
+
32
+.m-1 {
33
+ margin: 0.25rem
34
+}
35
+
36
+.m-4 {
37
+ margin: 1rem
38
+}
39
+
40
+.m-auto {
41
+ margin: auto
42
+}
43
+
44
+.mx-1 {
45
+ margin-left: 0.25rem;
46
+ margin-right: 0.25rem
47
+}
48
+
49
+.my-2 {
50
+ margin-top: 0.5rem;
51
+ margin-bottom: 0.5rem
52
+}
53
+
54
+.my-3 {
55
+ margin-top: 0.75rem;
56
+ margin-bottom: 0.75rem
57
+}
58
+
59
+.my-4 {
60
+ margin-top: 1rem;
61
+ margin-bottom: 1rem
62
+}
63
+
64
+.my-8 {
65
+ margin-top: 2rem;
66
+ margin-bottom: 2rem
67
+}
68
+
69
+.mt-2 {
70
+ margin-top: 0.5rem
71
+}
72
+
73
+.mt-4 {
74
+ margin-top: 1rem
75
+}
76
+
77
+.mt-10 {
78
+ margin-top: 2.5rem
79
+}
80
+
81
+.mt-20 {
82
+ margin-top: 5rem
83
+}
84
+
85
+.mt-48 {
86
+ margin-top: 12rem
87
+}
88
+
89
+.mb-0 {
90
+ margin-bottom: 0px
91
+}
92
+
93
+.mb-1 {
94
+ margin-bottom: 0.25rem
95
+}
96
+
97
+.mb-2 {
98
+ margin-bottom: 0.5rem
99
+}
100
+
101
+.mb-8 {
102
+ margin-bottom: 2rem
103
+}
104
+
105
+.mb-10 {
106
+ margin-bottom: 2.5rem
107
+}
108
+
109
+.ml-2 {
110
+ margin-left: 0.5rem
111
+}
112
+
113
+.ml-4 {
114
+ margin-left: 1rem
115
+}
116
+
117
+.block {
118
+ display: block
119
+}
120
+
121
+.inline-block {
122
+ display: inline-block
123
+}
124
+
125
+.inline {
126
+ display: inline
127
+}
128
+
129
+.flex {
130
+ display: flex
131
+}
132
+
133
+.table {
134
+ display: table
135
+}
136
+
137
+.contents {
138
+ display: contents
139
+}
140
+
141
+.hidden {
142
+ display: none
143
+}
144
+
145
+.h-8 {
146
+ height: 2rem
147
+}
148
+
149
+.h-12 {
150
+ height: 3rem
151
+}
152
+
153
+.h-16 {
154
+ height: 4rem
155
+}
156
+
157
+.h-20 {
158
+ height: 5rem
159
+}
160
+
161
+.h-56 {
162
+ height: 14rem
163
+}
164
+
165
+.h-64 {
166
+ height: 16rem
167
+}
168
+
169
+.w-full {
170
+ width: 100%
171
+}
172
+
173
+.max-w-screen-md {
174
+ max-width: 768px
175
+}
176
+
177
+.flex-auto {
178
+ flex: 1 1 auto
179
+}
180
+
181
+.flex-grow {
182
+ flex-grow: 1
183
+}
184
+
185
+@-webkit-keyframes spin {
186
+ to {
187
+ transform: rotate(360deg)
188
+ }
189
+}
190
+
191
+@keyframes spin {
192
+ to {
193
+ transform: rotate(360deg)
194
+ }
195
+}
196
+
197
+@-webkit-keyframes ping {
198
+ 75%, 100% {
199
+ transform: scale(2);
200
+ opacity: 0
201
+ }
202
+}
203
+
204
+@keyframes ping {
205
+ 75%, 100% {
206
+ transform: scale(2);
207
+ opacity: 0
208
+ }
209
+}
210
+
211
+@-webkit-keyframes pulse {
212
+ 50% {
213
+ opacity: .5
214
+ }
215
+}
216
+
217
+@keyframes pulse {
218
+ 50% {
219
+ opacity: .5
220
+ }
221
+}
222
+
223
+@-webkit-keyframes bounce {
224
+ 0%, 100% {
225
+ transform: translateY(-25%);
226
+ -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
227
+ animation-timing-function: cubic-bezier(0.8,0,1,1)
228
+ }
229
+
230
+ 50% {
231
+ transform: none;
232
+ -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
233
+ animation-timing-function: cubic-bezier(0,0,0.2,1)
234
+ }
235
+}
236
+
237
+@keyframes bounce {
238
+ 0%, 100% {
239
+ transform: translateY(-25%);
240
+ -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
241
+ animation-timing-function: cubic-bezier(0.8,0,1,1)
242
+ }
243
+
244
+ 50% {
245
+ transform: none;
246
+ -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
247
+ animation-timing-function: cubic-bezier(0,0,0.2,1)
248
+ }
249
+}
250
+
251
+.flex-row {
252
+ flex-direction: row
253
+}
254
+
255
+.content-center {
256
+ align-content: center
257
+}
258
+
259
+.items-end {
260
+ align-items: flex-end
261
+}
262
+
263
+.items-center {
264
+ align-items: center
265
+}
266
+
267
+.justify-between {
268
+ justify-content: space-between
269
+}
270
+
271
+.overflow-x-scroll {
272
+ overflow-x: scroll
273
+}
274
+
275
+.rounded {
276
+ border-radius: 0.25rem
277
+}
278
+
279
+.rounded-full {
280
+ border-radius: 9999px
281
+}
282
+
283
+.border-0 {
284
+ border-width: 0px
285
+}
286
+
287
+.border-2 {
288
+ border-width: 2px
289
+}
290
+
291
+.border {
292
+ border-width: 1px
293
+}
294
+
295
+.border-t-2 {
296
+ border-top-width: 2px
297
+}
298
+
299
+.border-b-2 {
300
+ border-bottom-width: 2px
301
+}
302
+
303
+.border-black {
304
+ --tw-border-opacity: 1;
305
+ border-color: rgba(0, 0, 0, var(--tw-border-opacity))
306
+}
307
+
308
+.border-gray-300 {
309
+ --tw-border-opacity: 1;
310
+ border-color: rgba(209, 213, 219, var(--tw-border-opacity))
311
+}
312
+
313
+.border-pink-200 {
314
+ --tw-border-opacity: 1;
315
+ border-color: rgba(251, 207, 232, var(--tw-border-opacity))
316
+}
317
+
318
+.border-pink-300 {
319
+ --tw-border-opacity: 1;
320
+ border-color: rgba(249, 168, 212, var(--tw-border-opacity))
321
+}
322
+
323
+.border-pink-600 {
324
+ --tw-border-opacity: 1;
325
+ border-color: rgba(219, 39, 119, var(--tw-border-opacity))
326
+}
327
+
328
+.bg-transparent {
329
+ background-color: transparent
330
+}
331
+
332
+.bg-gray-300 {
333
+ --tw-bg-opacity: 1;
334
+ background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
335
+}
336
+
337
+.bg-pink-100 {
338
+ --tw-bg-opacity: 1;
339
+ background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
340
+}
341
+
342
+.bg-pink-300 {
343
+ --tw-bg-opacity: 1;
344
+ background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
345
+}
346
+
347
+.bg-pink-400 {
348
+ --tw-bg-opacity: 1;
349
+ background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
350
+}
351
+
352
+.hover\:bg-gray-300:hover {
353
+ --tw-bg-opacity: 1;
354
+ background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
355
+}
356
+
357
+.hover\:bg-pink-100:hover {
358
+ --tw-bg-opacity: 1;
359
+ background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
360
+}
361
+
362
+.p-0 {
363
+ padding: 0px
364
+}
365
+
366
+.p-1 {
367
+ padding: 0.25rem
368
+}
369
+
370
+.p-2 {
371
+ padding: 0.5rem
372
+}
373
+
374
+.p-4 {
375
+ padding: 1rem
376
+}
377
+
378
+.px-1 {
379
+ padding-left: 0.25rem;
380
+ padding-right: 0.25rem
381
+}
382
+
383
+.px-2 {
384
+ padding-left: 0.5rem;
385
+ padding-right: 0.5rem
386
+}
387
+
388
+.px-3 {
389
+ padding-left: 0.75rem;
390
+ padding-right: 0.75rem
391
+}
392
+
393
+.px-4 {
394
+ padding-left: 1rem;
395
+ padding-right: 1rem
396
+}
397
+
398
+.px-6 {
399
+ padding-left: 1.5rem;
400
+ padding-right: 1.5rem
401
+}
402
+
403
+.py-2 {
404
+ padding-top: 0.5rem;
405
+ padding-bottom: 0.5rem
406
+}
407
+
408
+.py-3 {
409
+ padding-top: 0.75rem;
410
+ padding-bottom: 0.75rem
411
+}
412
+
413
+.py-4 {
414
+ padding-top: 1rem;
415
+ padding-bottom: 1rem
416
+}
417
+
418
+.py-6 {
419
+ padding-top: 1.5rem;
420
+ padding-bottom: 1.5rem
421
+}
422
+
423
+.py-8 {
424
+ padding-top: 2rem;
425
+ padding-bottom: 2rem
426
+}
427
+
428
+.pt-4 {
429
+ padding-top: 1rem
430
+}
431
+
432
+.pt-5 {
433
+ padding-top: 1.25rem
434
+}
435
+
436
+.pt-10 {
437
+ padding-top: 2.5rem
438
+}
439
+
440
+.pt-28 {
441
+ padding-top: 7rem
442
+}
443
+
444
+.pr-2 {
445
+ padding-right: 0.5rem
446
+}
447
+
448
+.pr-4 {
449
+ padding-right: 1rem
450
+}
451
+
452
+.pr-8 {
453
+ padding-right: 2rem
454
+}
455
+
456
+.pr-9 {
457
+ padding-right: 2.25rem
458
+}
459
+
460
+.pb-0 {
461
+ padding-bottom: 0px
462
+}
463
+
464
+.pb-4 {
465
+ padding-bottom: 1rem
466
+}
467
+
468
+.pl-2 {
469
+ padding-left: 0.5rem
470
+}
471
+
472
+.pl-4 {
473
+ padding-left: 1rem
474
+}
475
+
476
+.pl-5 {
477
+ padding-left: 1.25rem
478
+}
479
+
480
+.text-center {
481
+ text-align: center
482
+}
483
+
484
+.align-text-bottom {
485
+ vertical-align: text-bottom
486
+}
487
+
488
+.text-base {
489
+ font-size: 1rem;
490
+ line-height: 1.5rem
491
+}
492
+
493
+.text-lg {
494
+ font-size: 1.125rem;
495
+ line-height: 1.75rem
496
+}
497
+
498
+.text-xl {
499
+ font-size: 1.25rem;
500
+ line-height: 1.75rem
501
+}
502
+
503
+.text-2xl {
504
+ font-size: 1.5rem;
505
+ line-height: 2rem
506
+}
507
+
508
+.text-3xl {
509
+ font-size: 1.875rem;
510
+ line-height: 2.25rem
511
+}
512
+
513
+.font-medium {
514
+ font-weight: 500
515
+}
516
+
517
+.font-semibold {
518
+ font-weight: 600
519
+}
520
+
521
+.font-bold {
522
+ font-weight: 700
523
+}
524
+
525
+.italic {
526
+ font-style: italic
527
+}
528
+
529
+.leading-10 {
530
+ line-height: 2.5rem
531
+}
532
+
533
+.leading-relaxed {
534
+ line-height: 1.625
535
+}
536
+
537
+.text-black {
538
+ --tw-text-opacity: 1;
539
+ color: rgba(0, 0, 0, var(--tw-text-opacity))
540
+}
541
+
542
+.text-white {
543
+ --tw-text-opacity: 1;
544
+ color: rgba(255, 255, 255, var(--tw-text-opacity))
545
+}
546
+
547
+.hover\:text-black:hover {
548
+ --tw-text-opacity: 1;
549
+ color: rgba(0, 0, 0, var(--tw-text-opacity))
550
+}
551
+
552
+.hover\:text-gray-800:hover {
553
+ --tw-text-opacity: 1;
554
+ color: rgba(31, 41, 55, var(--tw-text-opacity))
555
+}
556
+
557
+.underline {
558
+ text-decoration: underline
559
+}
560
+
561
+.no-underline {
562
+ text-decoration: none
563
+}
564
+
565
+.hover\:underline:hover {
566
+ text-decoration: underline
567
+}
568
+
569
+*, ::before, ::after {
570
+ --tw-shadow: 0 0 #0000
571
+}
572
+
573
+*, ::before, ::after {
574
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
575
+ --tw-ring-offset-width: 0px;
576
+ --tw-ring-offset-color: #fff;
577
+ --tw-ring-color: rgba(59, 130, 246, 0.5);
578
+ --tw-ring-offset-shadow: 0 0 #0000;
579
+ --tw-ring-shadow: 0 0 #0000
580
+}
581
+
582
+@media (min-width: 640px) {
583
+}
584
+
585
+@media (min-width: 768px) {
586
+ .md\:mt-0 {
587
+ margin-top: 0px
588
+ }
589
+
590
+ .md\:block {
591
+ display: block
592
+ }
593
+
594
+ .md\:inline-block {
595
+ display: inline-block
596
+ }
597
+
598
+ .md\:inline {
599
+ display: inline
600
+ }
601
+
602
+ .md\:flex {
603
+ display: flex
604
+ }
605
+
606
+ .md\:hidden {
607
+ display: none
608
+ }
609
+
610
+ .md\:h-6 {
611
+ height: 1.5rem
612
+ }
613
+
614
+ .md\:h-40 {
615
+ height: 10rem
616
+ }
617
+
618
+ .md\:w-auto {
619
+ width: auto
620
+ }
621
+
622
+ .md\:flex-grow {
623
+ flex-grow: 1
624
+ }
625
+
626
+ .md\:items-center {
627
+ align-items: center
628
+ }
629
+}
630
+
631
+@media (min-width: 1024px) {
632
+ .lg\:mt-0 {
633
+ margin-top: 0px
634
+ }
635
+
636
+ .lg\:mr-5 {
637
+ margin-right: 1.25rem
638
+ }
639
+
640
+ .lg\:ml-5 {
641
+ margin-left: 1.25rem
642
+ }
643
+
644
+ .lg\:flex {
645
+ display: flex
646
+ }
647
+
648
+ .lg\:h-64 {
649
+ height: 16rem
650
+ }
651
+
652
+ .lg\:w-1\/2 {
653
+ width: 50%
654
+ }
655
+
656
+ .lg\:max-w-screen-lg {
657
+ max-width: 1024px
658
+ }
659
+
660
+ .lg\:text-xl {
661
+ font-size: 1.25rem;
662
+ line-height: 1.75rem
663
+ }
664
+}
665
+
666
+@media (min-width: 1280px) {
667
+ .xl\:p-4 {
668
+ padding: 1rem
669
+ }
670
+}
671
+
672
+@media (min-width: 1536px) {
673
+}
674
+
675
+/* purgecss end ignore */
wiki/index.html
... ...
@@ -10,7 +10,7 @@
10 10
<link rel="apple-touch-icon" sizes="180x180" href="https://0makes0.com/images/favicons/apple-touch-icon.png">
11 11
<link rel="icon" type="image/png" sizes="32x32" href="https://0makes0.com/images/favicons/favicon-32x32.png">
12 12
<link rel="icon" type="image/png" sizes="16x16" href="https://0makes0.com/images/favicons/favicon-16x16.png">
13
- <link rel="stylesheet" href="/tailwind.css">
13
+ <link rel="stylesheet" href="/tailwind-preflight.css">
14 14
<link href='//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css' rel='stylesheet' type='text/css'>
15 15
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
16 16
<style>

태양광 웹 서버

배터리 남은 용량: %
배터리 전압: V
전기 사용: Watt
서버 시간:
가동 시간:
날씨(구름량):
위치: 위도 37.493423, 경도 126.834054

제로의 예술

바림 (광주광역시 동구 대의동 80-2 3층)
여성을 위한 열린 기술랩 (서울시 중구 을지로 157 대림상가 세운메이커스큐브 대림-동측 306호)

2021 아르코 융복합 예술 페스티벌 《횡단하는 물질의 세계》
2021 ARKO Art & Tech Festival Nothing Makes Itself