init repo

This commit is contained in:
Florent Tribouilloy 2025-11-27 00:12:36 +01:00
commit db8398265e
10 changed files with 393 additions and 0 deletions

3
.gitignore vendored Normal file
View file

@ -0,0 +1,3 @@
public
*~
.hugo_build.lock

5
archetypes/default.md Normal file
View file

@ -0,0 +1,5 @@
+++
date = '{{ .Date }}'
draft = true
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
+++

15
content/about.md Normal file
View file

@ -0,0 +1,15 @@
---
title: "À propos"
---
## Le but
Apprendre à diagnostiquer, à réparer.
## Comment ça marche ?
1. Vous apportez votre objet cassé
2. Nous vous aidons à diagnostiquer la panne
3. Nous vous formons pour pouvoir réparer la panne et sur la sécurité
4. Nous vous guidons sur les étapes de réparations
5. Vous repartez avec de nouvelles compétences et un objet possiblement réparé !

13
content/contact.md Normal file
View file

@ -0,0 +1,13 @@
---
title: "Contact"
---
## Email
[repair-cafe@ariege.org](mailto:repair-cafe@ariege.org)
## Signal
[Lien vers le groupe Signal](https://signal.group/#CjQKIAi5hEPZAURQ1OeINzRVDwUPLTTC_m44DvLV4bm3OTOIEhA2xOrPcBxVDOXPx30bU0_k)
![signal-qrcode](/images/signal-group.png?width=100)

5
hugo.toml Normal file
View file

@ -0,0 +1,5 @@
baseURL = 'https://repair-cafe.tribouilloy.com'
languageCode = 'fr-fr'
title = 'Repair Café du Haut Salat'
[taxonomies]

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ .Title }} - {{ .Site.Title }}</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<header>
<nav>
<h1><a href="/">{{ .Site.Title }}</a></h1>
<ul>
<li><a href="/about">À propos</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="https://www.repaircafe.org/fr/" class="btn-nav" target="_blank" rel="noopener noreferrer">Repair Café</a></li>
<li><a href="https://adieuwindows.april.org/" class="btn-nav" target="_blank" rel="noopener noreferrer">Adieu Windows</a></li>
<li><a href="https://www.agendadulibre.org/" class="btn-nav" target="_blank" rel="noopener noreferrer">Prochaines dates</a></li>
</ul>
</nav>
</header>
<main>
{{ block "main" . }}{{ end }}
</main>
<footer>
<p>&copy; {{ now.Year }} Repair Café du Haut-Salat</p>
</footer>
</body>
</html>

View file

@ -0,0 +1,6 @@
{{ define "main" }}
<content>
<h1>{{ .Title }}</h1>
{{ .Content }}
</content>
{{ end }}

38
layouts/index.html Normal file
View file

@ -0,0 +1,38 @@
{{ define "main" }}
<section class="maintitle">
<h1>Repair Café du Haut Salat</h1>
<p>Diagnostiquer, réparer, transmettre</p>
</section>
<section class="repair-dates">
<h2>Lab Place</h2>
<p class="date">Dernier samedi du mois, de 14h à 18h</p>
<p class="lieu">Lab Place, route dAulus à Oust</p>
</section>
<section class="presentation">
<h2>Qu'est-ce que le Repair Café du Haut Salat ?</h2>
<p>Une équipe de bénévoles est présente pour aider à réparer des objets cassés, installer Linux
ou former à lutilisation des logiciels libres/trouver des alternatives.</p>
<h2>Quest ce que lon fait ?</h2>
<p>
Lors des réparations, nous aidons au diagnostic, guidons pour réparer et servons de troisième main.
La liste des objets pouvant être réparés dépend des bénévoles et des outils présents ce jour-là.
</p>
<h2>Quest ce que lon ne fait pas ?</h2>
<p>On ne fait pas du service de réparation. Les bénévoles</p>
<h2>Qui ?</h2>
<p>
Ce Repair Café est porté par trois associations locales (Lab Place, Hélios, La Ressourcerie du Haut Salat)
ainsi que des bénévoles qui organisent et animent ce moment.
</p>
<h2>Coût ?</h2>
<p>
Le Repair Café est gratuit.
</p>
</section>
{{ end }}

277
static/css/style.css Normal file
View file

@ -0,0 +1,277 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
color: #2e2c7e;
background: #e1e1e1;
}
header {
background: #2e2c7e;
color: white;
padding: 1rem 0;
}
nav {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
nav h1 {
font-size: 1.8rem;
font-weight: bold;
}
nav h1 a {
color: white;
text-decoration: none;
}
nav ul {
display: flex;
list-style: none;
gap: 2rem;
}
nav a {
color: white;
text-decoration: none;
transition: color 0.3s;
font-weight: 500;
}
nav a:hover {
color: #EF694A;
}
main {
max-width: 1200px;
margin: 2rem auto;
padding: 0 2rem;
min-height: 60vh;
}
.maintitle {
text-align: center;
padding: 4rem 2rem;
background: white;
color: #2e2c7e;
margin: -2rem -2rem 3rem -2rem;
border-radius: 8px;
}
.maintitle h1 {
font-size: 3rem;
margin-bottom: 1rem;
font-weight: bold;
color: #2e2c7e;
}
.maintitle p {
font-size: 1.4rem;
font-weight: 400;
color: #EF694A;
}
section {
margin: 3rem 0;
padding: 2rem;
background: white;
border-radius: 8px;
}
section h2 {
color: #2e2c7e;
margin-bottom: 1.5rem;
font-size: 2rem;
font-weight: bold;
}
section h3 {
color: #EF694A;
margin-top: 1.5rem;
margin-bottom: 1rem;
font-size: 1.5rem;
}
section p {
font-size: 1.1rem;
margin-bottom: 1rem;
color: #2e2c7e;
}
.repair-dates {
background: white;
border: 3px solid #EF694A;
text-align: center;
padding: 3rem 2rem;
}
.repair-dates h2 {
color: #2e2c7e;
margin-bottom: 2rem;
}
.date {
font-size: 2rem;
font-weight: bold;
color: #EF694A;
margin: 1rem 0;
}
.lieu {
font-size: 1.3rem;
color: #2e2c7e;
}
.presentation {
background: white;
}
content {
padding: 2rem;
background: white;
border-radius: 8px;
}
content h1 {
color: #2e2c7e;
margin-bottom: 2rem;
font-size: 2.5rem;
font-weight: bold;
}
content h2 {
color: #2e2c7e;
margin-top: 2rem;
margin-bottom: 1rem;
font-size: 1.8rem;
font-weight: bold;
}
content h3 {
color: #EF694A;
margin-top: 1.5rem;
margin-bottom: 1rem;
font-size: 1.4rem;
}
content p {
margin-bottom: 1rem;
font-size: 1.1rem;
color: #2e2c7e;
}
content ul, content ol {
margin-left: 2rem;
margin-bottom: 1rem;
font-size: 1.1rem;
color: #2e2c7e;
}
content li {
margin-bottom: 0.5rem;
}
footer {
background: #2e2c7e;
color: white;
text-align: center;
padding: 2rem;
margin-top: 4rem;
}
footer p {
margin: 0.5rem 0;
}
footer a {
color: #EF694A;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
.btn {
display: inline-block;
padding: 1rem 2rem;
background: #2e2c7e;
color: white;
text-decoration: none;
border: none;
font-weight: bold;
font-size: 1.1rem;
transition: all 0.3s;
cursor: pointer;
border-radius: 5px;
}
.btn:hover {
background: #EF694A;
}
.btn-secondary {
background: #EF694A;
}
.btn-secondary:hover {
background: #2e2c7e;
}
img[alt=signal-qrcode] {
width: 20%;
align-items: center;
}
@media (max-width: 768px) {
nav {
flex-direction: column;
gap: 1rem;
}
nav ul {
gap: 1rem;
flex-wrap: wrap;
justify-content: center;
}
.maintitle h1 {
font-size: 2rem;
}
.maintitle p {
font-size: 1.1rem;
}
section {
padding: 1.5rem;
}
section h2 {
font-size: 1.5rem;
}
}
.btn-nav {
background: #EF694A;
padding: 0.5rem 1rem;
border-radius: 5px;
transition: all 0.3s;
}
.btn-nav:hover {
background: white;
color: #EF694A !important;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB