Sí, pensé lo mismo tan pronto como lo leí. ¡También echaré un vistazo a tu sitio! De hecho, comencé con el tema Air, y lo tenía bastante personalizado con CSS y todo, pero con mi tema actual en comparación con el tema Air que tenía, no sé… parece demasiado “básico”, lo cual es raro para mí decir porque me gusta el minimalismo en general, jaja.
Cuando @Lilly, @bryce y @omarfilip dijeron que era lento, fue a una hora específica de la noche para mí, y luego aproximadamente a la misma hora donde está alojado el servidor. ¿Sería mucha molestia pedirte a ti, @Heliosurge, y a @daemon y @merefield que lo revisen dentro de 12 horas a partir de ahora, cuando los demás dijeron que era lento, si no estás ocupado y estás despierto, jaja? Muero por saber si es una cuestión de la hora del día.
¡¡Realmente genial escuchar esto!! Especialmente al otro lado del mundo de donde está alojado el servidor.
¡¡Genial!! ¿Algún otro comentario/recomendación que tengas?
Acabo de probarlo y ahora parece que se carga casi instantáneamente. Al principio pensé que solo se estaba cargando desde la caché de memoria, pero no parece ser así.
Ah, ok. Sí, extraño. Esto parece apuntar a una cuestión de la hora del día. Lo cual, quiero decir, tiene sentido dada la hora de la noche que era para donde estaba alojado el servidor y la mayoría de la gente probablemente conectada a esa hora. Aun así… las empresas de un millón/mil millones de dólares probablemente no tienen ese problema, ¿verdad, sin importar la hora del día? Quiero decir, he estado en sitios web importantes que han parecido lentos antes, pero es más raro que otra cosa.
¡Gracias por tus comentarios!
De hecho, experimenté con el ancho de las etiquetas, pero no pude averiguar cómo centrarlo una vez redimensionado. En cuanto al color, realmente no pude encontrar un color mejor que combinara con los modos claro y oscuro. Si hago la caja más clara en modo claro, es demasiado brillante en modo oscuro y causa el mismo problema.
Por ejemplo, si inspecciono el elemento de la etiqueta y cambio la propiedad max-width al 40%, se ve visualmente mejor, pero luego no puedo averiguar cómo centrarlo todo porque cada vez que lo intento, solo se mueve el texto, no la caja detrás de él.
Para centrar esas etiquetas, puedes usar las propiedades de flexbox. Las etiquetas están dentro de un contenedor padre que ya está configurado como display: flex.
Flexbox hace que sea muy fácil controlar cómo se organizan los elementos hijos dentro de un contenedor. Hay una función útil en las herramientas de desarrollador donde puedes hacer clic en el pequeño icono junto a display: flex y aparecerá un conjunto de controles para que puedas ver cuál produce el efecto deseado.
¡Oh, genial, ¡muchas gracias por esto! Sí, tener 2 etiquetas visibles hace que se vea mucho menos torpe que una sola etiqueta centrada, pero la verdad es que no veo a mucha gente usando múltiples etiquetas para la mayoría de las publicaciones. Mmm… podría necesitar encontrar una manera de mostrar la etiqueta allí y luego alguna otra parte del tema/publicación de alguna manera con CSS o algo así para que haya dos cosas. O tal vez ocultarlo todo, pero bueno.
O mejor aún, ¿podría reemplazar la categoría con ella?
Te animo a que utilices las variables CSS de Discourse sobre el color porque funcionarán mejor con el modo oscuro. (puedes inspeccionar cualquier cosa y desplazarte hacia abajo)
También puedes usar la función dark-light-choose(<color claro>, <color oscuro>) para definir colores claros y oscuros para que se utilice el color correcto cuando el modo oscuro esté activado o no.
Esta es una función SCSS disponible en el núcleo de Discourse. Necesitas usarla en el CSS de tu tema para que pueda ser procesada. No funcionará si la usas directamente en tu navegador.
Tu sitio todavía carga rápido. Solo lo veo muy brevemente.
La adición de componentes a la carta es genial. Estás por delante de mí, ya que todavía estoy aprendiendo el lado del código. Antes de Discourse, hace mucho tiempo, solo había jugado con lo básico; qbasic y el viejo turbo Pascal. Pero estoy llegando allí.
El foco está en las últimas 2 líneas. Entonces, parece que para el modo claro y oscuro, se queda en el color #f0f2f5 en lugar de cambiar a color 3a3b3c en modo oscuro. ¿Alguna idea de por qué?
En Inspect Element, la propiedad simplemente se queda: background: #f0f2f5 !important;
Incluso probé la URL que enlacé arriba y traté de hacerlos $tagbglight y $tagbgdark y definirlos, etc., pero todavía no tuve suerte.
Que es más o menos el mismo resultado que obtuve antes.
Nota: La inspección de elementos muestra comillas dobles. En el código, usé comillas simples como tú.
Se ve bien.
