Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rediseño portada wiki #221

Open
nukeador opened this issue Feb 2, 2015 · 16 comments
Open

Rediseño portada wiki #221

nukeador opened this issue Feb 2, 2015 · 16 comments
Labels

Comments

@nukeador
Copy link
Member

nukeador commented Feb 2, 2015

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:

  • ¿Buscas asistencia? (Esto enlazará a SUMO para despistados)
  • ¿Cómo participar en la comunidad? (enlazará al formulario de colaboración)
  • Recursos para colaboradores.
  • Foros de participación.
  • Proyectos.
  • Reuniones.
  • Eventos.
  • Colaboradores.
  • Organización de Mozilla Hispano.
  • Enlaces a las áreas (sería genial tener un icono actualizado para cada área)

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 nukeador added the css label Feb 2, 2015
@nukeador
Copy link
Member Author

nukeador commented Feb 2, 2015

Ejemplo de iconos que usan en mozilla.org

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

@sebastianserna
Copy link
Member

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
Copy link
Member Author

nukeador commented Mar 9, 2015

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
Copy link
Member

stripTM commented Mar 11, 2015

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
Copy link
Member

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
Copy link
Member

stripTM commented Mar 18, 2015

@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
Copy link
Member

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
Copy link
Member Author

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

@nukeador
Copy link
Member Author

Hola,

¿En qué quedó esto?

un saludo.

@sebastianserna
Copy link
Member

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
Copy link
Member Author

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

@fjaguero
Copy link
Member

@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
Copy link
Member Author

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

@fjaguero
Copy link
Member

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
Copy link
Member Author

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
Copy link
Member

stripTM commented Sep 27, 2015

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants