mozillahispano / mozilla-hispano.org

Mozilla Hispano site files
27 stars 28 forks source link

Rediseño portada wiki #221

Open nukeador opened 9 years ago

nukeador commented 9 years ago

Hola,

Queremos darle algo de estilo a la portada del wiki ahora que ya no listamos documentación de asistencia.

https://www.mozilla-hispano.org/documentacion/

Las secciones a listar en la portada serían:

Juan Sebastián ha estado trabajando en algunos bocetos aquí:

http://zemiotic.com/mozilla-iconos/

Abro este issue para hacer el seguimiento de la implementación.

nukeador commented 9 years ago

Ejemplo de iconos que usan en mozilla.org

https://www.mozilla.org/en-US/contribute/signup/

sebastianserna commented 9 years ago

Hola Rubén!

Este fin de semana estuve actualizando el estilo de los iconos para seguir con la línea gráfica de Mozilla. En el enlace se puede ver la nueva versión de los iconos (tienen total afinidad con los del sitio de contribute):

http://zemiotic.com/mozilla-iconos/

¿Cómo nos organizamos para la implementación? ¿la idea es que se muestren en una matriz similar a la página de contribute de Mozilla?

Un saludo!

nukeador commented 9 years ago

Me gustan el azul oscuro.

Se pueden hacer pruebas directamente en el wiki creando una página https://www.mozilla-hispano.org/documentacion/Portada/2015 y probando con el css inline.

Aunque lo mejor es integrar el css con un PR en el css de la documentación.

ping @stripTM @fjaguero

stripTM commented 9 years ago

Si, por ganar tiempo hay cosas las he hecho apuntando a un css local mío o de un servidor que puedo subir fácilmente.

sebastianserna commented 9 years ago

Si quieren exporto los iconos de color azul oscuro en un tamaño específico que definamos para que comencemos a hacer pruebas. @stripTM te los envío en png para que hagas pruebas?

stripTM commented 9 years ago

@zemiotic envíamelos y también el boceto con el diseño de como quieres que quede la página, lo único aviso que voy a estar una temporada con poco tiempo de seguido, con lo que si hay que tenga más tiempo evitamos que yo sea un cuello de botella.

sebastianserna commented 9 years ago

Hola @stripTM y @nukeador escribo para retomar esta tarea pendiente de los iconos, en esta semana hice una prueba en HTML y CSS utilizando sprites. Pueden ver el demo en:

http://zemiotic.com/mozilla-iconos/demo/

También acabo de crear un repositorio de prueba donde está el código fuente. Les agradezco si me ayudan a mejorarlo y a definir cómo sería la integración en la wiki de Mozilla Hispano.

https://github.com/zemiotic/mozilla-hispano-icons

Quedo atento!

nukeador commented 9 years ago

@stripTM ¿Tienes tiempo para coordinate con @zemiotic y ver de implementarlo?

nukeador commented 9 years ago

Hola,

¿En qué quedó esto?

un saludo.

sebastianserna commented 9 years ago

Hola!

Está frenado, el último avance fue la prueba HTML con imágenes tipo sprite en PNG que hice en este repositorio:

https://github.com/zemiotic/mozilla-hispano-icons

También podríamos hacerlas con gráficos SVG. En la carpeta vector del repositorio están los archivos fuente vectoriales de los iconos. ¿Cómo podríamos integrarlos en la wiki?

Un saludo!

nukeador commented 9 years ago

@fjaguero @stripTM ¿podéis ayudar a @sebastianserna a integrar esto?

fjaguero commented 9 years ago

@nukeador @sebastianserna Claro. ¿La idea es integrar lo que está en la URL de la demo? ¿Serían esas 8 o habría que añadir algo más?

nukeador commented 9 years ago

Sería lo que está, que es lo mismo que listamos ahora en la portada del wiki.

fjaguero commented 9 years ago

Ok, yo puedo encargarme. @stripTM @nukeador ¿La idea es meter el CSS de esa sección en este file? https://github.com/mozillahispano/mozilla-hispano.org/blob/master/documentacion/skins/bookjive/main.css

¿Qué textos se mantienen de la wiki actual? ¿Sería usar ese boceto exacto (quitando por ej. el módulo de reuniones y dejando solo el icono, etc)?

nukeador commented 9 years ago

El theme ese es el viejo. @stripTM hizo uno nuevo para la versión nueva del wiki, pero parece que no está en el repo? :?

stripTM commented 9 years ago

Está en la rama prod https://github.com/mozillahispano/mozilla-hispano.org/tree/prod/documentacion/skins

¿podríamos quedar un día para estabilizar las ramas master y prod? Me refiero a estar todos online para ir aplicando las cosas en el momento.