UnionOps

Guide du site Web local

Donnez aux membres un lien stable pour savoir qui vous êtes, qui contacter et où vous trouver — puis publiez gratuitement sur GitHub Pages

Un site local n'est pas une salle de presse. C'est la base calme derrière vos tableaux et publications : coordonnées, dirigeants et un court texte À propos qui fonctionne encore quand les algorithmes enterrent votre dernier post. Commencez par la trousse de marque, remplissez le modèle de site, téléchargez le ZIP, puis suivez les étapes de déploiement ci-dessous.

Pourquoi un site local

Les tableaux et les réseaux font circuler les messages; un site garde les réponses que les membres cherchent des mois plus tard. Gardez-le court, exact et facile à mettre à jour après les élections.

  • Lien stable: Les fils sociaux changent et les publications défilent. Un site reste en place pour le courriel, les noms des dirigeants et les bases des réunions.
  • Recherche et crédibilité: Membres, médias et employeurs cherchent souvent votre section en ligne. Une page publique simple paraît plus professionnelle qu'un profil Facebook seul.
  • Votre texte, votre rythme: Vous décidez ce qui reste en ligne. Pas d'algorithme, pas de formulaire tiers — le modèle utilise mailto: pour que les messages arrivent directement dans votre boîte.
Une URL claire vaut mieux qu'une pile de Google Docs et de publications Facebook périmés. Mettez cette URL sur les tableaux, les cartes QR, les signatures courriel et les graphiques d'événements.

Site local minimal

Chaque site local devrait répondre à quatre questions en moins d'une minute : Qui êtes-vous? Qui dirige la section? Comment vous joindre? Où suivre les mises à jour? Le reste peut attendre.

  1. À propos de la section

    Deux courts paragraphes : qui vous représentez, où vous travaillez et pour quoi vous vous battez. Évitez le jargon et la longue histoire — les membres ont besoin d'orientation, pas d'un roman.

  2. Dirigeants de l'exécutif

    Noms et rôles (président, coordination des délégués, trésorier, etc.). Mettez à jour après chaque élection. Une liste périmée érode la confiance plus vite qu'un logo manquant.

  3. Chemin de contact

    Un courriel local surveillé et, si vous en avez un, l'adresse du bureau ou les heures des délégués. Préférez une boîte partagée à cinq adresses personnelles qui deviennent obsolètes quand les gens partent.

  4. Canal social ou membres

    Liez votre groupe Facebook ou un autre canal membres. Le site y pointe les gens; les publications sociales peuvent renvoyer au site pour les dirigeants et le courriel.

Ce qui a sa place — et ce qui n'en a pas

Pensez en couches : identité permanente, mises à jour de campagne quand c'est actif, et une courte liste de choses qui appartiennent ailleurs.

  • Toujours sur le site: Texte À propos, dirigeants actuels, courriel de contact et lien principal vers le groupe ou le réseau social.
  • Ajouter pendant les rondes actives: Un court paragraphe sur la négociation ou la grève, plus des liens vers les ressources officielles du syndicat parent — pas le journal de bord des discussions.
  • Optionnel plus tard: Calendrier de réunions, aperçu comment déposer un grief, ou liens vers des faits saillants de la convention — seulement si quelqu'un les tiendra à jour.
  • À garder hors du site public: Données personnelles des membres, stratégie confidentielle, photos sans consentement, et tout ce que l'exécutif n'a pas approuvé pour publication.

Avant d'ouvrir le modèle

Cinq minutes de préparation évitent un site qui a l'air cassé. Rassemblez ceci depuis la trousse de marque et l'exécutif local.

  • Trousse de marque prête : numéro de section, couleurs et logo (le modèle reprend les couleurs et le logo automatiquement).
  • Un courriel de contact réellement surveillé par la section.
  • Noms et rôles des dirigeants approuvés pour le site public.
  • URL du groupe Facebook (ou laissez vide jusqu'à en avoir un).
Enregistrez l'URL du site dans la trousse de marque une fois qu'il est en ligne. Les cartes QR, affiches de tableau et autres outils peuvent réutiliser ce lien sans le retaper.

Créer avec le modèle de site Web

L'outil Modèle de site Web remplit un site statique inspiré d'un vrai site local bénévole sur GitHub Pages. Prévisualisez dans le navigateur, puis téléchargez un ZIP — aucun compte d'hébergement tant que vous n'êtes pas prêts à publier.

  1. Ouvrir l'outil

    Allez au Modèle de site Web. Vérifiez que les couleurs et le logo de la trousse de marque sont corrects dans l'aperçu en direct.

  2. Remplir les champs

    Nom du syndicat ou de la section, accroche, paragraphes À propos, courriel, URL Facebook, adresse du bureau et dirigeants. Remplacez chaque espace réservé — les courriels d'exemple et l'adresse du pôle Nord ne doivent pas être publiés.

  3. Vérifier l'aperçu

    Lisez-le comme un nouveau membre : pouvez-vous trouver qui écrire et qui est président sans faire défiler indéfiniment?

  4. Télécharger le ZIP

    Téléchargez le ZIP du site. À l'intérieur : index.html, css/, js/, assets/, un README avec les notes de déploiement, et CNAME.example pour un domaine personnalisé.

Publier sur GitHub Pages (gratuit)

GitHub Pages héberge des sites statiques sans frais. Pas besoin d'être développeur — un compte GitHub gratuit et une quinzaine de minutes la première fois suffisent. Le README du ZIP reprend ces étapes pour un usage hors ligne.

  1. Créer un compte GitHub

    Inscrivez-vous sur github.com avec un courriel que la section peut garder à long terme (un compte partagé d'officier vaut mieux qu'un seul compte personnel).

  2. Créer un dépôt

    Cliquez Nouveau dépôt. Donnez un nom clair (par ex. site-local ou section243-site). Gardez-le Public pour que Pages puisse le servir sur un forfait gratuit. N'ajoutez pas de README si vous allez téléverser les fichiers du ZIP ensuite.

  3. Téléverser le contenu du ZIP

    Décompressez sur votre ordinateur. Dans le dépôt vide, utilisez Ajouter un fichier → Téléverser des fichiers et glissez index.html, css/, js/, assets/ et README.md à la racine (pas dans un dossier supplémentaire). Validez le commit.

  4. Activer Pages

    Ouvrez Paramètres → Pages. Sous Build and deployment → Source, choisissez Deploy from a branch. Sélectionnez main (ou master) et / (root), puis Enregistrer.

  5. Attendre la coche verte

    GitHub construit le site en quelques minutes. Actualisez Paramètres → Pages pour l'URL en direct, puis ouvrez-la en navigation privée pour confirmer que les liens de contact et de dirigeants fonctionnent.

Les sites de projet vivent à https://votrepseudo.github.io/nom-du-depot/. Si vous créez une organisation GitHub pour la section, vous pourrez utiliser une URL d'organisation plus claire plus tard. Les deux chemins conviennent aux membres.

Domaine personnalisé (optionnel)

Un domaine court comme section243.org est plus facile à dire à voix haute et à imprimer sur les tableaux. Achetez le domaine chez n'importe quel registraire, puis pointez-le vers GitHub Pages. Passez cette étape tant que l'URL gratuite github.io ne fonctionne pas.

  1. Ajouter un fichier CNAME

    À la racine du dépôt, ajoutez un fichier nommé CNAME contenant seulement votre domaine (par ex. section243.org). Validez le commit.

  2. Configurer le DNS chez le registraire

    Suivez la documentation GitHub sur les domaines personnalisés pour les enregistrements A ou un CNAME vers votre hôte Pages. Les changements DNS peuvent prendre de quelques minutes à une journée.

  3. Activer le domaine dans les paramètres Pages

    Dans Paramètres → Pages, entrez le domaine personnalisé, enregistrez, et attendez la vérification DNS / HTTPS. Puis enregistrez l'URL finale dans la trousse de marque.

Le ZIP inclut CNAME.example — renommez-le en CNAME (sans extension) et mettez seulement votre domaine sur la première ligne avant de configurer le DNS.

Garder le site à jour

Une liste de dirigeants périmée est pire que pas de site. Nommez un responsable et un rythme léger de mise à jour pour que la page reste digne de confiance.

Qui en est responsable

Nommez un officier ou un bénévole comme steward du site. Partagez le compte GitHub (ou ajoutez un second compte de confiance) pour que les mises à jour ne meurent pas quand une personne part.

Quand mettre à jour

Après les élections, quand le courriel de contact change, au début d'une négociation, et chaque fois qu'une grève ou une campagne majeure a besoin d'une courte note publique.

Comment modifier

Chemin le plus simple : changez les champs dans le Modèle de site Web et téléversez un nouveau ZIP par-dessus les anciens fichiers. Ou modifiez index.html dans l'éditeur Web de GitHub pour de petites corrections.

Quoi retirer

Supprimez les textes de campagne expirés et les anciennes dates de réunion. Un lien vers une mise à jour « urgente » d'il y a un an apprend aux membres à ignorer le site.

Relier le site aux autres canaux

Le site est le quatrième canal du Plan médias sociaux — pas un remplacement des tableaux ou du social. Utilisez la même trousse de marque partout pour que les membres vous reconnaissent.

  • Tableaux syndicaux: Mettez un QR vers le site dans la zone socials du tableau minimal pour que les membres hors réseaux joignent quand même dirigeants et courriel.
  • Cartes lien QR: Imprimez des cartes portefeuille ou lettre qui ouvrent l'URL en direct. Enregistrez d'abord le lien du site dans la trousse de marque pour que l'outil de carte le récupère.
  • Publications sociales: Dans les bios et publications épinglées, liez le site pour « qui nous sommes / contact ». Utilisez le social pour l'actualité; le site pour les faits stables.
  • Trousse de marque: Gardez couleurs et URL du site dans la trousse de marque pour que régénérer le modèle ou imprimer de nouveaux QR reste cohérent.

Sources et références

Ressources externes citées dans ce guide. Reportez-vous toujours à votre exécutif de section et à votre représentant de service syndical pour les directives officielles.