Livecoding.fr

Ce dépôt contient la source du site web https://livecoding.fr. Ce dépôt est ouvert à la collaboration. Ajoutez / modifiez / supprimez les informations que vous souhaitez. La source est organisée de sorte à ce que toutes les informations puissent être facilement modifiées sans trop toucher au HTML/CSS/JS. Chaque page est éditable en MarkDown, et vous pouvez toujours ajouter autant de HTML/CSS que vous souhaitez !

Stack technique

Le site suit les standards modernes mais il est ensuite compilé comme un site statique. Les outils suivants sont utilisés :

• Svelte : framework frontend.
• SvelteKit/Vite : tooling.
• Tailwind : CSS.
• DaisyUi : CSS supplémentaire.
• Mdsvex : MarkDown en Svelte.

Structure du site

Site Livecoding.fr
├── Pages principales
│   ├── Accueil (/)
│   ├── Membres (/membres)
│   ├── Outils (/outils)
│   ├── Ressources (/ressources)
│   ├── Événements (/evenements)
│   ├── Réseaux (/reseaux)
│   ├── Presse (/presse)
│   └── Contacts (/contacts)
│
├── Données structurées (src/lib/data/)
│   ├── membres.json        → Profils des membres
│   ├── outils.json         → Outils de livecoding
│   ├── ressources.json     → Ressources et liens
│   ├── evenements.json     → Événements et actualités
│   ├── reseaux.json        → Liens réseaux sociaux
│   └── presse.json         → Articles de presse
│
├── Composants (src/lib/components/)
│   ├── TitleBar.svelte     → Barre de titre
│   ├── Portrait.svelte     → Portraits des membres
│   ├── SoftwareCard.svelte → Cartes outils
│   ├── ResourceCard.svelte → Cartes ressources
│   ├── ContactCard.svelte  → Cartes contacts
│   ├── Calendar.svelte     → Calendrier
│   ├── Gallery.svelte      → Galeries
│   ├── Grid.svelte         → Grilles d'affichage
│   ├── Press.svelte        → Articles presse
│   ├── Info.svelte         → Composant info
│   ├── ThemeSwitcher.svelte → Changement de thème
│   └── YouTubeLazyLoad.svelte → Vidéos YouTube
│
└── Configuration
    ├── Layout principal (+layout.svelte)
    ├── Gestion des thèmes (theme.ts)
    └── Styles globaux (app.postcss)

Comment contribuer ?

• Les pages du site sont écrites en Markdown. Vous pouvez les modifier même sans connaissance préalable de la programmation web.
• Les informations structurées (outils, membres, etc) sont contenues dans des fichiers JSON qui sont dans src/data. Ajoutez votre info, et c'est tout :

{
  name: "Joe Joe",
  description: "Pseudo",
  image: "url_image",
  site: "url_site",
  mail: "mail (non utilisé, laissez blanc)"
},