Mordi a maça!
Olá!
Para quem está iniciando no mundo Tech, qualquer avanço, por mínimo que seja, traz um senso de “ser capaz”. Esse sentimento julgo ser muito importante para poder avançar nas trilhas de conhecimento, em qualquer resolução de problemas, e por mais “bobo” que possa parecer um determinado problema para a maioria das pessoas em estágios mais avançados, não o é, para quem está dando os primeiros passos nesta área do conhecimento, por isso, comemore as pequenas conquistas. No meu caso, com um artigo.
O problema estava no desafio de projeto com a seguinte descrição:
Desafio: Profile README
Contribua no diretório "Community", criando um Profile README contendo informações sobre você que deseje compartilhar com a comunidade. Para isso, você pode inserir: badges indicando suas habilidades; cards com suas estatísticas no GitHub e projetos que criou, colaborou ou que deseje que outras pessoas colaborem.
Pensando assim, porque não escrever sobre uma resolução de problema que surgiu ao tentar inserir um código que ilustre um banner com tema tecnológico em meu README?
Assim, quando estava quase terminando a tarefa, e só faltava o inserir o código para ilustra tal banner, fiz o seguinte: Fui no banco de imagens no Google, encontrei o que queria e fui tentando criar a linha de comando em MarkDown (md) e não estava tendo êxisto.
Até consegui que criar a área para o banner no tamanho que eu queria, mas nada do comando arrastar a imagem diretamente para o preview do meu README. Em odas as minhas tentativas, tinha que clicar na área do banner e ele me direcionava para o endereço da imagem.
Foi então que lembrei de ter visto em uma aula do bootcamp, “Primeiros passos em tecnologia”, onde foi apresentado o comando “inspecionar”. Basicamente com esse comando você vê todos os parâmetros do código daquela pagina em sua tela. Fui para a imagem que encontrei na web, inspecionei seu código (que estava em HTML) copiei, e então “Mordi a maçã”.
Colei aquela parte do código HTML da imagem e enviei um comando para o Cha-tGPT: “Transforme o código HTML em um código MarkDown."
A voz em minha cabeça disse: “Por que não pensei nisto antes?”
Resposta: "Prefiro explorar e testar os conhecimentos sem usar subterfúgios." Lindo, mas não estava funcionado. - Por essa razão, o título do artigo: “Mordi a maçã”.
E o código saiu disso:
<img style="display: block;-webkit-user-select: none;margin: auto;cursor: zoom-in;background-color: hsl(0, 0%, 90%);transition: background-color 300ms;" src="https://img.freepik.com/vetores-premium/fundo-de-malha-de-linhas-de-particulas-de-tecnologia-abstrata-modelo-de-web-de-fundo-de-banner-de-design-grafico-abstrato-de-vetor_181182-33379.jpg?w=900" width="497" height="165">
Para isso:
Confira como ficou.
https://github.com/digitalinnovationone/dio-lab-open-source/blob/main/community/roanldoads.md
Quando pedi um Preview do meu código, o banner estava lá, lindo e imponente!!
Acredito que não é pecado! O que você achou da minha solução?
Obrigado se você leu até aqui
Comentários serão bem vindo!
Att
Ronaldo
