From f02e1c6d2266139b9f43d8a49e558c9405ea6d84 Mon Sep 17 00:00:00 2001 From: Florent Tribouilloy Date: Fri, 5 Dec 2025 22:05:38 +0100 Subject: [PATCH] feat(style): improve css --- content/about.md | 4 +- content/contact.md | 4 +- layouts/_default/baseof.html | 18 +++-- layouts/_default/single.html | 6 +- layouts/index.html | 73 ++++++++++-------- static/css/content.css | 52 +++++++++++++ static/css/index.css | 111 +++++++++++++++++++++++++++ static/css/style.css | 141 +++-------------------------------- 8 files changed, 235 insertions(+), 174 deletions(-) create mode 100644 static/css/content.css create mode 100644 static/css/index.css diff --git a/content/about.md b/content/about.md index f5d2908..6b79963 100644 --- a/content/about.md +++ b/content/about.md @@ -2,11 +2,11 @@ title: "À propos" --- -## Le but +### Le but Apprendre à diagnostiquer, à réparer. -## Comment ça marche ? +### Comment ça marche ? 1. Vous apportez votre objet cassé 2. Nous vous aidons à diagnostiquer la panne diff --git a/content/contact.md b/content/contact.md index a916d43..5ee2bad 100644 --- a/content/contact.md +++ b/content/contact.md @@ -2,11 +2,11 @@ title: "Contact" --- -## Email +### Email [repair-cafe@ariege.org](mailto:repair-cafe@ariege.org) -## Signal +### Signal [Lien vers le groupe Signal](https://signal.group/#CjQKIAi5hEPZAURQ1OeINzRVDwUPLTTC_m44DvLV4bm3OTOIEhA2xOrPcBxVDOXPx30bU0_k) diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 3a71ffd..28291bd 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,11 +1,15 @@ + {{ .Title }} - {{ .Site.Title }} + + +
- +
{{ block "main" . }}{{ end }}
- + + \ No newline at end of file diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 60e57ca..744526b 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,6 +1,6 @@ {{ define "main" }} - -

{{ .Title }}

+
+

{{ .Title }}

{{ .Content }} - +
{{ end }} \ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html index c8f2e5f..ef1e968 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,38 +1,51 @@ {{ define "main" }} -
-

Repair Café du Haut Salat

-

Diagnostiquer, réparer, transmettre

-
+
+
+

Repair Café du Haut Salat

+

Diagnostiquer, réparer, transmettre

+
-
-

Lab Place

-

Dernier samedi du mois, de 14h à 18h

-

Lab Place, route d’Aulus à Oust

-
+
+
+
+

Événements

+
+
+

Dernier samedi du mois, de 14h à 18h

+

Lab Place, route d’Aulus à Oust

+
+
+
+
+

Plus à venir

+
+
+
-
-

Qu'est-ce que le Repair Café du Haut Salat ?

-

Une équipe de bénévoles est présente pour aider à réparer des objets cassés, installer Linux - ou former à l’utilisation des logiciels libres/trouver des alternatives.

+
+

Qu'est-ce que le Repair Café du Haut Salat ?

+

Une équipe de bénévoles est présente pour aider à réparer des objets cassés, installer Linux + ou former à l’utilisation des logiciels libres/trouver des alternatives.

-

Qu’est ce que l’on fait ?

-

- 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à. -

+

Qu’est ce que l’on fait ?

+

+ 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à. +

-

Qu’est ce que l’on ne fait pas ?

-

On ne fait pas du service de réparation. Les bénévoles

+

Qu’est ce que l’on ne fait pas ?

+

On ne fait pas du service de réparation. Les bénévoles

-

Qui ?

-

- 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. -

+

Qui ?

+

+ 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. +

-

Coût ?

-

- Le Repair Café est gratuit. -

-
+

Coût ?

+

+ Le Repair Café est gratuit. +

+
+
{{ end }} \ No newline at end of file diff --git a/static/css/content.css b/static/css/content.css new file mode 100644 index 0000000..b83d558 --- /dev/null +++ b/static/css/content.css @@ -0,0 +1,52 @@ +.content { + padding: 2rem; + border-radius: 8px; + color: #2e2c7e; + background-color: #e1e1e1; + padding: 1.5rem; + position: relative; + width: 100%; + height: 100%; +} + +.content h1 { + margin-bottom: 2rem; + margin-left: 1rem; + font-size: 2.5rem; + font-weight: bold; + text-align: center; +} + +.content h2 { + margin-top: 2rem; + margin-bottom: 1rem; + margin-left: 1rem; + font-size: 1.8rem; + text-align: center; +} + +.content h3 { + color: #EF694A; + margin-top: 1.5rem; + margin-bottom: 1rem; + margin-left: 1rem; + font-size: 1.4rem; +} + +.content p { + margin-bottom: 2rem; + margin-left: 2rem; + font-size: 1.1rem; +} + +.content ul, +.content ol { + margin-left: 2rem; + margin-bottom: 1rem; + font-size: 1.1rem; +} + +.content li { + margin-left: 2rem; + margin-bottom: 0.5rem; +} \ No newline at end of file diff --git a/static/css/index.css b/static/css/index.css new file mode 100644 index 0000000..31dce8f --- /dev/null +++ b/static/css/index.css @@ -0,0 +1,111 @@ +.index { + background-color: #e1e1e1; + border-radius: 8px; + padding: 0 5rem 1rem 5rem; +} + +.index section { + margin-top: 0; + margin-bottom: 1rem; + padding-bottom: 0; + background-color: white; +} + +.index .maintitle { + text-align: center; +} + +.index .maintitle h1 { + padding-top: 3rem; + font-size: 3.5rem; + font-weight: bold; + color: #2e2c7e; +} + +.index .maintitle p { + padding-top: 1.5rem; + padding-bottom: 1rem; + font-size: 1.4rem; + font-weight: 400; + color: #EF694A; + font-weight: bold; +} + +.index .repair-dates h2 { + color: #2e2c7e; + font-size: 3rem; + font-weight: bold; +} + +.index .repair-dates p { + color: #2e2c7e; + font-size: 1.3rem; + font-weight: bold; +} + +.index .repair-dates h3 { + color: #2e2c7e; + font-size: 2rem; + font-weight: bold; +} + +.index .repair-dates { + text-align: center; + padding: 2rem; +} + +.index .repair-dates .date { + font-weight: bold; + color: #EF694A; +} + +.index .repair-dates .lieu { + color: #2e2c7e; +} + +.index .container { + display: grid; + grid-template-areas: + "header header" + "event event" + "footer footer"; + grid-template-columns: 2fr 2fr; +} + +.index .container div.header { + grid-area: header; + text-align: center; + margin-bottom: 2rem; +} + +.index .container div.footer { + grid-area: footer; + text-align: center; +} + +.index .container div.event { + grid-area: event; + font-size: 1.3rem; + margin-bottom: 2rem; + border: 1px solid black; + border-radius: 8px; +} + +.index .presentation { + padding: 2rem; +} + +.index .presentation h2 { + color: #2e2c7e; + font-size: 2rem; + font-weight: bold; + padding: 0.5rem; + text-align: center; + margin-top: 1rem; +} + +.index .presentation p { + color: #2e2c7e; + font-size: 1rem; + text-align: justify; +} \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index 2a447e0..2a07db8 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -6,9 +6,8 @@ body { font-family: Arial, Helvetica, sans-serif; - line-height: 1.6; color: #2e2c7e; - background: #e1e1e1; + background-color: white; } header { @@ -56,131 +55,9 @@ nav a:hover { 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; + background-color: white; + margin: auto; } footer { @@ -240,25 +117,25 @@ img[alt=signal-qrcode] { 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; } @@ -274,4 +151,4 @@ img[alt=signal-qrcode] { .btn-nav:hover { background: white; color: #EF694A !important; -} +} \ No newline at end of file