Para o Hacktoberfest de 2023, algumas das recompensas disponibilizadas pela organização do evento são badges para as pessoas que estiverem participando ou concluírem o objetivo de 4 Pull Requests mergeados. E essas badges possuem identificações e ficam hospedadas no site Holopin.
Além de ficarem disponíveis em seu perfil nesse site, você também agora pode adicionar na página inicial do seu perfil de GitHub e fica bem legal!
O próprio site do Holopin já te mostra como fazer isso, usando markdown. Bora lá?
Para você adicionar as badges no seu GitHub, você deve ter um perfil criado. Se você ainda não tem esse perfil, aqui está um artigo chamado GitHub Profile: como fazer? da @dii_lua para você saber como fazer isso.
Como requisitar badges recebidas?
No seu próprio perfil criado no site do Hacktoberfest, você identificará alguns itens chamados de "Rewards" que serão as suas recompensas. O site avisa que você pode requisitar pelo link enviado ao seu e-mail. O mesmo e-mail que estiver cadastrado no site.
Quando você requisitar, poderá notar pelo perfil criado dentro do site Holopin, que você pode acessar por holopin.io/@nome_de_usuárie_que_você_criou.
Como ajustar as badges para que fiquem disponíveis para visualização no perfil do Holopin?
Antes de irmos colocar no perfil do GitHub, vamos ajustar da forma que acharmos melhor no perfil do Holopin.
Na página do seu perfil, identifique a aba "board". Clique nela e, em seguida, identifique do lado direito um botão na cor verde escrito "show inventory".
Ao clicar nesse botão, um novo menu do lado esquerdo ficará disponível para uso. Nele, haverão todas as badges que você possui até o momento.
Cada uma das badges podem ser adicionadas ou removidas ao seu perfil de exibição. Você notará que a badge poderá ter ou um botão escrito "add" para adicionar ao board, ou um botão "remove" para retirar do board.
Para finalizar a adição e remoção de badges, você poderá fechar esse menu da lateral esquerda clicando no botão localizado na parte superior direita, na cor vermelha e escrito "close".
Ajustando posição, rotação e tamanho das badges no seu perfil do site Holopin
Conforme você for adicionando as badges, elas ficarão posicionadas uma em cima da outra. Você pode fazer alguns ajustes de posicionamento, rotação da imagem e tamanho.
Para mudar a badge de posição:
Clique na badge desejada e arraste até o ponto da tela que você quer que fique. Ao fazer isso, você perceberá que existe um limite de tamanho do board, então você deverá ajustar dentro do espaço disponível.
Para rotacionar a badge:
Clique na badge desejada e pressione ao mesmo tempo a tecla "ctrl". Movimente o cursor do mouse até encontrar a posição desejada.
Para mudar o tamanho da badge:
Clique na badge desejada e pressione ao mesmo tempo a tecla "shift". Se você quiser aumentar o tamanho da badge, movimente o cursor do mouse para baixo e para a direita, em diagonal. Se você quiser diminuir o tamanho da badge, movimento o cursou do mouse para cima e para a esquerda, em diagonal. Faça isso até identificar o tamanho desejado.
Adicionando o board de badges no seu perfil do GitHub
Depois de configurar o seu perfil de badges, você pode adicionar o comando abaixo no README.md do seu perfil do GitHub.
No próprio site do Holopin, você pode identificar as orientações de como fazer isso. Logo abaixo do board de badges.
No meu caso, o comando ficará assim:
[](https://holopin.io/@morgannadev)
No seu caso, ajuste o nome de pessoa usuária que você criou para o seu perfil.
O texto que consta no início do comando é para ajudar na acessibilidade. Você pode descrever a imagem em português se preferir. Mas recomendo muito que você não tire.
Copie esse comando e cole no README.md do seu perfil, na posição que achar melhor.
Dica: se quiser visualizar como ficou antes de salvar as alterações, você pode clicar na aba "Preview" do seu código, caso esteja fazendo diretamente na interface do seu GitHub. Ou caso esteja também fazendo na sua IDE favorita.
Faça o commit para salvar as alterações realizadas e aprecie, agora, suas novas badges do Hacktoberfest em seu perfil do GitHub.
Curtiu? Compartilhe seu perfil nos comentários para acompanharmos como ficou o GitHub, caso esteja participando do Hacktoberfest. E lembre-se: qualquer dúvida, só mandar nos comentários também para te ajudarmos.
Top comments (4)
Eu simplesmente amei esse novo recurso dos badges, sempre acho que eles deixam o meu perfil muito mais bonito, e a possibilidade de organizar eles da forma que me parece melhor, e até de escolher quais bagdes quero colocar no meu perfil me agrada demais também.
Parabéns pelo artigo, Morganna, ficou bem detalhado e abordou todos os aspectos necessários sobre o uso do Holopin, quando me deparei com essa plataforma pela primeira vez, fiquei bem confusa e demorei algumas horas até descobrir que dava pra organizar os badges dentro do mural kkk.
Também me senti assim e fiquei perdida em como usar a plataforma... Obrigada pelo feedback e por ter acompanhado o conteúdo!
O meu ficou assim:
Ahhhh, adorei! Ficou fofinho! Parece que os que estão ao redor fazem parte dos ramos da árvore! <3