Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Add a custom social media preview image to the repository

Fermée Adaptée aux débutants
#856 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
2/5
Temps estimé
Une demi-journée
Accessibilité débutants
62/100
Type d'issue
Fonctionnalité
Clarté
Clairement spécifiée
Activité
Active
Domaine
design

Piste de recherche

Commence par les ressources de conception de l’animation principale dans website/hero-animation/ et src/assets/logo.png ; vérifie si la recoloration du logo proposée dans #853 a été intégrée avant de créer l’image. Génère un aperçu de 1280×640 en utilisant le mot-symbole, le slogan et les couleurs de marque spécifiés. Le travail est terminé lorsque l’image est générée à partir des ressources de marque et téléversée dans les paramètres d’aperçu pour les réseaux sociaux du dépôt.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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
Langage dominant
TypeScript
Étoiles
829
Forks
234
Merge moyen
18 h 43 min
PR mergées (30 j)
67

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de cameri/nostream

Toutes les issues de cameri/nostream

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.