-
Notifications
You must be signed in to change notification settings - Fork 5
/
help_es.html
722 lines (607 loc) · 28.2 KB
/
help_es.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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ayuda con brookeafk.com</title>
<meta name="description" content="">
<meta name="author" content="BrookeAFK, Ticha">
<link rel="apple-touch-icon" sizes="180x180" href="favicon_icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon_icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon_icons/favicon-16x16.png">
<link rel="manifest" href="favicon_icons/site.webmanifest">
<link rel="shortcut icon" type="image/x-icon" href="favicon_icons/favicon.ico">
<script type="text/javascript" src="./jquery-3.6.3.min.js"></script>
<script>
</script>
</head>
<body style="background-image: url(https://pit.wiki/images/map_abyss_night.png)">
<div id="header"></div>
<div class="box">
<span class="body" style="font-family: Inter">
<span class="header">Ayuda con brookeafk.com</span><br>
<span class="subheader">De <a href="./">brookeafk.com</a></span><br>
<span class="subheader">Traducción al español por <a href="https://discord.com/users/631168537137905684" target="_blank">Ticha</a>.</span><br>
<span class="subheader">Also available in <a href="help">English</a>. (También disponible en <a href="help">inglés</a>.)</span>
<hr>
<p><strong>¡Bienvenido/a!</strong> Gracias por visitar este artículo de ayuda.</p>
<div style="background-color: rgba(0, 0, 0, 0.1); padding: 10px; display: inline-block;">
<b>Table of Contents</b><br><span style="font-weight: 500;">
<a href="#section-basic">Uso básico del sitio</a><br>
<a href="#section-settings">Configuración</a><br>
<a href="#section-custom-palettes">Paletas personalizables</a><br>
<a href="#section-faq">Preguntas frecuentes</a><br>
<a href="https://discord.gg/nuUms8r9Ke" target="_blank">Enlace al Discord de soporte</a></span>
</div>
<h2 id="section-basic">Uso básico del sitio</h2>
<p><b>brookeafk.com</b> es un sitio que muestra un listado de qué eventos ocurren y cuándo en <a href="https://pit.wiki/The_Hypixel_Pit" target="_blank">el Hypixel Pit</a>. Esto le puede ser útil a los jugadores si quieren participar en eventos específicos o si quieren averiguar qué está apunto de ocurrir en el juego.</p>
<img src="./help_images/example_es.png" class="bigimage">
<p>En el sitio, los eventos son mostrados en orden. Los horarios a la derecha son una cuenta regresiva hasta que el evento ocurra y un horario en formato de 24 horas de cuando va a suceder el evento (en tu zona horaria). Para los <a href="https://pit.wiki/Major_Event" target="_blank">eventos mayores</a>, la cuenta regresiva y el horario se refieren a cuando la cuenta regresiva de tres minutos que ocurre en el juego hasta el evento empiezan, no el tiempo exacto en el que empieza el evento. Esto es para mantener la consistencia con <a href="https://pit.wiki/Pit_Supporter" target="_blank">Pit Supporter</a>. Los eventos mayores también están indicados en el listado con un suave borde blanco alrededor del evento.</p>
<h2 id="section-settings">Configuración</h2>
<p>Para cambiar la configuración de brookeafk.com, haz clic en el ícono de Configuración (<span style="font-family: Material">settings</span>). Un menú con opciones va a aparecer con varios elementos.</p>
<img src="./help_images/settings_menu_es.png" width="100%">
<p>Los elementos son los siguientes:</p>
<ul>
<li><b>Tema</b>: Cambia el color del fondo, de blanco a negro. ¡También cambia las paletas predeterminadas!</li>
<li><b>Paleta</b>: Cambia el color de los eventos en el listado. Hay doce paletas en total; intenta hacer clic en cada una para ver los colores. A partir de la versión 1.1.0, ¡puedes crear una paleta personalizada para usar en el sitio! Lee más sobre eso <a href="#section-custom-palettes">aquí</a>.</li>
<li><b>Fuente</b>: Controla la tipografía de todo en el sitio. La fuente predeterminada es <b>Inter</b>, (la fuente usada en esta página). <span style="font-family: minecraft"><b>Minecraft</b> es esta fuente.</span> <span style="font-family: sans-serif"><b>Sans-serif</b> es la fuente predeterminada sans-serif de tu navegador (esta).</span> Aprende a cambiar esto aquí: <a href="https://support.mozilla.org/es/kb/Cambiar%20el%20tipo%20de%20letra%20y%20los%20colores#w_cambiar-el-tipo-de-letra" target="_blank">Firefox</a> – <a href="https://es.moyens.net/web/como-cambiar-la-fuente-predeterminada-en-google-chrome/" target="_blank">Chrome</a> – <a href="https://www.xataka.com/basics/como-personalizar-microsoft-edge-para-cambiar-su-aspecto-dejarlo-como-te-guste" target="_blank">Edge</a></span>.</li>
<li><b>Íconos</b>: Configura si los íconos aparecen a la izquierda de los eventos en la lista.</li>
<li><b>Temporizador en pestaña</b>: Configura si se muestra un temporizador en la pestaña del navegador, mostrando la cuenta regresiva al siguiente evento visible al tope del listado. Se ve así: <b>[🏯] CHP 4m 15s</b> (CHP quiere decir Chapitel).
<li><b>Estilo de fuente de los eventos mayores</b>: Cambia el estilo del texto de los nombres de los eventos mayores, que los resalta. <b>Borde</b> añade o quita el borde blanco alrededor del nombre, y <b>Sombra</b> añade o quita el efecto de sombreado.</li>
<li><b>Espacio entre eventos</b>: Cambia el tamaño de espacio vacío entre eventos. <b>Grande</b> es el predeterminado, pero <b>Sin espacio</b> hace que el sitio se vea más como las versiones viejas de brookeafk.com.</li>
</ul>
<ul>
<li><b><span class="me">Notificaciones de eventos</span></b>: Notifica (a través del navegador) cuando ciertos eventos están a punto de empezar.<br>Una vez elegida una de las tres opciones, más aparecerán:</li>
<ul><li><b>Notificaciones de audio</b>: Una vez activada, reproducirá un sonido una vez que
se cumpla la condición de tiempo establecida. (¡puedes probar el sonido
presionando el botón “Probar audio” a la derecha!)</li>
<li><b>Notificaciones de escritorio</b>: Una vez activada, enviará una notificación a través
del navegador una vez que se cumpla la condición de tiempo establecida.
(IMPORTANTE: leer nota)</li>
<li>Puedes configurar los eventos a notificar mediante íconos de campanas (<span style="font-family: Material">notifications</span>) que aparecerán una vez encendidas las notificaciones de eventos, en la derecha de la pantalla, al lado de los nombres de cada evento. Si el fondo de la campana está lleno, entonces una notificación será enviada para aquel evento.</li></ul>
<p><b>NOTA:</b> Varios usuarios de Chrome me dijeron que no reciben notificaciones cuando la pestaña que tiene brookeafk.com no está abierta. <span style="color: #a356fd"><b>Este bug debería de estar arreglado a partir del 14 de abril de 2023.</b></span> Si el problema persiste, asegúrate que <a href="https://support.google.com/chrome/answer/3220216?hl=es" target="_blank">Chrome pueda enviar notificaciones</a> o usa otro <a href="https://www.mozilla.org/es-MX/firefox/new/" target="_blank">navegador que no esté basado en Chromium (Firefox)</a>. Alternativamente, crea una nueva ventana de Chrome (presionando las teclas <kbd>Control</kbd> + <kbd>N</kbd>) y pon brookeafk.com ahí.</p>
<li><b>Horarios</b>: Enciende o apaga ciertas cuentas regresivas y relojes/horarios. <b>Hora del día</b> muestra el horario en la vida real en el que el evento sucederá (ej. 11:56). <b>Hasta el evento</b> muestra la cuenta regresiva hasta el evento (ej. 23m 51s). <b>Día y mapa</b> muestra el horario en el juego y la cuenta regresiva (en la vida real) hasta el próximo <a href="https://pit.wiki/Maps" target="_blank">mapa</a>.
</li>
<li><b>Estilo de reloj</b>: Cambia el estilo de los horarios, del estilo de 24 horas (17:13) al de 12 horas (5:13 pm).</li>
<li><b>Texto parpadeante</b>: Ajusta por cuánto tiempo el fondo y texto de un evento parpadearán en rojo hasta que comience. Lo puedes deshabilitar presionando <code>Nunca</code>.</li>
<li><b>Texto del evento</b>: Cambia la manera en la que los eventos serán presentados. <b>Moderno</b> usa el nuevo estilo, que pone el evento antes de la cuenta regresiva (<b>Rey de la Escalera</b> en 4m 10s — 12:01), mientras <b>Clásico</b> usa el estilo que usaba el sitio en 2022 y abrevia los nombres de algunos eventos menores (RDLC, RDLE, Todos Recomp.) (ej. 4m 10s: RDLE (12:01)).</li>
<li><b>Versión</b>: Cambia la versión del sitio de la actual (v1.x) a la vieja (v0.6.7).<br><b>NOTA</b>: Ninguna versión anterior a v1.x está traducida, ni nunca lo serán.
</li>
<li>En la parte derecha de la configuración, se puede activar o desactivar el mostrado de cualquier evento en la lista. Para hacer esto, haz clic en cualquier evento. Si el evento aparece con texto oscuro, entonces está desactivado.
Se pueden varios eventos a la vez; <b>Solo mayores</b> mostrará solo los eventos mayores, desactivando los menores, y <b>Solo menores</b> hará lo contrario.<br><b>Seleccionar todo</b> y <b class="mc">Desactivar todo</b> mostrará u ocultará todos los eventos respectivamente.<br><b class="mc">Borrar configuración</b> borrará completa y permanentemente todas las opciones que has cambiado.<br>
<b>Probar audio</b> hará lo mencionado en el elemento de Notificaciones de eventos; reproducirá el sonido que se escuchará cuando aparezca una notificación.</li>
</ul>
<p>Si las opciones que has seleccionado no se guardaron por alguna razón, puedes ingresarlas directamente en el URL del sitio como parámetros. Para hacer eso, escoge qué opciones quieres implementar al sitio (ver más abajo), y añade sus parámetros al final del URL con un signo de pregunta, por ejemplo, <code>https://brookeafk.com?palette=3&theme=light</code>. Los parámetros disponibles se encuentran a continuación:</p>
<ul>
<li><code>theme</code>: <code>dark</code> para seleccionar el tema oscuro, <code>light</code> para seleccionar el claro.</li>
<li><code>palette</code>: <code>gradients0</code> para seleccionar la paleta de colores por defecto, <code>gradients1</code> para seleccionar la alternativa, <code>0</code> para seleccionar la paleta Orígenes, <code>1</code> para Amanecer/Atardecer, <code>2</code> para Océano/Playa, <code>3</code> para Negocio/Chicle y <code>4</code> para Fénix/Siena. Si tienes una <a href="#section-custom-palettes">paleta personalizada</a>, puedes poner su código en el enlace.</li>
<li><code>font</code>: <code>0</code> para usar Inter, <code>1</code> para usar <span style="font-family: sans-serif">sans-serif</a>, <code>2</code> para usar <span style="font-family: Minecraft">Minecraft</a>.</li>
<li><code>clock</code>: <code>24</code> para ver horarios de 24 horas, <code>12</code> para ver horarios de 12 horas.</li>
</ul>
<p>Ten en cuenta que es posible poner parámetros raros en el URL (ej. <code>clock=999</code>). Aquellos parámetros inválidos o no funcionarán o completamente romperán el sitio (de tu lado). Para restablecer estos valores, presiona el botón <b style="color: #b35151">Borrar configuración y URL</b>.</p>
<p>Configuraciones importadas de la versión vieja de brookeafk.com también son compatibles con la versión moderna. Los parámetros en la URL tomarán prioridad sobre lo que tengas guardado en localStorage.</p>
<h2 id="section-custom-palettes">Paletas personalizadas</h2>
<ul><li>Puedes crear una paleta personalizada a través de <a href="palette">https://brookeafk.com/palette</a> (no disponible en español).</li><li>Crea una paleta haciendo clic en los cuadrados blancos a la derecha de los dieciocho eventos.</li><li>Una vez que hayas terminado de diseñar tu paleta, dirígete al cuadro púrpura debajo de los eventos.</li><li>Para importar la paleta, copia el enlace en la sección “URL” y pégalo en tu navegador, o copia el código y haz clic en el <span style="font-family: Material">settings</span> engrane, luego ve a <b>Personalizada</b> en el submenú <b>Paleta</b> sub-menu, ve a <b>Importar</b>, y por último pega el enlace y presiona <kbd>Enter</kbd>.</li><li>Nota: Nombres de paletas no deberían contener más de 400 caracteres y puede que se rompan si contienen <code>¤ U+00A4 CURRENCY SIGN</code>.</li></ul>
<p>Puedes compartir una paleta compartiendo el enlace obtenido mediante el generador de paletas con tus amigos. Cuando lo abran, verán algo así (<a href="https://brookeafk.com?palette=JUMyJUE0OWRkNTlmNmY3ZjY1NGU2YzRiODI5MmE4Nzk3MDZjYmY3ZTljYmJiNzk0OTBiMGI3N2Y2MjdlYmFiZjljODBhYThmODhiZDk0NzI4ZjkwYjc4NWFhN2I1ODU4NzU4ODZhN2ViZDhiY2NkNmFmJUMyJUE0UGFsZSUyMEZvcmVzdCVDMiVBNGJyb29raWU=" target="_blank">¡pruébalo!</a>):</p>
<img src="/help_images/custom-palette-example_es.png" width="80%">
<p>Si ellos seleccionan “¡Sip!”, podrán darle un nombre a la paleta. La paleta se guardará como una opción en el submenú <b>Paleta</b>:</p>
<p>Solo puedes tener una sola paleta personalizada guardada a la vez (... ¿por qué necesitarías más?), pero intentaré arreglarlo en el futuro.</p>
<h2 id="section-faq">Preguntas frecuentes<br><span style="font-size: 18px"><i>⸺ en orden de importancia ⸺</i></span></h2>
<h3>Los horarios en el sitio están mal</h3>
<ul><li>Lo más probable es que esto sea un problema con el reloj de tu dispositivo. Recomiendo que arregles eso primero —va a generarte problemas en otros sitios también— pero si buscas una solución rápida, intenta añadiendo <code>?offset=MINUTOS</code> al URL, siendo <code>MINUTOS</code> la cantidad de minutos que quieres desplazar los horarios en el sitio. <code><a href="https://brookeafk.com?offset=-180" target="_blank">https://brookeafk.com?offset=-180</a></code> atrasaría tres horas todos los horarios . Usa <code>?offset=0</code> para restablecer la opción, o presiona el mensaje a la derecha de la configuración que menciona el desplazamiento.</li></ul>
<h3>No hay eventos</h3>
<ul><li>Primero que nada, intenta recargar la página (presiona <kbd>Control</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd>). Eso debería arreglarlo. Si eso no funciona, probablemente debes recargar la página de nuevo, porque a veces hay que hacerlo dos veces. Pero si eso no funciona, entonces me has dejado sin ideas. Si es así, <a href="https://discord.gg/nuUms8r9Ke" target="_blank">contáctame aquí</a> y explícame el problema (no hay eventos).</li></ul></ul>
<h3>¿Qué hay de nuevo en el rediseño?</h3>
<ul><li>Las notificaciones deberían de funcionar bien ahora. Aunque eso ya podría ser una característica revolucionaria, también agregué íconos, degradados, una cuenta regresiva al siguiente mapa (y un gráfico mostrando el siguiente mapa en la rotación, lo puedes habilitar dándole clic a la cuenta regresiva antes mencionada), unas configuraciones nuevas, este artículo de ayuda, traducciones, y ahora el sitio debería de correr <i>muchísimo</i> más rápido ahora. Tuve que reescribir muchísimas líneas de código que mi más jóven y malévola yo escribió sin cuidado a las dos de la mañana.</li></ul>
<h3>¿Cómo voy a la versión vieja de brookeafk.com?</h3>
<ul><li>¿Está el sitio muy estilizado y/o es muy moderno para tí? Ve a <a href="https://brookeafk.com/2022" target="_blank">brookeafk.com/2022</a>. No me enojaré. Lo prometo. ¡Ten en cuenta que <b>ninguna versión anterior a la actual (v1.x) está traducida</b>!</li></ul>
<h3>Necesito una versión más vieja del sitio.</h3>
<ul><li><i>¿Enserio?</i> Aquellas versiones viejas eran (y siguen siendo) bastante terribles. Si deveras deseas usar mi código ineficiente y lleno de bugs, tengo cuatro versiones viejas disponibles para tí (¡no traducidas!):<br><a href="v1" target="_blank">v0.1</a> • <a href="v2" target="_blank">v0.1.5</a> • <a href="v3" target="_blank">v0.2.1</a> • <a href="2022" target="_blank">v0.6.7</a>.</li></ul>
<h3>¿Me puedes dar una frase abajo del sitio?</h3>
<ul><li>Esas frases fueron dichas por gente que me apoyaron cuando brookeafk.com estaba en su <a href="https://docs.google.com/spreadsheets/d/1pP78ifctBLkuIPH2lg5pzTS2s1pDTXXPMGYVnKgvlug/edit#gid=108982194" target="_blank">fase arcaica de hoja de cálculo</a>, una época en la que no tenía tanto apoyo como tengo ahora. Actualmente no estoy buscando más frases—lo siento.</li></ul>
<h3>¿Quién eres?</h3>
<ul><li>¡Soy Brooke! Hice este sitio hace más de un año para rastrear y estar al tanto de los eventos del huevo de dragón ya que era nueva y desesperadamente necesitaba la XP que estos dan. También ayudé a crear un par de cosas más, como la <a href="https://pit.wiki" target="_blank">Wiki de Pit</a> y <a href="https://brookeafk.com/tracker" target="_blank">este radical rastreador de estadísticas</a> (no disponibles en español). También ayudé con un poco del desarrollo de <a href="https://statsify.net" target="_blank">Statsify</a>.</li></ul>
<h3>¿Por qué has rediseñado el sitio?</h3>
<ul><li>Para mi, se veía bastante anticuado—la fuente de Minecraft definitivamente no sumaba. Quería recoger un proyecto existente y ver si lo podía mejorar. La nueva versión también tiene mejoras de rendimiento, ya que había <i>mucho</i> que mejorar (la versión vieja del sitio intentaba cambiar el color de cada evento <b>veinticinco veces por segundo</b>). En su estado actual, el nuevo sitio corre significativamente más rápido que el viejo, inclusive teniendo en cuenta lo mucho más nuevo y moderno que se vé. Personalmente, creo que se ve mucho mejor ahora, pero si no estás de acuerdo, puedes regresar a la <a href="https://brookeafk.com/2022" target="_blank">versión vieja aquí</a>.</li></ul>
<h3>¿Por qué es tu código horrible?</h3>
<ul><li>Este proyecto fue mi primer proyecto de JavaScript 🥲. Digo, si funciona, funciona… ¿cierto? Oye, ¿por qué estás viendo el código? Si no funciona, entonces es otra cuestión. La página de GitHub de la página está <a href="https://github.com/brooke-gill/pit" target="_blank">aquí</a>.</li></ul>
<h3>¿Por qué no usaste ClumplunkleJS o <code>[insertar cualquier librería de JavaScript]</code>? ¿Por qué está todo del lado del cliente?</h3>
<ul><li>No es necesario. Es un simple sitio con un simple propósito. ¿Para qué usaría algo así, igualmente? (ah, y tampoco me dan las ganas de aprender React)</li></ul>
<h3>Pero pudiste haber implementado el método <code>BlorgleFlorgle()</code> de Clumplunkle y con eso hubieras curado el cáncer y—</h3>
<ul><li>cállate !!! !! ! ! !!! ! ! 1!</li></ul>
<h3>Leí en este artículo que agregaste traducciones en la última versión del sitio. ¿Cómo puedo contribuir?</h3>
<ul><li>¡Gracias por tu interés! Para contribuir alguna traducción, por favor, crea un boleto en <a href="https://discord.gg/nuUms8r9Ke" target="_blank">el servidor de soporte</a>. Ahí te indicaremos cómo puedes contribuir.
Veo que, si estás leyendo esto, es porque estás usando la versión en español del sitio, traducida por mi querido amigo Ticha (¡hola!). Si encuentras algo que esté mal con esta traducción o piensas que puedes optimizar algo en la traducción, <s>espaméa sus mensajes de Discord y llámalo un ganso tonto</s> por favor visita <a href="https://docs.google.com/document/d/1DFXHEdfGyx2olWjTtv5VkjGjls6IyFXLrZTct5Mzzi0/edit?usp=sharing" target="_blank">este enlace</a>. Es un documento de Google Docs que el traductor preparó para revisar cómo se vería una versión finalizada del artículo y para que algún ayudante sugiera algo a través de comentarios y/o sugerencias de modificación. Ticha promete leer todos y cada uno de los comentarios, pero, si no lo hace, dime y espamearé sus mensajes de Discord llamándolo un ganso tonto (promesa de meñique).</li></ul>
<p>¿Necesitas ayuda adicional, o tienes alguna duda que no esté en este listado? Por favor únete al <a href="https://discord.gg/nuUms8r9Ke" target="_blank">servidor de Discord de soporte</a> y crea un boleto privado. Alternativamente, puedes contactarme a través de la <a href="https://github.com/brooke-gill/pit" target="_blank">página de GitHub</a> del proyecto.</p>
<p>¡Gracias por leer!</p>
</body>
</html>
<style>
.header {
font-size: 30px;
color: wheat;
}
.subheader {
font-size: 16px;
color: white;
font-style: italic;
}
.body {
font-size: 16px;
color: #fff;
}
.section {
font-size: 24px;
font-weight: bold;
line-height: 1em;
}
.small {
font-size: 12px;
font-style: italic;
color: #aaa;
}
.tt {
display: inline-block;
line-height: 1.5em;
}
.little {
font-size: 14px;
font-style: italic;
color: #aaa;
}
.justsmall {
font-size: 12px;
}
.justlittle {
font-size: 14px;
}
.center {
text-align: center;
}
.italic {
font-style: italic;
}
.note {
vertical-align: super;
font-style: italic;
font-size: 13px;
}
.item {
outline: 1px solid white;
width: 200px;
float: right;
margin: 10px;
border: 1px solid white;
}
.item30 {
/* 1.5× larger than item */
outline: 1px solid white;
width: 300px;
float: right;
margin: 10px;
border: 1px solid white;
}
.tableheader {
font-size: 25px;
font-weight: bold;
text-align: center;
}
table,
th,
td {
border: 1px solid white;
padding: 5px;
}
.invisible {
border: 0px;
}
.highlighted {
border: 2px solid #cc0000aa;
background: #cc000055;
}
.invisible_fill {
background-color: var(--bgtp);
}
.headerbox {
background-color: var(--bgtp);
width: 80%;
padding: 20px 50px 20px;
margin: 0px;
margin-left: auto;
margin-right: auto;
line-height: 1.75;
border-radius: 15px;
}
.smallbreak {
height: 0px;
visibility: hidden;
}
.clickme {
cursor: pointer;
}
.supersecret {
cursor: pointer;
font-weight: bold;
color: #fdf;
}
#content-error {
transition-duration: 0.5s;
}
.box {
background-color: var(--bgtp);
width: 80%;
padding: 20px 50px 20px;
margin: 20px;
margin-left: auto;
margin-right: auto;
line-height: 1.75;
border-radius: 15px;
position: relative;
top: 50px;
}
.bigimage {
width: 600px;
}
@media only screen and (max-width: 800px) {
.bigimage {
width: 80%;
}
}
.m0 {
color: #000;
}
.m1 {
color: #00a;
}
.m2 {
color: #0a0;
}
.m3 {
color: #0aa;
}
.m4 {
color: #a00;
}
.m5 {
color: #a0a;
}
.m6 {
color: #fa0;
}
.m7 {
color: #aaa;
}
.m8 {
color: #555;
}
.m9 {
color: #55f;
}
.ma {
color: #5f5;
}
.mb {
color: #5ff;
}
.mc {
color: #f55;
}
.md {
color: #f5f;
}
.me {
color: #ff5;
}
.mf {
color: #fff;
}
.td {
color: #caa;
}
.shadowf {
text-shadow: 0px 0px 8px #fff;
}
.bold {
font-weight: bold;
}
.hoverimage {
opacity: 0.4;
transition-duration: 0.5s;
}
.hoverimage:hover {
opacity: 1;
}
code {
font-family: "Roboto Mono", ui-monospace, Menlo, "Cascadia Mono", "Segoe UI Mono", "Fira Mono", "Droid Sans Mono", monospace;
color: #cac;
background-color: #383838;
padding: 2px;
}
pre > code {
background-color: transparent;
}
a, .headerlist {
transition-duration: 0.2s;
}
a:link {
color: #5abbb7;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: #4b9b98;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: #c2edee;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: #ddf0f0;
background-color: transparent;
text-decoration: underline;
}
.tip {
position: relative;
border-bottom: 1px dotted #ffffff88;
cursor: help;
}
.tip .tiptext {
visibility: hidden;
word-wrap: break-word;
width: 160px;
background-color: #000000cc;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 150%;
left: -85px;
padding: 10px;
font-weight: 400;
font-style: oblique;
color: #fff;
opacity: 0;
transition: opacity 0.4s;
}
.tip .tiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #00000088 transparent transparent transparent;
}
.icon {
font-family: Material;
}
.tip:hover .tiptext, .tip:active .tiptext {
visibility: visible;
}
.tip:hover .tiptext {
opacity: 1;
}
.searchresult {
background-color: #3b85a0;
font-weight: bold;
}
@font-face {
font-family: Material;
src: url("./font/Material.ttf");
}
@font-face {
font-family: Inter;
src: url("./font/InterVariable.ttf");
}
:root {
--mc0: #000;
--mc1: #00a;
--mc2: #0a0;
--mc3: #0aa;
--mc4: #a00;
--mc5: #a0a;
--mc6: #fa0;
--mc7: #aaa;
--mc8: #555;
--mc9: #55f;
--mca: #5f5;
--mcb: #5ff;
--mcc: #f55;
--mcd: #f5f;
--mce: #ff5;
--mcf: #fff;
--td: #caa;
--bg: #252525;
--bgtp: rgba(37, 37, 37, 0.95);
}
.rainbow_text_animated {
background: linear-gradient(to right, #f55, #fa0, #ff5, #5f5, #5ff, #f5f, #f55, #fa0, #ff5, #5f5, #5ff, #f5f, #f55, #fa0, #ff5, #5f5, #5ff, #f5f, #f55, #fa0, #ff5, #5f5, #5ff, #f5f, #f55);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: rainbow_animation 12s ease-in-out infinite;
background-size: 400% 100%;
}
@keyframes rainbow_animation {
0%,100% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
}
td img {
display: block;
margin-left: auto;
margin-right: auto;
}
.anchor {
position: absolute;
transform: translateY(-100px);
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
ul {
list-style-type: square;
}
.funky {
background: linear-gradient(150deg, #f5deb3 0%, #a77b29 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
.groovy {
background: linear-gradient(150deg, #e51bbc 0%, #f5d254 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
#searchBar:focus, .searchbar:focus {
outline: none;
box-shadow: 0 0 10px rgba(200, 200, 200, 0.2);
position: relative;
width: 250px;
background-color: #31313a;
}
/* thank you to Rahul for showing me the power of CSS Masonry: https://w3bits.com/css-masonry/ */
.homepagecontainer {
margin: 1.5em auto;
max-width: 1068px;
column-gap: 1.5em;
}
.homepageitem {
background: #4c4c4c40;
padding: 1em;
margin: 0 0 1.5em;
break-inside: avoid-column;
}
kbd {
border: 1px solid #ccc;
background-color: #454545;
border-radius: 4px;
font-family: Inter;
font-size: 12px;
padding: 4px;
}
.searchitem {
border-top: 1px solid #3f3f3f;
border-bottom: 1px solid #3f3f3f;
margin: 0;
padding: 4px;
}
.searchitem:hover {
background-color: #4a6164;
}
.hamburger {
color: #eee;
}
#aUL {
display: none;
list-style-type: square;
background-color:#363636;
border-radius: 15px;
padding: 20px 20px 20px 20px;
margin: 50px 100px 0px 0px;
right: 0px;
width: 250px;
z-index: 4;
position:fixed;
}
.headerlist {
list-style-type: square;
background-color:#363636;
border-radius: 5px;
padding: 5px;
margin: 35px 0px 0px calc(15px + 6%);
left: 0px;
width: 250px;
z-index: 4;
position: fixed;
transform: translate(0px, -24px);
opacity: 0;
visibility: hidden;
box-shadow: 0px 0px 5px #1d1d1d;
}
#menuopened:checked ~ .headerlist {
transform: translate(0px, 0px);
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 1024px) {
.homepagecontainer {
column-count: 4;
}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.homepagecontainer {
column-count: 3;
}
}
@media only screen and (max-width: 767px) and (min-width: 540px) {
.homepagecontainer {
column-count: 2;
}
}
@media only screen and (max-width: 500px) {
body {
background-image: none;
background-color: var(--bg);
}
.box {
width: auto;
padding: 20px 15px 20px;
}
#aUL {
width: 175px;
}
#searchBar {
width: 50px;
}
#searchBar:focus {
width: 100px;
}
.headerbox {
width: 90%;
}
}
/* stylesheet not updating? */
@font-face {
font-family: Inter;
src: url("./font/Inter-Regular.ttf");
font-weight: regular;
}
@font-face {
font-family: Inter;
src: url("./font/Inter-Bold.ttf");
font-weight: bold;
}
@font-face {
font-family: Inter;
src: url("./font/Inter-SemiBold.ttf");
font-weight: 600;
}
@font-face {
font-family: Material;
src: url("./font/Material.ttf");
}
@font-face {
font-family: minecraft;
src: url("./font/MinecraftRegular.otf");
font-weight: 400;
}
@font-face {
font-family: minecraft;
src: url("./font/MinecraftBold.otf");
font-weight: bold;
}
code {
word-wrap: break-word;
}
</style>