A algum tempo atrás eu e alguns amigos encontramos um ginásio de escalada indoor em São José do Rio Preto. Vale citar que é a Altitude Escalada e que o pessoal é super atencioso e receptivo. Possuem todos os equipamentos necessários para a prática e os instrutores são muito bons.
Não demorou muito para que as nossas visitas semanais se tornassem mais frequentes e quando vimos, estávamos no plano mensal. O negócio é divertido e desafiador e é você quem decide o quanto vai se desafiar, podendo escolher entre as diversas vias com graduações de dificuldade diferentes que existem no lugar.
Depois de alguns meses resolvi fazer uma brincadeira criando um ranking simples com os nomes, fotos e um gráfico de barra com os níveis das vias que cada um de nós conseguiu conquistar.
Se trata de um arquivo html com o css no header pois ficou tão curto que não vi necessidade de separar. Os participantes são inseridos como divs de classe “row-bar”, devendo ser alterados o nome, imagem, cor da barra e a graduação da via que a pessoa conseguiu escalar. As possibilidades de classes css das vias são: ._4 ._4sup ._5A ._5B ._5C ._6A ._6B.
Lá na altitude, os graus das vias vão além, porém nós só conseguimos chegar até o 6B então só fiz o ranking com esse valor máximo. As alterações são manuais no código mesmo, pois como citado, foi apenas algo para divertir os amigos e proporcionar uma competição saudável entre todos nós para ver todos subindo no ranking.
O projeto pode ser visto no meu github. E não deixem de visitar a Altitude Escalada.