1
0
Fork 0
forked from miguel/dejael10

primer commit

This commit is contained in:
dinomug 2026-01-27 19:26:18 -06:00
commit 353239bda6
No known key found for this signature in database
112 changed files with 7135 additions and 0 deletions

3
.gitignore vendored Normal file
View file

@ -0,0 +1,3 @@
/node_modules
package-lock.json
.hugo_build.lock

3
.gitmodules vendored Normal file
View file

@ -0,0 +1,3 @@
[submodule "themes/enchanted-lowkey"]
path = themes/enchanted-lowkey
url = https://github.com/nixentric/Lowkey-Hugo-Theme.git

22
README.md Normal file
View file

@ -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/

5
archetypes/default.md Normal file
View file

@ -0,0 +1,5 @@
+++
date = '{{ .Date }}'
draft = true
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
+++

26
config/_default/hugo.toml Normal file
View file

@ -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

View file

@ -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

View file

@ -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

229
content/_index.md Normal file
View file

@ -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.
<!-- TODO agregar -->
# 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)
<!-- TODO agregar -->

BIN
content/cat.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

View file

@ -0,0 +1,8 @@
---
title: "Categories"
draft: false
type: taxonomies
layout: "home"
---
Our Categories Collection

View file

@ -0,0 +1,4 @@
---
title: "CSS"
draft: false
---

View file

@ -0,0 +1,6 @@
---
title: "JavaScript"
draft: false
---
Description

View file

@ -0,0 +1,5 @@
---
title: "Uncategories"
draft: false
---
Description

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

7
content/estructura.org Normal file
View file

@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 898 KiB

5
content/posts/_index.md Normal file
View file

@ -0,0 +1,5 @@
---
title: "Post"
header: "Latest Posts" # Optional
---
See What Ive Written Lately

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

View file

@ -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 cant 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 <b>tag</b>.
```
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 <stdio.h>
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

8
content/tags/_index.md Normal file
View file

@ -0,0 +1,8 @@
---
title: "Tags"
draft: false
type: taxonomies
layout: "home"
---
Our Tags Collection

17
i18n/en.toml Normal file
View file

@ -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."

17
i18n/pt.toml Normal file
View file

@ -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.'

28
package.json Normal file
View file

@ -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"
}
}

164
public/404.html Normal file
View file

@ -0,0 +1,164 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>404 Page not found</title>
<meta
name="description"
content=""
/>
<link rel="canonical" href="http://localhost:1313/404.html" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<article class="flex flex-col gap-3">
<header>
<h2 class="title-small"></h2>
</header>
<section>
<p></p>
</section>
</article>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

BIN
public/cat.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

View file

@ -0,0 +1,173 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CSS</title>
<meta
name="description"
content=""
/>
<link rel="canonical" href="http://localhost:1313/categories/css/" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<div class="flex flex-col gap-1">
<h1 class="text-2xl font-extrabold">
CSS
</h1>
</div>
<section class="flex flex-col gap-10">
</section>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>CSS on Deja el 10</title>
<link>http://localhost:1313/categories/css/</link>
<description>Recent content in CSS on Deja el 10</description>
<generator>Hugo</generator>
<language>en-US</language>
<copyright>{year}</copyright>
<atom:link href="http://localhost:1313/categories/css/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>http://localhost:1313/categories/css/</title>
<link rel="canonical" href="http://localhost:1313/categories/css/">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=http://localhost:1313/categories/css/">
</head>
</html>

View file

@ -0,0 +1,204 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hello</title>
<meta
name="description"
content=""
/>
<link rel="canonical" href="http://localhost:1313/categories/hello/" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<div class="flex flex-col gap-1">
<h1 class="text-2xl font-extrabold">
Hello
</h1>
</div>
<section class="flex flex-col gap-10">
<article class="flex flex-col gap-1">
<h1>
<a href="http://localhost:1313/posts/markdown-cheat-sheet/">Markdown Cheat Sheet</a>
</h1>
<span class="date">
<time datetime="2022-08-27 09:16:45 &#43;0000 UTC" title='Sat, Aug 27, 2022, 9:16 AM UTC'>
27/08/2022
</time>
</span>
<div class="description">
Markdown is a powerful tool for creating rich text using a plain text editor. This cheatsheet is a quick reference for Markdown syntax.
</div>
<div class="mt-2">
<a class="read-more" href="http://localhost:1313/posts/markdown-cheat-sheet/">
<span class="w-4 h-4 stroke-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
</svg>
</span>
</a>
</div>
</article>
</section>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Hello on Deja el 10</title>
<link>http://localhost:1313/categories/hello/</link>
<description>Recent content in Hello on Deja el 10</description>
<generator>Hugo</generator>
<language>en-US</language>
<copyright>{year}</copyright>
<lastBuildDate>Sat, 27 Aug 2022 09:16:45 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/categories/hello/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Markdown Cheat Sheet</title>
<link>http://localhost:1313/posts/markdown-cheat-sheet/</link>
<pubDate>Sat, 27 Aug 2022 09:16:45 +0000</pubDate>
<guid>http://localhost:1313/posts/markdown-cheat-sheet/</guid>
<description>&lt;p&gt;This Markdown cheat sheet &lt;strong&gt;provides&lt;/strong&gt; a quick overview of all the Markdown syntax elements. It cant cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic &lt;em&gt;syntax&lt;/em&gt; and extended syntax.&lt;/p&gt;</description>
</item>
</channel>
</rss>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>http://localhost:1313/categories/hello/</title>
<link rel="canonical" href="http://localhost:1313/categories/hello/">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=http://localhost:1313/categories/hello/">
</head>
</html>

View file

@ -0,0 +1,296 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Categories</title>
<meta
name="description"
content="Our Categories Collection"
/>
<link rel="canonical" href="http://localhost:1313/categories/" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<div class="flex flex-col gap-1">
<h1 class="text-2xl font-extrabold">
Categories
</h1>
<p>Our Categories Collection</p>
</div>
<section class="flex flex-col gap-10">
<article class="flex flex-col gap-1">
<h1>
<a href="http://localhost:1313/categories/hello/">Hello</a>
</h1>
<span class="date">
<time datetime="2022-08-27 09:16:45 &#43;0000 UTC" title='Sat, Aug 27, 2022, 9:16 AM UTC'>
27/08/2022
</time>
</span>
<div class="description">
</div>
<div class="mt-2">
<a class="read-more" href="http://localhost:1313/categories/hello/">
<span class="w-4 h-4 stroke-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
</svg>
</span>
</a>
</div>
</article>
<article class="flex flex-col gap-1">
<h1>
<a href="http://localhost:1313/categories/css/">CSS</a>
</h1>
<span class="date">
<time datetime="0001-01-01 00:00:00 &#43;0000 UTC" title='Mon, Jan 1, 0001, 12:00 AM UTC'>
01/01/0001
</time>
</span>
<div class="description">
</div>
<div class="mt-2">
<a class="read-more" href="http://localhost:1313/categories/css/">
<span class="w-4 h-4 stroke-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
</svg>
</span>
</a>
</div>
</article>
<article class="flex flex-col gap-1">
<h1>
<a href="http://localhost:1313/categories/javascript/">JavaScript</a>
</h1>
<span class="date">
<time datetime="0001-01-01 00:00:00 &#43;0000 UTC" title='Mon, Jan 1, 0001, 12:00 AM UTC'>
01/01/0001
</time>
</span>
<div class="description">
<p>Description</p>
</div>
<div class="mt-2">
<a class="read-more" href="http://localhost:1313/categories/javascript/">
<span class="w-4 h-4 stroke-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
</svg>
</span>
</a>
</div>
</article>
<article class="flex flex-col gap-1">
<h1>
<a href="http://localhost:1313/categories/uncategories/">Uncategories</a>
</h1>
<span class="date">
<time datetime="0001-01-01 00:00:00 &#43;0000 UTC" title='Mon, Jan 1, 0001, 12:00 AM UTC'>
01/01/0001
</time>
</span>
<div class="description">
<p>Description</p>
</div>
<div class="mt-2">
<a class="read-more" href="http://localhost:1313/categories/uncategories/">
<span class="w-4 h-4 stroke-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
</svg>
</span>
</a>
</div>
</article>
</section>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,41 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on Deja el 10</title>
<link>http://localhost:1313/categories/</link>
<description>Recent content in Categories on Deja el 10</description>
<generator>Hugo</generator>
<language>en-US</language>
<copyright>{year}</copyright>
<lastBuildDate>Sat, 27 Aug 2022 09:16:45 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Hello</title>
<link>http://localhost:1313/categories/hello/</link>
<pubDate>Sat, 27 Aug 2022 09:16:45 +0000</pubDate>
<guid>http://localhost:1313/categories/hello/</guid>
<description></description>
</item>
<item>
<title>CSS</title>
<link>http://localhost:1313/categories/css/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/categories/css/</guid>
<description></description>
</item>
<item>
<title>JavaScript</title>
<link>http://localhost:1313/categories/javascript/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/categories/javascript/</guid>
<description>&lt;p&gt;Description&lt;/p&gt;</description>
</item>
<item>
<title>Uncategories</title>
<link>http://localhost:1313/categories/uncategories/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/categories/uncategories/</guid>
<description>&lt;p&gt;Description&lt;/p&gt;</description>
</item>
</channel>
</rss>

View file

@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JavaScript</title>
<meta
name="description"
content="Description"
/>
<link rel="canonical" href="http://localhost:1313/categories/javascript/" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<div class="flex flex-col gap-1">
<h1 class="text-2xl font-extrabold">
JavaScript
</h1>
<p>Description</p>
</div>
<section class="flex flex-col gap-10">
</section>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>JavaScript on Deja el 10</title>
<link>http://localhost:1313/categories/javascript/</link>
<description>Recent content in JavaScript on Deja el 10</description>
<generator>Hugo</generator>
<language>en-US</language>
<copyright>{year}</copyright>
<atom:link href="http://localhost:1313/categories/javascript/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>http://localhost:1313/categories/javascript/</title>
<link rel="canonical" href="http://localhost:1313/categories/javascript/">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=http://localhost:1313/categories/javascript/">
</head>
</html>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>http://localhost:1313/categories/</title>
<link rel="canonical" href="http://localhost:1313/categories/">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=http://localhost:1313/categories/">
</head>
</html>

View file

@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Uncategories</title>
<meta
name="description"
content="Description"
/>
<link rel="canonical" href="http://localhost:1313/categories/uncategories/" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<div class="flex flex-col gap-1">
<h1 class="text-2xl font-extrabold">
Uncategories
</h1>
<p>Description</p>
</div>
<section class="flex flex-col gap-10">
</section>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Uncategories on Deja el 10</title>
<link>http://localhost:1313/categories/uncategories/</link>
<description>Recent content in Uncategories on Deja el 10</description>
<generator>Hugo</generator>
<language>en-US</language>
<copyright>{year}</copyright>
<atom:link href="http://localhost:1313/categories/uncategories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>http://localhost:1313/categories/uncategories/</title>
<link rel="canonical" href="http://localhost:1313/categories/uncategories/">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=http://localhost:1313/categories/uncategories/">
</head>
</html>

1379
public/css/app.css Normal file

File diff suppressed because it is too large Load diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

View file

@ -0,0 +1,227 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title></title>
<meta
name="description"
content="
¿Cómo comienzo a usar software libre?
Es tu primera vez
Acércate a las comunidades de software libre
Explicar el por qué"
/>
<link rel="canonical" href="http://localhost:1313/estructura/" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<article class="flex flex-col gap-10">
<header class="flex flex-col gap-2">
<h2 class="title-large"></h2>
<div class="meta">
<time datetime="0001-01-01 00:00:00 &#43;0000 UTC" title='Mon, Jan 1, 0001, 12:00 AM UTC'>
01/01/0001 - %!(EXTRA int=1)
</time>
</div>
</header>
<section>
<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>
<div id="outline-container-headline-3" class="outline-4">
<h4 id="headline-3">
Grupos de usuarios de linux
</h4>
</div>
</div>
</div>
<div id="outline-container-headline-4" class="outline-3">
<h3 id="headline-4">
Hazlo tú mismo
</h3>
<div id="outline-text-headline-4" class="outline-text-3">
<p>Agarrar distro, meterse a los canales oficiales de la distro, buscar software</p>
</div>
</div>
</div>
</div>
</section>
<footer>
</footer>
</article>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
public/icons/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/img/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 611 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

618
public/index.html Normal file
View file

@ -0,0 +1,618 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head>
<meta name="generator" content="Hugo 0.152.1"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Deja el 10</title>
<meta
name="description"
content="Hello"
/>
<link rel="canonical" href="http://localhost:1313/" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<div class="py-2 flex flex-col gap-1">
<h3 class="title-small"></h3>
</div>
<section><h1 id="contexto">Contexto</h1>
<hr>
<p>El sistema operativo <strong>Microsoft Windows 10</strong> dejó de tener <em>soporte estándar</em> desde el pasado 14 de octubre de 2025 mientras que el <em>soporte extendido</em> (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.</p>
<div class="alert-box warning">
<h3 class="alert-title">No solo es sobre el soporte</h3>
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
/>
</svg>
Cualquier software (programa) que no respeta las libertades del usuario, a esto le llamamos privativo, es nocivo para éste y su equipo de computo.
</p>
</div>
<p>Es por eso que el <a href="https://cmxsl.org" title="Sitio oficial del Capítulo">Capítulo Mexicano de Software Libre (CMXSL)</a> 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 <em>usar software libre y aprovechar todos sus beneficios</em>.</p>
<div class="alert-box info">
<h3 class="alert-title">Aplica para cualquiera</h3>
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
/>
</svg>
El contenido de este sitio sirve tanto para usuarios de Windows como usuarios de Mac y demás ambientes privativos.
</p>
</div>
<p>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 <strong>se recomienda leer de principio a fin el sitio</strong>. 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.</p>
<h2 id="contenido">Contenido</h2>
<ul>
<li><a href="#c%C3%B3mo-te-afecta-esto">¿Cómo te afecta esto?</a></li>
<li><a href="#entra-en-escena-el-software-libre">Entra en escena el software libre</a></li>
<li><a href="#c%C3%B3mo-comienzo-a-usar-software-libre">¿Cómo comienzo a usar software libre?</a></li>
<li><a href="#participa">¡Participa!</a></li>
<li><a href="#sobre-la-campa%C3%B1a">Sobre la campaña</a></li>
<li><a href="#recursos">Recursos</a></li>
</ul>
<h1 id="cómo-te-afecta-esto">¿Cómo te afecta esto?</h1>
<hr>
<p>Entre las muchas desventajas de la perdida de un soporte, en especial de un sistema privativo, destacan:</p>
<h2 id="también-eres-afectado-por-terceros">También eres afectado por terceros</h2>
<p>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.</p>
<h2 id="perdida-de-cualquier-tipo-de-garantía">Perdida de cualquier tipo de garantía</h2>
<p>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, <em>sin importar que este sea de reciente adquisición</em> 😱.</p>
<h2 id="malo-para-tu-bolsillo">Malo para tu bolsillo</h2>
<p>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 &ldquo;mejor&rdquo;, hay muchos factores que pueden justificar dicho requisito:</p>
<ul>
<li>Mayor consumo de recursos, reflejado en memoria y procesamiento.</li>
<li>Software preinstalado pesado, la mayoría de las veces innecesario.</li>
<li>Realiza actividades fuera de la supervisión del usuario, es decir, trabajar en segundo plano (generalmente recolectando/mandando información sin tu consentimiento).</li>
</ul>
<h2 id="obsolescencia-programada">Obsolescencia programada</h2>
<p>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.</p>
<p>Para más información sobre estas malas prácticas, consulta la publicación <a href="https://www.gob.mx/profeco/articulos/obsolescencia-programada-disenados-para-morir">Obsolescencia programada: diseñados para morir</a> elaborada por la Procuraduría Federal del Consumidor PROFECO.</p>
<h2 id="todos-salimos-perjudicados">Todos salimos perjudicados</h2>
<ul>
<li>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.</li>
<li>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.</li>
<li>Comunidades enteras, esto incluye desde las más grandes como colectivos, grupos sociales, etc., hasta tu propio vecindario, colonia o distrito.</li>
<li>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?.</li>
</ul>
<h1 id="entra-en-escena-el-software-libre">Entra en escena el software libre</h1>
<hr>
<p>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 &ldquo;las licencias de uso&rdquo; 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: <strong>Pirata</strong>, para etiquetar tanto a usuarios como hackers que se oponen a la criminalización de la libre distribución del conocimiento.</p>
<div class="alert-box error">
<h3 class="alert-title">Un HACKER no es lo mismo que un PIRATA</h3>
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
/>
</svg>
El primero es un curioso de la informática y el segundo agrede embarcaciones en altamar.
</p>
</div>
<p>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 <strong>movimiento del software libre y los derechos digitales</strong>. 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 <strong>lo que hace a un software ser libre</strong>, es decir, que respete las libertades del usuario, esta definición se generalizó en 4 libertades esenciales.</p>
<h3 id="las-4-libertades">Las 4 libertades</h3>
<ol>
<li>Libertad para ejecutar el programa en cualquier sitio, con cualquier propósito y para siempre.</li>
<li>Libertad para estudiarlo y adaptarlo a nuestras necesidades. Esto
exige el acceso al código fuente.</li>
<li>Libertad de redistribución, de modo que se nos permita colaborar
con vecinos y amigos.</li>
<li>Libertad para mejorar el programa y publicar las mejoras. También exige el código fuente.</li>
</ol>
<figure class='mb-5'>
<img src="/cuatro-libertades.png" alt="Cat" width="853" height="640" />
<figcaption
class=''
>
Un mejor resumen sobre las 4 libertades.
</figcaption>
</figure>
<h3 id="el-proyecto-gnu-y-la-fundación-por-el-software-libre">El proyecto GNU y la Fundación por el Software Libre</h3>
<p>Tomando las <strong>4 libertades</strong> como base fue que un 27 de septiembre de 1983 un hacker del MIT, Richard Stallman, anuncia el <strong>Proyecto GNU</strong> 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 <em>licencias libres</em> que garantizan el cumplimiento de estas libertades.</p>
<div class="alert-box info">
<h3 class="alert-title">Nacen las licencias libres</h3>
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
/>
</svg>
El software GNU otorga las 4 libertades en su licencia.
</p>
</div>
<p>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.</p>
<h2 id="como-el-software-libre-es-la-solución">¿Como el software libre es la solución?</h2>
<p>Lo siguiente es un extracto del libro <a href="https://media.cmxsl.org/u/dinomug/m/introduccion-al-software-libre/">Introducción al software libre</a> que sintetiza de mejor manera su impacto positivo en distintos escenarios.</p>
<h3 id="para-el-usuario-final">Para el usuario final</h3>
<p>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.</p>
<p>Ya no se depende tanto de la <em>fiabilidad</em> 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.</p>
<p>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.</p>
<p>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.</p>
<h3 id="para-la-administración-pública">Para la administración pública</h3>
<p>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.</p>
<p>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.</p>
<h3 id="para-el-desarrollador">Para el desarrollador</h3>
<p>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).</p>
<p>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.</p>
<h3 id="para-el-integrador">Para el integrador</h3>
<p>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.</p>
<h3 id="para-el-que-proporciona-mantenimiento-y-servicios">Para el que proporciona mantenimiento y servicios</h3>
<p>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.</p>
<h1 id="cómo-comienzo-a-usar-software-libre">¿Cómo comienzo a usar software libre?</h1>
<hr>
<p>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.</p>
<h2 id="principiante">Principiante</h2>
<div class="alert-box success">
<h3 class="alert-title">Primera vez</h3>
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
Poco o nulo conocimiento técnico.
</p>
</div>
<p>Acércate a las comunidades de software libre, como los grupos de usuarios GNU/Linux, Hackerspace(s), festivales, etc. Solo por mencionar unos ejemplos:</p>
<ul>
<li><a href="https://es.wikipedia.org/wiki/Anexo:Grupos_de_Usuarios_de_Software_Libre_de_Mexico">Grupos de usuarios de software libre</a> (Wikipedia)</li>
<li><a href="https://t.me/miau2018">MIAU</a> (Telegram)</li>
<li><a href="https://flisol.info">FLISoL</a> (<a href="https://flisol.info/FLISOL2026/Mexico">En México</a>)</li>
</ul>
<p>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. <strong>No seas tímido, charla con ellos.</strong></p>
<p>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.</p>
<p>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.</p>
<h2 id="hágalo-usted-mismo">Hágalo usted mismo</h2>
<div class="alert-box success">
<h3 class="alert-title">Usuario avanzado</h3>
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
Mayor grado de conocimiento técnico.
</p>
</div>
<h3 id="dando-el-paso-hacía-una-distro">Dando el paso hacía una distro</h3>
<p>
<div class="alert-box warning">
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
/>
</svg>
Dejar de usar SOs privativos es tu objetivo en este momento.
</p>
</div>
Es tan sencillo como dar un vistazo a <a href="https://distrowatch.com/">Distrowatch</a> 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:</p>
<ul>
<li>Distros base más comunes: Debian, Arch Linux, Fedora Linux, OpenSUSE.</li>
<li>Gestores de paquetes más comunes: APT, Pacman, RPM.</li>
<li>Entornos de escritorio más comunes: KDE, GNOME, Mate, XFCE.</li>
<li>Arquitecturas más soportadas: x86-64, ARM.</li>
</ul>
<div class="alert-box error">
<h3 class="alert-title">Evita el Dualboot</h3>
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
/>
</svg>
Es una solución temporal, no definitiva.
</p>
</div>
<h3 id="si-ya-estás-en-una-distro-pero-quieres-pasar-a-una-100-libre">Si ya estás en una distro pero quieres pasar a una 100% libre</h3>
<p>Asegúrate de que tu hardware es soportado, es decir, funciona sin la necesidad de drivers o firmware no libre. <strong>h-node</strong> es una excelente herramienta para conocer tu hardware, puedes hacer una búsqueda rápida con el siguiente <a href="https://h-node.org/search/form/es">formulario</a> o para una comprensión más profunda apoyarte en <a href="https://www.h-node.org/wiki/page/es/Discover-your-hardware">este apartado (en inglés)</a>.</p>
<p>Si tu hardware tiene soporte, cuentas con una lista de <a href="https://www.gnu.org/distros/free-distros.es.html#for-pc">distribuciones libres de GNU/Linux</a> listas para usar.</p>
<p>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 <a href="https://wiki.cmxsl.org/repositorio">repositorio independiente</a>. Para el caso de distros base Arch Linux recomendamos los <a href="https://wiki.parabola.nu/Repositories_(Espa%C3%B1ol)">repositorios de Parabola GNU/Linux-libre</a>.</p>
<h1 id="participa">¡Participa!</h1>
<hr>
<p><strong>Todos pueden aportar con su granito de arena y a su manera</strong> para lograr el objetivo principal de la campaña :)</p>
<p>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.</p>
<div class="alert-box success">
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
La difusión es el primer paso para el cambio.
</p>
</div>
<p><strong>Si eres usuario final (individuo o empresa)</strong></p>
<ul>
<li>Prioriza el uso de software libre en tus dispositivos. Explora alternativas al software privativo que usas a diario.</li>
<li>Como cliente o usuario, pregunta a tus proveedores sobre el uso de estándares abiertos y software libre. Tu voz como consumidor tiene poder.</li>
<li>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.).</li>
<li>Comparte tu experiencia positiva con el software libre en tu entorno. Rompe el mito de que <em>&ldquo;es solo para expertos&rdquo;</em>.</li>
</ul>
<p><strong>Si formas parte de la administración pública</strong></p>
<ul>
<li>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.</li>
<li>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.</li>
<li>Transparencia y auditoría para fomentar la confianza ciudadana.</li>
<li>Si desarrollas o adaptas software, libéralo bajo licencias libres. Lo pagado con fondos públicos debe beneficiar a toda la sociedad.</li>
</ul>
<p><strong>Si eres técnico o tu negocio tiene un giro relacionado a la computación</strong></p>
<ul>
<li>Ofrece soluciones basadas en software libre a tus clientes, llévales independencia, seguridad y costes predecibles. Es una ventaja competitiva sólida y ética.</li>
<li>Invierte en formación en tecnologías abiertas. Es conocimiento que no caduca ni depende de una sola empresa.</li>
<li>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.</li>
<li>Únete a asociaciones. Fortalece el sector colaborando con grupos de profesionales y asociaciones de software libre.</li>
</ul>
<p><strong>Si eres desarrollador</strong></p>
<ul>
<li>Siempre que sea posible, licencia tus proyectos personales y de impacto social con licencias libres (GPL, Apache, BSD-3, etc.). Comparte conocimiento.</li>
<li>Contribuye a proyectos existentes corrigiendo errores tipográficos, mejorar documentación, traducir, arreglar bugs o añadir pequeñas funcionalidades. ¡Todo cuenta!</li>
<li>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.</li>
<li>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.</li>
</ul>
<div class="alert-box success">
<h3 class="alert-title">No importa cuál sea tu punto de partida</h3>
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
Hay un lugar para ti en esta campaña.
</p>
</div>
<p><strong>Juntos no solo estamos instalando software, estamos construyendo un futuro digital más justo, colaborativo y en libertad.</strong></p>
<h1 id="sobre-la-campaña">Sobre la campaña</h1>
<hr>
<p>Esta campaña va dirigida al público en general, tomando como inspiración la campaña <a href="https://endof10.org/es/">FIN DE 10</a>. 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.</p>
<h1 id="recursos">Recursos</h1>
<hr>
<ul>
<li><a href="https://fsfe.org/freesoftware/freesoftware.es.html">Qué es el Software Libre (FSFE)</a></li>
<li><a href="https://www.fsf.org/es/recursos-de-software-libre">Recursos de software libre (FSF)</a></li>
</ul>
</section>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

27
public/index.xml Normal file
View file

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Deja el 10</title>
<link>http://localhost:1313/</link>
<description>Recent content on Deja el 10</description>
<generator>Hugo</generator>
<language>en-US</language>
<copyright>{year}</copyright>
<lastBuildDate>Sat, 27 Aug 2022 09:16:45 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Markdown Cheat Sheet</title>
<link>http://localhost:1313/posts/markdown-cheat-sheet/</link>
<pubDate>Sat, 27 Aug 2022 09:16:45 +0000</pubDate>
<guid>http://localhost:1313/posts/markdown-cheat-sheet/</guid>
<description>&lt;p&gt;This Markdown cheat sheet &lt;strong&gt;provides&lt;/strong&gt; a quick overview of all the Markdown syntax elements. It cant cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic &lt;em&gt;syntax&lt;/em&gt; and extended syntax.&lt;/p&gt;</description>
</item>
<item>
<title></title>
<link>http://localhost:1313/estructura/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/estructura/</guid>
<description>&lt;div id=&#34;outline-container-headline-1&#34; class=&#34;outline-2&#34;&gt;&#xA;&lt;h2 id=&#34;headline-1&#34;&gt;&#xA;¿Cómo comienzo a usar software libre?&#xA;&lt;/h2&gt;&#xA;&lt;div id=&#34;outline-text-headline-1&#34; class=&#34;outline-text-2&#34;&gt;&#xA;&lt;p&gt;Es tu primera vez&lt;/p&gt;&#xA;&lt;div id=&#34;outline-container-headline-2&#34; class=&#34;outline-3&#34;&gt;&#xA;&lt;h3 id=&#34;headline-2&#34;&gt;&#xA;Acércate a las comunidades de software libre&#xA;&lt;/h3&gt;&#xA;&lt;div id=&#34;outline-text-headline-2&#34; class=&#34;outline-text-3&#34;&gt;&#xA;&lt;p&gt;Explicar el por qué&lt;/p&gt;</description>
</item>
</channel>
</rss>

BIN
public/licencias_libres.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 898 KiB

207
public/posts/index.html Normal file
View file

@ -0,0 +1,207 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Post</title>
<meta
name="description"
content="See What Ive Written Lately"
/>
<link rel="canonical" href="http://localhost:1313/posts/" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<div class="flex flex-col gap-1">
<h1 class="text-2xl font-extrabold">
Latest Posts
</h1>
<p>See What Ive Written Lately</p>
</div>
<section class="flex flex-col gap-10">
<article class="flex flex-col gap-1">
<h1>
<a href="http://localhost:1313/posts/markdown-cheat-sheet/">Markdown Cheat Sheet</a>
</h1>
<span class="date">
<time datetime="2022-08-27 09:16:45 &#43;0000 UTC" title='Sat, Aug 27, 2022, 9:16 AM UTC'>
27/08/2022
</time>
</span>
<div class="description">
Markdown is a powerful tool for creating rich text using a plain text editor. This cheatsheet is a quick reference for Markdown syntax.
</div>
<div class="mt-2">
<a class="read-more" href="http://localhost:1313/posts/markdown-cheat-sheet/">
<span class="w-4 h-4 stroke-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
</svg>
</span>
</a>
</div>
</article>
</section>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

20
public/posts/index.xml Normal file
View file

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Post on Deja el 10</title>
<link>http://localhost:1313/posts/</link>
<description>Recent content in Post on Deja el 10</description>
<generator>Hugo</generator>
<language>en-US</language>
<copyright>{year}</copyright>
<lastBuildDate>Sat, 27 Aug 2022 09:16:45 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/posts/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Markdown Cheat Sheet</title>
<link>http://localhost:1313/posts/markdown-cheat-sheet/</link>
<pubDate>Sat, 27 Aug 2022 09:16:45 +0000</pubDate>
<guid>http://localhost:1313/posts/markdown-cheat-sheet/</guid>
<description>&lt;p&gt;This Markdown cheat sheet &lt;strong&gt;provides&lt;/strong&gt; a quick overview of all the Markdown syntax elements. It cant cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic &lt;em&gt;syntax&lt;/em&gt; and extended syntax.&lt;/p&gt;</description>
</item>
</channel>
</rss>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

View file

@ -0,0 +1,473 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Markdown Cheat Sheet</title>
<meta
name="description"
content="Markdown is a powerful tool for creating rich text using a plain text editor. This cheatsheet is a quick reference for Markdown syntax."
/>
<link rel="canonical" href="http://localhost:1313/posts/markdown-cheat-sheet/" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<article class="flex flex-col gap-10">
<header class="flex flex-col gap-2">
<h2 class="title-large">Markdown Cheat Sheet</h2>
<div class="meta">
<time datetime="2022-08-27 09:16:45 &#43;0000 UTC" title='Sat, Aug 27, 2022, 9:16 AM UTC'>
27/08/2022 - %!(EXTRA int=2)
</time>
<a class="categories" href="/categories/hello/" alt="Hello">
Hello
</a>
</div>
</header>
<section><p>This Markdown cheat sheet <strong>provides</strong> a quick overview of all the Markdown syntax elements. It cant 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>
<h1 id="headings">Headings</h1>
<hr>
<h1 id="heading-1">Heading 1</h1>
<h2 id="heading-2">Heading 2</h2>
<h3 id="heading-3">Heading 3</h3>
<h4 id="heading-4">Heading 4</h4>
<h5 id="heading-5">Heading 5</h5>
<h6 id="heading-6">Heading 6</h6>
<h1 id="emphasis">Emphasis</h1>
<hr>
<p>Emphasis, aka italics, with asterisks or underscores. <strong>Strong emphasis</strong>, aka bold, with asterisks or underscores. Combined emphasis with asterisks and underscores. <del>Strikethrough</del> with two tildes. <strong><em>Bold and nested italic</em></strong>. <strong><em>All bold and italic</em></strong>. <strong><em><em>Bold and italic nested</em></em></strong>.</p>
<h1 id="images">Images</h1>
<hr>
<figure class='mb-5'>
<img src="/posts/markdown-cheat-sheet/cat.jpg" alt="Cat" width="6016" height="4000" />
<figcaption
class=''
>
This is the default position of a figcaption, but it can be centered or at the end.
</figcaption>
</figure>
<h1 id="lists">Lists</h1>
<hr>
<h2 id="ordered">Ordered:</h2>
<ol>
<li>First ordered list item</li>
<li>Another item</li>
<li>Actual numbers don&rsquo;t matter, just that it&rsquo;s a number
<ol>
<li>1st.</li>
<li>2nd.</li>
<li>3rd.</li>
</ol>
</li>
</ol>
<h2 id="unordered">Unordered:</h2>
<ul>
<li>This is a list item
<ul>
<li>This is a nested list item
<ul>
<li>This is a nested list item</li>
</ul>
</li>
<li>This is another list item</li>
</ul>
</li>
<li>This is another list item</li>
</ul>
<h2 id="task">Task:</h2>
<span class="task-list"></span>
<ul>
<li><input checked="" disabled="" type="checkbox"> Write the press release</li>
<li><input disabled="" type="checkbox"> Update the website</li>
<li><input disabled="" type="checkbox"> Contact the media</li>
</ul>
<h1 id="links">Links</h1>
<hr>
<p><a href="https://www.example.com">This is a link</a>.</p>
<p><a href="https://www.example.com" title="Link Title">This link</a> has a title attribute.</p>
<h1 id="tables">Tables</h1>
<hr>
<table>
<thead>
<tr>
<th>Syntax</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>Header</td>
<td>Title</td>
</tr>
<tr>
<td>Paragraph</td>
<td>Text</td>
</tr>
</tbody>
</table>
<h1 id="blockquotes">Blockquotes</h1>
<hr>
<blockquote>
<p>Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.</p>
</blockquote>
<p>You can reference a footnote like this.</p>
<blockquote>
<p>All generalizations are false, including this one. — Mark Twain. <sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
</blockquote>
<h1 id="code">Code</h1>
<hr>
<p>Inline <code>code</code> has <code>back-ticks around</code> it.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#8be9fd;font-style:italic">var</span> s <span style="color:#ff79c6">=</span> <span style="color:#f1fa8c">&#34;JavaScript syntax highlighting&#34;</span>;
</span></span><span style="display:flex;"><span>alert(s);
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-python" data-lang="python"><span style="display:flex;"><span>s <span style="color:#ff79c6">=</span> <span style="color:#f1fa8c">&#34;Python syntax highlighting&#34;</span>
</span></span><span style="display:flex;"><span><span style="color:#8be9fd;font-style:italic">print</span>(s)
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-plain" data-lang="plain"><span style="display:flex;"><span>No language indicated, so no syntax highlighting.
</span></span><span style="display:flex;"><span>But let&#39;s throw in a &lt;b&gt;tag&lt;/b&gt;.
</span></span></code></pre></div><p>You can remove line numbers, change the highlighting theme, and more. See <a href="https://gohugo.io/content-management/syntax-highlighting/">Syntax Highlighting</a> and <a href="https://gohugo.io/getting-started/configuration-markup/#highlight/">Highlight</a>.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-c" data-lang="c"><span style="display:flex;"><span><span style="color:#ff79c6">#include</span> <span style="color:#ff79c6">&lt;stdio.h&gt;</span><span style="color:#ff79c6">
</span></span></span><span style="display:flex;"><span><span style="color:#ff79c6"></span>
</span></span><span style="display:flex;"><span><span style="color:#8be9fd">int</span> <span style="color:#50fa7b">main</span>()
</span></span><span style="display:flex;"><span>{
</span></span><span style="display:flex;"><span> <span style="color:#50fa7b">printf</span>(<span style="color:#f1fa8c">&#34;Hello, World!</span><span style="color:#f1fa8c">\n</span><span style="color:#f1fa8c">&#34;</span>);
</span></span><span style="display:flex;"><span> <span style="color:#ff79c6">return</span> <span style="color:#bd93f9">0</span>;
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><h1 id="alerts">Alerts</h1>
<hr>
<div class="alert-box info">
<h3 class="alert-title">Optional title</h3>
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
/>
</svg>
This is an info alert.
</p>
</div>
<div class="alert-box warning">
<h3 class="alert-title">Optional title</h3>
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
/>
</svg>
This is a warning alert.
</p>
</div>
<div class="alert-box error">
<h3 class="alert-title">Optional title</h3>
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
/>
</svg>
This is an error alert.
</p>
</div>
<div class="alert-box success">
<h3 class="alert-title">Optional title</h3>
<p class="flex flex-row items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="alert-icon"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
This is a success alert.
</p>
</div>
<h1 id="math">Math</h1>
<hr>
<p>You can use LaTeX-style math with <code>$</code> and <code>$$</code> delimiters. For example, <code>$x^2$</code> renders as $x^2$, and <code>$$\frac{x}{y}$$</code> renders as: $$\frac{x}{y}$$</p>
<p>We can throw this scary-looking equation at you:</p>
<p>$$
\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} } } }
$$</p>
<h1 id="horizontal-rules">Horizontal Rules</h1>
<hr>
<p>Three or more&hellip; Hyphens <code>---</code>, Asterisks <code>***</code>, or Underscores <code>___</code>.</p>
<hr>
<hr>
<hr>
<h1 id="miscellaneous">Miscellaneous</h1>
<hr>
<p>Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use <code>hover:scroll-auto</code> to only <del>The world is flat.</del>
apply the scroll-auto utility on hover.</p>
<dl>
<dt>term</dt>
<dd>definition</dd>
<dd>another definition</dd>
</dl>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p><a href="https://www.brainyquote.com/quotes/mark_twain_137872">https://www.brainyquote.com/quotes/mark_twain_137872</a>.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
</section>
<footer>
<div class="pb-14 taxonomy-list tags-list">
<a href="/tags/hello/" alt="Hello">
Hello
</a>
<a href="/tags/whatsapp/" alt="WhatsApp">
WhatsApp
</a>
</div>
</footer>
</article>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>http://localhost:1313/posts/</title>
<link rel="canonical" href="http://localhost:1313/posts/">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=http://localhost:1313/posts/">
</head>
</html>

25
public/robots.txt Normal file
View file

@ -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/

37
public/sitemap.xml Normal file
View file

@ -0,0 +1,37 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://localhost:1313/</loc>
<lastmod>2022-08-27T09:16:45+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/categories/</loc>
<lastmod>2022-08-27T09:16:45+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/categories/hello/</loc>
<lastmod>2022-08-27T09:16:45+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/tags/hello/</loc>
<lastmod>2022-08-27T09:16:45+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/posts/markdown-cheat-sheet/</loc>
<lastmod>2022-08-27T09:16:45+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/posts/</loc>
<lastmod>2022-08-27T09:16:45+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/tags/</loc>
<lastmod>2022-08-27T09:16:45+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/tags/whatsapp/</loc>
<lastmod>2022-08-27T09:16:45+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/estructura/</loc>
</url><url>
<loc>http://localhost:1313/categories/css/</loc>
</url><url>
<loc>http://localhost:1313/categories/javascript/</loc>
</url><url>
<loc>http://localhost:1313/categories/uncategories/</loc>
</url>
</urlset>

View file

@ -0,0 +1,204 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hello</title>
<meta
name="description"
content=""
/>
<link rel="canonical" href="http://localhost:1313/tags/hello/" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<div class="flex flex-col gap-1">
<h1 class="text-2xl font-extrabold">
Hello
</h1>
</div>
<section class="flex flex-col gap-10">
<article class="flex flex-col gap-1">
<h1>
<a href="http://localhost:1313/posts/markdown-cheat-sheet/">Markdown Cheat Sheet</a>
</h1>
<span class="date">
<time datetime="2022-08-27 09:16:45 &#43;0000 UTC" title='Sat, Aug 27, 2022, 9:16 AM UTC'>
27/08/2022
</time>
</span>
<div class="description">
Markdown is a powerful tool for creating rich text using a plain text editor. This cheatsheet is a quick reference for Markdown syntax.
</div>
<div class="mt-2">
<a class="read-more" href="http://localhost:1313/posts/markdown-cheat-sheet/">
<span class="w-4 h-4 stroke-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
</svg>
</span>
</a>
</div>
</article>
</section>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Hello on Deja el 10</title>
<link>http://localhost:1313/tags/hello/</link>
<description>Recent content in Hello on Deja el 10</description>
<generator>Hugo</generator>
<language>en-US</language>
<copyright>{year}</copyright>
<lastBuildDate>Sat, 27 Aug 2022 09:16:45 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/tags/hello/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Markdown Cheat Sheet</title>
<link>http://localhost:1313/posts/markdown-cheat-sheet/</link>
<pubDate>Sat, 27 Aug 2022 09:16:45 +0000</pubDate>
<guid>http://localhost:1313/posts/markdown-cheat-sheet/</guid>
<description>&lt;p&gt;This Markdown cheat sheet &lt;strong&gt;provides&lt;/strong&gt; a quick overview of all the Markdown syntax elements. It cant cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic &lt;em&gt;syntax&lt;/em&gt; and extended syntax.&lt;/p&gt;</description>
</item>
</channel>
</rss>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>http://localhost:1313/tags/hello/</title>
<link rel="canonical" href="http://localhost:1313/tags/hello/">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=http://localhost:1313/tags/hello/">
</head>
</html>

234
public/tags/index.html Normal file
View file

@ -0,0 +1,234 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tags</title>
<meta
name="description"
content="Our Tags Collection"
/>
<link rel="canonical" href="http://localhost:1313/tags/" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<div class="flex flex-col gap-1">
<h1 class="text-2xl font-extrabold">
Tags
</h1>
<p>Our Tags Collection</p>
</div>
<section class="flex flex-col gap-10">
<article class="flex flex-col gap-1">
<h1>
<a href="http://localhost:1313/tags/hello/">Hello</a>
</h1>
<span class="date">
<time datetime="2022-08-27 09:16:45 &#43;0000 UTC" title='Sat, Aug 27, 2022, 9:16 AM UTC'>
27/08/2022
</time>
</span>
<div class="description">
</div>
<div class="mt-2">
<a class="read-more" href="http://localhost:1313/tags/hello/">
<span class="w-4 h-4 stroke-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
</svg>
</span>
</a>
</div>
</article>
<article class="flex flex-col gap-1">
<h1>
<a href="http://localhost:1313/tags/whatsapp/">WhatsApp</a>
</h1>
<span class="date">
<time datetime="2022-08-27 09:16:45 &#43;0000 UTC" title='Sat, Aug 27, 2022, 9:16 AM UTC'>
27/08/2022
</time>
</span>
<div class="description">
</div>
<div class="mt-2">
<a class="read-more" href="http://localhost:1313/tags/whatsapp/">
<span class="w-4 h-4 stroke-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
</svg>
</span>
</a>
</div>
</article>
</section>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

27
public/tags/index.xml Normal file
View file

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Tags on Deja el 10</title>
<link>http://localhost:1313/tags/</link>
<description>Recent content in Tags on Deja el 10</description>
<generator>Hugo</generator>
<language>en-US</language>
<copyright>{year}</copyright>
<lastBuildDate>Sat, 27 Aug 2022 09:16:45 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/tags/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Hello</title>
<link>http://localhost:1313/tags/hello/</link>
<pubDate>Sat, 27 Aug 2022 09:16:45 +0000</pubDate>
<guid>http://localhost:1313/tags/hello/</guid>
<description></description>
</item>
<item>
<title>WhatsApp</title>
<link>http://localhost:1313/tags/whatsapp/</link>
<pubDate>Sat, 27 Aug 2022 09:16:45 +0000</pubDate>
<guid>http://localhost:1313/tags/whatsapp/</guid>
<description></description>
</item>
</channel>
</rss>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>http://localhost:1313/tags/</title>
<link rel="canonical" href="http://localhost:1313/tags/">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=http://localhost:1313/tags/">
</head>
</html>

View file

@ -0,0 +1,204 @@
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>WhatsApp</title>
<meta
name="description"
content=""
/>
<link rel="canonical" href="http://localhost:1313/tags/whatsapp/" />
<link rel="robots" href="/robots.txt" />
<link rel="icon" type="image/x-icon" href="/icons/favicon.ico" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });</script>
<link rel="stylesheet" href="http://localhost:1313/css/app.css" /></head>
<body class="max-w-screen-md mx-auto px-2.5">
<div class="header">
<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-2">
<div class="flex-none w-full h-full overflow-hidden">
<a href="http://localhost:1313/">
<img
srcset="/img/logo_hu_5a4c164ec92d2dcd.png 80w"
src="/img/logo.png"
width="232"
height="121"
alt="Deja el 10"
/>
</a>
</div>
</div>
</header>
<button class="toggle-theme" aria-label="Toggle Theme" title="Toggle Theme" onclick="toggleTheme()">
<span class="theme-icon light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg> </span>
<span class="theme-icon dark"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" />
</svg> </span>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const theme = localStorage.getItem('theme');
if (!theme || theme === 'light') {
setTheme('light');
} else {
setTheme(theme);
}
});
function setTheme(theme) {
const html = document.querySelector('html');
localStorage.setItem('theme', theme);
if (theme === 'light') {
if (html.classList.contains('dark')) {
document.querySelector('html').classList.remove('dark');
}
document.querySelector('.theme-icon.light').style.display = 'none';
document.querySelector('.theme-icon.dark').style.display = 'block';
} else {
if (!html.classList.contains('dark')) {
document.querySelector('html').classList.add('dark');
}
document.querySelector('.theme-icon.dark').style.display = 'none';
document.querySelector('.theme-icon.light').style.display = 'block';
}
}
function toggleTheme() {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
setTheme('dark');
} else {
setTheme('light');
}
}
</script>
</div>
<main id="content">
<div class="flex flex-col gap-1">
<h1 class="text-2xl font-extrabold">
WhatsApp
</h1>
</div>
<section class="flex flex-col gap-10">
<article class="flex flex-col gap-1">
<h1>
<a href="http://localhost:1313/posts/markdown-cheat-sheet/">Markdown Cheat Sheet</a>
</h1>
<span class="date">
<time datetime="2022-08-27 09:16:45 &#43;0000 UTC" title='Sat, Aug 27, 2022, 9:16 AM UTC'>
27/08/2022
</time>
</span>
<div class="description">
Markdown is a powerful tool for creating rich text using a plain text editor. This cheatsheet is a quick reference for Markdown syntax.
</div>
<div class="mt-2">
<a class="read-more" href="http://localhost:1313/posts/markdown-cheat-sheet/">
<span class="w-4 h-4 stroke-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
</svg>
</span>
</a>
</div>
</article>
</section>
</main><footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-1">
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
🄯 2026 CMXSL — Hecho
<span class="font-normal">con</span>
<a
href="https://github.com/nixentric/Lowkey-Hugo-Theme"
target="_blank"
rel="noopener noreferrer"
>
Lowkey
</a>
</div>
<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1">
<span class="font-normal">
El contenido de este sitio esta bajo la
</span>
<a
href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"
target="_blank"
rel="noopener noreferrer"
>
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a>
</div>
<div class="order-1 sm:order-2">
<ul class="flex sm:justify-end gap-5">
<li>
<a href="https://mstdn.mx/@cmxsl" target="_blank" rel="me noopener noreferrer">Mastodon</a>
</li>
<li>
<a href="https://media.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Mediagoblin</a>
</li>
<li>
<a href="https://git.cmxsl.org/" target="_blank" rel="me noopener noreferrer">Código fuente del sitio</a>
</li>
</ul>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>WhatsApp on Deja el 10</title>
<link>http://localhost:1313/tags/whatsapp/</link>
<description>Recent content in WhatsApp on Deja el 10</description>
<generator>Hugo</generator>
<language>en-US</language>
<copyright>{year}</copyright>
<lastBuildDate>Sat, 27 Aug 2022 09:16:45 +0000</lastBuildDate>
<atom:link href="http://localhost:1313/tags/whatsapp/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Markdown Cheat Sheet</title>
<link>http://localhost:1313/posts/markdown-cheat-sheet/</link>
<pubDate>Sat, 27 Aug 2022 09:16:45 +0000</pubDate>
<guid>http://localhost:1313/posts/markdown-cheat-sheet/</guid>
<description>&lt;p&gt;This Markdown cheat sheet &lt;strong&gt;provides&lt;/strong&gt; a quick overview of all the Markdown syntax elements. It cant cover every edge case, so if you need more information about any of these elements, refer to the reference guides for basic &lt;em&gt;syntax&lt;/em&gt; and extended syntax.&lt;/p&gt;</description>
</item>
</channel>
</rss>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>http://localhost:1313/tags/whatsapp/</title>
<link rel="canonical" href="http://localhost:1313/tags/whatsapp/">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=http://localhost:1313/tags/whatsapp/">
</head>
</html>

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1 @@
{"Target":"/css/tailwind.css","MediaType":"text/css","Data":{}}

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Some files were not shown because too many files have changed in this diff Show more