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.
Para los datos, una consulta con GraphQL al momento de hacer build bastaría
```graphql
{
# 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
}
```
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.
Para los datos, una consulta con GraphQL al momento de hacer build bastaría
```graphql { # 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