fix codehilite

cl-theme/static/css/style.css

@@ -19,7 +19,88 @@ label[for=navbar-toggle-cbox] {
 #navbar-toggle-cbox:checked ~ .navbar-menu {
     display: block;
 }
-/*- ----------- End Menu Mobile sin JS ------------- */
+
+/* ------------ End Menu Mobile sin JS ------------- */
+
+/* ------------------- codehilite ------------------ */
+.highlight pre {
+    font-size: 75%;
+}
+.highlight .hll { background-color: #222222 }
+.highlight  { background: #000000; color: #cccccc }
+.highlight .c { color: #4E4F8E } /* Comment */
+.highlight .err { color: #cccccc; border: 1px solid #FF0000 } /* Error */
+.highlight .esc { color: #cccccc } /* Escape */
+.highlight .g { color: #cccccc } /* Generic */
+.highlight .k { color: #cdcd00 } /* Keyword */
+.highlight .l { color: #cccccc } /* Literal */
+.highlight .n { color: #cccccc } /* Name */
+.highlight .o { color: #3399cc } /* Operator */
+.highlight .x { color: #cccccc } /* Other */
+.highlight .p { color: #fac0ba } /* Punctuation */
+.highlight .ch { color: #4E4F8E } /* Comment.Hashbang */
+.highlight .cm { color: #4E4F8E } /* Comment.Multiline */
+.highlight .cp { color: #4E4F8E } /* Comment.Preproc */
+.highlight .cpf { color: #4E4F8E } /* Comment.PreprocFile */
+.highlight .c1 { color: #4E4F8E } /* Comment.Single */
+.highlight .cs { color: #cd0000; font-weight: bold } /* Comment.Special */
+.highlight .gd { color: #cd0000 } /* Generic.Deleted */
+.highlight .ge { color: #cccccc; font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #FF0000 } /* Generic.Error */
+.highlight .gh { color: #4E4F8E; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #00cd00 } /* Generic.Inserted */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #4E4F8E; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { color: #cccccc; font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #0044DD } /* Generic.Traceback */
+.highlight .kc { color: #cdcd00 } /* Keyword.Constant */
+.highlight .kd { color: #00cd00 } /* Keyword.Declaration */
+.highlight .kn { color: #cd00cd } /* Keyword.Namespace */
+.highlight .kp { color: #cdcd00 } /* Keyword.Pseudo */
+.highlight .kr { color: #cdcd00 } /* Keyword.Reserved */
+.highlight .kt { color: #00cd00 } /* Keyword.Type */
+.highlight .ld { color: #cccccc } /* Literal.Date */
+.highlight .m { color: #cd00cd } /* Literal.Number */
+.highlight .s { color: #cd0000 } /* Literal.String */
+.highlight .na { color: #cccccc } /* Name.Attribute */
+.highlight .nb { color: #cd00cd } /* Name.Builtin */
+.highlight .nc { color: #00cdcd } /* Name.Class */
+.highlight .no { color: #cccccc } /* Name.Constant */
+.highlight .nd { color: #cccccc } /* Name.Decorator */
+.highlight .ni { color: #cccccc } /* Name.Entity */
+.highlight .ne { color: #666699; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #cccccc } /* Name.Function */
+.highlight .nl { color: #cccccc } /* Name.Label */
+.highlight .nn { color: #cccccc } /* Name.Namespace */
+.highlight .nx { color: #cccccc } /* Name.Other */
+.highlight .py { color: #cccccc } /* Name.Property */
+.highlight .nt { color: orange } /* Name.Tag */
+.highlight .nv { color: #00cdcd } /* Name.Variable */
+.highlight .ow { color: #cdcd00 } /* Operator.Word */
+.highlight .w { color: #cccccc } /* Text.Whitespace */
+.highlight .mb { color: #cd00cd } /* Literal.Number.Bin */
+.highlight .mf { color: #cd00cd } /* Literal.Number.Float */
+.highlight .mh { color: #cd00cd } /* Literal.Number.Hex */
+.highlight .mi { color: #cd00cd } /* Literal.Number.Integer */
+.highlight .mo { color: #cd00cd } /* Literal.Number.Oct */
+.highlight .sb { color: #cd0000 } /* Literal.String.Backtick */
+.highlight .sc { color: #cd0000 } /* Literal.String.Char */
+.highlight .sd { color: #cd0000 } /* Literal.String.Doc */
+.highlight .s2 { color: #cd0000 } /* Literal.String.Double */
+.highlight .se { color: #cd0000 } /* Literal.String.Escape */
+.highlight .sh { color: #cd0000 } /* Literal.String.Heredoc */
+.highlight .si { color: #cd0000 } /* Literal.String.Interpol */
+.highlight .sx { color: #cd0000 } /* Literal.String.Other */
+.highlight .sr { color: #cd0000 } /* Literal.String.Regex */
+.highlight .s1 { color: #cd0000 } /* Literal.String.Single */
+.highlight .ss { color: #cd0000 } /* Literal.String.Symbol */
+.highlight .bp { color: #cd00cd } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #00cdcd } /* Name.Variable.Class */
+.highlight .vg { color: #00cdcd } /* Name.Variable.Global */
+.highlight .vi { color: #00cdcd } /* Name.Variable.Instance */
+.highlight .il { color: #cd00cd } /* Literal.Number.Integer.Long */
+/* ----------------- End codehilite ---------------- */
 
 code {
     background-color: #282828;
@@ -112,11 +193,11 @@ a.pagination-next.disabled {
 
 /* html/body/font-fixes */
 body, input, textarea, .button {
-    font-family: 'Roboto Condensed', sans-serif;
+    font-family: 'Roboto Condensed', Nimbus Sans, sans-erif;
 }
 
 .fa small {
-    font-family: 'Roboto Condensed', sans-serif;
+    font-family: 'Roboto Condensed', Nimbus Sans, sans-serif;
     color: #7a7a7a;
 }
 

content/como-generar-freakspot.md

@@ -26,29 +26,28 @@ un entorno virtual con python-virtualenv.
 
 1. Clonación del repositorio e ingreso al directorio de trabajo
 
-        $ git clone https://notabug.org/Freak-Spot/Freak-Spot
+        :::bash
-
+        git clone https://notabug.org/Freak-Spot/Freak-Spot
-        $ cd Freak-Spot
+        cd Freak-Spot
 
 2. Generar el entorno virtual y activarlo
 
-        $ virtualenv env
+        :::bash
-
+        virtualenv env
-        $ source env/bin/activate
+        source env/bin/activate
 
 3. Instalación de dependencias pip y npm
 
-        $ sudo npm install uglifycss uglify-js -g
+        :::bash
-
+        sudo npm install uglifycss uglify-js -g
-        $ pip install -U pelican beautifulsoup4 markdown babel
+        pip install -U pelican beautifulsoup4 markdown babel
-
-        $ npm install
 
 4. Generar el sitio web
 
-    `$ (cd freak-theme && make compile)`
+        :::bash
+        $ (cd freak-theme && make compile)
+        $ make html
 
-    `$ make html`
 
 <!--Plyr-->
 <script src="{static}/vendor/js/play.js"></script>

content/conectar-xmpp-con-whatsapp-usando-yowsup-y-transwhat.md

@@ -53,7 +53,7 @@ de un issue del repositorio GitHub de yowsup.
 
 Para crearte una cuenta con yowsup, debes ejecutar el siguiente comando:
 
-```
+```bash
 $ yowsup-cli registration -E s40 -r sms -p <nº_de_teléfono> -C <código_del_país> -m <código_móvil_del_país> -n <código_móvil_de_la_red>
 ```
 
@@ -68,14 +68,14 @@ Entonces, como dijo Jack el destripador, vamos por parte.
 Si todo funcionó, debería aparecerte algo como esto al final del comando, deberías recibir
 un mensaje de texto con el código para registrarte, de forma similar, escribe:
 
-```
+```bash
 $ yowsup-cli registration -E s40 -p <nº_de_teléfono> -C <código_del_país> -m <código_móvil_del_país> -n <código_móvil_de_la_red> -R <código_del_sms>
 ```
 
 Donde `<código_del_sms>` corresponde al código que recibiste en tu celular.
 El resultado del comando, cerca del final, deberías obtener algo como:
 
-```
+```bash
 INFO:yowsup.common.http.warequest:b'{"status":"ok","login":"<nº_de_teléfono>","type":"existing","pw":"FBmvgZs8UUbSX2ZHeVyxc7G7g4s=","expiration":4444444444.0,"kind":"free","price":"US$0.99","cost":"0.99","currency":"USD","price_expiration":1497967560}\n' status: b'ok' login: b'<nº_de_teléfono>' pw: b'<contraseña>' type: b'existing' expiration: 4444444444.0 kind: b'free' price: b'US$0.99' cost: b'0.99' currency: b'USD' price_expiration: 1497967560
 ```
 
@@ -92,10 +92,8 @@ Listo! Ya tienes una cuenta XMPP funcional con WhatsApp. Para agregar contactos
 añadirlos con la dirección `<nº_de_teléfono>@dominio.del.transporte>`
 
 **Nota:**
-```
+
-<nº_de_teléfono>
+`<nº_de_teléfono>`: tiene que ser el número completo pero sin el **signo +**, igual que cuando te registraste.
-```
-tiene que ser el número completo pero sin el **signo +**, igual que cuando te registraste.
 
 ## Para finalizar
 

content/crear-parches-con-git.md

@@ -34,7 +34,8 @@ donde `modificado.sh` es, en este caso, un script que fue modificado (.❛ ᴗ
 Entonces, para modificar nuestro script, texto o código fuente primero hay que
 crear el directorio `a` y `b`
 
-    $ mkdir a b
+    :::bash
+    mkdir a b
 
 En el directorio `a` pondremos el o los archivos sin modificar, y en el
 directorio `b` el modificado.
@@ -42,8 +43,8 @@ directorio `b` el modificado.
 ## Segundo paso: crea el parche
 Ejecuta:
 
-```
+```bash
-$ git diff --no-prefix --no-index --no-renames --binary a b > parche.patch
+git diff --no-prefix --no-index --no-renames --binary a b > parche.patch
 ```
 
 + --no-prefix: No mostrar ningún prefijo de origen o destino.
@@ -62,6 +63,7 @@ dependiendo del caso.
    archivos de código fuente en C/C++, Python, Pascal, Javascript, PHP, HMTL, etc.
    entonces usaremos este comando:
 
+        :::bash
         patch -p1 -i /ruta/del/parche.diff
 
 2. Con archivos binarios: Es decir, cosas como programas ejecutables ya compilados,
@@ -69,6 +71,7 @@ dependiendo del caso.
    cuando se parcha un binario cuando en parche dice algo como "GIT binary patch".
    En este caso aplicaremos el parche de la siguiente manera:
 
+        :::bash
         git apply -v /ruta/del/parche.diff
 
 ## El problema con diff y no hacer directorios a y b
@@ -94,25 +97,26 @@ En el primero, crearé los archivos que puse de ejemplo (valga la redundancia) y
 
 **script.sh:**
 
-```
+```bash
  #!/bin/bash
  echo "Hello world"
 ```
 
 **script.sh.new:**
 
-```
+```bash
  #!/bin/sh
  echo "Hello world"
  echo "This is a patched file :D"
 ```
 Ahora haremos lo que la mayoría de tutoriales de internet te dicen que hagas:
 
+    :::bash
     diff -u script.sh script.sh.new
 
 Y me queda así:
 
-```
+```diff
 --- script.sh   2018-03-16 15:52:49.887087539 -0300
 +++ script.sh.new       2018-03-16 15:53:02.490420209 -0300
 @@ -1,2 +1,3 @@
@@ -123,8 +127,11 @@ Y me queda así:
 ```
 Todo aparentemente bien, pero ahora apliquemos dicho parche
 
-```
+```bash
 $ diff -u script.sh script.sh.new | patch -p1 -i /dev/stdin
+```
+
+```diff
 can't find file to patch at input line 3
 Perhaps you used the wrong -p or --strip option?
 The text leading up to this was:
@@ -148,8 +155,11 @@ archivo_binario.bin  script.sh
 
 Bien, ahora hagamos el parche con diff:
 
-```
+```bash
 $ diff -ur a b
+```
+
+```diff
 Sólo en b: archivo_binario.bin
 diff -ur a/script.sh b/script.sh
 --- a/script.sh 2018-03-16 15:37:27.513802777 -0300
@@ -170,8 +180,11 @@ su trabajo y creara este nuevo archivo no funcionaría porque
 pero sí por `git` lo cual nos lleva al tercer punto.
 Mira lo que pasa si uso `git` en vez de `diff`:
 
-```
+```bash
 $ git diff --no-prefix --no-index --no-renames --binary a b
+```
+
+```diff
 diff --git b/archivo_binario.bin b/archivo_binario.bin
 new file mode 100644
 index 0000000000000000000000000000000000000000..1ce3c1c596d7a7f400b0cc89bda5a41eed2780c5

pelicanconf.py

@@ -19,6 +19,9 @@ MARKDOWN = {
     },
     'output_format': 'html5',
 }
+# Fix issue with < and > characters (among others) being double-escaped
+# Bug report in markdown/extensions/codehilite.py → https://github.com/Python-Markdown/markdown/pull/726/files
+
 PATH = 'content'
 PLUGIN_PATHS = ['plugins']
 PLUGINS = ['another_read_more_link', 'i18n_subsites', 'neighbors', 'pelican-css', 'pelican-js', 'sitemap', 'tag-cloud', 'tipue-search']