• Agregar el link a discord
• Agregar redes sociales

Agregar imágenes y descripciones a la web, de los proyectos completos o en transición de open source UC.

• Subtitulo sección de proyectos
• #58
• Poner los títulos de proyectos (activos y pasados)
• Descripción proyectos
• Imagen para cada proyecto

Esta tu feature relacionada a un problema? Por favor describe cual es.
Hoy me ocurrió que agregando mi nombre a la web, no sabia cual de las dos branches (main y development) habia que usar, vi los contributing guidelines pero no encontre cual debia usar, por la cual me guie la que siempre uso, que es main.

Describe la solución que te gustaría
Se deberia clarificar en el contributing guidelines que branch hay que siempre usar, development, deploy, etc.

Describe posibles soluciones que consideraste
Aclarar desde un principio todos los comandos a usar en el contributing guidelines.

Contexto adicional
Aiuda.

eso queso

• #57
• Misión del proyecto

Creo que ahora la página es más compleja de lo que necesita serlo (PWA, jquery.easeScroll.js, proyectos e integrantes cargados desde archivos, etc). Siento que la cantidad de issues no resueltas en este repositorio )y la poca mantención que le hemos dado) reflejan lo innecesario que es la complejidad que tiene.

Se podría dejar solo 1 archivo HTML y 1 CSS. Si queremos usar algo más complejo, usaría SvelteKit para no distanciarse mucho de HTML. Además, podríamos usar TailwindCSS para no tener que mantener CSS.

{
  # Se podrían usar queries de GraphQL nodes para preservar el order
  # pero sería menos legible para este ejemplo
  featuredRepositories: search(
    first: 6
    query: "org:open-source-uc BDD OR awesome-uc"
    type: REPOSITORY
  ) {
    nodes {
      ... on Repository {
        ...RepositoryInfo
      }
    }
  }
  mostStarredRepositories: organization(login: "open-source-uc") {
    repositories(
      first: 6
      orderBy: {field: STARGAZERS, direction: DESC}
      privacy: PUBLIC
    ) {
      nodes {
        ...RepositoryInfo
      }
    }
    team: team(slug: "integrantes") {
      name
      members(first: 30) {
        nodes {
          avatarUrl
          url
          name
          login
        }
      }
    }
  }
}

fragment RepositoryInfo on Repository {
  id
  name
  url
  description
  img: openGraphImageUrl
  useImg: usesCustomOpenGraphImage
}

Dejo nuevamente la página que creo que es el ejemplo a seguir, la de UCF open

• Texto breve
• Lista de nombres
• Fotos de perfiles de github
• Links a los perfiles de github

Añadir imágenes y una mejor descripción a la página para que se generen buenas previews haría que los links se vean más profesionales.

• Open Graph Protocol
• Twitter Cards

Ej usar https://coolors.co/ para definir el set de colores

Secciones que no van por ahora:

• Start your project with this awesome template

Creo que se podría añadir una página tipo osuc.dev/links que remplace el link-tree.

Describe el error
Una pequeña descripción del bug

Pasos para generar el bug
Pasos para replicar el comportamiento:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Output de consola
haz click en Ctrl + Shift + C e introduce el contenido de la pestaña console que encuentres relevante.

Fetch finished loading: GET "<URL>".

Comportamiento esperado
Una pequeña descripción de lo que esperarías que pasara. Ej: La web no se demorara en cargar 2 minutos.

Screenshots
Si es posible, incluir imágenes del problema.

Escritorio (Información requerida):

• Sistema operativo [e.g. Windows, Ubuntu]:
• Navegador web [e.g. chrome, safari]
• Version [e.g. 22]

Móvil (Información requerida):

• Dispositivo: [e.g. iPhone6]
• Sistema operativo: [e.g. iOS8.1]
• Navegador web [e.g. stock browser, safari]
• Version [e.g. 22]

Contexto adicional
Agrega cualquier otra información que no se mencionó arriba.

• modificar el JS y ajax
• modificar los data-id

Describe el error

Botón en el HTML que no es un botón (un botón debe tener una acción asociada en la página).
Causa problemas de accesibilidad, como por ejemplo que el cursor mostrado sea incorrecto.

https://github.com/open-source-uc/web/blob/45f753c6193125122ab492235942e7d94992a950/index.html#L250-L252

Comportamiento esperado

Que sea un Anchor, con el mismo estilo actual (mismas clases del botón):

 <a href="https://discord.gg/VMXCNAvjPW" class="btn btn-primary smooth-btn">
    Ingresar
 </a>

https://github.com/open-source-uc/web/blob/3a8ceb3ccedad298a770c5e3933e4c9b4e815ea1/index.html#L313

• Agregar justify-content: center en una clase que haga referencia a la lineá descrita arriba para centrar las imágenes.

Pensandolo bien, el alt no debiera ser información alternativa a la imagen en vez de adicional? El atributoalt de las imágenes solo es leído por los screen readers y no se muestra a los usuarios comunes.

Originally posted by @nico-mac in #55 (comment)

• Cambiar alt-text a descripción en el json
• usar nueva descripcion como alt-text para las imagenes
• mostrar descripción al hacer hover en la imagen

No creo que valga la pena tener 2 repositorios para web y blog. Opino que es mejor unirlos (si es que se hace).

Describe el error
La pequeña descripción sobre el titulo principal en formato mobile, hace overlap sobre si misma.

Pasos para generar el bug
Pasos para replicar el comportamiento:

1. Ir a https://osuc.dev/
2. Establecer el viewport en 939x955
3. Ir al selector css #hero > div.text.py-5 > p

Comportamiento esperado
El texto "Estudiantes apasionados por el código abierto" debería poderse leer correctamente

Screenshots

Escritorio (Información requerida):

• Sistema operativo: PopOS 21.04
• Navegador web: Chrome 94.0.4606.54

En la web falta agregar, el link al repositorio de actas y mostrar aquellas que son mas importantes para entender que hacemos en open source UC

Agregar links oficiales de redes sociales

• Dejar iconos de solo las apps que vamos a utilizar
• Reparar links para solo conectar esas apps
• Arreglar ratio de contraste

En la página web falta mostrar que queremos lograr con open source UC

El boton "ver todos los miembros" no se ve cuando se hace :hover, quizas cambiar el bg del boton también?

Originally posted by @chepo92 in #22 (comment)

Al final lo que más activo es el Telegram, habría que añadirlo
https://t.me/[redacted]

Ya, sé que es un sitio simple de una página, pero definitivamente podríamos sacar provecho de empacar algunas cosas y hacer un refactor del JS a archivos separados. Una opción mas completa es mover la plantilla a algún generador de sitios estáticos (no es tan dificil, pero es menos accesible).

Por el otro lado, creo que sería positivo agregar un formatter por consistencia al Github Actions.

• Arreglar links a RRSS
• Agregar link a Blog
• Avanzar en el blog
• Arreglar deploys y previews rotos, ej https://www.osuc.dev/, staging.osuc.dev, etc
• Dejar la franja blanca de RRSS en transparente y poner los iconos en blanco
• Actualizar las descripciones de los proyectos al ser clickeados
• Agregar varios proyectos en curso:
  • actas (fomentar participacion),
  • ramos uc,
  • bduc,
  • UbiCate
  • talleres
  • auto-ramos

Agregar dirección y Contacto

• dirección y contacto
• Link a discord (infinito)