Skip to content

Latest commit

 

History

History
51 lines (30 loc) · 4.57 KB

README.md

File metadata and controls

51 lines (30 loc) · 4.57 KB

Sitio web de Salamandra Devs

Este sitio es un desarrollo comunitario liderado desde Salamandra Devs con el apoyo de su comunidad de Telegram.

Contribuir

Puedes ayudar a la construcción del sitio con tus contribuciones mientras vas aprendiendo.

Solo tienes que hacer un fork de este repositorio para que lo tengas en tu cuenta de GitHub, luego lo clonas en tu equipo local, creas una nueva rama con un nombre alusivo al cambio que desees hacer, como por ejemplo "cambio-color" o "nuevo-boton" y te cambias a ella (git checkout -b nuevo-boton), realizas los cambios que desees y luego haces push a tu repositorio remoto (git push origin nuevo-boton). Esto te permitirá crear el pull-request en GitHub, con el que tu cambio será analizado por el equipo e incorporado a la página principal después de discutirlo contigo.

También, debes ingresar al grupo de télegram aquí, allí te ayudaremos con el proceso para que finalmente te hagas parte del proyecto y aprendas junto con la comunidad. No es necesario que seas un desarrollador experiemtado, solo que tengas unos fundamentos mínimos de CSS y HTML, cualquier otra cosa es útil también, pero con esto bastará para que aprendas mucho.

Nuestro Muckup

Gracias al compañero Phosphorus que nos ayudó con el muckup. Esto es el diseño base con el que debemos trabajar, no es obligatorio, pero si quieres hacer algo para llegar a esta meta adelante!!

  • El Home

Muckup del Home

  • El Blog

Muckup del Blog

Si quieres comentarnos algo sobre el muckup, lo puedes hacer directamente en figma con este enlace.

Cómo correr el sitio

El sitio web está desarrollado en HTML, CSS y Javascript, todo vanilla, pero usando el compilador de sitios web estáticos Hugo. La versión 0.72 debería bastar, pero al día de hoy está disponible la versión 110. Intenta seguir estos pasos, no están completamente detallados porque varía de sistema a sistema pero en general es lo que sigue:

  • Instala Hugo desde este enlace para el sistema operativo que uses. En linux será muy fácil usando snap o cualquier otro gestor de paquetes. En Windows y Mac OSX puedes encontrar los binarios aquí o también puedes usar Chocolatey que es un gestor de paquetes en Windows o Homebrew en Mac OSX.
  • Después de que hayas probado que Hugo esté instalado ejecutando hugo version (si usas VSCode es posible que necesites cerrarlo y volverlo a abrir), sólo tienes que ir al directorio donde clonaste el sitio y ejecutar hugo server, con esto se levantará un servidor web en http://localhost:1313 y podrás ver el sitio funcionando. Asegúrate también de que estás dentro del directorio raíz del proyecto, en el cual encontrarás un directorio llamado config\_default, allí están las configuraciones del sitio.

Licencia

El archivo de licencia lo puedes encontrar aquí mismo en el repositorio como LICENCE. Este repositorio está bajo la licencia GPL reducida versión 2.1, que te permite usar todo el código para tu proyecto siempre y cuando conserves la misma licencia; pero también puedes usar este código para tu proyecto de licencia cerrada, siempre y cuando el código se añada como biblioteca y no quede dentro de la porción cerrada de tu software.

Red

Este sitio está publicado en la CDN de Netlify

Netlify Status

Lista de Tareas

Si este proyecto te interesa, aquí hay una lista de tareas de la cual puedes escoger una de las siguientes tareas a continuación:

  • Hacer el fondo con base en muckup con svg en algún software de edición de imagenes (Photoshop, Krita, Gimp, etc)
  • Trasladar los enlaces que hay en el aside para dentro del main cuando se muestra el home, tal como están en el muckup añadiendo el icono de jitsi
  • Ocultar el aside en la vista de escritorio.
  • Crear un botón hamburguesa para mostrar el aside en la vista de móviles
  • Crear los @fontface para los tipos de fuente que hay dentro de themes/droda/static/fonts y aplicarlos a todo el sitio respetando los estilos bold para los títulos y los estilos normales para el texto. Además escoger un color claro para las fuentes.