page faire un don terminés + osm ajoutés

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "hugoplate-main/themes/osm"]
+	path = hugoplate-main/themes/osm
+	url = https://github.com/Hanzei/hugo-component-osm.git

hugoplate-main/config/_default/menus.en.toml

@@ -19,12 +19,13 @@ weight = 3
 [[main]]
 weight = 4
 name = "Devenir bénévole"
+url = "/blog"
 
 
 [[main]]
-parent = "Nous contacter"
 name = "Nous contacter"
 url = "/contact"
+weight = 5
 
 
 # footer menu
@@ -42,3 +43,4 @@ weight = 2
 name = "Politique de confidentialité"
 url = "/privacy-policy"
 weight = 3
+

hugoplate-main/content/_index.md

@@ -0,0 +1,29 @@
+---
+meta_title: "Accueil"
+draft: false
+---
+# S’engager dans les enjeux d’inégalités sociales et les problématiques environnementales
+z
+qsfsdfsdgs
+
+
+# RÉCUPÉRATION À RUNGIS ET AUTRES RÉCUP’
+
+Trois fois par semaine une équipe constituée de bénévoles se rend au Marché International de Rungis pour récupérer les invendus de fruits, légumes et autres produits auprès de grossistes du marché.
+
+Les commerçant.e.s du quartiers sont aussi mobilisé.e.s: **récupération des invendus de pain dans les boulangeries, gel et masques dans les pharmacies…**
+
+Ces aliments sont ensuite acheminés à notre local.
+
+![](/images/nosactions.png)
+
+# Distribution de paniers
+##### LES PANIERS
+
+Une fois arrivéprivacy-policy/s au local, nous les répartissons équitablement dans différentes cagettes (nos “paniers”)
+
+La distribution s’articule en deux phases :
+
+une **distribution de paniers à participation symbolique**. Pour 80 foyers environ et une quarantaine de personnes envoyées par des assistantes sociales membres de l’association, ainsi que par le SAMU social.
+
+une distribution de paniers à 5€ pour les personnes ayant la possibilité de participer financièrement. (Quand il en reste assez).

hugoplate-main/content/english/_index.md

@@ -1,52 +1,8 @@
 ---
-# Banner
+meta_title: "Accueil"
-banner:
+draft: false
-  title: "S’engager dans les enjeux d’inégalités sociales et les problématiques environnementales"
-  image: "/static/images/logo.png"
-  button:
-    enable: true
-    label: "Get Started For Free"
-    link: "https://github.com/zeon-studio/hugoplate"
-
-# Features
-features:
-  - title: "What's Included in Hugoplate"
-    image: "/static/images/logo.png"
-    content: "Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What's Included in Hugoplate"
-    bulletpoints:
-      - "10+ Pre-build pages"
-      - "95+ Google Pagespeed Score"
-      - "Build with Hugo and TailwindCSS for easy and customizable styling"
-      - "Fully responsive on all devices"
-      - "SEO-optimized for better search engine rankings"
-      - "**Open-source and free** for personal and commercial use"
-    button:
-      enable: false
-      label: "Get Started Now"
-      link: "#"
-
-  - title: "Discover the Key Features Of Hugo"
-    image: "/images/service-2.png"
-    content: "Hugo is an all-in-one web framework for building fast, content-focused websites. It offers a range of exciting features for developers and website creators. Some of the key features are:"
-    bulletpoints:
-      - "Zero JS, by default: No JavaScript runtime overhead to slow you down."
-      - "Customizable: Tailwind, MDX, and 100+ other integrations to choose from."
-      - "UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more."
-    button:
-      enable: true
-      label: "Get Started Now"
-      link: "https://github.com/zeon-studio/hugoplate"
-
-  - title: "The Top Reasons to Choose Hugo for Your Hugo Project"
-    image: "/images/service-3.png"
-    content: "With Hugo, you can build modern and content-focused websites without sacrificing performance or ease of use."
-    bulletpoints:
-      - "Instantly load static sites for better user experience and SEO."
-      - "Intuitive syntax and support for popular frameworks make learning and using Hugo a breeze."
-      - "Use any front-end library or framework, or build custom components, for any project size."
-      - "Built on cutting-edge technology to keep your projects up-to-date with the latest web standards."
-    button:
-      enable: false
-      label: ""
-      link: ""
 ---
+# S’engager dans les enjeux d’inégalités sociales et les problématiques environnementales
+z
+qsfsdfsdgs
+

hugoplate-main/content/english/authors/_index.md

@@ -1,3 +1,3 @@
 ---
-title: "Authors"
+title: "Devenir bénévole"
 ---

hugoplate-main/content/english/authors/john-doe.md

@@ -1,20 +0,0 @@
----
-title: John Doe
-email: johndoe@email.com
-image: "/images/avatar.png"
-description: this is meta description
-social:
-  - name: github
-    icon: fa-brands fa-github
-    link: https://github.com
-
-  - name: twitter
-    icon: fa-brands fa-twitter
-    link: https://twitter.com
-
-  - name: linkedin
-    icon: fa-brands fa-linkedin
-    link: https://linkedin.com
----
-
-lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.

hugoplate-main/content/english/authors/sam-wilson.md

@@ -1,20 +0,0 @@
----
-title: Sam Wilson
-email: samwilson@email.com
-image: "/images/avatar.png"
-description: this is meta description
-social:
-  - name: github
-    icon: fa-brands fa-github
-    link: https://github.com
-
-  - name: twitter
-    icon: fa-brands fa-twitter
-    link: https://twitter.com
-
-  - name: linkedin
-    icon: fa-brands fa-linkedin
-    link: https://linkedin.com
----
-
-lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.

hugoplate-main/content/english/authors/william-jacob.md

@@ -1,20 +0,0 @@
----
-title: William Jacob
-email: williamjacob@email.com
-image: "/images/avatar.png"
-description: this is meta description
-social:
-  - name: github
-    icon: fa-brands fa-github
-    link: https://github.com
-
-  - name: twitter
-    icon: fa-brands fa-twitter
-    link: https://twitter.com
-
-  - name: linkedin
-    icon: fa-brands fa-linkedin
-    link: https://linkedin.com
----
-
-lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.

hugoplate-main/content/english/blog/_index.md

@@ -3,3 +3,4 @@ title: "Blog Posts"
 meta_title: ""
 description: "this is meta description"
 ---
+# Devenir bénévole

hugoplate-main/content/english/blog/post-1.md

@@ -1,23 +0,0 @@
----
-title: "How to build an Application with modern Technology"
-meta_title: ""
-description: "this is meta description"
-date: 2022-04-04T05:00:00Z
-image: "/images/image-placeholder.png"
-categories: ["Application", "Data"]
-author: "John Doe"
-tags: ["nextjs", "tailwind"]
-draft: false
----
-
-Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-## Creative Design
-
-Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

hugoplate-main/content/english/blog/post-2.md

@@ -1,23 +0,0 @@
----
-title: "How to build an Application with modern Technology"
-meta_title: ""
-description: "this is meta description"
-date: 2022-04-04T05:00:00Z
-image: "/images/image-placeholder.png"
-categories: ["Technology", "Data"]
-author: "Sam Wilson"
-tags: ["technology", "tailwind"]
-draft: false
----
-
-Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-## Creative Design
-
-Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

hugoplate-main/content/english/blog/post-3.md

@@ -1,23 +0,0 @@
----
-title: "How to build an Application with modern Technology"
-meta_title: ""
-description: "this is meta description"
-date: 2022-04-04T05:00:00Z
-image: "/images/image-placeholder.png"
-categories: ["Software"]
-author: "John Doe"
-tags: ["software", "tailwind"]
-draft: false
----
-
-Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-## Creative Design
-
-Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

hugoplate-main/content/english/blog/post-4.md

@@ -1,23 +0,0 @@
----
-title: "How to build an Application with modern Technology"
-meta_title: ""
-description: "this is meta description"
-date: 2022-04-04T05:00:00Z
-image: "/images/image-placeholder.png"
-categories: ["Architecture"]
-author: "John Doe"
-tags: ["silicon", "technology"]
-draft: false
----
-
-Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-## Creative Design
-
-Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
-
-> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

hugoplate-main/content/english/contact/_index.md

@@ -1,6 +1,30 @@
 ---
-title: "Nous contacter"
+title: "Contact"
-meta_title: ""
+date: 2024-12-06
-description: "c'est la méta description"
+menu: "main"
-draft: false
+type: "page"
 ---
+
+## Contactez-nous
+
+Nous serions heureux d'avoir de vos nouvelles. Remplissez le formulaire ci-dessous ou contactez-nous par email à [contact@marmoulins.com](mailto:contact@marmoulins.com).
+
+### Formulaire de contact
+
+{{< openstreetmap mapName="untitled-map_1148911#19" >}}
+
+<form action="{{ site.Params.contact_form_action }}" method="POST">
+  <div>
+    <label for="name">Nom</label>
+    <input type="text" id="name" name="name" placeholder="Votre nom" required>
+  </div>
+  <div>
+    <label for="email">Email</label>
+    <input type="email" id="email" name="email" placeholder="Votre email" required>
+  </div>
+  <div>
+    <label for="message">Message</label>
+    <textarea id="message" name="message" rows="4" placeholder="Votre message" required></textarea>
+  </div>
+  <button type="submit">Envoyer</button>
+</form>

hugoplate-main/content/english/pages/elements.md

@@ -1,5 +1,5 @@
 ---
-title: "Elements"
+title: "Faire un don"
 # meta title
 meta_title: ""
 # meta description
@@ -8,241 +8,30 @@ description: "This is meta description"
 draft: false
 ---
 
-{{< toc >}}
+# Pour aider les Marmoulins de Ménil’
 
-Here is an example of headings. You can use this heading by the following markdown rules. For example: use `#` for heading 1 and use `######` for heading 6.
 
-# Heading 1
+**Avec votre soutien, nous pourrons aller plus loin dans nos actions, à savoir lutter contre le gaspillage alimentaire en aidant les personnes démunies du quartier.**
 
-## Heading 2
+C’est pourquoi, Les Marmoulins de Ménils’ ont mis en place un formulaire de dons sur le site HelloAsso pour permettre à tous ceux qui le souhaitent et qui ne pourraient pas s’impliquer bénévolement d’apporter leur pierre à l’édifice.
 
-### Heading 3
+#### FACE A LA PROGRESSION DE LA PAUVRETE, L’AIDE ALIMENTAIRE EST PLUS QUE JAMAIS NECESSAIRE ET REVET TOUTE SA DIMENSION HUMAINE. AU DELA DU BESOIN ALIMENTAIRE ELLE EST AUSSI UNE REPONSE A L’EXCLUSION SOCIALE.
 
-#### Heading 4
 
-##### Heading 5
+<div style="text-align: center;">
+  {{< button label="Faire un don" link="/" style="solid" >}}
+</div>
 
-###### Heading 6
+![](/images/hello_asso.png)
 
-<hr>
+## D'autres moyens de donner...
 
-### Emphasis
+![](/images/don.png)
 
-The emphasis, aka italics, with _asterisks_ or _underscores_.
+Vous pouvez aussi donner directement à l’association à la boutique BMG : 10 rue de Sorbier 75020 (ouvert de 9h à 18h du mardi au samedi)
+OU
+Envoyer par courrier un chèque à l’ordre de Les Marmoulins de Ménil’ à l’adresse ci-dessus.
 
-Strong emphasis, aka bold, with **asterisks** or **underscores**.
 
-The combined emphasis with **asterisks and _underscores_**.
 
-Strike through uses two tildes. ~~Scratch this.~~
 
-<hr>
-
-### Button
-
-{{< button label="Button" link="/" style="solid" >}}
-
-<hr>
-
-### Link
-
-[I'm an inline-style link](https://www.google.com)
-
-[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
-
-[I'm a reference-style link][Arbitrary case-insensitive reference text]
-
-[I'm a relative reference to a repository file](../blob/master/LICENSE)
-
-[You can use numbers for reference-style link definitions][1]
-
-Or leave it empty and use the [link text itself].
-
-URLs and URLs in angle brackets will automatically get turned into links.
-<http://www.example.com> or <http://www.example.com> and sometimes
-example.com (but not on Github, for example).
-
-Some text to show that the reference links can follow later.
-
-[arbitrary case-insensitive reference text]: https://www.themefisher.com
-[1]: https://gethugothemes.com
-[link text itself]: https://www.getjekyllthemes.com
-
-<hr>
-
-### Paragraph
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
-
-<hr>
-
-### Ordered List
-
-1. List item
-2. List item
-3. List item
-4. List item
-5. List item
-
-<hr>
-
-### Unordered List
-
-- List item
-- List item
-- List item
-- List item
-- List item
-
-<hr>
-
-### Notice
-
-{{< notice "note" >}}
-This is a simple note.
-{{< /notice >}}
-
-{{< notice "tip" >}}
-This is a simple tip.
-{{< /notice >}}
-
-{{< notice "info" >}}
-This is a simple info.
-{{< /notice >}}
-
-{{< notice "warning" >}}
-This is a simple warning.
-{{< /notice >}}
-
-<hr>
-
-### Tab
-
-{{< tabs >}}
-{{< tab "Tab 1" >}}
-
-#### Hey There, I am a tab
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
-{{< /tab >}}
-
-{{< tab "Tab 2" >}}
-
-#### I wanna talk about the assassination attempt
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
-{{< /tab >}}
-
-{{< tab "Tab 3" >}}
-
-#### We know you’re dealing in stolen ore
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
-
-{{< /tab >}}
-{{< /tabs >}}
-
-<hr>
-
-### Accordions
-
-{{< accordion "Why should you need to do this?" >}}
-
-- Lorem ipsum dolor sit amet consectetur adipisicing elit.
-- Lorem ipsum dolor sit amet consectetur adipisicing elit.
-- Lorem ipsum dolor sit amet consectetur
-
-{{< /accordion >}}
-
-{{< accordion "How can I adjust Horizontal centering" >}}
-
-- Lorem ipsum dolor sit amet consectetur adipisicing elit.
-- Lorem ipsum dolor sit amet consectetur adipisicing elit.
-- Lorem ipsum dolor sit amet consectetur
-
-{{< /accordion >}}
-
-{{< accordion "Should you use Negative margin?" >}}
-
-- Lorem ipsum dolor sit amet consectetur adipisicing elit.
-- Lorem ipsum dolor sit amet consectetur adipisicing elit.
-- Lorem ipsum dolor sit amet consectetur
-
-{{< /accordion >}}
-
-<hr>
-
-### Code and Syntax Highlighting
-
-This is an `Inline code` sample.
-
-```javascript
-var s = "JavaScript syntax highlighting";
-alert(s);
-```
-
-```python
-s = "Python syntax highlighting"
-print s
-```
-
-```mermaid
-flowchart TD
-    A[Start] --> B{Is it?}
-    B -- Yes --> C[OK]
-    C --> D[Rethink]
-    D --> B
-    B -- No ----> E[End]
-```
-
-<hr>
-
-### Blockquote
-
-> Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once.
-
-<hr>
-
-### Tables
-
-| Tables        |      Are      |  Cool |
-| ------------- | :-----------: | ----: |
-| col 3 is      | right-aligned | $1600 |
-| col 2 is      |   centered    |   $12 |
-| zebra stripes |   are neat    |    $1 |
-
-<hr>
-
-### Image
-
-{{< image src="images/image-placeholder.png" caption="" alt="alter-text" height="" width="" position="center" command="fill" option="q100" class="img-fluid" title="image title"  webp="false" >}}
-
-<hr>
-
-### Gallery
-
-{{< gallery dir="images/gallery" class="" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}
-
-<hr>
-
-### Slider
-
-{{< slider dir="images/gallery" class="max-w-[600px] ml-0" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}
-
-<hr>
-
-### Youtube video
-
-{{< youtube ResipmZmpDU >}}
-
-<hr>
-
-### Custom video
-
-{{< video src="https://www.w3schools.com/html/mov_bbb.mp4" width="100%" height="auto" autoplay="false" loop="false" muted="false" controls="true" class="rounded-lg" >}}

hugoplate-main/content/english/sections/testimonial.md

@@ -1,31 +1,5 @@
 ---
-enable: true
+meta_title: "Accueil"
-title: "What Users Are Saying About Hugoplate"
+draft: false
-description: "Don't just take our word for it - hear from some of our satisfied users!  Check out some of our testimonials below to see what others are saying about Hugoplate."
-
-# Testimonials
-testimonials:
-  - name: "Marvin McKinney"
-    designation: "Web Designer"
-    avatar: "/images/avatar-sm.png"
-    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam."
-
-  - name: "Marvin McKinney"
-    designation: "Web Designer"
-    avatar: "/images/avatar-sm.png"
-    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam."
-
-  - name: "Marvin McKinney"
-    designation: "Web Designer"
-    avatar: "/images/avatar-sm.png"
-    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam."
-
-  - name: "Marvin McKinney"
-    designation: "Web Designer" & Developed 
-    avatar: "/images/avatar-sm.png"
-    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam."
-
-# don't create a separate page
-_build:
-  render: "never"
 ---
+# S’engager dans les enjeux d’inégalités sociales et les problématiques environnementales

hugoplate-main/hugo.toml

@@ -4,7 +4,7 @@ baseURL = "/"
 # Title of your website (required).
 title = "Les Marmoulins"
 # Your theme name
-theme = "hugoplate"
+theme = ["osm", ""]
 # Default time zone for time stamps; use any valid tz database name: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List
 timeZone = "Europe/London"
 # post excerpt

hugoplate-main/themes/hugoplate/layouts/_default/contact.html

@@ -0,0 +1,59 @@
+{{ define "main" }}
+{{ partial "page-header" . }}
+
+<!-- Section formulaire de contact -->
+<section class="section-sm">
+  <div class="container">
+    <div class="row">
+      <div class="md:col-10 lg:col-6 mx-auto">
+        <form action="{{ site.Params.contact_form_action }}" method="POST">
+          <div class="mb-6">
+            <label for="name" class="form-label">
+              Nom complet <span class="text-red-500">*</span>
+            </label>
+            <input
+              id="name"
+              name="name"
+              class="form-input"
+              placeholder="Jean Dupont"
+              type="text" required />
+          </div>
+          <div class="mb-6">
+            <label for="email" class="form-label">
+              Email de travail <span class="text-red-500">*</span>
+            </label>
+            <input
+              id="email"
+              name="email"
+              class="form-input"
+              placeholder="jean.dupont@email.com"
+              type="email" required />
+          </div>
+          <div class="mb-6">
+            <label for="message" class="form-label">
+              Votre message <span class="text-red-500">*</span>
+            </label>
+            <textarea
+              id="message"
+              name="message"
+              class="form-input"
+              placeholder="Votre message ici..."
+              rows="8" required></textarea>
+          </div>
+          <button type="submit" class="btn btn-primary">Envoyer</button>
+        </form>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- Shortcode OpenStreetMap -->
+<section class="section-sm">
+  <div class="container">
+    <h2 class="text-center">Nous rendre visite</h2>
+    <p class="text-center">Voici notre localisation sur la carte :</p>
+    {{< openstreetmap mapName="untitled-map_1148911#19" >}}
+  </div>
+</section>
+
+{{ end }}

hugoplate-main/themes/hugoplate/layouts/_default/single.html

@@ -14,3 +14,4 @@
     </div>
   </section>
 {{ end }}
+

hugoplate-main/themes/hugoplate/layouts/contact/list.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
   {{ partial "page-header" . }}
 
-
+  <!-- Section du formulaire de contact -->
   <section class="section-sm">
     <div class="container">
       <div class="row">
@@ -9,45 +9,54 @@
           <form action="{{ site.Params.contact_form_action }}" method="POST">
             <div class="mb-6">
               <label for="name" class="form-label">
-                Full Name <span class="text-red-500">*</span>
+                Nom complet <span class="text-red-500">*</span>
               </label>
               <input
                 id="name"
                 name="name"
                 class="form-input"
-                placeholder="John Doe"
+                placeholder="Jean Dupont"
-                type="text" />
+                type="text" required />
             </div>
             <div class="mb-6">
               <label for="email" class="form-label">
-                Working Mail <span class="text-red-500">*</span>
+                Email de travail <span class="text-red-500">*</span>
               </label>
               <input
                 id="email"
                 name="email"
                 class="form-input"
-                placeholder="john.doe@email.com"
+                placeholder="jean.dupont@email.com"
-                type="email" />
+                type="email" required />
             </div>
             <div class="mb-6">
               <label for="message" class="form-label">
-                Anything else? <span class="text-red-500">*</span>
+                Votre message <span class="text-red-500">*</span>
               </label>
               <textarea
                 id="message"
                 name="message"
                 class="form-input"
-                placeholder="Message goes here..."
+                placeholder="Votre message ici..."
-                rows="8"></textarea>
+                rows="8" required></textarea>
             </div>
-            <button type="submit" class="btn btn-primary">Submit</button>
+            <button type="submit" class="btn btn-primary">Envoyer</button>
           </form>
         </div>
       </div>
     </div>
   </section>
 
-  <!-- google map -->
+  <!-- Carte OpenStreetMap -->
+  <section class="section-sm">
+    <div class="container">
+      <h2 class="text-center">Nous rendre visite</h2>
+      <p class="text-center">Voici notre localisation sur la carte :</p>
+      {{< openstreetmap mapName="untitled-map_1148911#19" >}}
+    </div>
+  </section>
+
+  <!-- Google Map, si activée dans les paramètres -->
   {{ with site.Params.google_map }}
     {{ if .enable }}
       <div
@@ -60,9 +69,9 @@
     {{ end }}
   {{ end }}
 
+  <!-- Formulaire d'abonnement à la newsletter -->
   {{ with site.Params.subscription }}
     {{ if .enable }}
-      <!-- subscription form -->
       <form
         action="{{ .mailchimp_form_action | safeURL }}"
         method="post"
@@ -72,7 +81,7 @@
           <input
             type="email"
             name="EMAIL"
-            placeholder="Email"
+            placeholder="Votre email"
             class="form-control required email mce_inline_error"
             id="mce-EMAIL"
             aria-required="true"
@@ -94,27 +103,12 @@
           <input type="text" name="{{ .name }}" tabindex="-1" />
         </div>
       </form>
-      <div id="mce-responses" class="clear">
-        <div
-          class="response text-white"
-          id="mce-error-response"
-          style="display:none"></div>
-        <div
-          class="response text-white"
-          id="mce-success-response"
-          style="display:none"></div>
-      </div>
-      <script
-        type="text/javascript"
-        src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
-      <!-- /subscription form -->
     {{ end }}
   {{ end }}
 
   {{ if site.Params.google_map.enable }}
-    {{ $gmap:= resources.Get "plugins/maps/google-map.js" }}
+    {{ $gmap := resources.Get "plugins/maps/google-map.js" }}
     <script defer src="{{ $gmap.RelPermalink }}"></script>
     <script src="https://maps.googleapis.com/maps/api/js?key={{ site.Params.google_map.map_api_key }}&libraries=places"></script>
   {{ end }}
-
 {{ end }}

hugoplate-main/themes/hugoplate/layouts/partials/essentials/footer.html

@@ -3,9 +3,7 @@
     <div class="row items-center py-10">
       <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
         <!-- navbar brand/logo -->
-        <a
+        <a class="navbar-brand inline-block" href="{{ site.Home.RelPermalink }}">
-          class="navbar-brand inline-block"
-          href="{{ site.Home.RelPermalink }}">
           {{ partial "logo" }}
         </a>
       </div>
@@ -47,6 +45,17 @@
       </div>
     </div>
   </div>
+  
+  <!-- OpenStreetMap Section -->
+  <div class="footer-map py-10">
+    <div class="container">
+      <h3 class="text-center">Notre Localisation</h3>
+      <div class="map-container">
+        {{< openstreetmap mapName="untitled-map_1148911#19" >}}
+      </div>
+    </div>
+  </div>
+
   <div class="border-border dark:border-darkmode-border border-t py-7">
     <div class="text-light dark:text-darkmode-light container text-center">
       <p>

hugoplate-main/themes/osm

@@ -0,0 +1 @@
+Subproject commit 012844b9d4e1ce3eab34766ec125a492adfcaafa