Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Add a custom social media preview image to the repository

Aberta Para iniciantes
  • Algo errado?
#856 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
2/5
Tempo estimado
Meio dia
Facilidade para iniciantes
62/100
Tipo de issue
Funcionalidade
Clareza
Claramente especificada
Status de atividade
Ativa
Domínio
design

Direção de pesquisa

Comece pelos recursos de design da animação principal em website/hero-animation/ e src/assets/logo.png; verifique se a recoloração do logotipo proposta em #853 já foi incorporada antes de criar a imagem. Gere uma prévia de 1280×640 usando o logotipo, o slogan e as cores da marca especificados. O trabalho estará concluído quando a imagem for gerada a partir dos recursos da marca e carregada nas configurações de prévia para redes sociais do repositório.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

Summary

The nostream repo has no custom social media preview image — GitHub renders the default (repo name on a plain background) when the repo is shared on Slack, X, Discord, Telegram, etc. Upload a custom one so link shares carry the project's branding.

Spec
  • Settings → General → Social preview → Upload an image
  • Size: at least 640×320 px; 1280×640 px (2:1) recommended by GitHub for best display
  • Content, consistent with the site's design language (--bg: #08080a dark ground, --pink: #ff2e88 accent):
    • The nostream logo/mark (note: #853 proposes recoloring it purple → pink; if that lands first, generate from the pink version)
    • The wordmark "nostream" and the tagline ("your relay, your rules")
  • Source it from the hero-animation design assets (website/hero-animation/, src/assets/logo.png) so it stays coherent with the site and can be regenerated, not a one-off export
  • Note the difference from #851: that one is the website's OG image (served by ema.tnsor.network via meta tags); this ticket is the GitHub repository's social preview (uploaded in repo settings, used when the repo URL itself is shared). They can share a source image but are distinct artifacts.
Acceptance
  • 1280×640 image generated from the brand assets
  • Uploaded in repo settings; sharing https://github.com/cameri/nostream on Slack/X/Discord shows the card
Linguagem predominante
TypeScript
Estrelas
829
Forks
234
Merge médio
22h 43min
PRs com merge (30d)
52

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de cameri/nostream

Todas as issues de cameri/nostream

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.