diseño mobile de bio

[judithmdb]

qué te parece si hacemos: short bio en inglés con read more

• pic
• social media
• short bio en español con leer más

[ludstuen90]

@judithmdb Sí, o sea en mobile el order sería:

• Short bio en inglés
• pic
  • social media
• short bio en castellano

mientras tanto, mantendríamos el orden actual en la web:

• (col 1) logo + pic
• (col 2) redes + bio ingles
• (col 3) bio español

Respecto al texto en mobile:

• Podemos agregar otra sección en el django admin, Short Bio, y podés redactar un shortbio con solo un par de puntos.

Algo similar hace el NYT

Respecto al ordering:

• Seguro podemos hacerlo que bio ingles aparezca primero en mobile, y que sea más chico
• Sería más fácil si no cambiamos el orden de las cosas en las columnas en sí, o sea que primero con ese cambio sería:
  • Redes sociales
  • short bio inglés
  • pic
  • short bio castellano

todo es posible, pero eso requería un poco más de tiempo.

Propuesta: Hice un par de cambios super rapidos para tener una version mobile que zafa. Que te parece pongamos ese cambio como un enhancement una vez que publiquemos una primera version del sitio? Se ve asi, ahora, con los full bios, pero menos espacio entre todos los elementos:

Ahora podríamos enfocarnos en lo mas importante para publicar una primera version y despues volvemos a esto

[judithmdb]

plis recordá que la img en mobile debería verse más pequeña, como un 60% más pequeña pero no recortada

[ludstuen90]

@judithmdb

Para los short bios, tengo una duda:

• Para los short bios, querés redactar otro bio entero, que solo tendría un par de puntos, y que readme abre otra página con el bio entero (mucho más complicado, pero sería más lindo... requería un cambio en la base de datos, diseñando otra página, redactando otra verison de cada bio)
• Si no, podemos usar el bio normal, pero que después de X cantidad de palabras, en mobile, corta, y aparece el texto "read more" -- cuando hagan clic, aparece el resto del bio, pero en la misma página. (Tipo bandoneón)

[judithmdb]

Opción 2, en el doc donde están las bios marqué dónde iría el read more. Que si igual queda muy largo avisame y lo recorto más.

[ludstuen90]

@judithmdb Genial - en mobile first, arrancaríamos con el Logo, antes de nada, no ? Después short bio ingles

[judithmdb]

What if... Ponemos otro logo en mobile? Sería una locura? Si es una locura la respuesta a tu pregunta es sí. Si no es una locura vamos por el archivo judith-lateral-violeta

On Sun, 20 Sep 2020 at 15:47 Lukas Udstuen notifications@github.com wrote:

@judithmdb https://github.com/judithmdb Genial - en mobile first, arrancaríamos con el Logo, antes de nada, no ? Después short bio ingles

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/ludstuen90/judithmdb/issues/29#issuecomment-695821558, or unsubscribe https://github.com/notifications/unsubscribe-auth/AGP5DBDBI7BVZEXLCDGRF53SGZE3RANCNFSM4Q36ZKGQ .

-- Judith Morales Del Barco (+54)9 11 3502 3222

[ludstuen90]

No, al final estoy viendo que es una pavada cambiar todo en mobile - con el logo primero, arranca asi:

[judithmdb]

Si es una pavada cambiemos el logo mobile al archivo lateral porque me parece enorme ese logo para mobile 🤡

On Sun, 20 Sep 2020 at 15:50 Lukas Udstuen notifications@github.com wrote:

No, al final estoy viendo que es una pavada cambiar todo en mobile - con el logo primero, arranca asi:

[image: image] https://user-images.githubusercontent.com/6817579/93719446-fb4c5900-fb58-11ea-9225-c2ed5153012a.png

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/ludstuen90/judithmdb/issues/29#issuecomment-695821895, or unsubscribe https://github.com/notifications/unsubscribe-auth/AGP5DBB5NP7YEBMR3YSXHG3SGZFIHANCNFSM4Q36ZKGQ .

-- Judith Morales Del Barco (+54)9 11 3502 3222

[ludstuen90]

Perfecto, mismo color pero lateral, ahi lo cambio

[ludstuen90]

Con lateral esta buenisimoooo:

[judithmdb]

🥰🥺✨

On Sun, 20 Sep 2020 at 15:59 Lukas Udstuen notifications@github.com wrote:

Con lateral esta buenisimoooo:

[image: image] https://user-images.githubusercontent.com/6817579/93719633-3ef39280-fb5a-11ea-872e-d2d970db029a.png

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/ludstuen90/judithmdb/issues/29#issuecomment-695822917, or unsubscribe https://github.com/notifications/unsubscribe-auth/AGP5DBBI7QUWGT3JF7ZHIWDSGZGKNANCNFSM4Q36ZKGQ .

-- Judith Morales Del Barco (+54)9 11 3502 3222

[ludstuen90]

Perfecto, vamos a hacer una cosa -- En el admin, agregue otro campo - bio below the fold text:

Podés poner la primera mitad del bio (todo antes leer más) en el primero, y todo el resto en el 2o campo. En desktop todo aparece normal, pero en mobile, todo en "below the fold" está escondido

[ludstuen90]

Desplegado - listo para revisar!