Skip to content

Commit

Permalink
Arreglar imagenes
Browse files Browse the repository at this point in the history
  • Loading branch information
misaelnieto committed Sep 10, 2024
1 parent 0faa1c1 commit 38be7ea
Show file tree
Hide file tree
Showing 26 changed files with 140 additions and 93 deletions.
3 changes: 3 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -9,3 +9,6 @@ attic/
vendor/
**/*.code-workspace
.idea/

node_modules
.env
105 changes: 63 additions & 42 deletions _includes/footer.html
Original file line number Diff line number Diff line change
@@ -1,45 +1,66 @@
<footer class="footer">
<div class="container">
{% if site.footer_menu %}
<div class="columns is-multiline">
{% for item in site.data[site.footer_menu] %}
<div class="column has-text-centered">
<div>
<a href="{{ item.link | relative_url }}" class="link">{{ item.name }}</a>
</div>
<div class="container">
{% if site.footer_menu %}
<div class="columns is-multiline">
{% for item in site.data[site.footer_menu] %}
<div class="column has-text-centered">
<div>
<a href="{{ item.link | relative_url }}" class="link">{{ item.name }}</a>
</div>
{% endfor %}
</div>
{% endif %}
<div class="content is-small has-text-centered">
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
<a property="dct:title" rel="cc:attributionURL" href="{{site.url}}{{page.url}}">The content on this
site</a> &copy; 2009-{{ site.time | date: '%Y' }} by <a rel="cc:attributionURL dct:creator"
property="cc:attributionName" href="{{site.url}}">Noe Nieto</a> is licensed under <a
href="https://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank"
rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0<img
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""><img
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1" alt=""></a>
</p>
<p>
Powered by <a href="https://jekyllrb.com/" target="_blank">Jekyll</a>
</p>
<p class="">Theme built by <a href="https://www.csrhymes.com">C.S. Rhymes</a></p>
{% if page.mathjax %}
<p><a href="https://www.mathjax.org">
<img title="Powered by MathJax" src="https://www.mathjax.org/badge/badge.gif" border="0"
alt="Powered by MathJax" />
</a></p>
{% endif %}
{% if page.hero_svg %}
<p>The hero svg patterns were made by <a href="https://heropatterns.com/" target="_blank">Steve Schoger</a>
and licensed as <a href=" https://creativecommons.org/licenses/by/4.0/" target="_blank">CC BY 4.0</a>
</p>
{% endif %}
</div>
</div>
{% endfor %}
</div>
{% endif %}
<div class="content is-small has-text-centered">
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
<a property="dct:title" rel="cc:attributionURL" href="{{site.url}}{{page.url}}">The content on this site</a>
&copy; 2009-{{ site.time | date: '%Y' }} by
<a
rel="cc:attributionURL dct:creator"
property="cc:attributionName"
href="{{site.url}}"
>Noe Nieto</a
>
is licensed under
<a
href="https://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1"
target="_blank"
rel="license noopener noreferrer"
style="display:inline-block;"
>CC BY-SA 4.0<img
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"
alt=""
><img
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"
alt=""
><img
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1"
alt=""
></a>
</p>
<p>Powered by <a href="https://jekyllrb.com/" target="_blank">Jekyll</a></p>
<p class="">Theme built by <a href="https://www.csrhymes.com">C.S. Rhymes</a></p>
{% if page.mathjax %}
<p>
<a href="https://www.mathjax.org">
<img
title="Powered by MathJax"
src="https://www.mathjax.org/badge/badge.gif"
border="0"
alt="Powered by MathJax"
>
</a>
</p>
{% endif %}
{% if page.hero_svg %}
<p>
The hero svg patterns were made by <a href="https://heropatterns.com/" target="_blank">Steve Schoger</a> and
licensed as <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC BY 4.0</a>
</p>
{% endif %}
</div>
</footer>
</div>
</footer>
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ layout: post

I love nginx's simplicity

![Serving files in a directory with nginx](/media/nginx)
![Serving files in a directory with nginx](/media/nginx.png)

Today I wanted to publish some files in a directory with nginx and I was
surprised how easy it was.
Expand Down
2 changes: 1 addition & 1 deletion _posts/2014-06-19-fedora-drupal-7.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ published: false

Tengo unos minutos libres y decidí complicarme la vida un poco más de lo que ya esta.

![Drupal corriendo sin apache ni mysql]({{site.baseurl}}/media/Screenshot from 2014-06-19 20:10:24.png)
![Drupal corriendo sin apache ni mysql](/media/Screenshot_from_2014-06-19_20_10_24.png)

Hace algunas semanas instale Fedora desde cero y ya perdi todo lo que estaba haciendo con Drupal y se me ocurrio probar a ver si puedo arrancar Drupal 7 con el servidor web integrado de PHP oara ahorrarme la configuracion de apache.

Expand Down
87 changes: 54 additions & 33 deletions _posts/2014-07-15-selenium-hola-mundo-sin-programar.md
Original file line number Diff line number Diff line change
@@ -1,22 +1,35 @@
---
title: "Hola Mundo con Selenium sin programar nada"
categories: DevOps Programación Selenium Testing
title: Hola Mundo con Selenium - Una guía básica sin programación
summary: Aprende a realizar tus primeras pruebas automatizadas con Selenium IDE sin necesidad de escribir código.
language: es
comments: true
published: true
categories:
- Technology
tags:
- Web
- Devops
- Programación
- Selenium
- Testing
image: /media/unsplash/spacex--p-KCm6xB9I-unsplash.jpg
hero_svg: /assets/img/heroes/happy-intersection.svg
date: 2014-07-15
---

![Guía super básica de pruebas con Selenium](/media/3911627741_b4e98a9a6f_o.jpg)
## Introducción a Selenium: ¡Hola Mundo sin código!

## Intro
¿Quieres adentrarte en el mundo de las pruebas automatizadas pero no sabes por dónde empezar? ¡Selenium IDE es la herramienta perfecta para ti! En esta guía, te mostraremos cómo crear tu primera prueba automatizada de forma sencilla y rápida, sin necesidad de escribir una sola línea de código.

La primera vez que quise entrarle a [Selenium](http://www.seleniumhq.org/) no
entendi cómo funcionaba ni cómo echarlo a andar; además tenía muy poco tiempo
disponible para aprender los detalles. En esta segunda oportunidad me propuse
un objetivo muy pequeño y fácil de lograr, pero muy didáctico: Hacer que
Selenium verifique que una página tenga el texto **Hola Mundo** como título ¡Manos
a la obra!
Selenium verifique que una página tenga el texto **Hola Mundo** como título Ya estas listo? ¡Manos a la obra!

## Página web de Prueba
### Preparando el entorno

Primero necesitamos un HTML que diga Hola Mundo, aca uno muy facil:
Primero necesitamos una **página web de prueba:**. Asi que crearemos un HTML que cuando lo carges con el navegador diga `Hola Mundo`. Para lograr esi tienes que crear un simple archivo HTML llamado `index.html` con el siguiente contenido:

```html
<!DOCTYPE html>
Expand All @@ -30,17 +43,24 @@ Primero necesitamos un HTML que diga Hola Mundo, aca uno muy facil:
</html>
```

¿Qué tal? Es sencillo, fácil, responsivo y minimalista. Luego, podemos entender
a Selenium como un software que te ayuda a probar páginas web y una página web
puede ser un HTML estático o una aplicación hecha en Ruby on Rails, Django,
Drupal o lo que se antoje. El servidor web no importa tampoco, puede ser
NGinx, Apache, IIS, amazon S3, Dropbox o el que tu quieras. Si ya tienes un
servidor web o un sitio web entonces sube el hola mundo en HTML a tu sitio. Si
no tienes dónde, no te preocupes, si tienes Python o PHP la buena noticia es
que puedes arrancar un servidor web con una sóla línea de comandos.
Ahora necesitamos un servidor web.

Desde la terminal o línea de comandos, cambia el directorio al directorio
donde se aloja el HTML de arriba (asumamos que se llama `index.html`).
**¿Que, pero por qué un servidor web?**

Selenium te ayuda a probar páginas web y una página web puede
ser un HTML estático o una aplicación hecha en Ruby on Rails,
Django, Drupal o lo que se antoje. El servidor web no importa
tampoco, puede ser NGinx, Apache, IIS, amazon S3, Dropbox o el
que tu quieras. Si ya tienes un servidor web o un sitio web
entonces sube el hola mundo en HTML a tu sitio. Si no tienes
dónde, no te preocupes, si tienes Python o PHP la buena noticia
es que puedes arrancar un servidor web con una sóla línea de
comandos.


Desde la terminal o línea de comandos, cambia el directorio al
directorio donde se aloja el HTML de arriba (asumamos que se
llama `index.html`).

Para Python 2.x tienes que ejecutar:

Expand All @@ -65,20 +85,23 @@ Para probar si funciona abre el navegador y abre este URL:

![Firefox probando el servidor web improvisado](/media/Screenshot_from_2014_07_15_16_42_54.png)

¿Qué tal? Este sitio es [sencillo, fácil, responsivo y minimalista](https://motherfuckingwebsite.com/) ...

Antes de que pases a la siguiente sección deberás poder acceder al Hola mundo
desde tu navegador. (Nota, tambien podrias usar `file://` pero no lo he probado,
te queda a ti de tarea a manera de ejercicio).
Antes de que pases a la siguiente sección deberás poder acceder
al Hola mundo desde tu navegador. (Nota, tambien podrias usar
`file://` pero no lo he probado, te queda a ti de tarea a manera
de ejercicio).

## Pruebas con Selenium IDE

El siguiente paso es instalar [Selenium IDE](http://docs.seleniumhq.org/projects/ide/)
en Firefox. Selenium IDE es un complemento de Firefox, asi que te pedirá
El siguiente paso es instalar [Selenium
IDE](http://docs.seleniumhq.org/projects/ide/) en Firefox.
Selenium IDE es un complemento de Firefox, asi que te pedirá
permiso para instalarlo. Tal vez tengas que reiniciar Firefox.

Abre la página de prueba y lanza el IDE mediante el menú Herramientas ->
Selenium IDE. Mi Firefox esta en inglés, pero no debería cambiar demasiado
para español u otro idioma.
Abre la página de prueba y lanza el IDE mediante el menú
**Herramientas -> Selenium IDE**. Mi Firefox esta en inglés, pero no
debería cambiar demasiado para español u otro idioma.

![Cómo lanzar el IDE de Selenium](/media/Screenshot_from_2014_07_18_16_31_44.png)

Expand Down Expand Up @@ -111,7 +134,7 @@ página.

Presiona cualquiera de los botones verdes para iniciar/reiniciar la prueba automática.

![Botones para iniciar la prueba. Presiona cualquiera de los dos botones](/media/Screenshot_from_2014_07_21_08_35_17)
![Botones para iniciar la prueba. Presiona cualquiera de los dos botones](/media/Screenshot_from_2014_07_21_08_35_17.png)

Cuando inicies la prueba, veras que se abre una nueva ventana de firefox (a
veces se usa una de las que ya estan abiertas), se abre el sitio
Expand All @@ -126,7 +149,7 @@ momento se pedirá que des primero el nombre del caso de prueba (`MiPrueba.html`
y posteriormente el nombre de la suite de pruebas (`MiSuitedePruebas.html`).

Yo guarde el archivo dentro de un subdirectorio (Llamado `Pruebas`) dentro del
directorio donde guarde el HTML de _hola mundo_. La cosa queda así:
directorio donde guarde el HTML de *hola mundo*. La cosa queda así:

```
.
Expand Down Expand Up @@ -248,13 +271,15 @@ $ tree

Abre `Resultados.html`. Deberás poder ver algo asi:

![Resultado de la suite de pruebas](/media/Screenshot_from_2014_07_21_11_22_27)
![Resultado de la suite de pruebas](/media/Screenshot_from_2014_07_21_11_22_27.png)

He aquí el resultado:

```
| -------------- | -----|
| numTestTotal: | + 1 | |
| numTestPasses: | + 1 |
```

## Recapitulando

Expand All @@ -271,7 +296,3 @@ servidor web (PHP o Python, pero bien pudo haber sido nginx o Apache).
* Finalmente revisamos los resultados.

Espero que esta guía sea de utilidad para alguien más.


-----
Imagen de portada: <https://flic.kr/p/6XE7DB>
4 changes: 2 additions & 2 deletions _posts/2015-01-19-flask-IIS.md
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ la ventana de diálogo rellena los campos con los siguientes valores:

Luego solo falta picar en el botón `Create`.

![Solo falta picar en el botón Create](/media/Screenshot from 2015-01-20 15:55:32.png)
![Solo falta picar en el botón Create](/media/Screenshot_from_2015-01-20.png)

Tras bambalinas VS (bueno, en realidad es PTVS) creará el entorno virtual y lo
activará (lo que equivale al `mkvirtualenv` en Linux/Unix/Mac) y después
Expand All @@ -61,7 +61,7 @@ equivale al comando `pip install -r requirements.txt`. Al terminar este proceso
verás que el entorno virtual llamado **Flask** ya se encuentra listado en `Solution
Explorer`.

![Virtualenv Activado](/media/Screenshot from 2015-01-20 16:09:23.png)
![Virtualenv Activado](/media/Screenshot_from_2015-01-20_16-09-23.png)

## Probando Flask en modo depuración

Expand Down
6 changes: 4 additions & 2 deletions _posts/2017-08-02-ntfs-rhel7.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,9 @@ date: 2017-08-02

Instale RHEL 7.3 en una laptop (HP Probook 4720s) para poder correr [TCAD de Silvaco](https://www.silvaco.com/products/tcad.html "Click para ver que diablos es TCAD").

![Propiedades del sistema en RHEL 7]({{site.baseurl}}/media/Screenshot from 2017-08-02 16-56-41.png)
![Propiedades del sistema en RHEL 7](/media/Screenshot_from_2017-08-02_16-56-41.png)



Mientras que Fedora 26 ya trae [Gnome 3.24](https://www.gnome.org/news/2017/03/gnome-3-24-released/), RHEL 7.3 viene con [Gnome 3.14](https://help.gnome.org/misc/release-notes/3.14/), con dos años de diferencia. Eso implica que aun le falta una gran cantidad de mejoras recientes del entorno Gnome. Por otro lado, Es una lastima que TCAD no corra en absoluto en Fedora).

Expand All @@ -41,6 +43,6 @@ Hoy me tope con el frustrante problema de que RHEL 7 no viene con soporte para
```
- Listo. Ahora RHEL ya abre mi memoria USB con formato NTFS. No necesité reiniciar la sesión ni la máquina.

![La herramienta Disks abriendo una memoria USB con formato NFTS]({{site.baseurl}}/media/Screenshot from 2017-08-02 17-07-00.png)
![La herramienta Disks abriendo una memoria USB con formato NFTS](/media/Screenshot_from_2017-08-02_17-07-00.png)

FIN
7 changes: 4 additions & 3 deletions _posts/2018-02-05-webfaction-https-y-letsencript.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,8 @@ Inicialmente tenia planeado mostrar cómo usar ámbos métodos, pero no he podid

El sitio que voy a confgurar es: [demos.noenieto.com](https://demos.noenieto.com). Este dominio ya esta configurado en mi webfaction de antemano:

![Screenshot-2018-1-6 Website list - WebFaction Control Panel.png]({{site.baseurl}}/media/Screenshot-2018-1-6 Website list - WebFaction Control Panel.png)

![Screenshot-2018-1-6 Website list - WebFaction Control Panel.png](/media/Screenshot-2018-1-6_webfaction_control_panel.png)

La ruta hacia el directorio del sitio es: `~/webapps/demos_noenieto` y el sitio esta configurado para **http** y **https** ya que es necesario acceso al sitio por **http** antes de poder emitir el certificado por primera vez.

Expand Down Expand Up @@ -117,11 +118,11 @@ Add the `--quiet` parameter in your cron task to remove this message.

Después de configurar el sitio con registros `A` y `AAA` el programa funciona muy bien y justo después de esto podemos ver que en el panel de configuración cuenta de de webfaction se ha creado un certificado con el nombre `cert_demos_noenieto.com`.

![Screenshot-2018-2-5 SSL certificates list - WebFaction Control Panel.png]({{site.baseurl}}/media/Screenshot-2018-2-5 SSL certificates list - WebFaction Control Panel.png)
![Screenshot-2018-2-5 SSL certificates list - WebFaction Control Panel.png](/media/Screenshot-2018-2-5_ssl_certificates.png)

Ya sólo falta configurar el sitio web para que use el certificadovadecuado.

![Screenshot-2018-2-7 Edit website demos_https - WebFaction Control Panel.png]({{site.baseurl}}/media/Screenshot-2018-2-7 Edit website demos_https - WebFaction Control Panel.png)
![Screenshot-2018-2-7 Edit website demos_https - WebFaction Control Panel.png](/media/Screenshot-2018-2-7_demos_https.png)


El comando final es este:
Expand Down
2 changes: 1 addition & 1 deletion _posts/2018-03-21-django-oscar+paypal.md
Original file line number Diff line number Diff line change
Expand Up @@ -359,7 +359,7 @@ Despues de agrgegar el producto al carrito podemos ir al carrito para ver las op

Pero antes de hacer click en el boton amarillo de Paypal es necesario poder recibir notificaciones de Paypal directamente en mi instancia de django en localhost, y esto se hace posible gracias a [ngrok](https://ngrok.com/). `ngrok` es un servicio gratuito para pruebas de este tipo. Y configurarlo es bastante fácil: `./ngrok`.

![ngrok haciendo un tunel.]({{site.baseurl}}/media/Screenshot from 2018-03-26 19-14-54.png)
![ngrok haciendo un tunel.](/media/Screenshot_from_2018-03-26_19-14-54.png)

Nota: hay que agregar 5603f7b3.ngrok.io a la lista de ALLOWED_HOSTS por que si no Django va a fallar con el error `DisallowedHost at /`.

Expand Down
Loading

0 comments on commit 38be7ea

Please sign in to comment.