commit 353239bda6cca79f5b2eda32eb219314632f96de Author: dinomug Date: Tue Jan 27 19:26:18 2026 -0600 primer commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..62e49f1 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +/node_modules +package-lock.json +.hugo_build.lock \ No newline at end of file diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 0000000..a592d07 --- /dev/null +++ b/.gitmodules @@ -0,0 +1,3 @@ +[submodule "themes/enchanted-lowkey"] + path = themes/enchanted-lowkey + url = https://github.com/nixentric/Lowkey-Hugo-Theme.git diff --git a/README.md b/README.md new file mode 100644 index 0000000..123fcf8 --- /dev/null +++ b/README.md @@ -0,0 +1,22 @@ +# Campaña DejaEL10 — Código fuente del sitio. + +### Necesitas +De preferencia las últimas versiones de: ++ [Hugo](https://gohugo.io/) ++ [Node.js](https://nodejs.org/en) + + +### Uso +Descarga el repo: + + git clone https://git.cmxsl.org/miguel/dejael10.git + +Instala todas las dependencias: + + npm i + +Ejecuta el comando para iniciar el servidor (sin desplegar): + + npm run dev + +El sitio estará disponible en http://localhost:1313/ diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..25b6752 --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,5 @@ ++++ +date = '{{ .Date }}' +draft = true +title = '{{ replace .File.ContentBaseName "-" " " | title }}' ++++ diff --git a/config/_default/hugo.toml b/config/_default/hugo.toml new file mode 100644 index 0000000..d450234 --- /dev/null +++ b/config/_default/hugo.toml @@ -0,0 +1,26 @@ +baseURL = 'https://dejael10.cmxsl.org/' +copyright = "{year}" # To make 2007 - 2022. Just add before {year} example: 2007 - {year} +languageCode = 'en-US' +defaultContentLanguage = 'es' +theme = 'enchanted-lowkey' +title = 'Deja el 10' +enableRobotsTXT = true +summaryLength = 15 +pagerSize = 5 + + +[markup] + [markup.highlight] + anchorLineNos = false + codeFences = true + guessSyntax = false + hl_Lines = '' + hl_inline = false + lineAnchors = '' + lineNoStart = 1 + lineNos = false + lineNumbersInTable = false + noClasses = true + noHl = false + style = 'dracula' + tabWidth = 4 diff --git a/config/_default/menus.toml b/config/_default/menus.toml new file mode 100644 index 0000000..cc3e9fa --- /dev/null +++ b/config/_default/menus.toml @@ -0,0 +1,49 @@ +# [[main]] +# identifier = "home" +# name = "Home" +# url = "/" +# weight = 1 + +# [[main]] +# identifier = "about" +# name = "About me" +# url = "/about" +# weight = 2 + +# [[main]] +# identifier = "categories" +# name = "Categories" +# url = "/categories" +# weight = 3 + +# [[main]] +# identifier = "tags" +# name = "Tags" +# url = "/tags" +# weight = 4 + +# [[main]] +# identifier = "donate" +# name = "Donate" +# url = "https://ko-fi.com/nixentric" +# weight = 5 + +# Social Media Configuration + +[[social]] + identifier = "mastodon" + name = "Mastodon" + url = "https://mstdn.mx/@cmxsl" + weight = 1 + +[[social]] + identifier = "mediagoblin" + name = "Mediagoblin" + url = "https://media.cmxsl.org/" + weight = 2 + +[[social]] + identifier = "git" + name = "Código fuente del sitio" + url = "https://git.cmxsl.org/" + weight = 3 \ No newline at end of file diff --git a/config/_default/params.toml b/config/_default/params.toml new file mode 100644 index 0000000..a48f5f5 --- /dev/null +++ b/config/_default/params.toml @@ -0,0 +1,33 @@ +# Homepage Config +isSinglePage = true + +# Meta Config +description = "Hello" + +# Header Configuration +avatar = "img/logo.png" + +#favicon +favicon = "icons/favicon.ico" + +# disqus is a comment system. see https://disqus.com +disqusShortname = "" + +[emoji] +enableEmoji = true + +# giscus is a comment system based on GitHub Discussions. see https://giscus.app +[giscus] + enable = false + repo = "" + repoId = "" + category = "Announcements" + categoryId = "" + # mapping = "pathname" # comment value is the default value + # strict = 0 + # reactionsEnabled = 1 + # emitMetadata = 0 + # inputPosition = "top" + # theme = "light" + # lang = "zh-CN" + # lazyLoading = true diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..f6f1621 --- /dev/null +++ b/content/_index.md @@ -0,0 +1,229 @@ + +--- +draft: false +--- + +# Contexto + +--- + +El sistema operativo **Microsoft Windows 10** dejó de tener _soporte estándar_ desde el pasado 14 de octubre de 2025 mientras que el _soporte extendido_ (requiere de registro obligatorio) terminará el próximo 13 de octubre de 2026. Lo que significa que todos sus usuarios se encuentra en mayor riesgo, al grado de que estén obligados a comprar nuevo hardware pese a que el actual sea completamente funcional. + +{{< alert warning "No solo es sobre el soporte" >}} +Cualquier software (programa) que no respeta las libertades del usuario, a esto le llamamos privativo, es nocivo para éste y su equipo de computo. +{{< /alert >}} + +Es por eso que el [Capítulo Mexicano de Software Libre (CMXSL)](https://cmxsl.org "Sitio oficial del Capítulo") pone a tu disposición este sitio a modo de folleto para que estés mejor informado y sobre todo puedas contar con recursos que te permitan dar el gran salto para *usar software libre y aprovechar todos sus beneficios*. + +{{< alert info "Aplica para cualquiera" >}} +El contenido de este sitio sirve tanto para usuarios de Windows como usuarios de Mac y demás ambientes privativos. +{{< /alert >}} + +Los miembros del capítulo redactamos este sitio teniendo en mente el contexto, las necesidades y las realidades de México (que en muchos casos tienen similitud con muchos países latioaméricanos) haciendo asequible el lenguaje técnico, simplificando en varios apartados para hacer la literatura más amena, por lo que **se recomienda leer de principio a fin el sitio**. Pero si cuentas con poco tiempo o prefieres ir directo al grano, puedes saltar directamente al apartado de tu interés en la siguiente lista. + +## Contenido ++ [¿Cómo te afecta esto?](#cómo-te-afecta-esto) ++ [Entra en escena el software libre](#entra-en-escena-el-software-libre) ++ [¿Cómo comienzo a usar software libre?](#cómo-comienzo-a-usar-software-libre) ++ [¡Participa!](#participa) ++ [Sobre la campaña](#sobre-la-campaña) ++ [Recursos](#recursos) + +# ¿Cómo te afecta esto? + +--- + +Entre las muchas desventajas de la perdida de un soporte, en especial de un sistema privativo, destacan: + +## También eres afectado por terceros +Ya no hay razón de que terceros desarrolladores ofrezcan su propio soporte a versiones no soportadas de cualquier sistema operativo. Si cuentas con software privativo de terceros, estás a merced de sus decisiones arbitrarias; estos dejarán de ofrecer el producto (o servicio) a estas versiones del sistema operativo. + +## Perdida de cualquier tipo de garantía +Al término del soporte, es muy común que expire la garantía por parte de la empresa que desarrolla el sistema operativo, del fabricante del equipo y de la tienda (o distribuidor) en donde adquiriste tu equipo, *sin importar que este sea de reciente adquisición* 😱. + +## Malo para tu bolsillo +Necesidad de adquirir nuevo equipo para correr el nuevo sistema. +Ojo: Que un sistema operativo requiera un hardware mas reciente (potente) no es sinónimo de "mejor", hay muchos factores que pueden justificar dicho requisito: ++ Mayor consumo de recursos, reflejado en memoria y procesamiento. ++ Software preinstalado pesado, la mayoría de las veces innecesario. ++ Realiza actividades fuera de la supervisión del usuario, es decir, trabajar en segundo plano (generalmente recolectando/mandando información sin tu consentimiento). + +## Obsolescencia programada +Un conjunto de prácticas de diseño muy extendido en la industria tecnológica mediante la cual el proveedor de un software o hardware deliberadamente sabotea su propio producto para reducir su tiempo de vida, forzando a los usuarios a cambiar a la nueva versión. + +Para más información sobre estas malas prácticas, consulta la publicación [Obsolescencia programada: diseñados para morir](https://www.gob.mx/profeco/articulos/obsolescencia-programada-disenados-para-morir) elaborada por la Procuraduría Federal del Consumidor PROFECO. + +## Todos salimos perjudicados ++ El sector público que pierde soberanía tecnológica, destinando el presupuesto en la compra de licencias y dejando que entidades transnacionales gestionen información sensible del gobierno y ciudadanos. ++ El sector privado que pierde competitividad con soluciones poco flexibles en cobertura y costo para renovación de equipos para tareas críticas en un entorno empresarial y económico cada vez más demandante en innovación. ++ Comunidades enteras, esto incluye desde las más grandes como colectivos, grupos sociales, etc., hasta tu propio vecindario, colonia o distrito. ++ Los Individuos, el software privativo restringe a cada persona de distintas maneras, desde criminalizar el acto de compartir programas, archivos, hasta restringir la propiedad sobre nuestra informática. ¿Sabías que el software privativo no es de la propiedad del usuario que paga por él, simplemente se le da un permiso de uso (licencia) con o sin fecha de caducidad que puede ser revocable; como un tipo de renta?. + +# Entra en escena el software libre + +--- + +Todos los problemas que surgen con el software y la computación privativa no son nuevos. Desde que se comenzó a masificar el uso del computador personal a finales de los 70s, primero en los países industrializados y extendiéndose poco a poco al resto del mundo, el desarrollo de programas que hasta ese entonces no tenía una noción clara sobre un negocio de "las licencias de uso" que se extendiera mas allá de la fabricación y distribución de computadores (sector históricamente ligado a las patentes — propiedad industrial) cambió radicalmente y lo que antes era legítimo, como compartir y modificar programas, se convirtió de la noche a la mañana en lo peor que la gente podía hacer, inventándose para tal práctica un término tan inexacto y fuera de lugar: **Pirata**, para etiquetar tanto a usuarios como hackers que se oponen a la criminalización de la libre distribución del conocimiento. + +{{< alert error "Un HACKER no es lo mismo que un PIRATA" >}} +El primero es un curioso de la informática y el segundo agrede embarcaciones en altamar. +{{< /alert >}} + +Esto motivó a que varios grupos compuestos, sobre todo, de jóvenes universitarios y entusiastas de la computación buscarán una manera de hacer frente al abuso de los grandes industriales y grupos de presión políticos (lobbies) dando origen y forma al **movimiento del software libre y los derechos digitales**. Uno de estos grupos, que estaba integrado en su mayoría por alumnos y docentes del Instituto Tecnológico de Massachusetts (MIT), definieron que es **lo que hace a un software ser libre**, es decir, que respete las libertades del usuario, esta definición se generalizó en 4 libertades esenciales. + +### Las 4 libertades +1. Libertad para ejecutar el programa en cualquier sitio, con cualquier propósito y para siempre. +2. Libertad para estudiarlo y adaptarlo a nuestras necesidades. Esto +exige el acceso al código fuente. +3. Libertad de redistribución, de modo que se nos permita colaborar +con vecinos y amigos. +4. Libertad para mejorar el programa y publicar las mejoras. También exige el código fuente. + +{{< img + src="cuatro-libertades.png" + alt="Cat" + caption="Un mejor resumen sobre las 4 libertades." >}} + +### El proyecto GNU y la Fundación por el Software Libre +Tomando las **4 libertades** como base fue que un 27 de septiembre de 1983 un hacker del MIT, Richard Stallman, anuncia el **Proyecto GNU** para la promoción del desarrollo colaborativo de software y conocimiento, en un principio enfocado al desarrollo de un sistema operativo completamente libre, por medio de *licencias libres* que garantizan el cumplimiento de estas libertades. + +{{< alert info "Nacen las licencias libres" >}} +El software GNU otorga las 4 libertades en su licencia. +{{< /alert >}} + +Para impulsar el proyecto GNU, difundir y promover el desarrollo de software libre se fundó la Fundación por el Software Libre (FSF por sus siglas en inglés) en 1985. La FSF provee un marco legal y regulatorio que blinda las 4 libertades. + +## ¿Como el software libre es la solución? +Lo siguiente es un extracto del libro [Introducción al software libre](https://media.cmxsl.org/u/dinomug/m/introduccion-al-software-libre/) que sintetiza de mejor manera su impacto positivo en distintos escenarios. + +### Para el usuario final +El usuario final, ya sea individual o empresa, puede encontrar verdadera competencia en un mercado con tendencia al monopolio. En particular, no depende necesariamente del soporte del fabricante del software, ya que puede haber múltiples empresas, quizá pequeñas, que disponiendo del código fuente y de conocimientos, puedan hacer negocio manteniendo determinados programas libres. + +Ya no se depende tanto de la *fiabilidad* del fabricante para intentar deducir la calidad de un producto, sino que la guía será la aceptación de la comunidad y la disponibilidad de los códigos fuentes. + +La evaluación de productos antes de adoptarlos es ahora mucho más sencilla, ya que basta con instalar los productos alternativos en nuestro entorno real y probar. + +Dada la libertad de modificar el programa para uso propio, el usuario puede personalizarlo o adaptarlo a sus necesidades, corrigiendo errores si los tuviera. También podemos, directamente o contratando servicios, integrar el programa con otro, o auditar su calidad (por ejemplo, la seguridad). El control pasa, en gran medida, del proveedor al usuario. + +### Para la administración pública +La administración pública debido a su naturaleza está obligada a ser más respetuosa con los estándares que las empresas privadas y a mantener los datos en formatos abiertos y manipulados con software que no dependa de estrategia de empresas, generalmente extranjeras, certificado como seguro por auditoría interna. + +La administración tiene una cierta función de escaparate y guía de la industria que la hace tener un gran impacto, que debería dirigirse a la creación de un tejido tecnológico generador de riqueza nacional. Ésta puede crearse fomentando empresas, cuyo negocio sea en parte el desarrollo de nuevo software libre para la administración, o el mantenimiento, adaptación o auditoría del software existente. + +### Para el desarrollador +Para el desarrollador y productor de software, la libertad cambia mucho las reglas del juego. Con él le es más fácil competir siendo pequeño y adquirir tecnología punta. Puede aprovecharse del trabajo de los demás, compitiendo incluso con otro producto modificando su +propio código, si bien también el competidor copiado se aprovechará de nuestro código (si es copyleft). + +Un proyecto puede conseguir la colaboración gratuita de mucha gente, del que el iniciado será la referencia. Asimismo, la distribución es barata y global. + +### Para el integrador +Para el integrador el software libre es el paraíso. No más cajas negras que intentar encajar, a menudo con ingeniería inversa. Puede limar asperezas e integrar trozos de programas para conseguir el producto integrado necesario, disponiendo de un acervo ingente de software libre de donde extraer las piezas. + +### Para el que proporciona mantenimiento y servicios +Disponer del código fuente lo cambia todo, situándonos casi en las mismas condiciones que el productor. Y no son las mismas porque hace falta un conocimiento profundo del programa que sólo el desarrollador posee, por lo que es conveniente que el mantenedor participe en los proyectos que se dedica a mantener. El valor añadido de los servicios es mucho más apreciado, ya que el coste del programa es bajo. + +# ¿Cómo comienzo a usar software libre? + +--- + +Es recomendable que la adopción al software libre sea de manera gradual para evitar cualquier tipo de impacto negativo o situación no prevista que perjudique la experiencia. + +## Principiante +{{< alert success "Primera vez" >}} +Poco o nulo conocimiento técnico. +{{< /alert >}} + +Acércate a las comunidades de software libre, como los grupos de usuarios GNU/Linux, Hackerspace(s), festivales, etc. Solo por mencionar unos ejemplos: ++ [Grupos de usuarios de software libre](https://es.wikipedia.org/wiki/Anexo:Grupos_de_Usuarios_de_Software_Libre_de_Mexico) (Wikipedia) ++ [MIAU](https://t.me/miau2018) (Telegram) ++ [FLISoL](https://flisol.info) ([En México](https://flisol.info/FLISOL2026/Mexico)) + +Muchas comunidades como las enlistadas aquí arriba tienen presencia en las redes sociales más conocidas. Esto tiene la enorme ventaja de que puedes interactuar con personas que ya usan software libre o cuentan con mucha experiencia en el campo, pueden resolver tus dudas, recomendarte y guiarte. **No seas tímido, charla con ellos.** + +También, en tu localidad, puedes pedir información y ponerte en contacto con técnicos que tengan algún grado de conocimiento y experiencia con software y sistemas operativos libres. Estas personas pueden apoyarte o brindarte sus servicios para tu caso. + +Finalmente, si en tu municipio cuentan con instituciones educativas de nivel medio superior (bachillerato o preparatoria) y superior (universidades o institutos tecnológicos), los primeros contarán con personal docente capacitado y los segundos es más que probable que cuenten con facultades de informática, sistemas computacionales o computación. Visítalos, comenta tu situación para que puedan ofrecerte la mejor solución. + +## Hágalo usted mismo +{{< alert success "Usuario avanzado" >}} +Mayor grado de conocimiento técnico. +{{< /alert >}} + +### Dando el paso hacía una distro +{{< alert warning "" >}} +Dejar de usar SOs privativos es tu objetivo en este momento. +{{< /alert >}} +Es tan sencillo como dar un vistazo a [Distrowatch](https://distrowatch.com/) para encontrar una distro que se adapte a tus necesidades y gustos. Recomendamos que optes por distros con enormes comunidades, con las arquitecturas y sistemas de empaquetados más comunes y usados. Aquí unos datos que pueden facilitar tu elección: ++ Distros base más comunes: Debian, Arch Linux, Fedora Linux, OpenSUSE. ++ Gestores de paquetes más comunes: APT, Pacman, RPM. ++ Entornos de escritorio más comunes: KDE, GNOME, Mate, XFCE. ++ Arquitecturas más soportadas: x86-64, ARM. + +{{< alert error "Evita el Dualboot" >}} +Es una solución temporal, no definitiva. +{{< /alert >}} + +### Si ya estás en una distro pero quieres pasar a una 100% libre +Asegúrate de que tu hardware es soportado, es decir, funciona sin la necesidad de drivers o firmware no libre. **h-node** es una excelente herramienta para conocer tu hardware, puedes hacer una búsqueda rápida con el siguiente [formulario](https://h-node.org/search/form/es) o para una comprensión más profunda apoyarte en [este apartado (en inglés)](https://www.h-node.org/wiki/page/es/Discover-your-hardware). + +Si tu hardware tiene soporte, cuentas con una lista de [distribuciones libres de GNU/Linux](https://www.gnu.org/distros/free-distros.es.html#for-pc) listas para usar. + +En caso de que tu hardware no sea soportado del todo, ¡no te preocupes!, si cuentas con una distro base Debian desde el CMXSL habilitamos un [repositorio independiente](https://wiki.cmxsl.org/repositorio). Para el caso de distros base Arch Linux recomendamos los [repositorios de Parabola GNU/Linux-libre](https://wiki.parabola.nu/Repositories_(Espa%C3%B1ol)). + +# ¡Participa! + +--- + +**Todos pueden aportar con su granito de arena y a su manera** para lograr el objetivo principal de la campaña :) + +Empieza compartiendo este sitio con todos tus contactos y en todas las redes sociales en las que estés; entre más gente se entere, mayor será el apoyo mutuo. + +{{< alert success "" >}} +La difusión es el primer paso para el cambio. +{{< /alert >}} + +**Si eres usuario final (individuo o empresa)** ++ Prioriza el uso de software libre en tus dispositivos. Explora alternativas al software privativo que usas a diario. ++ Como cliente o usuario, pregunta a tus proveedores sobre el uso de estándares abiertos y software libre. Tu voz como consumidor tiene poder. ++ Apoya a proyectos y comunidades. Muchos proyectos sobreviven gracias a donaciones o compras éticas. Considera contribuir económicamente o con tiempo (reportando errores, traduciendo, etc.). ++ Comparte tu experiencia positiva con el software libre en tu entorno. Rompe el mito de que *"es solo para expertos"*. + +**Si formas parte de la administración pública** ++ Prioriza el software libre en las licitaciones y adquisiciones exigiendo estándares abiertos (ODF, PDF) y valora el ahorro a largo plazo, la independencia tecnológica y la seguridad que ofrece el software libre. ++ Apostar por la soberanía digital reduciendo la dependencia de proveedores específicos, evita el vendor lock-in (dependencia al extremo) y garantiza el acceso perpetuo y legal a los datos ciudadanos. ++ Transparencia y auditoría para fomentar la confianza ciudadana. ++ Si desarrollas o adaptas software, libéralo bajo licencias libres. Lo pagado con fondos públicos debe beneficiar a toda la sociedad. + +**Si eres técnico o tu negocio tiene un giro relacionado a la computación** ++ Ofrece soluciones basadas en software libre a tus clientes, llévales independencia, seguridad y costes predecibles. Es una ventaja competitiva sólida y ética. ++ Invierte en formación en tecnologías abiertas. Es conocimiento que no caduca ni depende de una sola empresa. ++ Si usas software libre en tu infraestructura o productos, considera devolver mejoras, parches o documentación a la comunidad. Un ecosistema sano beneficia a todos. ++ Únete a asociaciones. Fortalece el sector colaborando con grupos de profesionales y asociaciones de software libre. + +**Si eres desarrollador** ++ Siempre que sea posible, licencia tus proyectos personales y de impacto social con licencias libres (GPL, Apache, BSD-3, etc.). Comparte conocimiento. ++ Contribuye a proyectos existentes corrigiendo errores tipográficos, mejorar documentación, traducir, arreglar bugs o añadir pequeñas funcionalidades. ¡Todo cuenta! ++ Defiende los estándares abiertos en tu trabajo, aboga por el uso de formatos y protocolos abiertos para garantizar la interoperabilidad y la libertad de los usuarios finales. ++ Ayuda a otras personas a dar sus primeros pasos en el mundo del desarrollo con software libre. La comunidad se fortalece con diversidad y solidaridad. + +{{< alert success "No importa cuál sea tu punto de partida" >}} +Hay un lugar para ti en esta campaña. +{{< /alert >}} + +**Juntos no solo estamos instalando software, estamos construyendo un futuro digital más justo, colaborativo y en libertad.** +# Sobre la campaña + +--- + +Esta campaña va dirigida al público en general, tomando como inspiración la campaña [FIN DE 10](https://endof10.org/es/). El tiempo de duración de la misma es por tiempo indefinido, ya que el proceso de perdida de soporte y la posterior adopción a soluciones libres no se da de la noche a la mañana, sino que es todo un proceso progresivo difícil de medir sujeto a muchos cambios. + + + +# Recursos + +--- + ++ [Qué es el Software Libre (FSFE)](https://fsfe.org/freesoftware/freesoftware.es.html) ++ [Recursos de software libre (FSF)](https://www.fsf.org/es/recursos-de-software-libre) + + diff --git a/content/cat.jpg b/content/cat.jpg new file mode 100644 index 0000000..f08b907 Binary files /dev/null and b/content/cat.jpg differ diff --git a/content/categories/_index.md b/content/categories/_index.md new file mode 100644 index 0000000..2a3b1b8 --- /dev/null +++ b/content/categories/_index.md @@ -0,0 +1,8 @@ +--- +title: "Categories" +draft: false +type: taxonomies +layout: "home" +--- + +Our Categories Collection \ No newline at end of file diff --git a/content/categories/css/_index.md b/content/categories/css/_index.md new file mode 100644 index 0000000..b5be71c --- /dev/null +++ b/content/categories/css/_index.md @@ -0,0 +1,4 @@ +--- +title: "CSS" +draft: false +--- diff --git a/content/categories/javascript/_index.md b/content/categories/javascript/_index.md new file mode 100644 index 0000000..93ca412 --- /dev/null +++ b/content/categories/javascript/_index.md @@ -0,0 +1,6 @@ +--- +title: "JavaScript" +draft: false +--- + +Description \ No newline at end of file diff --git a/content/categories/uncategories/_index.md b/content/categories/uncategories/_index.md new file mode 100644 index 0000000..6714638 --- /dev/null +++ b/content/categories/uncategories/_index.md @@ -0,0 +1,5 @@ +--- +title: "Uncategories" +draft: false +--- +Description \ No newline at end of file diff --git a/content/cuatro-libertades.png b/content/cuatro-libertades.png new file mode 100644 index 0000000..71baf78 Binary files /dev/null and b/content/cuatro-libertades.png differ diff --git a/content/estructura.org b/content/estructura.org new file mode 100644 index 0000000..0e83f4c --- /dev/null +++ b/content/estructura.org @@ -0,0 +1,7 @@ +* ¿Cómo comienzo a usar software libre? +Es tu primera vez +** Acércate a las comunidades de software libre +Explicar el por qué +*** Grupos de usuarios de linux +** Hazlo tú mismo +Agarrar distro, meterse a los canales oficiales de la distro, buscar software diff --git a/content/licencias_libres.png b/content/licencias_libres.png new file mode 100644 index 0000000..42e0ab7 Binary files /dev/null and b/content/licencias_libres.png differ diff --git a/content/posts/_index.md b/content/posts/_index.md new file mode 100644 index 0000000..e39dc0f --- /dev/null +++ b/content/posts/_index.md @@ -0,0 +1,5 @@ +--- +title: "Post" +header: "Latest Posts" # Optional +--- +See What I’ve Written Lately \ No newline at end of file diff --git a/content/posts/markdown-cheat-sheet/cat.jpg b/content/posts/markdown-cheat-sheet/cat.jpg new file mode 100644 index 0000000..f08b907 Binary files /dev/null and b/content/posts/markdown-cheat-sheet/cat.jpg differ diff --git a/content/posts/markdown-cheat-sheet/index.md b/content/posts/markdown-cheat-sheet/index.md new file mode 100644 index 0000000..fc6acdf --- /dev/null +++ b/content/posts/markdown-cheat-sheet/index.md @@ -0,0 +1,190 @@ +--- +title: "Markdown Cheat Sheet" +draft: false +date: 2022-08-27T09:16:45.000Z +description: "Markdown is a powerful tool for creating rich text using a plain text editor. This cheatsheet is a quick reference for Markdown syntax." +categories: + - Hello +tags: + - Hello + - WhatsApp +--- + +This Markdown cheat sheet **provides** a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic _syntax_ and extended syntax. + +# Headings + +--- + +# Heading 1 + +## Heading 2 + +### Heading 3 + +#### Heading 4 + +##### Heading 5 + +###### Heading 6 + +# Emphasis + +--- + +Emphasis, aka italics, with asterisks or underscores. **Strong emphasis**, aka bold, with asterisks or underscores. Combined emphasis with asterisks and underscores. ~~Strikethrough~~ with two tildes. **_Bold and nested italic_**. **_All bold and italic_**. **_*Bold and italic nested*_**. + +# Images + +--- + +{{< img + src="cat.jpg" + alt="Cat" + caption="This is the default position of a figcaption, but it can be centered or at the end." >}} + +# Lists + +--- + +## Ordered: + +1. First ordered list item +2. Another item +3. Actual numbers don't matter, just that it's a number + 1. 1st. + 1. 2nd. + 1. 3rd. + +## Unordered: + +- This is a list item + - This is a nested list item + - This is a nested list item + - This is another list item +- This is another list item + +## Task: + +{{< task-list >}} + +- [x] Write the press release +- [ ] Update the website +- [ ] Contact the media + +# Links + +--- + +[This is a link](https://www.example.com). + +[This link](https://www.example.com "Link Title") has a title attribute. + +# Tables + +--- + +| Syntax | Description | +| --------- | ----------- | +| Header | Title | +| Paragraph | Text | + +# Blockquotes + +--- + +> Blockquotes are very handy in email to emulate reply text. This line is part of the same quote. + +You can reference a footnote like this. + +> All generalizations are false, including this one. — Mark Twain. [^1] + +[^1]: https://www.brainyquote.com/quotes/mark_twain_137872. + +# Code + +--- + +Inline `code` has `back-ticks around` it. + +```javascript +var s = "JavaScript syntax highlighting"; +alert(s); +``` + +```python +s = "Python syntax highlighting" +print(s) +``` + +```plain +No language indicated, so no syntax highlighting. +But let's throw in a tag. +``` + +You can remove line numbers, change the highlighting theme, and more. See [Syntax Highlighting](https://gohugo.io/content-management/syntax-highlighting/) and [Highlight](https://gohugo.io/getting-started/configuration-markup/#highlight/). + +```c {lineNos=false} +#include + +int main() +{ + printf("Hello, World!\n"); + return 0; +} +``` + +# Alerts + +--- + +{{< alert info "Optional title" >}} +This is an info alert. +{{< /alert >}} + +{{< alert warning "Optional title" >}} +This is a warning alert. +{{< /alert >}} + +{{< alert error "Optional title" >}} +This is an error alert. +{{< /alert >}} + +{{< alert success "Optional title" >}} +This is a success alert. +{{< /alert >}} + +# Math + +--- + +You can use LaTeX-style math with `$` and `$$` delimiters. For example, `$x^2$` renders as $x^2$, and `$$\frac{x}{y}$$` renders as: $$\frac{x}{y}$$ + +We can throw this scary-looking equation at you: + +$$ +\frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\ldots} } } } +$$ + +# Horizontal Rules + +--- + +Three or more... Hyphens `---`, Asterisks `***`, or Underscores `___`. + +--- + +--- + +--- + +# Miscellaneous + +--- + +Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use `hover:scroll-auto` to only ~~The world is flat.~~ +apply the scroll-auto utility on hover. + +term +: definition +: another definition diff --git a/content/tags/_index.md b/content/tags/_index.md new file mode 100644 index 0000000..86f3bdb --- /dev/null +++ b/content/tags/_index.md @@ -0,0 +1,8 @@ +--- +title: "Tags" +draft: false +type: taxonomies +layout: "home" +--- + +Our Tags Collection \ No newline at end of file diff --git a/i18n/en.toml b/i18n/en.toml new file mode 100644 index 0000000..f5a9a69 --- /dev/null +++ b/i18n/en.toml @@ -0,0 +1,17 @@ +[latestPosts] + other = 'Latest posts' + +[readMore] + other = 'Read more' + +[summary] + other = 'Summary' + +[estimatedReadingTime] + other = 'Estimated reading time: %d minutes' + +[404_title] + other = 'Page not found' + +[404_text] + other = "Looks like you've followed a broken link or entered a URL that doesn't exist on this site." \ No newline at end of file diff --git a/i18n/pt.toml b/i18n/pt.toml new file mode 100644 index 0000000..a1d572a --- /dev/null +++ b/i18n/pt.toml @@ -0,0 +1,17 @@ +[latestPosts] + other = 'Últimas publicações' + +[readMore] + other = 'Ler mais' + +[summary] + other = 'Sumário' + +[estimatedReadingTime] + other = 'Tempo estimado de leitura: %d minutos' + +[404_title] + other = 'Página não encontrada' + +[404_text] + other = 'Parece que você seguiu um link quebrado ou inseriu um URL que não existe neste site.' \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..6d63215 --- /dev/null +++ b/package.json @@ -0,0 +1,28 @@ +{ + "name": "lowkey", + "author": "Nixentric", + "homepage": "https://github.com/nixentric/Lowkey-Hugo-Theme#readme", + "license": "MIT", + "version": "1.1.0", + "description": "A Clean and Simple Hugo theme inspired by Adam Wathan's (https://adamwathan.me/) Website.", + "main": "index.js", + "scripts": { + "dev": "hugo server", + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/nixentric/Lowkey-Hugo-Theme.git" + }, + "keywords": ["hugo", "hugo-themes", "clean-themes"], + "bugs": { + "url": "https://github.com/nixentric/Lowkey-Hugo-Theme/issues" + }, + "devDependencies": { + "autoprefixer": "^10.4.13", + "cssnano": "^5.1.14", + "postcss": "^8.4.20", + "postcss-cli": "^10.1.0", + "tailwindcss": "^3.2.4" + } +} diff --git a/public/404.html b/public/404.html new file mode 100644 index 0000000..daf9ffc --- /dev/null +++ b/public/404.html @@ -0,0 +1,164 @@ + + + + + + + +404 Page not found + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ +
+
+

+
+ +
+

+
+
+ + +
+ + diff --git a/public/cat.jpg b/public/cat.jpg new file mode 100644 index 0000000..f08b907 Binary files /dev/null and b/public/cat.jpg differ diff --git a/public/categories/css/index.html b/public/categories/css/index.html new file mode 100644 index 0000000..11bcc36 --- /dev/null +++ b/public/categories/css/index.html @@ -0,0 +1,173 @@ + + + + + + + +CSS + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ + + + +
+

+ + CSS + +

+ + +
+ +
+ +
+ + + + +
+ + diff --git a/public/categories/css/index.xml b/public/categories/css/index.xml new file mode 100644 index 0000000..464833d --- /dev/null +++ b/public/categories/css/index.xml @@ -0,0 +1,12 @@ + + + + CSS on Deja el 10 + http://localhost:1313/categories/css/ + Recent content in CSS on Deja el 10 + Hugo + en-US + {year} + + + diff --git a/public/categories/css/page/1/index.html b/public/categories/css/page/1/index.html new file mode 100644 index 0000000..1b439c2 --- /dev/null +++ b/public/categories/css/page/1/index.html @@ -0,0 +1,9 @@ + + + + http://localhost:1313/categories/css/ + + + + + diff --git a/public/categories/hello/index.html b/public/categories/hello/index.html new file mode 100644 index 0000000..e7d66f8 --- /dev/null +++ b/public/categories/hello/index.html @@ -0,0 +1,204 @@ + + + + + + + +Hello + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ + + + +
+

+ + Hello + +

+ + +
+ +
+ +
+

+ Markdown Cheat Sheet +

+ + + + + +
+ + Markdown is a powerful tool for creating rich text using a plain text editor. This cheatsheet is a quick reference for Markdown syntax. + +
+ + +
+ + +
+ + + + +
+ + diff --git a/public/categories/hello/index.xml b/public/categories/hello/index.xml new file mode 100644 index 0000000..589ec93 --- /dev/null +++ b/public/categories/hello/index.xml @@ -0,0 +1,20 @@ + + + + Hello on Deja el 10 + http://localhost:1313/categories/hello/ + Recent content in Hello on Deja el 10 + Hugo + en-US + {year} + Sat, 27 Aug 2022 09:16:45 +0000 + + + Markdown Cheat Sheet + http://localhost:1313/posts/markdown-cheat-sheet/ + Sat, 27 Aug 2022 09:16:45 +0000 + http://localhost:1313/posts/markdown-cheat-sheet/ + <p>This Markdown cheat sheet <strong>provides</strong> a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic <em>syntax</em> and extended syntax.</p> + + + diff --git a/public/categories/hello/page/1/index.html b/public/categories/hello/page/1/index.html new file mode 100644 index 0000000..4200f11 --- /dev/null +++ b/public/categories/hello/page/1/index.html @@ -0,0 +1,9 @@ + + + + http://localhost:1313/categories/hello/ + + + + + diff --git a/public/categories/index.html b/public/categories/index.html new file mode 100644 index 0000000..967d173 --- /dev/null +++ b/public/categories/index.html @@ -0,0 +1,296 @@ + + + + + + + +Categories + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ + + + +
+

+ + Categories + +

+ + +

Our Categories Collection

+ + +
+ +
+ + + + + + + + + + + + + +
+ + + + +
+ + diff --git a/public/categories/index.xml b/public/categories/index.xml new file mode 100644 index 0000000..9f190fe --- /dev/null +++ b/public/categories/index.xml @@ -0,0 +1,41 @@ + + + + Categories on Deja el 10 + http://localhost:1313/categories/ + Recent content in Categories on Deja el 10 + Hugo + en-US + {year} + Sat, 27 Aug 2022 09:16:45 +0000 + + + Hello + http://localhost:1313/categories/hello/ + Sat, 27 Aug 2022 09:16:45 +0000 + http://localhost:1313/categories/hello/ + + + + CSS + http://localhost:1313/categories/css/ + Mon, 01 Jan 0001 00:00:00 +0000 + http://localhost:1313/categories/css/ + + + + JavaScript + http://localhost:1313/categories/javascript/ + Mon, 01 Jan 0001 00:00:00 +0000 + http://localhost:1313/categories/javascript/ + <p>Description</p> + + + Uncategories + http://localhost:1313/categories/uncategories/ + Mon, 01 Jan 0001 00:00:00 +0000 + http://localhost:1313/categories/uncategories/ + <p>Description</p> + + + diff --git a/public/categories/javascript/index.html b/public/categories/javascript/index.html new file mode 100644 index 0000000..29330c6 --- /dev/null +++ b/public/categories/javascript/index.html @@ -0,0 +1,176 @@ + + + + + + + +JavaScript + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ + + + +
+

+ + JavaScript + +

+ + +

Description

+ + +
+ +
+ +
+ + + + +
+ + diff --git a/public/categories/javascript/index.xml b/public/categories/javascript/index.xml new file mode 100644 index 0000000..7cc5733 --- /dev/null +++ b/public/categories/javascript/index.xml @@ -0,0 +1,12 @@ + + + + JavaScript on Deja el 10 + http://localhost:1313/categories/javascript/ + Recent content in JavaScript on Deja el 10 + Hugo + en-US + {year} + + + diff --git a/public/categories/javascript/page/1/index.html b/public/categories/javascript/page/1/index.html new file mode 100644 index 0000000..11e3c87 --- /dev/null +++ b/public/categories/javascript/page/1/index.html @@ -0,0 +1,9 @@ + + + + http://localhost:1313/categories/javascript/ + + + + + diff --git a/public/categories/page/1/index.html b/public/categories/page/1/index.html new file mode 100644 index 0000000..e4664f3 --- /dev/null +++ b/public/categories/page/1/index.html @@ -0,0 +1,9 @@ + + + + http://localhost:1313/categories/ + + + + + diff --git a/public/categories/uncategories/index.html b/public/categories/uncategories/index.html new file mode 100644 index 0000000..2942d3f --- /dev/null +++ b/public/categories/uncategories/index.html @@ -0,0 +1,176 @@ + + + + + + + +Uncategories + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ + + + +
+

+ + Uncategories + +

+ + +

Description

+ + +
+ +
+ +
+ + + + +
+ + diff --git a/public/categories/uncategories/index.xml b/public/categories/uncategories/index.xml new file mode 100644 index 0000000..eb79866 --- /dev/null +++ b/public/categories/uncategories/index.xml @@ -0,0 +1,12 @@ + + + + Uncategories on Deja el 10 + http://localhost:1313/categories/uncategories/ + Recent content in Uncategories on Deja el 10 + Hugo + en-US + {year} + + + diff --git a/public/categories/uncategories/page/1/index.html b/public/categories/uncategories/page/1/index.html new file mode 100644 index 0000000..79da398 --- /dev/null +++ b/public/categories/uncategories/page/1/index.html @@ -0,0 +1,9 @@ + + + + http://localhost:1313/categories/uncategories/ + + + + + diff --git a/public/css/app.css b/public/css/app.css new file mode 100644 index 0000000..01eef76 --- /dev/null +++ b/public/css/app.css @@ -0,0 +1,1379 @@ +*, ::before, ::after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +}/* +! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com +*//* +1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) +2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) +*/ + +*, +::before, +::after { + box-sizing: border-box; /* 1 */ + border-width: 0; /* 2 */ + border-style: solid; /* 2 */ + border-color: #e5e7eb; /* 2 */ +} + +::before, +::after { + --tw-content: ''; +} + +/* +1. Use a consistent sensible line-height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +3. Use a more readable tab size. +4. Use the user's configured `sans` font-family by default. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS +*/ + +html, +:host { + line-height: 1.5; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -moz-tab-size: 4; /* 3 */ + -o-tab-size: 4; + tab-size: 4; /* 3 */ + font-family: "Inter", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; /* 4 */ + font-feature-settings: normal; /* 5 */ + font-variation-settings: normal; /* 6 */ + -webkit-tap-highlight-color: transparent; /* 7 */ +} + +/* +1. Remove the margin in all browsers. +2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. +*/ + +body { + margin: 0; /* 1 */ + line-height: inherit; /* 2 */ +} + +/* +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +3. Ensure horizontal rules are visible by default. +*/ + +hr { + height: 0; /* 1 */ + color: inherit; /* 2 */ + border-top-width: 1px; /* 3 */ +} + +/* +Add the correct text decoration in Chrome, Edge, and Safari. +*/ + +abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +/* +Remove the default font size and weight for headings. +*/ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +/* +Reset links to optimize for opt-in styling instead of opt-out. +*/ + +a { + color: inherit; + text-decoration: inherit; +} + +/* +Add the correct font weight in Edge and Safari. +*/ + +b, +strong { + font-weight: bolder; +} + +/* +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-feature-settings: normal; /* 2 */ + font-variation-settings: normal; /* 3 */ + font-size: 1em; /* 4 */ +} + +/* +Add the correct font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/* +Prevent `sub` and `sup` elements from affecting the line height in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +3. Remove gaps between table borders by default. +*/ + +table { + text-indent: 0; /* 1 */ + border-color: inherit; /* 2 */ + border-collapse: collapse; /* 3 */ +} + +/* +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +3. Remove default padding in all browsers. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-feature-settings: inherit; /* 1 */ + font-variation-settings: inherit; /* 1 */ + font-size: 100%; /* 1 */ + font-weight: inherit; /* 1 */ + line-height: inherit; /* 1 */ + letter-spacing: inherit; /* 1 */ + color: inherit; /* 1 */ + margin: 0; /* 2 */ + padding: 0; /* 3 */ +} + +/* +Remove the inheritance of text transform in Edge and Firefox. +*/ + +button, +select { + text-transform: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Remove default button styles. +*/ + +button, +input:where([type='button']), +input:where([type='reset']), +input:where([type='submit']) { + -webkit-appearance: button; /* 1 */ + background-color: transparent; /* 2 */ + background-image: none; /* 2 */ +} + +/* +Use the modern Firefox focus style for all focusable elements. +*/ + +:-moz-focusring { + outline: auto; +} + +/* +Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) +*/ + +:-moz-ui-invalid { + box-shadow: none; +} + +/* +Add the correct vertical alignment in Chrome and Firefox. +*/ + +progress { + vertical-align: baseline; +} + +/* +Correct the cursor style of increment and decrement buttons in Safari. +*/ + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/* +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ + +[type='search'] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/* +Remove the inner padding in Chrome and Safari on macOS. +*/ + +::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to `inherit` in Safari. +*/ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* +Add the correct display in Chrome and Safari. +*/ + +summary { + display: list-item; +} + +/* +Removes the default spacing and border for appropriate elements. +*/ + +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} + +fieldset { + margin: 0; + padding: 0; +} + +legend { + padding: 0; +} + +ol, +ul, +menu { + list-style: none; + margin: 0; + padding: 0; +} + +/* +Reset default styling for dialogs. +*/ +dialog { + padding: 0; +} + +/* +Prevent resizing textareas horizontally by default. +*/ + +textarea { + resize: vertical; +} + +/* +1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) +2. Set the default placeholder color to the user's configured gray 400 color. +*/ + +input::-moz-placeholder, textarea::-moz-placeholder { + opacity: 1; /* 1 */ + color: #9ca3af; /* 2 */ +} + +input::placeholder, +textarea::placeholder { + opacity: 1; /* 1 */ + color: #9ca3af; /* 2 */ +} + +/* +Set the default cursor for buttons. +*/ + +button, +[role="button"] { + cursor: pointer; +} + +/* +Make sure disabled buttons don't get the pointer cursor. +*/ +:disabled { + cursor: default; +} + +/* +1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) +2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) + This can trigger a poorly considered lint error in some tools but is included by design. +*/ + +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; /* 1 */ + vertical-align: middle; /* 2 */ +} + +/* +Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) +*/ + +img, +video { + max-width: 100%; + height: auto; +} + +/* Make elements with the HTML hidden attribute stay hidden by default */ +[hidden]:where(:not([hidden="until-found"])) { + display: none; +} + /* inter-100 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 100; + src: local(''), + url('../fonts/inter-v12-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-200 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 200; + src: local(''), + url('../fonts/inter-v12-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-300 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 300; + src: local(''), + url('../fonts/inter-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-regular - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 400; + src: local(''), + url('../fonts/inter-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-500 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 500; + src: local(''), + url('../fonts/inter-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-600 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 600; + src: local(''), + url('../fonts/inter-v12-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-700 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 700; + src: local(''), + url('../fonts/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-800 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 800; + src: local(''), + url('../fonts/inter-v12-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-900 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 900; + src: local(''), + url('../fonts/inter-v12-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + body { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); + text-align: justify; + font-size: 1.125rem; + line-height: 1.75rem; + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); +} + + body:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} + + h1, h2, h3, h4, h5, h6 { + margin-bottom: 1.25rem; + padding-top: 0.5rem; + font-weight: 700; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} + + h1:is(.dark *), h2:is(.dark *), h3:is(.dark *), h4:is(.dark *), h5:is(.dark *), h6:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} + + h1 { + font-size: 2.25rem; + line-height: 2.5rem; +} + + h2 { + font-size: 1.875rem; + line-height: 2.5rem; +} + + h3 { + font-size: 1.5rem; + line-height: 2rem; +} + + h4 { + font-size: 1.25rem; + line-height: 1.75rem; +} + + h5 { + font-size: 1.125rem; + line-height: 1.75rem; +} + + h6 { + font-size: 1rem; + line-height: 1.5rem; +} + + hr { + --tw-border-opacity: 1; + border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); +} + + hr:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); +} + + p, hr, pre, dl { + margin-bottom: 1.25rem; + text-align: justify; +} + + article > h1 { + margin-bottom: 0.25rem; +} + + code { + border-radius: 0.5rem; + border-width: 1px; + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); + padding-left: 0.5rem; + padding-right: 0.5rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + font-size: 0.875rem; + line-height: 1.25rem; +} + + code:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); +} + + pre { + overflow: auto; + border-radius: 0.5rem; + border-width: 1px; + padding: 1.25rem; + font-size: 1rem; + line-height: 1.5rem; +} + + pre:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); +} + + pre code { + border-width: 0px; + background-color: transparent; + padding-left: 0px; + padding-right: 0px; +} + + figure { + margin-bottom: 1.25rem; +} + + figcaption { + margin-top: 0.5rem; + font-size: 1rem; + line-height: 1.5rem; + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} + + figcaption:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} + + blockquote { + margin-bottom: 1.25rem; + border-left-width: 4px; + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); + padding-left: 1rem; + font-size: 1.25rem; + line-height: 1.75rem; + font-style: italic; + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} + + blockquote:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} + + ul, ol { + margin-bottom: 1.25rem; + margin-left: 1.5rem; +} + + ol { + list-style-type: decimal; +} + + ul { + list-style-type: disc; +} + + nav ul, footer ul { + margin-left: 0px; + list-style-type: none; +} + + header h1 { + margin-bottom: 0px; +} + + table { + margin-bottom: 1.25rem; + width: 100%; + border-collapse: separate; + --tw-border-spacing-x: 0px; + --tw-border-spacing-y: 0px; + border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); + border-radius: 0.375rem; + border-width: 1px; +} + + thead th { + border-bottom-width: 2px; + border-right-width: 1px; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + padding-right: 0.75rem; +} + + thead th:last-child { + border-right-width: 0px; +} + + tbody td { + border-bottom-width: 1px; + border-right-width: 1px; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + font-size: 1rem; + line-height: 1.5rem; +} + + tbody td:last-child { + border-right-width: 0px; +} + + tbody tr:last-child td { + border-bottom-width: 0px; +} + + dt { + font-weight: 700; + font-style: italic; +} + + dd { + padding-left: 2.5rem; +} + + header nav > ul { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 1.75rem; + font-size: 0.75rem; + line-height: 1rem; + font-weight: 600; + text-transform: uppercase; +} + + nav a, footer a { + font-weight: 600; + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} + + nav a:hover, footer a:hover { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} + + nav a:is(.dark *), footer a:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} + + nav a:hover:is(.dark *), footer a:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); +} + + footer { + font-size: 0.75rem; + line-height: 1rem; +} +.order-1 { + order: 1; +} +.order-2 { + order: 2; +} +.mx-auto { + margin-left: auto; + margin-right: auto; +} +.mb-5 { + margin-bottom: 1.25rem; +} +.mt-2 { + margin-top: 0.5rem; +} +.block { + display: block; +} +.flex { + display: flex; +} +.grid { + display: grid; +} +.h-4 { + height: 1rem; +} +.h-full { + height: 100%; +} +.w-4 { + width: 1rem; +} +.w-full { + width: 100%; +} +.max-w-screen-md { + max-width: 768px; +} +.flex-none { + flex: none; +} +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} +.flex-row { + flex-direction: row; +} +.flex-col { + flex-direction: column; +} +.items-center { + align-items: center; +} +.justify-end { + justify-content: flex-end; +} +.justify-center { + justify-content: center; +} +.gap-1 { + gap: 0.25rem; +} +.gap-10 { + gap: 2.5rem; +} +.gap-2 { + gap: 0.5rem; +} +.gap-3 { + gap: 0.75rem; +} +.gap-5 { + gap: 1.25rem; +} +.overflow-hidden { + overflow: hidden; +} +.scroll-smooth { + scroll-behavior: smooth; +} +.stroke-2 { + stroke-width: 2; +} +.px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; +} +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} +.pb-10 { + padding-bottom: 2.5rem; +} +.pb-14 { + padding-bottom: 3.5rem; +} +.pt-16 { + padding-top: 4rem; +} +.pt-5 { + padding-top: 1.25rem; +} +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} +.text-xs { + font-size: 0.75rem; + line-height: 1rem; +} +.font-extrabold { + font-weight: 800; +} +.font-normal { + font-weight: 400; +} +.font-semibold { + font-weight: 600; +} +.text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} +nav a.active { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +nav a.active:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); +} +/* Content overrides */ +#content { + line-height: 1.5; +} +#content a { + font-weight: 700; + --tw-text-opacity: 1; + color: rgb(4 120 87 / var(--tw-text-opacity, 1)); + text-decoration-line: underline; +} +#content a:hover { + --tw-text-opacity: 1; + color: rgb(5 150 105 / var(--tw-text-opacity, 1)); +} +#content a:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(110 231 183 / var(--tw-text-opacity, 1)); +} +#content a:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(167 243 208 / var(--tw-text-opacity, 1)); +} +#content .date { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 600; + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} +#content h1 > a { + font-size: 1.25rem; + line-height: 1.75rem; + font-weight: 700; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); + text-decoration-line: none; +} +#content h1 > a:hover { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); + text-decoration-line: underline; +} +#content h1 > a:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +#content h1 > a:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); +} +#content .meta { + margin-top: 0.5rem; + display: flex; + gap: 0.75rem; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 600; + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} +#content .meta:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} +#content .meta a { + text-decoration-line: none; +} +#content .description { + font-size: 1rem; + line-height: 1.5rem; + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity, 1)); +} +#content .description:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +#content .read-more { + display: inline-flex; + align-items: center; + gap: 0.5rem; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 600; + --tw-text-opacity: 1; + color: rgb(4 120 87 / var(--tw-text-opacity, 1)); + text-decoration-line: none; +} +#content .read-more:hover { + --tw-text-opacity: 1; + color: rgb(5 150 105 / var(--tw-text-opacity, 1)); +} +#content .read-more:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(110 231 183 / var(--tw-text-opacity, 1)); +} +#content .read-more:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(167 243 208 / var(--tw-text-opacity, 1)); +} +#content .alert-box { + margin-bottom: 1.25rem; + border-top-width: 4px; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 1rem; + padding-bottom: 0.25rem; +} +#content .alert-box .alert-title { + margin-bottom: 0.5rem; + padding-top: 0px; + padding-bottom: 0px; + padding-left: 0px; + padding-right: 0px; + font-size: 1.125rem; + line-height: 1.75rem; + font-weight: 600; + color: inherit; +} +#content .alert-box a { + color: inherit; +} +#content .alert-box a:hover { + color: inherit; +} +#content .alert-box .alert-icon { + margin-right: 0.5rem; + height: 1.75rem; + width: 1.75rem; +} +#content .alert-box.warning { + --tw-border-opacity: 1; + border-color: rgb(234 179 8 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(113 63 18 / var(--tw-text-opacity, 1)); +} +#content .alert-box.info { + --tw-border-opacity: 1; + border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(30 58 138 / var(--tw-text-opacity, 1)); +} +#content .alert-box.success { + --tw-border-opacity: 1; + border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(20 83 45 / var(--tw-text-opacity, 1)); +} +#content .alert-box.error { + --tw-border-opacity: 1; + border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(127 29 29 / var(--tw-text-opacity, 1)); +} +#content .table-of-contents { + border-radius: 0.5rem; + border-width: 1px; + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); + padding: 1rem; + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); +} +#content .table-of-contents:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +#content .table-of-contents #TableOfContents ul { + margin-left: 1rem; + list-style-position: inside; + list-style-type: decimal; +} +#content .table-of-contents #TableOfContents ul li { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + font-size: 1rem; + line-height: 1.5rem; +} +#content .table-of-contents #TableOfContents ul li a { + font-weight: 400; + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); + text-decoration-line: none; +} +#content .table-of-contents #TableOfContents ul li a:hover { + --tw-text-opacity: 1; + color: rgb(5 150 105 / var(--tw-text-opacity, 1)); + text-decoration-line: underline; +} +#content .table-of-contents #TableOfContents ul li a:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +#content .table-of-contents #TableOfContents ul li a:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(167 243 208 / var(--tw-text-opacity, 1)); +} +#content .pagination-button { + display: inline-flex; + align-items: center; + gap: 0.5rem; + border-radius: 0.375rem; + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); + padding-left: 0.75rem; + padding-right: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + font-size: 0.875rem; + line-height: 1.25rem; + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); + text-decoration-line: none; +} +#content .pagination-button:hover { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +#content .pagination-button:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +#content .pagination-button:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); +} +#content .taxonomy-list { + margin-left: 0px; + display: flex; + list-style-type: none; + flex-direction: row; + flex-wrap: wrap; + -moz-column-gap: 0.5rem; + column-gap: 0.5rem; + row-gap: 1.5rem; +} +#content .taxonomy-list a { + border-radius: 0.5rem; + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + font-size: 1rem; + line-height: 1.5rem; + font-weight: 400; + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity, 1)); + text-decoration-line: none; +} +#content .taxonomy-list a:hover { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); +} +#content .taxonomy-list a:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} +#content .taxonomy-list a:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); +} +#content .tags-list { + row-gap: 0.5rem; +} +#content span.task-list + ul { + list-style-type: none; +} +/* Misc */ +#site-title { + text-align: center; + font-size: 2.25rem; + line-height: 2.5rem; + font-weight: 800; + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity, 1)); +} +#site-title:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); +} +@media (min-width: 640px) { + + #site-title { + text-align: left; + } +} +.header { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; +} +.header .toggle-theme { + height: 1.5rem; + width: 1.5rem; +} +.title-large { + font-size: 2.25rem; + line-height: 2.5rem; + font-weight: 700; + line-height: 1.375; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +.title-large:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +.title-small { + font-size: 1.5rem; + line-height: 2rem; + font-weight: 800; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +.title-small:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +@media (min-width: 640px) { + + .sm\:order-1 { + order: 1; + } + + .sm\:order-2 { + order: 2; + } + + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + + .sm\:flex-row { + flex-direction: row; + } + + .sm\:justify-end { + justify-content: flex-end; + } + + .sm\:gap-10 { + gap: 2.5rem; + } +} \ No newline at end of file diff --git a/public/cuatro-libertades.png b/public/cuatro-libertades.png new file mode 100644 index 0000000..71baf78 Binary files /dev/null and b/public/cuatro-libertades.png differ diff --git a/public/estructura/index.html b/public/estructura/index.html new file mode 100644 index 0000000..b465e34 --- /dev/null +++ b/public/estructura/index.html @@ -0,0 +1,227 @@ + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ +
+
+

+ +
+ + + + + +
+
+ + + +
+
+

+¿Cómo comienzo a usar software libre? +

+
+

Es tu primera vez

+
+

+Acércate a las comunidades de software libre +

+
+

Explicar el por qué

+
+

+Grupos de usuarios de linux +

+
+
+
+
+

+Hazlo tú mismo +

+
+

Agarrar distro, meterse a los canales oficiales de la distro, buscar software

+
+
+
+
+
+ + + + + + + + + +
+ +
+
+ + +
+ + diff --git a/public/fonts/inter-v12-latin-100.woff b/public/fonts/inter-v12-latin-100.woff new file mode 100644 index 0000000..ae5e660 Binary files /dev/null and b/public/fonts/inter-v12-latin-100.woff differ diff --git a/public/fonts/inter-v12-latin-100.woff2 b/public/fonts/inter-v12-latin-100.woff2 new file mode 100644 index 0000000..1ef2357 Binary files /dev/null and b/public/fonts/inter-v12-latin-100.woff2 differ diff --git a/public/fonts/inter-v12-latin-200.woff b/public/fonts/inter-v12-latin-200.woff new file mode 100644 index 0000000..30ec28e Binary files /dev/null and b/public/fonts/inter-v12-latin-200.woff differ diff --git a/public/fonts/inter-v12-latin-200.woff2 b/public/fonts/inter-v12-latin-200.woff2 new file mode 100644 index 0000000..ca591ae Binary files /dev/null and b/public/fonts/inter-v12-latin-200.woff2 differ diff --git a/public/fonts/inter-v12-latin-300.woff b/public/fonts/inter-v12-latin-300.woff new file mode 100644 index 0000000..f3fe81e Binary files /dev/null and b/public/fonts/inter-v12-latin-300.woff differ diff --git a/public/fonts/inter-v12-latin-300.woff2 b/public/fonts/inter-v12-latin-300.woff2 new file mode 100644 index 0000000..e085aa8 Binary files /dev/null and b/public/fonts/inter-v12-latin-300.woff2 differ diff --git a/public/fonts/inter-v12-latin-500.woff b/public/fonts/inter-v12-latin-500.woff new file mode 100644 index 0000000..19c7bf8 Binary files /dev/null and b/public/fonts/inter-v12-latin-500.woff differ diff --git a/public/fonts/inter-v12-latin-500.woff2 b/public/fonts/inter-v12-latin-500.woff2 new file mode 100644 index 0000000..6fc94ad Binary files /dev/null and b/public/fonts/inter-v12-latin-500.woff2 differ diff --git a/public/fonts/inter-v12-latin-600.woff b/public/fonts/inter-v12-latin-600.woff new file mode 100644 index 0000000..b606a87 Binary files /dev/null and b/public/fonts/inter-v12-latin-600.woff differ diff --git a/public/fonts/inter-v12-latin-600.woff2 b/public/fonts/inter-v12-latin-600.woff2 new file mode 100644 index 0000000..bc76d10 Binary files /dev/null and b/public/fonts/inter-v12-latin-600.woff2 differ diff --git a/public/fonts/inter-v12-latin-700.woff b/public/fonts/inter-v12-latin-700.woff new file mode 100644 index 0000000..097e23e Binary files /dev/null and b/public/fonts/inter-v12-latin-700.woff differ diff --git a/public/fonts/inter-v12-latin-700.woff2 b/public/fonts/inter-v12-latin-700.woff2 new file mode 100644 index 0000000..8fcc432 Binary files /dev/null and b/public/fonts/inter-v12-latin-700.woff2 differ diff --git a/public/fonts/inter-v12-latin-800.woff b/public/fonts/inter-v12-latin-800.woff new file mode 100644 index 0000000..83d445c Binary files /dev/null and b/public/fonts/inter-v12-latin-800.woff differ diff --git a/public/fonts/inter-v12-latin-800.woff2 b/public/fonts/inter-v12-latin-800.woff2 new file mode 100644 index 0000000..27db054 Binary files /dev/null and b/public/fonts/inter-v12-latin-800.woff2 differ diff --git a/public/fonts/inter-v12-latin-900.woff b/public/fonts/inter-v12-latin-900.woff new file mode 100644 index 0000000..aa007e6 Binary files /dev/null and b/public/fonts/inter-v12-latin-900.woff differ diff --git a/public/fonts/inter-v12-latin-900.woff2 b/public/fonts/inter-v12-latin-900.woff2 new file mode 100644 index 0000000..b1c208a Binary files /dev/null and b/public/fonts/inter-v12-latin-900.woff2 differ diff --git a/public/fonts/inter-v12-latin-regular.woff b/public/fonts/inter-v12-latin-regular.woff new file mode 100644 index 0000000..1866261 Binary files /dev/null and b/public/fonts/inter-v12-latin-regular.woff differ diff --git a/public/fonts/inter-v12-latin-regular.woff2 b/public/fonts/inter-v12-latin-regular.woff2 new file mode 100644 index 0000000..c659f5e Binary files /dev/null and b/public/fonts/inter-v12-latin-regular.woff2 differ diff --git a/public/icons/favicon.ico b/public/icons/favicon.ico new file mode 100644 index 0000000..2f2d0ee Binary files /dev/null and b/public/icons/favicon.ico differ diff --git a/public/img/logo.png b/public/img/logo.png new file mode 100644 index 0000000..68261c9 Binary files /dev/null and b/public/img/logo.png differ diff --git a/public/img/logo_hu_1e742a0cf5440f6b.png b/public/img/logo_hu_1e742a0cf5440f6b.png new file mode 100644 index 0000000..42b381d Binary files /dev/null and b/public/img/logo_hu_1e742a0cf5440f6b.png differ diff --git a/public/img/logo_hu_2c8066fa8f7ec715.png b/public/img/logo_hu_2c8066fa8f7ec715.png new file mode 100644 index 0000000..2535f5e Binary files /dev/null and b/public/img/logo_hu_2c8066fa8f7ec715.png differ diff --git a/public/img/logo_hu_37a8a70505fe4c70.png b/public/img/logo_hu_37a8a70505fe4c70.png new file mode 100644 index 0000000..6184c71 Binary files /dev/null and b/public/img/logo_hu_37a8a70505fe4c70.png differ diff --git a/public/img/logo_hu_5a4c164ec92d2dcd.png b/public/img/logo_hu_5a4c164ec92d2dcd.png new file mode 100644 index 0000000..c419d87 Binary files /dev/null and b/public/img/logo_hu_5a4c164ec92d2dcd.png differ diff --git a/public/img/logo_hu_61e51fc63224717d.png b/public/img/logo_hu_61e51fc63224717d.png new file mode 100644 index 0000000..5a0f00c Binary files /dev/null and b/public/img/logo_hu_61e51fc63224717d.png differ diff --git a/public/img/logo_hu_655818c007821b02.png b/public/img/logo_hu_655818c007821b02.png new file mode 100644 index 0000000..58bab92 Binary files /dev/null and b/public/img/logo_hu_655818c007821b02.png differ diff --git a/public/img/logo_hu_77fbd361584fc6e3.png b/public/img/logo_hu_77fbd361584fc6e3.png new file mode 100644 index 0000000..16fc658 Binary files /dev/null and b/public/img/logo_hu_77fbd361584fc6e3.png differ diff --git a/public/img/logo_hu_8c475e74fd2a3c6.png b/public/img/logo_hu_8c475e74fd2a3c6.png new file mode 100644 index 0000000..78d22d3 Binary files /dev/null and b/public/img/logo_hu_8c475e74fd2a3c6.png differ diff --git a/public/img/logo_hu_95ba2df9678e5a7b.png b/public/img/logo_hu_95ba2df9678e5a7b.png new file mode 100644 index 0000000..eb73296 Binary files /dev/null and b/public/img/logo_hu_95ba2df9678e5a7b.png differ diff --git a/public/img/logo_hu_a9974e0614c2731.png b/public/img/logo_hu_a9974e0614c2731.png new file mode 100644 index 0000000..a6f01cd Binary files /dev/null and b/public/img/logo_hu_a9974e0614c2731.png differ diff --git a/public/img/logo_hu_c7dcc65519697272.png b/public/img/logo_hu_c7dcc65519697272.png new file mode 100644 index 0000000..42792ef Binary files /dev/null and b/public/img/logo_hu_c7dcc65519697272.png differ diff --git a/public/img/logo_hu_fcdc1d7c51851a12.png b/public/img/logo_hu_fcdc1d7c51851a12.png new file mode 100644 index 0000000..b0e065b Binary files /dev/null and b/public/img/logo_hu_fcdc1d7c51851a12.png differ diff --git a/public/img/profile-picture.jpg b/public/img/profile-picture.jpg new file mode 100644 index 0000000..f82e78e Binary files /dev/null and b/public/img/profile-picture.jpg differ diff --git a/public/img/profile-picture_hu_30246a57bda6fc9c.jpg b/public/img/profile-picture_hu_30246a57bda6fc9c.jpg new file mode 100644 index 0000000..0a3f955 Binary files /dev/null and b/public/img/profile-picture_hu_30246a57bda6fc9c.jpg differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..4329326 --- /dev/null +++ b/public/index.html @@ -0,0 +1,618 @@ + + + + + + + + +Deja el 10 + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ +
+

+
+ +

Contexto

+
+

El sistema operativo Microsoft Windows 10 dejó de tener soporte estándar desde el pasado 14 de octubre de 2025 mientras que el soporte extendido (requiere de registro obligatorio) terminará el próximo 13 de octubre de 2026. Lo que significa que todos sus usuarios se encuentra en mayor riesgo, al grado de que estén obligados a comprar nuevo hardware pese a que el actual sea completamente funcional.

+ + + +
+ +

No solo es sobre el soporte

+ +

+ + + + + + +Cualquier software (programa) que no respeta las libertades del usuario, a esto le llamamos privativo, es nocivo para éste y su equipo de computo. + +

+
+ +

Es por eso que el Capítulo Mexicano de Software Libre (CMXSL) pone a tu disposición este sitio a modo de folleto para que estés mejor informado y sobre todo puedas contar con recursos que te permitan dar el gran salto para usar software libre y aprovechar todos sus beneficios.

+ + + +
+ +

Aplica para cualquiera

+ +

+ + + + + + +El contenido de este sitio sirve tanto para usuarios de Windows como usuarios de Mac y demás ambientes privativos. + +

+
+ +

Los miembros del capítulo redactamos este sitio teniendo en mente el contexto, las necesidades y las realidades de México (que en muchos casos tienen similitud con muchos países latioaméricanos) haciendo asequible el lenguaje técnico, simplificando en varios apartados para hacer la literatura más amena, por lo que se recomienda leer de principio a fin el sitio. Pero si cuentas con poco tiempo o prefieres ir directo al grano, puedes saltar directamente al apartado de tu interés en la siguiente lista.

+

Contenido

+ +

¿Cómo te afecta esto?

+
+

Entre las muchas desventajas de la perdida de un soporte, en especial de un sistema privativo, destacan:

+

También eres afectado por terceros

+

Ya no hay razón de que terceros desarrolladores ofrezcan su propio soporte a versiones no soportadas de cualquier sistema operativo. Si cuentas con software privativo de terceros, estás a merced de sus decisiones arbitrarias; estos dejarán de ofrecer el producto (o servicio) a estas versiones del sistema operativo.

+

Perdida de cualquier tipo de garantía

+

Al término del soporte, es muy común que expire la garantía por parte de la empresa que desarrolla el sistema operativo, del fabricante del equipo y de la tienda (o distribuidor) en donde adquiriste tu equipo, sin importar que este sea de reciente adquisición 😱.

+

Malo para tu bolsillo

+

Necesidad de adquirir nuevo equipo para correr el nuevo sistema. +Ojo: Que un sistema operativo requiera un hardware mas reciente (potente) no es sinónimo de “mejor”, hay muchos factores que pueden justificar dicho requisito:

+
    +
  • Mayor consumo de recursos, reflejado en memoria y procesamiento.
  • +
  • Software preinstalado pesado, la mayoría de las veces innecesario.
  • +
  • Realiza actividades fuera de la supervisión del usuario, es decir, trabajar en segundo plano (generalmente recolectando/mandando información sin tu consentimiento).
  • +
+

Obsolescencia programada

+

Un conjunto de prácticas de diseño muy extendido en la industria tecnológica mediante la cual el proveedor de un software o hardware deliberadamente sabotea su propio producto para reducir su tiempo de vida, forzando a los usuarios a cambiar a la nueva versión.

+

Para más información sobre estas malas prácticas, consulta la publicación Obsolescencia programada: diseñados para morir elaborada por la Procuraduría Federal del Consumidor PROFECO.

+

Todos salimos perjudicados

+
    +
  • El sector público que pierde soberanía tecnológica, destinando el presupuesto en la compra de licencias y dejando que entidades transnacionales gestionen información sensible del gobierno y ciudadanos.
  • +
  • El sector privado que pierde competitividad con soluciones poco flexibles en cobertura y costo para renovación de equipos para tareas críticas en un entorno empresarial y económico cada vez más demandante en innovación.
  • +
  • Comunidades enteras, esto incluye desde las más grandes como colectivos, grupos sociales, etc., hasta tu propio vecindario, colonia o distrito.
  • +
  • Los Individuos, el software privativo restringe a cada persona de distintas maneras, desde criminalizar el acto de compartir programas, archivos, hasta restringir la propiedad sobre nuestra informática. ¿Sabías que el software privativo no es de la propiedad del usuario que paga por él, simplemente se le da un permiso de uso (licencia) con o sin fecha de caducidad que puede ser revocable; como un tipo de renta?.
  • +
+

Entra en escena el software libre

+
+

Todos los problemas que surgen con el software y la computación privativa no son nuevos. Desde que se comenzó a masificar el uso del computador personal a finales de los 70s, primero en los países industrializados y extendiéndose poco a poco al resto del mundo, el desarrollo de programas que hasta ese entonces no tenía una noción clara sobre un negocio de “las licencias de uso” que se extendiera mas allá de la fabricación y distribución de computadores (sector históricamente ligado a las patentes — propiedad industrial) cambió radicalmente y lo que antes era legítimo, como compartir y modificar programas, se convirtió de la noche a la mañana en lo peor que la gente podía hacer, inventándose para tal práctica un término tan inexacto y fuera de lugar: Pirata, para etiquetar tanto a usuarios como hackers que se oponen a la criminalización de la libre distribución del conocimiento.

+ + + +
+ +

Un HACKER no es lo mismo que un PIRATA

+ +

+ + + + + + +El primero es un curioso de la informática y el segundo agrede embarcaciones en altamar. + +

+
+ +

Esto motivó a que varios grupos compuestos, sobre todo, de jóvenes universitarios y entusiastas de la computación buscarán una manera de hacer frente al abuso de los grandes industriales y grupos de presión políticos (lobbies) dando origen y forma al movimiento del software libre y los derechos digitales. Uno de estos grupos, que estaba integrado en su mayoría por alumnos y docentes del Instituto Tecnológico de Massachusetts (MIT), definieron que es lo que hace a un software ser libre, es decir, que respete las libertades del usuario, esta definición se generalizó en 4 libertades esenciales.

+

Las 4 libertades

+
    +
  1. Libertad para ejecutar el programa en cualquier sitio, con cualquier propósito y para siempre.
  2. +
  3. Libertad para estudiarlo y adaptarlo a nuestras necesidades. Esto +exige el acceso al código fuente.
  4. +
  5. Libertad de redistribución, de modo que se nos permita colaborar +con vecinos y amigos.
  6. +
  7. Libertad para mejorar el programa y publicar las mejoras. También exige el código fuente.
  8. +
+ + + + + +
+ Cat + + +
+ Un mejor resumen sobre las 4 libertades. +
+ +
+

El proyecto GNU y la Fundación por el Software Libre

+

Tomando las 4 libertades como base fue que un 27 de septiembre de 1983 un hacker del MIT, Richard Stallman, anuncia el Proyecto GNU para la promoción del desarrollo colaborativo de software y conocimiento, en un principio enfocado al desarrollo de un sistema operativo completamente libre, por medio de licencias libres que garantizan el cumplimiento de estas libertades.

+ + + +
+ +

Nacen las licencias libres

+ +

+ + + + + + +El software GNU otorga las 4 libertades en su licencia. + +

+
+ +

Para impulsar el proyecto GNU, difundir y promover el desarrollo de software libre se fundó la Fundación por el Software Libre (FSF por sus siglas en inglés) en 1985. La FSF provee un marco legal y regulatorio que blinda las 4 libertades.

+

¿Como el software libre es la solución?

+

Lo siguiente es un extracto del libro Introducción al software libre que sintetiza de mejor manera su impacto positivo en distintos escenarios.

+

Para el usuario final

+

El usuario final, ya sea individual o empresa, puede encontrar verdadera competencia en un mercado con tendencia al monopolio. En particular, no depende necesariamente del soporte del fabricante del software, ya que puede haber múltiples empresas, quizá pequeñas, que disponiendo del código fuente y de conocimientos, puedan hacer negocio manteniendo determinados programas libres.

+

Ya no se depende tanto de la fiabilidad del fabricante para intentar deducir la calidad de un producto, sino que la guía será la aceptación de la comunidad y la disponibilidad de los códigos fuentes.

+

La evaluación de productos antes de adoptarlos es ahora mucho más sencilla, ya que basta con instalar los productos alternativos en nuestro entorno real y probar.

+

Dada la libertad de modificar el programa para uso propio, el usuario puede personalizarlo o adaptarlo a sus necesidades, corrigiendo errores si los tuviera. También podemos, directamente o contratando servicios, integrar el programa con otro, o auditar su calidad (por ejemplo, la seguridad). El control pasa, en gran medida, del proveedor al usuario.

+

Para la administración pública

+

La administración pública debido a su naturaleza está obligada a ser más respetuosa con los estándares que las empresas privadas y a mantener los datos en formatos abiertos y manipulados con software que no dependa de estrategia de empresas, generalmente extranjeras, certificado como seguro por auditoría interna.

+

La administración tiene una cierta función de escaparate y guía de la industria que la hace tener un gran impacto, que debería dirigirse a la creación de un tejido tecnológico generador de riqueza nacional. Ésta puede crearse fomentando empresas, cuyo negocio sea en parte el desarrollo de nuevo software libre para la administración, o el mantenimiento, adaptación o auditoría del software existente.

+

Para el desarrollador

+

Para el desarrollador y productor de software, la libertad cambia mucho las reglas del juego. Con él le es más fácil competir siendo pequeño y adquirir tecnología punta. Puede aprovecharse del trabajo de los demás, compitiendo incluso con otro producto modificando su +propio código, si bien también el competidor copiado se aprovechará de nuestro código (si es copyleft).

+

Un proyecto puede conseguir la colaboración gratuita de mucha gente, del que el iniciado será la referencia. Asimismo, la distribución es barata y global.

+

Para el integrador

+

Para el integrador el software libre es el paraíso. No más cajas negras que intentar encajar, a menudo con ingeniería inversa. Puede limar asperezas e integrar trozos de programas para conseguir el producto integrado necesario, disponiendo de un acervo ingente de software libre de donde extraer las piezas.

+

Para el que proporciona mantenimiento y servicios

+

Disponer del código fuente lo cambia todo, situándonos casi en las mismas condiciones que el productor. Y no son las mismas porque hace falta un conocimiento profundo del programa que sólo el desarrollador posee, por lo que es conveniente que el mantenedor participe en los proyectos que se dedica a mantener. El valor añadido de los servicios es mucho más apreciado, ya que el coste del programa es bajo.

+

¿Cómo comienzo a usar software libre?

+
+

Es recomendable que la adopción al software libre sea de manera gradual para evitar cualquier tipo de impacto negativo o situación no prevista que perjudique la experiencia.

+

Principiante

+ + + +
+ +

Primera vez

+ +

+ + + + + + + +Poco o nulo conocimiento técnico. + +

+
+ +

Acércate a las comunidades de software libre, como los grupos de usuarios GNU/Linux, Hackerspace(s), festivales, etc. Solo por mencionar unos ejemplos:

+ +

Muchas comunidades como las enlistadas aquí arriba tienen presencia en las redes sociales más conocidas. Esto tiene la enorme ventaja de que puedes interactuar con personas que ya usan software libre o cuentan con mucha experiencia en el campo, pueden resolver tus dudas, recomendarte y guiarte. No seas tímido, charla con ellos.

+

También, en tu localidad, puedes pedir información y ponerte en contacto con técnicos que tengan algún grado de conocimiento y experiencia con software y sistemas operativos libres. Estas personas pueden apoyarte o brindarte sus servicios para tu caso.

+

Finalmente, si en tu municipio cuentan con instituciones educativas de nivel medio superior (bachillerato o preparatoria) y superior (universidades o institutos tecnológicos), los primeros contarán con personal docente capacitado y los segundos es más que probable que cuenten con facultades de informática, sistemas computacionales o computación. Visítalos, comenta tu situación para que puedan ofrecerte la mejor solución.

+

Hágalo usted mismo

+ + + +
+ +

Usuario avanzado

+ +

+ + + + + + + +Mayor grado de conocimiento técnico. + +

+
+ +

Dando el paso hacía una distro

+

+ + +

+ +

+ + + + + + +Dejar de usar SOs privativos es tu objetivo en este momento. + +

+
+ +Es tan sencillo como dar un vistazo a Distrowatch para encontrar una distro que se adapte a tus necesidades y gustos. Recomendamos que optes por distros con enormes comunidades, con las arquitecturas y sistemas de empaquetados más comunes y usados. Aquí unos datos que pueden facilitar tu elección:

+
    +
  • Distros base más comunes: Debian, Arch Linux, Fedora Linux, OpenSUSE.
  • +
  • Gestores de paquetes más comunes: APT, Pacman, RPM.
  • +
  • Entornos de escritorio más comunes: KDE, GNOME, Mate, XFCE.
  • +
  • Arquitecturas más soportadas: x86-64, ARM.
  • +
+ + + +
+ +

Evita el Dualboot

+ +

+ + + + + + +Es una solución temporal, no definitiva. + +

+
+ +

Si ya estás en una distro pero quieres pasar a una 100% libre

+

Asegúrate de que tu hardware es soportado, es decir, funciona sin la necesidad de drivers o firmware no libre. h-node es una excelente herramienta para conocer tu hardware, puedes hacer una búsqueda rápida con el siguiente formulario o para una comprensión más profunda apoyarte en este apartado (en inglés).

+

Si tu hardware tiene soporte, cuentas con una lista de distribuciones libres de GNU/Linux listas para usar.

+

En caso de que tu hardware no sea soportado del todo, ¡no te preocupes!, si cuentas con una distro base Debian desde el CMXSL habilitamos un repositorio independiente. Para el caso de distros base Arch Linux recomendamos los repositorios de Parabola GNU/Linux-libre.

+

¡Participa!

+
+

Todos pueden aportar con su granito de arena y a su manera para lograr el objetivo principal de la campaña :)

+

Empieza compartiendo este sitio con todos tus contactos y en todas las redes sociales en las que estés; entre más gente se entere, mayor será el apoyo mutuo.

+ + + +
+ +

+ + + + + + + +La difusión es el primer paso para el cambio. + +

+
+ +

Si eres usuario final (individuo o empresa)

+
    +
  • Prioriza el uso de software libre en tus dispositivos. Explora alternativas al software privativo que usas a diario.
  • +
  • Como cliente o usuario, pregunta a tus proveedores sobre el uso de estándares abiertos y software libre. Tu voz como consumidor tiene poder.
  • +
  • Apoya a proyectos y comunidades. Muchos proyectos sobreviven gracias a donaciones o compras éticas. Considera contribuir económicamente o con tiempo (reportando errores, traduciendo, etc.).
  • +
  • Comparte tu experiencia positiva con el software libre en tu entorno. Rompe el mito de que “es solo para expertos”.
  • +
+

Si formas parte de la administración pública

+
    +
  • Prioriza el software libre en las licitaciones y adquisiciones exigiendo estándares abiertos (ODF, PDF) y valora el ahorro a largo plazo, la independencia tecnológica y la seguridad que ofrece el software libre.
  • +
  • Apostar por la soberanía digital reduciendo la dependencia de proveedores específicos, evita el vendor lock-in (dependencia al extremo) y garantiza el acceso perpetuo y legal a los datos ciudadanos.
  • +
  • Transparencia y auditoría para fomentar la confianza ciudadana.
  • +
  • Si desarrollas o adaptas software, libéralo bajo licencias libres. Lo pagado con fondos públicos debe beneficiar a toda la sociedad.
  • +
+

Si eres técnico o tu negocio tiene un giro relacionado a la computación

+
    +
  • Ofrece soluciones basadas en software libre a tus clientes, llévales independencia, seguridad y costes predecibles. Es una ventaja competitiva sólida y ética.
  • +
  • Invierte en formación en tecnologías abiertas. Es conocimiento que no caduca ni depende de una sola empresa.
  • +
  • Si usas software libre en tu infraestructura o productos, considera devolver mejoras, parches o documentación a la comunidad. Un ecosistema sano beneficia a todos.
  • +
  • Únete a asociaciones. Fortalece el sector colaborando con grupos de profesionales y asociaciones de software libre.
  • +
+

Si eres desarrollador

+
    +
  • Siempre que sea posible, licencia tus proyectos personales y de impacto social con licencias libres (GPL, Apache, BSD-3, etc.). Comparte conocimiento.
  • +
  • Contribuye a proyectos existentes corrigiendo errores tipográficos, mejorar documentación, traducir, arreglar bugs o añadir pequeñas funcionalidades. ¡Todo cuenta!
  • +
  • Defiende los estándares abiertos en tu trabajo, aboga por el uso de formatos y protocolos abiertos para garantizar la interoperabilidad y la libertad de los usuarios finales.
  • +
  • Ayuda a otras personas a dar sus primeros pasos en el mundo del desarrollo con software libre. La comunidad se fortalece con diversidad y solidaridad.
  • +
+ + + +
+ +

No importa cuál sea tu punto de partida

+ +

+ + + + + + + +Hay un lugar para ti en esta campaña. + +

+
+ +

Juntos no solo estamos instalando software, estamos construyendo un futuro digital más justo, colaborativo y en libertad.

+

Sobre la campaña

+
+

Esta campaña va dirigida al público en general, tomando como inspiración la campaña FIN DE 10. El tiempo de duración de la misma es por tiempo indefinido, ya que el proceso de perdida de soporte y la posterior adopción a soluciones libres no se da de la noche a la mañana, sino que es todo un proceso progresivo difícil de medir sujeto a muchos cambios.

+

Recursos

+
+ +
+ + +
+ + diff --git a/public/index.xml b/public/index.xml new file mode 100644 index 0000000..8f4bc4d --- /dev/null +++ b/public/index.xml @@ -0,0 +1,27 @@ + + + + Deja el 10 + http://localhost:1313/ + Recent content on Deja el 10 + Hugo + en-US + {year} + Sat, 27 Aug 2022 09:16:45 +0000 + + + Markdown Cheat Sheet + http://localhost:1313/posts/markdown-cheat-sheet/ + Sat, 27 Aug 2022 09:16:45 +0000 + http://localhost:1313/posts/markdown-cheat-sheet/ + <p>This Markdown cheat sheet <strong>provides</strong> a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic <em>syntax</em> and extended syntax.</p> + + + + http://localhost:1313/estructura/ + Mon, 01 Jan 0001 00:00:00 +0000 + http://localhost:1313/estructura/ + <div id="outline-container-headline-1" class="outline-2"> <h2 id="headline-1"> ¿Cómo comienzo a usar software libre? </h2> <div id="outline-text-headline-1" class="outline-text-2"> <p>Es tu primera vez</p> <div id="outline-container-headline-2" class="outline-3"> <h3 id="headline-2"> Acércate a las comunidades de software libre </h3> <div id="outline-text-headline-2" class="outline-text-3"> <p>Explicar el por qué</p> + + + diff --git a/public/licencias_libres.png b/public/licencias_libres.png new file mode 100644 index 0000000..42e0ab7 Binary files /dev/null and b/public/licencias_libres.png differ diff --git a/public/posts/index.html b/public/posts/index.html new file mode 100644 index 0000000..0ee92fd --- /dev/null +++ b/public/posts/index.html @@ -0,0 +1,207 @@ + + + + + + + +Post + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ + + + +
+

+ + Latest Posts + +

+ + +

See What I’ve Written Lately

+ + +
+ +
+ +
+

+ Markdown Cheat Sheet +

+ + + + + +
+ + Markdown is a powerful tool for creating rich text using a plain text editor. This cheatsheet is a quick reference for Markdown syntax. + +
+ + +
+ + +
+ + + + +
+ + diff --git a/public/posts/index.xml b/public/posts/index.xml new file mode 100644 index 0000000..acdf16f --- /dev/null +++ b/public/posts/index.xml @@ -0,0 +1,20 @@ + + + + Post on Deja el 10 + http://localhost:1313/posts/ + Recent content in Post on Deja el 10 + Hugo + en-US + {year} + Sat, 27 Aug 2022 09:16:45 +0000 + + + Markdown Cheat Sheet + http://localhost:1313/posts/markdown-cheat-sheet/ + Sat, 27 Aug 2022 09:16:45 +0000 + http://localhost:1313/posts/markdown-cheat-sheet/ + <p>This Markdown cheat sheet <strong>provides</strong> a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic <em>syntax</em> and extended syntax.</p> + + + diff --git a/public/posts/markdown-cheat-sheet/cat.jpg b/public/posts/markdown-cheat-sheet/cat.jpg new file mode 100644 index 0000000..f08b907 Binary files /dev/null and b/public/posts/markdown-cheat-sheet/cat.jpg differ diff --git a/public/posts/markdown-cheat-sheet/index.html b/public/posts/markdown-cheat-sheet/index.html new file mode 100644 index 0000000..22aa620 --- /dev/null +++ b/public/posts/markdown-cheat-sheet/index.html @@ -0,0 +1,473 @@ + + + + + + + +Markdown Cheat Sheet + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ +
+
+

Markdown Cheat Sheet

+ +
+ + + + + — + + + Hello + + + +
+
+ + + +

This Markdown cheat sheet provides a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic syntax and extended syntax.

+

Headings

+
+

Heading 1

+

Heading 2

+

Heading 3

+

Heading 4

+
Heading 5
+
Heading 6
+

Emphasis

+
+

Emphasis, aka italics, with asterisks or underscores. Strong emphasis, aka bold, with asterisks or underscores. Combined emphasis with asterisks and underscores. Strikethrough with two tildes. Bold and nested italic. All bold and italic. Bold and italic nested.

+

Images

+
+ + + + + +
+ Cat + + +
+ This is the default position of a figcaption, but it can be centered or at the end. +
+ +
+

Lists

+
+

Ordered:

+
    +
  1. First ordered list item
  2. +
  3. Another item
  4. +
  5. Actual numbers don’t matter, just that it’s a number +
      +
    1. 1st.
    2. +
    3. 2nd.
    4. +
    5. 3rd.
    6. +
    +
  6. +
+

Unordered:

+
    +
  • This is a list item +
      +
    • This is a nested list item +
        +
      • This is a nested list item
      • +
      +
    • +
    • This is another list item
    • +
    +
  • +
  • This is another list item
  • +
+

Task:

+ + +
    +
  • Write the press release
  • +
  • Update the website
  • +
  • Contact the media
  • +
+

Links

+
+

This is a link.

+

This link has a title attribute.

+

Tables

+
+ + + + + + + + + + + + + + + + + +
SyntaxDescription
HeaderTitle
ParagraphText
+

Blockquotes

+
+
+

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

+
+

You can reference a footnote like this.

+
+

All generalizations are false, including this one. — Mark Twain. 1

+
+

Code

+
+

Inline code has back-ticks around it.

+
var s = "JavaScript syntax highlighting";
+alert(s);
+
s = "Python syntax highlighting"
+print(s)
+
No language indicated, so no syntax highlighting.
+But let's throw in a <b>tag</b>.
+

You can remove line numbers, change the highlighting theme, and more. See Syntax Highlighting and Highlight.

+
#include <stdio.h>
+
+int main()
+{
+    printf("Hello, World!\n");
+    return 0;
+}
+

Alerts

+
+ + + +
+ +

Optional title

+ +

+ + + + + + +This is an info alert. + +

+
+ + + + +
+ +

Optional title

+ +

+ + + + + + +This is a warning alert. + +

+
+ + + + +
+ +

Optional title

+ +

+ + + + + + +This is an error alert. + +

+
+ + + + +
+ +

Optional title

+ +

+ + + + + + + +This is a success alert. + +

+
+ +

Math

+
+

You can use LaTeX-style math with $ and $$ delimiters. For example, $x^2$ renders as $x^2$, and $$\frac{x}{y}$$ renders as: $$\frac{x}{y}$$

+

We can throw this scary-looking equation at you:

+

$$ +\frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\ldots} } } } +$$

+

Horizontal Rules

+
+

Three or more… Hyphens ---, Asterisks ***, or Underscores ___.

+
+
+
+

Miscellaneous

+
+

Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use hover:scroll-auto to only The world is flat. +apply the scroll-auto utility on hover.

+
+
term
+
definition
+
another definition
+
+ +
+ + + + + + + + + + +
+ + +
+ + diff --git a/public/posts/page/1/index.html b/public/posts/page/1/index.html new file mode 100644 index 0000000..44aabba --- /dev/null +++ b/public/posts/page/1/index.html @@ -0,0 +1,9 @@ + + + + http://localhost:1313/posts/ + + + + + diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000..1c47bcd --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,25 @@ +User-agent: * + +Disallow: / + +Disallow: /categories/ + +Disallow: /categories/hello/ + +Disallow: /tags/hello/ + +Disallow: /posts/markdown-cheat-sheet/ + +Disallow: /posts/ + +Disallow: /tags/ + +Disallow: /tags/whatsapp/ + +Disallow: /estructura/ + +Disallow: /categories/css/ + +Disallow: /categories/javascript/ + +Disallow: /categories/uncategories/ diff --git a/public/sitemap.xml b/public/sitemap.xml new file mode 100644 index 0000000..f42e354 --- /dev/null +++ b/public/sitemap.xml @@ -0,0 +1,37 @@ + + + + http://localhost:1313/ + 2022-08-27T09:16:45+00:00 + + http://localhost:1313/categories/ + 2022-08-27T09:16:45+00:00 + + http://localhost:1313/categories/hello/ + 2022-08-27T09:16:45+00:00 + + http://localhost:1313/tags/hello/ + 2022-08-27T09:16:45+00:00 + + http://localhost:1313/posts/markdown-cheat-sheet/ + 2022-08-27T09:16:45+00:00 + + http://localhost:1313/posts/ + 2022-08-27T09:16:45+00:00 + + http://localhost:1313/tags/ + 2022-08-27T09:16:45+00:00 + + http://localhost:1313/tags/whatsapp/ + 2022-08-27T09:16:45+00:00 + + http://localhost:1313/estructura/ + + http://localhost:1313/categories/css/ + + http://localhost:1313/categories/javascript/ + + http://localhost:1313/categories/uncategories/ + + diff --git a/public/tags/hello/index.html b/public/tags/hello/index.html new file mode 100644 index 0000000..db9318d --- /dev/null +++ b/public/tags/hello/index.html @@ -0,0 +1,204 @@ + + + + + + + +Hello + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ + + + +
+

+ + Hello + +

+ + +
+ +
+ +
+

+ Markdown Cheat Sheet +

+ + + + + +
+ + Markdown is a powerful tool for creating rich text using a plain text editor. This cheatsheet is a quick reference for Markdown syntax. + +
+ + +
+ + +
+ + + + +
+ + diff --git a/public/tags/hello/index.xml b/public/tags/hello/index.xml new file mode 100644 index 0000000..8e0494d --- /dev/null +++ b/public/tags/hello/index.xml @@ -0,0 +1,20 @@ + + + + Hello on Deja el 10 + http://localhost:1313/tags/hello/ + Recent content in Hello on Deja el 10 + Hugo + en-US + {year} + Sat, 27 Aug 2022 09:16:45 +0000 + + + Markdown Cheat Sheet + http://localhost:1313/posts/markdown-cheat-sheet/ + Sat, 27 Aug 2022 09:16:45 +0000 + http://localhost:1313/posts/markdown-cheat-sheet/ + <p>This Markdown cheat sheet <strong>provides</strong> a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic <em>syntax</em> and extended syntax.</p> + + + diff --git a/public/tags/hello/page/1/index.html b/public/tags/hello/page/1/index.html new file mode 100644 index 0000000..cfb5f4a --- /dev/null +++ b/public/tags/hello/page/1/index.html @@ -0,0 +1,9 @@ + + + + http://localhost:1313/tags/hello/ + + + + + diff --git a/public/tags/index.html b/public/tags/index.html new file mode 100644 index 0000000..3accb65 --- /dev/null +++ b/public/tags/index.html @@ -0,0 +1,234 @@ + + + + + + + +Tags + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ + + + +
+

+ + Tags + +

+ + +

Our Tags Collection

+ + +
+ +
+ + + + + + + +
+ + + + +
+ + diff --git a/public/tags/index.xml b/public/tags/index.xml new file mode 100644 index 0000000..87b603b --- /dev/null +++ b/public/tags/index.xml @@ -0,0 +1,27 @@ + + + + Tags on Deja el 10 + http://localhost:1313/tags/ + Recent content in Tags on Deja el 10 + Hugo + en-US + {year} + Sat, 27 Aug 2022 09:16:45 +0000 + + + Hello + http://localhost:1313/tags/hello/ + Sat, 27 Aug 2022 09:16:45 +0000 + http://localhost:1313/tags/hello/ + + + + WhatsApp + http://localhost:1313/tags/whatsapp/ + Sat, 27 Aug 2022 09:16:45 +0000 + http://localhost:1313/tags/whatsapp/ + + + + diff --git a/public/tags/page/1/index.html b/public/tags/page/1/index.html new file mode 100644 index 0000000..85d0add --- /dev/null +++ b/public/tags/page/1/index.html @@ -0,0 +1,9 @@ + + + + http://localhost:1313/tags/ + + + + + diff --git a/public/tags/whatsapp/index.html b/public/tags/whatsapp/index.html new file mode 100644 index 0000000..1c567c8 --- /dev/null +++ b/public/tags/whatsapp/index.html @@ -0,0 +1,204 @@ + + + + + + + +WhatsApp + + + + + + + + + + + + + + +
+
+ + + + + + + + + +
+ + + + + + + +
+ + + + +
+

+ + WhatsApp + +

+ + +
+ +
+ +
+

+ Markdown Cheat Sheet +

+ + + + + +
+ + Markdown is a powerful tool for creating rich text using a plain text editor. This cheatsheet is a quick reference for Markdown syntax. + +
+ + +
+ + +
+ + + + +
+ + diff --git a/public/tags/whatsapp/index.xml b/public/tags/whatsapp/index.xml new file mode 100644 index 0000000..ee23056 --- /dev/null +++ b/public/tags/whatsapp/index.xml @@ -0,0 +1,20 @@ + + + + WhatsApp on Deja el 10 + http://localhost:1313/tags/whatsapp/ + Recent content in WhatsApp on Deja el 10 + Hugo + en-US + {year} + Sat, 27 Aug 2022 09:16:45 +0000 + + + Markdown Cheat Sheet + http://localhost:1313/posts/markdown-cheat-sheet/ + Sat, 27 Aug 2022 09:16:45 +0000 + http://localhost:1313/posts/markdown-cheat-sheet/ + <p>This Markdown cheat sheet <strong>provides</strong> a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic <em>syntax</em> and extended syntax.</p> + + + diff --git a/public/tags/whatsapp/page/1/index.html b/public/tags/whatsapp/page/1/index.html new file mode 100644 index 0000000..71ed74b --- /dev/null +++ b/public/tags/whatsapp/page/1/index.html @@ -0,0 +1,9 @@ + + + + http://localhost:1313/tags/whatsapp/ + + + + + diff --git a/resources/_gen/assets/css/tailwind.css_c2eed7c2c3bb8ddc247ed5feb3945c66.content b/resources/_gen/assets/css/tailwind.css_c2eed7c2c3bb8ddc247ed5feb3945c66.content new file mode 100644 index 0000000..01eef76 --- /dev/null +++ b/resources/_gen/assets/css/tailwind.css_c2eed7c2c3bb8ddc247ed5feb3945c66.content @@ -0,0 +1,1379 @@ +*, ::before, ::after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +}/* +! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com +*//* +1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) +2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) +*/ + +*, +::before, +::after { + box-sizing: border-box; /* 1 */ + border-width: 0; /* 2 */ + border-style: solid; /* 2 */ + border-color: #e5e7eb; /* 2 */ +} + +::before, +::after { + --tw-content: ''; +} + +/* +1. Use a consistent sensible line-height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +3. Use a more readable tab size. +4. Use the user's configured `sans` font-family by default. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS +*/ + +html, +:host { + line-height: 1.5; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -moz-tab-size: 4; /* 3 */ + -o-tab-size: 4; + tab-size: 4; /* 3 */ + font-family: "Inter", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; /* 4 */ + font-feature-settings: normal; /* 5 */ + font-variation-settings: normal; /* 6 */ + -webkit-tap-highlight-color: transparent; /* 7 */ +} + +/* +1. Remove the margin in all browsers. +2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. +*/ + +body { + margin: 0; /* 1 */ + line-height: inherit; /* 2 */ +} + +/* +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +3. Ensure horizontal rules are visible by default. +*/ + +hr { + height: 0; /* 1 */ + color: inherit; /* 2 */ + border-top-width: 1px; /* 3 */ +} + +/* +Add the correct text decoration in Chrome, Edge, and Safari. +*/ + +abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +/* +Remove the default font size and weight for headings. +*/ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +/* +Reset links to optimize for opt-in styling instead of opt-out. +*/ + +a { + color: inherit; + text-decoration: inherit; +} + +/* +Add the correct font weight in Edge and Safari. +*/ + +b, +strong { + font-weight: bolder; +} + +/* +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-feature-settings: normal; /* 2 */ + font-variation-settings: normal; /* 3 */ + font-size: 1em; /* 4 */ +} + +/* +Add the correct font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/* +Prevent `sub` and `sup` elements from affecting the line height in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +3. Remove gaps between table borders by default. +*/ + +table { + text-indent: 0; /* 1 */ + border-color: inherit; /* 2 */ + border-collapse: collapse; /* 3 */ +} + +/* +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +3. Remove default padding in all browsers. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-feature-settings: inherit; /* 1 */ + font-variation-settings: inherit; /* 1 */ + font-size: 100%; /* 1 */ + font-weight: inherit; /* 1 */ + line-height: inherit; /* 1 */ + letter-spacing: inherit; /* 1 */ + color: inherit; /* 1 */ + margin: 0; /* 2 */ + padding: 0; /* 3 */ +} + +/* +Remove the inheritance of text transform in Edge and Firefox. +*/ + +button, +select { + text-transform: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Remove default button styles. +*/ + +button, +input:where([type='button']), +input:where([type='reset']), +input:where([type='submit']) { + -webkit-appearance: button; /* 1 */ + background-color: transparent; /* 2 */ + background-image: none; /* 2 */ +} + +/* +Use the modern Firefox focus style for all focusable elements. +*/ + +:-moz-focusring { + outline: auto; +} + +/* +Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) +*/ + +:-moz-ui-invalid { + box-shadow: none; +} + +/* +Add the correct vertical alignment in Chrome and Firefox. +*/ + +progress { + vertical-align: baseline; +} + +/* +Correct the cursor style of increment and decrement buttons in Safari. +*/ + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/* +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ + +[type='search'] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/* +Remove the inner padding in Chrome and Safari on macOS. +*/ + +::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to `inherit` in Safari. +*/ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* +Add the correct display in Chrome and Safari. +*/ + +summary { + display: list-item; +} + +/* +Removes the default spacing and border for appropriate elements. +*/ + +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} + +fieldset { + margin: 0; + padding: 0; +} + +legend { + padding: 0; +} + +ol, +ul, +menu { + list-style: none; + margin: 0; + padding: 0; +} + +/* +Reset default styling for dialogs. +*/ +dialog { + padding: 0; +} + +/* +Prevent resizing textareas horizontally by default. +*/ + +textarea { + resize: vertical; +} + +/* +1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) +2. Set the default placeholder color to the user's configured gray 400 color. +*/ + +input::-moz-placeholder, textarea::-moz-placeholder { + opacity: 1; /* 1 */ + color: #9ca3af; /* 2 */ +} + +input::placeholder, +textarea::placeholder { + opacity: 1; /* 1 */ + color: #9ca3af; /* 2 */ +} + +/* +Set the default cursor for buttons. +*/ + +button, +[role="button"] { + cursor: pointer; +} + +/* +Make sure disabled buttons don't get the pointer cursor. +*/ +:disabled { + cursor: default; +} + +/* +1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) +2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) + This can trigger a poorly considered lint error in some tools but is included by design. +*/ + +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; /* 1 */ + vertical-align: middle; /* 2 */ +} + +/* +Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) +*/ + +img, +video { + max-width: 100%; + height: auto; +} + +/* Make elements with the HTML hidden attribute stay hidden by default */ +[hidden]:where(:not([hidden="until-found"])) { + display: none; +} + /* inter-100 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 100; + src: local(''), + url('../fonts/inter-v12-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-200 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 200; + src: local(''), + url('../fonts/inter-v12-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-300 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 300; + src: local(''), + url('../fonts/inter-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-regular - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 400; + src: local(''), + url('../fonts/inter-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-500 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 500; + src: local(''), + url('../fonts/inter-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-600 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 600; + src: local(''), + url('../fonts/inter-v12-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-700 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 700; + src: local(''), + url('../fonts/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-800 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 800; + src: local(''), + url('../fonts/inter-v12-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* inter-900 - latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-display: swap; + font-weight: 900; + src: local(''), + url('../fonts/inter-v12-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/inter-v12-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + body { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); + text-align: justify; + font-size: 1.125rem; + line-height: 1.75rem; + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); +} + + body:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} + + h1, h2, h3, h4, h5, h6 { + margin-bottom: 1.25rem; + padding-top: 0.5rem; + font-weight: 700; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} + + h1:is(.dark *), h2:is(.dark *), h3:is(.dark *), h4:is(.dark *), h5:is(.dark *), h6:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} + + h1 { + font-size: 2.25rem; + line-height: 2.5rem; +} + + h2 { + font-size: 1.875rem; + line-height: 2.5rem; +} + + h3 { + font-size: 1.5rem; + line-height: 2rem; +} + + h4 { + font-size: 1.25rem; + line-height: 1.75rem; +} + + h5 { + font-size: 1.125rem; + line-height: 1.75rem; +} + + h6 { + font-size: 1rem; + line-height: 1.5rem; +} + + hr { + --tw-border-opacity: 1; + border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); +} + + hr:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); +} + + p, hr, pre, dl { + margin-bottom: 1.25rem; + text-align: justify; +} + + article > h1 { + margin-bottom: 0.25rem; +} + + code { + border-radius: 0.5rem; + border-width: 1px; + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); + padding-left: 0.5rem; + padding-right: 0.5rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + font-size: 0.875rem; + line-height: 1.25rem; +} + + code:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); +} + + pre { + overflow: auto; + border-radius: 0.5rem; + border-width: 1px; + padding: 1.25rem; + font-size: 1rem; + line-height: 1.5rem; +} + + pre:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); +} + + pre code { + border-width: 0px; + background-color: transparent; + padding-left: 0px; + padding-right: 0px; +} + + figure { + margin-bottom: 1.25rem; +} + + figcaption { + margin-top: 0.5rem; + font-size: 1rem; + line-height: 1.5rem; + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} + + figcaption:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} + + blockquote { + margin-bottom: 1.25rem; + border-left-width: 4px; + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); + padding-left: 1rem; + font-size: 1.25rem; + line-height: 1.75rem; + font-style: italic; + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} + + blockquote:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} + + ul, ol { + margin-bottom: 1.25rem; + margin-left: 1.5rem; +} + + ol { + list-style-type: decimal; +} + + ul { + list-style-type: disc; +} + + nav ul, footer ul { + margin-left: 0px; + list-style-type: none; +} + + header h1 { + margin-bottom: 0px; +} + + table { + margin-bottom: 1.25rem; + width: 100%; + border-collapse: separate; + --tw-border-spacing-x: 0px; + --tw-border-spacing-y: 0px; + border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); + border-radius: 0.375rem; + border-width: 1px; +} + + thead th { + border-bottom-width: 2px; + border-right-width: 1px; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + padding-right: 0.75rem; +} + + thead th:last-child { + border-right-width: 0px; +} + + tbody td { + border-bottom-width: 1px; + border-right-width: 1px; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + font-size: 1rem; + line-height: 1.5rem; +} + + tbody td:last-child { + border-right-width: 0px; +} + + tbody tr:last-child td { + border-bottom-width: 0px; +} + + dt { + font-weight: 700; + font-style: italic; +} + + dd { + padding-left: 2.5rem; +} + + header nav > ul { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 1.75rem; + font-size: 0.75rem; + line-height: 1rem; + font-weight: 600; + text-transform: uppercase; +} + + nav a, footer a { + font-weight: 600; + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} + + nav a:hover, footer a:hover { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} + + nav a:is(.dark *), footer a:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} + + nav a:hover:is(.dark *), footer a:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); +} + + footer { + font-size: 0.75rem; + line-height: 1rem; +} +.order-1 { + order: 1; +} +.order-2 { + order: 2; +} +.mx-auto { + margin-left: auto; + margin-right: auto; +} +.mb-5 { + margin-bottom: 1.25rem; +} +.mt-2 { + margin-top: 0.5rem; +} +.block { + display: block; +} +.flex { + display: flex; +} +.grid { + display: grid; +} +.h-4 { + height: 1rem; +} +.h-full { + height: 100%; +} +.w-4 { + width: 1rem; +} +.w-full { + width: 100%; +} +.max-w-screen-md { + max-width: 768px; +} +.flex-none { + flex: none; +} +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} +.flex-row { + flex-direction: row; +} +.flex-col { + flex-direction: column; +} +.items-center { + align-items: center; +} +.justify-end { + justify-content: flex-end; +} +.justify-center { + justify-content: center; +} +.gap-1 { + gap: 0.25rem; +} +.gap-10 { + gap: 2.5rem; +} +.gap-2 { + gap: 0.5rem; +} +.gap-3 { + gap: 0.75rem; +} +.gap-5 { + gap: 1.25rem; +} +.overflow-hidden { + overflow: hidden; +} +.scroll-smooth { + scroll-behavior: smooth; +} +.stroke-2 { + stroke-width: 2; +} +.px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; +} +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} +.pb-10 { + padding-bottom: 2.5rem; +} +.pb-14 { + padding-bottom: 3.5rem; +} +.pt-16 { + padding-top: 4rem; +} +.pt-5 { + padding-top: 1.25rem; +} +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} +.text-xs { + font-size: 0.75rem; + line-height: 1rem; +} +.font-extrabold { + font-weight: 800; +} +.font-normal { + font-weight: 400; +} +.font-semibold { + font-weight: 600; +} +.text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} +nav a.active { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +nav a.active:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); +} +/* Content overrides */ +#content { + line-height: 1.5; +} +#content a { + font-weight: 700; + --tw-text-opacity: 1; + color: rgb(4 120 87 / var(--tw-text-opacity, 1)); + text-decoration-line: underline; +} +#content a:hover { + --tw-text-opacity: 1; + color: rgb(5 150 105 / var(--tw-text-opacity, 1)); +} +#content a:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(110 231 183 / var(--tw-text-opacity, 1)); +} +#content a:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(167 243 208 / var(--tw-text-opacity, 1)); +} +#content .date { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 600; + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} +#content h1 > a { + font-size: 1.25rem; + line-height: 1.75rem; + font-weight: 700; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); + text-decoration-line: none; +} +#content h1 > a:hover { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); + text-decoration-line: underline; +} +#content h1 > a:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +#content h1 > a:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); +} +#content .meta { + margin-top: 0.5rem; + display: flex; + gap: 0.75rem; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 600; + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); +} +#content .meta:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} +#content .meta a { + text-decoration-line: none; +} +#content .description { + font-size: 1rem; + line-height: 1.5rem; + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity, 1)); +} +#content .description:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +#content .read-more { + display: inline-flex; + align-items: center; + gap: 0.5rem; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 600; + --tw-text-opacity: 1; + color: rgb(4 120 87 / var(--tw-text-opacity, 1)); + text-decoration-line: none; +} +#content .read-more:hover { + --tw-text-opacity: 1; + color: rgb(5 150 105 / var(--tw-text-opacity, 1)); +} +#content .read-more:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(110 231 183 / var(--tw-text-opacity, 1)); +} +#content .read-more:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(167 243 208 / var(--tw-text-opacity, 1)); +} +#content .alert-box { + margin-bottom: 1.25rem; + border-top-width: 4px; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 1rem; + padding-bottom: 0.25rem; +} +#content .alert-box .alert-title { + margin-bottom: 0.5rem; + padding-top: 0px; + padding-bottom: 0px; + padding-left: 0px; + padding-right: 0px; + font-size: 1.125rem; + line-height: 1.75rem; + font-weight: 600; + color: inherit; +} +#content .alert-box a { + color: inherit; +} +#content .alert-box a:hover { + color: inherit; +} +#content .alert-box .alert-icon { + margin-right: 0.5rem; + height: 1.75rem; + width: 1.75rem; +} +#content .alert-box.warning { + --tw-border-opacity: 1; + border-color: rgb(234 179 8 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(113 63 18 / var(--tw-text-opacity, 1)); +} +#content .alert-box.info { + --tw-border-opacity: 1; + border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(30 58 138 / var(--tw-text-opacity, 1)); +} +#content .alert-box.success { + --tw-border-opacity: 1; + border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(20 83 45 / var(--tw-text-opacity, 1)); +} +#content .alert-box.error { + --tw-border-opacity: 1; + border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(127 29 29 / var(--tw-text-opacity, 1)); +} +#content .table-of-contents { + border-radius: 0.5rem; + border-width: 1px; + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); + padding: 1rem; + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); +} +#content .table-of-contents:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +#content .table-of-contents #TableOfContents ul { + margin-left: 1rem; + list-style-position: inside; + list-style-type: decimal; +} +#content .table-of-contents #TableOfContents ul li { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + font-size: 1rem; + line-height: 1.5rem; +} +#content .table-of-contents #TableOfContents ul li a { + font-weight: 400; + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); + text-decoration-line: none; +} +#content .table-of-contents #TableOfContents ul li a:hover { + --tw-text-opacity: 1; + color: rgb(5 150 105 / var(--tw-text-opacity, 1)); + text-decoration-line: underline; +} +#content .table-of-contents #TableOfContents ul li a:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +#content .table-of-contents #TableOfContents ul li a:hover:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(167 243 208 / var(--tw-text-opacity, 1)); +} +#content .pagination-button { + display: inline-flex; + align-items: center; + gap: 0.5rem; + border-radius: 0.375rem; + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); + padding-left: 0.75rem; + padding-right: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + font-size: 0.875rem; + line-height: 1.25rem; + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); + text-decoration-line: none; +} +#content .pagination-button:hover { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +#content .pagination-button:is(.dark *) { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +#content .pagination-button:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); +} +#content .taxonomy-list { + margin-left: 0px; + display: flex; + list-style-type: none; + flex-direction: row; + flex-wrap: wrap; + -moz-column-gap: 0.5rem; + column-gap: 0.5rem; + row-gap: 1.5rem; +} +#content .taxonomy-list a { + border-radius: 0.5rem; + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + font-size: 1rem; + line-height: 1.5rem; + font-weight: 400; + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity, 1)); + text-decoration-line: none; +} +#content .taxonomy-list a:hover { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); +} +#content .taxonomy-list a:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} +#content .taxonomy-list a:hover:is(.dark *) { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); +} +#content .tags-list { + row-gap: 0.5rem; +} +#content span.task-list + ul { + list-style-type: none; +} +/* Misc */ +#site-title { + text-align: center; + font-size: 2.25rem; + line-height: 2.5rem; + font-weight: 800; + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity, 1)); +} +#site-title:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); +} +@media (min-width: 640px) { + + #site-title { + text-align: left; + } +} +.header { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; +} +.header .toggle-theme { + height: 1.5rem; + width: 1.5rem; +} +.title-large { + font-size: 2.25rem; + line-height: 2.5rem; + font-weight: 700; + line-height: 1.375; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +.title-large:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +.title-small { + font-size: 1.5rem; + line-height: 2rem; + font-weight: 800; + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); +} +.title-small:is(.dark *) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} +@media (min-width: 640px) { + + .sm\:order-1 { + order: 1; + } + + .sm\:order-2 { + order: 2; + } + + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + + .sm\:flex-row { + flex-direction: row; + } + + .sm\:justify-end { + justify-content: flex-end; + } + + .sm\:gap-10 { + gap: 2.5rem; + } +} \ No newline at end of file diff --git a/resources/_gen/assets/css/tailwind.css_c2eed7c2c3bb8ddc247ed5feb3945c66.json b/resources/_gen/assets/css/tailwind.css_c2eed7c2c3bb8ddc247ed5feb3945c66.json new file mode 100644 index 0000000..28c2189 --- /dev/null +++ b/resources/_gen/assets/css/tailwind.css_c2eed7c2c3bb8ddc247ed5feb3945c66.json @@ -0,0 +1 @@ +{"Target":"/css/tailwind.css","MediaType":"text/css","Data":{}} \ No newline at end of file diff --git a/resources/_gen/images/img/logo_hu_1e742a0cf5440f6b.png b/resources/_gen/images/img/logo_hu_1e742a0cf5440f6b.png new file mode 100644 index 0000000..42b381d Binary files /dev/null and b/resources/_gen/images/img/logo_hu_1e742a0cf5440f6b.png differ diff --git a/resources/_gen/images/img/logo_hu_2c8066fa8f7ec715.png b/resources/_gen/images/img/logo_hu_2c8066fa8f7ec715.png new file mode 100644 index 0000000..2535f5e Binary files /dev/null and b/resources/_gen/images/img/logo_hu_2c8066fa8f7ec715.png differ diff --git a/resources/_gen/images/img/logo_hu_37a8a70505fe4c70.png b/resources/_gen/images/img/logo_hu_37a8a70505fe4c70.png new file mode 100644 index 0000000..6184c71 Binary files /dev/null and b/resources/_gen/images/img/logo_hu_37a8a70505fe4c70.png differ diff --git a/resources/_gen/images/img/logo_hu_5a4c164ec92d2dcd.png b/resources/_gen/images/img/logo_hu_5a4c164ec92d2dcd.png new file mode 100644 index 0000000..c419d87 Binary files /dev/null and b/resources/_gen/images/img/logo_hu_5a4c164ec92d2dcd.png differ diff --git a/resources/_gen/images/img/logo_hu_61e51fc63224717d.png b/resources/_gen/images/img/logo_hu_61e51fc63224717d.png new file mode 100644 index 0000000..5a0f00c Binary files /dev/null and b/resources/_gen/images/img/logo_hu_61e51fc63224717d.png differ diff --git a/resources/_gen/images/img/logo_hu_655818c007821b02.png b/resources/_gen/images/img/logo_hu_655818c007821b02.png new file mode 100644 index 0000000..58bab92 Binary files /dev/null and b/resources/_gen/images/img/logo_hu_655818c007821b02.png differ diff --git a/resources/_gen/images/img/logo_hu_77fbd361584fc6e3.png b/resources/_gen/images/img/logo_hu_77fbd361584fc6e3.png new file mode 100644 index 0000000..16fc658 Binary files /dev/null and b/resources/_gen/images/img/logo_hu_77fbd361584fc6e3.png differ diff --git a/resources/_gen/images/img/logo_hu_8c475e74fd2a3c6.png b/resources/_gen/images/img/logo_hu_8c475e74fd2a3c6.png new file mode 100644 index 0000000..78d22d3 Binary files /dev/null and b/resources/_gen/images/img/logo_hu_8c475e74fd2a3c6.png differ diff --git a/resources/_gen/images/img/logo_hu_95ba2df9678e5a7b.png b/resources/_gen/images/img/logo_hu_95ba2df9678e5a7b.png new file mode 100644 index 0000000..eb73296 Binary files /dev/null and b/resources/_gen/images/img/logo_hu_95ba2df9678e5a7b.png differ diff --git a/resources/_gen/images/img/logo_hu_a9974e0614c2731.png b/resources/_gen/images/img/logo_hu_a9974e0614c2731.png new file mode 100644 index 0000000..a6f01cd Binary files /dev/null and b/resources/_gen/images/img/logo_hu_a9974e0614c2731.png differ diff --git a/resources/_gen/images/img/logo_hu_c7dcc65519697272.png b/resources/_gen/images/img/logo_hu_c7dcc65519697272.png new file mode 100644 index 0000000..42792ef Binary files /dev/null and b/resources/_gen/images/img/logo_hu_c7dcc65519697272.png differ diff --git a/resources/_gen/images/img/logo_hu_fcdc1d7c51851a12.png b/resources/_gen/images/img/logo_hu_fcdc1d7c51851a12.png new file mode 100644 index 0000000..b0e065b Binary files /dev/null and b/resources/_gen/images/img/logo_hu_fcdc1d7c51851a12.png differ diff --git a/resources/_gen/images/img/profile-picture_hu_30246a57bda6fc9c.jpg b/resources/_gen/images/img/profile-picture_hu_30246a57bda6fc9c.jpg new file mode 100644 index 0000000..0a3f955 Binary files /dev/null and b/resources/_gen/images/img/profile-picture_hu_30246a57bda6fc9c.jpg differ diff --git a/themes/enchanted-lowkey b/themes/enchanted-lowkey new file mode 160000 index 0000000..9ca785e --- /dev/null +++ b/themes/enchanted-lowkey @@ -0,0 +1 @@ +Subproject commit 9ca785e6e32bcdbb08dd769e945181b4112c67d6