comment

2025-03-25 19:56:38 +01:00 · 2025-03-25 19:56:38 +01:00 · 8f32bdc50c
commit 8f32bdc50c
parent cbdf84edbf
244 changed files with 28371 additions and 0 deletions
--- a/archetypes/avendre.md
+++ b/archetypes/avendre.md
@ -0,0 +1,5 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+image: images/avendre/000.jpg
+date: {{ .Date }}
+---
--- a/archetypes/default.md
+++ b/archetypes/default.md
@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+
--- a/assets/js/main.js
+++ b/assets/js/main.js
@ -0,0 +1,67 @@
+/*
+    Arcana by HTML5 UP
+    html5up.net | @ajlkn
+    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+(function($) {
+
+    var $window = $(window),
+        $body = $('body');
+
+    // Breakpoints.
+        breakpoints({
+            wide:      [ '1281px',  '1680px' ],
+            normal:    [ '981px',   '1280px' ],
+            narrow:    [ '841px',   '980px'  ],
+            narrower:  [ '737px',   '840px'  ],
+            mobile:    [ '481px',   '736px'  ],
+            mobilep:   [ null,      '480px'  ]
+        });
+
+    // Play initial animations on page load.
+        $window.on('load', function() {
+            window.setTimeout(function() {
+                $body.removeClass('is-preload');
+            }, 100);
+        });
+
+    // Dropdowns.
+        $('#nav > ul').dropotron({
+            offsetY: -15,
+            hoverDelay: 0,
+            alignment: 'center'
+        });
+
+    // Nav.
+
+        // Bar.
+            $(
+                '<div id="titleBar">' +
+                    '<a href="#navPanel" class="toggle"></a>' +
+                    '<span class="title">' + $('#logop').html() + '</span>' +
+                '</div>'
+            )
+                .appendTo($body);
+
+        // Panel.
+            $(
+                '<div id="navPanel">' +
+                    '<nav>' +
+                        $('#nav').navList() +
+                    '</nav>' +
+                '</div>'
+            )
+                .appendTo($body)
+                .panel({
+                    delay: 500,
+                    hideOnClick: true,
+                    hideOnSwipe: true,
+                    resetScroll: true,
+                    resetForms: true,
+                    side: 'left',
+                    target: $body,
+                    visibleClass: 'navPanel-visible'
+                });
+
+})(jQuery);
--- a/assets/sass/components/_alert.scss
+++ b/assets/sass/components/_alert.scss
@ -0,0 +1,69 @@
+.alert {
+    position:    relative;
+    text-align:  left;
+    padding:     10px 15px;
+    min-height:  30px;
+    margin:      1em 0 0;
+    border:      none;
+    border-left: 3px solid;
+    p {
+        margin: 1.5em 0 0;
+
+        &:first-child {
+            margin: 0;
+        }
+    }
+    &:not(.no-icon) {
+        padding-left: 55px;
+
+        &:before {
+            position:    absolute;
+            top:         10px;
+            left:        15px;
+            font-family: 'FontAwesome';
+            font-size:   2.5rem;
+        }
+    }
+    &.info {
+        border-color:     map-get($colors, 'primary');
+        background-color: lighten(map-get($colors, 'primary'), 37%);
+
+        &:not(.no-icon) {
+            &:before {
+                content: "\f05a";
+                color:   map-get($colors, 'primary');
+            }
+        }
+    }
+    &.success {
+        border-color:     map-get($colors, 'success');
+        background-color: lighten(map-get($colors, 'success'), 42%);
+        content:          "\f058";
+        &:not(.no-icon) {
+            &:before {
+                content: "\f058";
+                color:   map-get($colors, 'success');
+            }
+        }
+    }
+    &.warning {
+        border-color:     map-get($colors, 'warning');
+        background-color: lighten(map-get($colors, 'warning'), 42%);
+        &:not(.no-icon) {
+            &:before {
+                content: "\f071";
+                color:   map-get($colors, 'warning');
+            }
+        }
+    }
+    &.danger {
+        border-color:     map-get($colors, 'danger');
+        background-color: lighten(map-get($colors, 'danger'), 42%);
+        &:not(.no-icon) {
+            &:before {
+                content: "\f05e";
+                color:   map-get($colors, 'danger');
+            }
+        }
+    }
+}
--- a/assets/sass/custom.scss
+++ b/assets/sass/custom.scss
@ -0,0 +1,62 @@
+@import
+    "utils/variables"; 
+
+@import
+    "components/alert";
+
+@import
+    "layouts/_header"; 
+
+table {
+    width:           100%;
+    background:      transparent;
+    border-collapse: collapse;
+    border-spacing:  0;
+    text-align:      left;
+
+    th {
+        padding:       5px 10px;
+        font-weight:   bold;
+        border-bottom: 2px solid #909ba2;
+    }
+    td {
+        padding: 5px 10px;
+    }
+    tr {
+        &:nth-child(2n) {
+            background: #f7f8f8;
+        }
+    }
+}
+
+/* Mobile */
+
+@include breakpoint('<=mobile') {
+    
+
+    /* Banner */
+
+        #banner {
+            height: 10em;
+            
+        }
+
+}
+
+/* Mobile (Portrait) */
+
+@include breakpoint('<=mobilep') {
+        
+    /* Banner */
+
+        #banner {
+            height: 10em;
+
+            header { 
+                display: none;
+            }
+        }
+
+
+
+}
--- a/assets/sass/layouts/_header.scss
+++ b/assets/sass/layouts/_header.scss
@ -0,0 +1,25 @@
+#header {
+    text-align: center;
+    padding: 3em 0 0 0;
+    background-color: #fff;
+    background-origin:          border-box;
+    background-image:           url('images/logo.svg');
+    background-position:        bottom 85% left 10%;
+    background-size:            8em;
+    background-repeat:          no-repeat;
+    
+
+    .short_text {display: none;}
+
+    h1 {
+        padding: 0 0 2.75em 0;
+        margin: 0;
+
+        a {
+            font-size: 2.25em;
+            letter-spacing: -0.05em;
+            line-height : 1.2;
+            border: 0;
+        }
+    }
+}
--- a/assets/sass/utils/_variables.scss
+++ b/assets/sass/utils/_variables.scss
@ -0,0 +1,257 @@
+// Global settings
+// --------------------------------------------
+
+// Font families
+$open-sans:            'Open Sans';
+$open-sans-sans-serif: 'Open Sans', sans-serif;
+$merriweather-serif:   'Merriweather', serif;
+$menlo:                 Menlo, Consolas, monospace;
+
+$font-family-base: $open-sans-sans-serif;
+
+$font-families: (
+   // base
+   'headings':          $open-sans-sans-serif,
+   // components
+   'code':              $menlo,
+   'caption':           $merriweather-serif,
+   'image-gallery':     $open-sans,
+   'post-header-cover': $merriweather-serif,
+   'post-meta':         $open-sans-sans-serif,
+   'post-content':      $merriweather-serif,
+   'post-excerpt-link': $open-sans-sans-serif,
+   'highlight':         $menlo,
+   // layout
+   'sidebar':           $open-sans-sans-serif
+);
+
+// equal to 15px
+$font-size-base:      1.6rem;
+$font-color-base:     #5d686f;
+$line-height-base:    1.9em;
+$letter-spacing-base: 0.01em;
+
+// Reduction of font size base on small screen and down
+$font-size-base-sm-screen-reduction-factor: 0.1rem;
+
+// Font size : (X.Xrem = XXpx, 1.0rem = 10px)
+$font-size: (
+    'xxlarge': 2rem,
+    'xlarge': 1.8rem,
+    'large':  1.7rem,
+    'base':   $font-size-base,
+    'medium': 1.5rem,
+    'small':  1.3rem,
+    'xsmall': 1rem
+);
+
+// Colors
+$colors: (
+    'success': #4dc657,
+    'danger':  #f5311d,
+    'primary': #349ef3,
+    'purple':  #cf6ae0,
+    'base':    $font-color-base,
+    'warning':  #f5aa0a,
+    'light':   #9eabb3,
+     // use for tag `a`
+    'link':    #349ef3
+);
+
+// Z-indexes
+// `l-` prefix for layout
+// `c-` prefix for components
+$z-indexes: (
+    // position the cover below the whole blog
+    'l-cover':             -1,
+    'l-main':              10,
+    'c-post-header-cover': 15,
+    'l-header':            20,
+    'l-sidebar':           20,
+    'l-about':             30,
+    'c-mask':              30,
+    'c-post-bottom-bar':   40,
+    'c-share-options-bar': 50,
+    'c-tooltip':           1000,
+    'c-overlay':           1009,
+    'c-modal':             1010
+);
+
+// Media Query Ranges
+// If you want to change ranges screen size, you can do it easily by changing only `$screen-min` values
+$screen-min: (
+    'xs-min': 320px,
+    'sm-min': 480px,
+     // If you change value of `md-min`,
+     // you have to change value of `mediumScreenWidth` too in `source/_js/sidebar.js`
+    'md-min': 768px,
+    'lg-min': 1024px,
+    'xlg-min': 1280px
+);
+$screen-max: (
+    'xs-max': map-get($screen-min, sm-min) - 1,
+    'sm-max': map-get($screen-min, md-min) - 1,
+    'md-max': map-get($screen-min, lg-min) - 1,
+    'lg-max': map-get($screen-min, xlg-min) - 1
+);
+// Merged screen-* Maps
+$screen: map-merge($screen-min, $screen-max);
+// Shortcuts for medias
+$xsmall-and-down: "only screen and (max-width : #{map-get($screen, xs-max)})" !default;
+$small-and-down:  "only screen and (max-width : #{map-get($screen, sm-max)})" !default;
+$small-only:      "only screen and (min-width : #{map-get($screen, sm-min)}) and (max-width : #{map-get($screen, sm-max)})" !default;
+$small-and-up:    "only screen and (min-width : #{map-get($screen, sm-min)})" !default;
+$medium-and-down: "only screen and (max-width : #{map-get($screen, md-max)})" !default;
+$medium-only:     "only screen and (min-width : #{map-get($screen, md-min)}) and (max-width : #{map-get($screen, md-max)})" !default;
+$medium-and-up:   "only screen and (min-width : #{map-get($screen, md-min)})" !default;
+$large-and-down:  "only screen and (max-width : #{map-get($screen, lg-max)})" !default;
+$large-only:      "only screen and (min-width : #{map-get($screen, lg-min)}) and (max-width : #{map-get($screen, lg-max)})" !default;
+$large-and-up:    "only screen and (min-width : #{map-get($screen, lg-min)})" !default;
+$xlarge-and-up:   "only screen and (min-width : #{map-get($screen, xlg-min)})" !default;
+
+// Base settings
+// Files are located in `base` folder
+// --------------------------------------------
+
+// Headings font-size : (X.Xrem = XXpx, 1.0rem = 10px)
+$headings-font-size: (
+    'h1': 2.8rem,
+    'h2': 2.4rem,
+    'h3': 2.0rem,
+    'h4': 1.8rem,
+    'h5': 1.7rem,
+    'h6': 1.6rem
+);
+// Reduction of headings font size on small screen and down
+$headings-font-size-sm-screen-reduction-factor: 0.2rem;
+// Reduction of headings font size on medium screen only
+$headings-font-size-md-screen-reduction-factor: 0.15rem;
+
+// Layout settings
+// Files are located in `layout` folder
+// --------------------------------------------
+
+// Main
+$about: (
+    'background': rgba(17, 26, 35, 0),
+);
+
+// Header
+$header:(
+    'height':     55px,
+    'background': #fff,
+    'color':      #88909a,
+    'border':     1px solid #eef2f8
+);
+
+// Sidebar
+$sidebar: (
+    'md-screen-width':  75px,
+    'lg-screen-width':  250px,
+    'xlg-screen-width': 500px,
+    'background':       rgba(17, 26, 35, 0),
+    'color':            #ebebeb
+);
+
+// Main
+$main: (
+    'padding-top':      15px,
+    'background-color': #fff
+);
+
+// Components settings
+// Files are located in `components` folder
+// --------------------------------------------
+
+// Highlight code
+$highlight: (
+    'background':  #f7f8f8,
+    'font-size':   1.4rem,
+    'border':      1px solid,
+    'line-height': 2.3rem
+);
+
+// Highlight colors
+// name of colors: http://www.color-blindness.com
+$highlight-colors: (
+    // Background
+    'white':           #fff,
+    // General color
+    'night-rider':     #333,
+    'bondi-blue':      #0086b3,
+    'persimmon':       #df5000,
+    'asparagus':       #63a35c,
+    // Comment
+    'pewter':          #969896,
+    'cardinal':        #a71d5d,
+    'scampi':          #795da3,
+    'bahama-blue':     #1d3e81,
+    'egyptian-blue':   #183691,
+    // Deletion color for .diff file
+    'free-speech-red': #bd2c00,
+    // Deletion background color for .diff file
+    'misty-rose':      #ffecec,
+    // Addition color for .diff file
+    'limeade':         #55a532,
+    // Addition background color for .diff file
+    'honeydew':        #eaffea
+);
+// Highlight text
+$highlight-text-bg-colors: (
+    'red':     lighten(red, 45%),
+    'green':   lighten(green, 65%),
+    'blue':    lighten(blue, 45%),
+    'purple':  lighten(purple, 70%),
+    'orange':  lighten(orange, 40%),
+    'yellow':  lighten(yellow, 40%),
+    'cyan':    lighten(cyan, 40%),
+    'primary': lighten(map-get($colors, 'primary'), 35%),
+    'success': lighten(map-get($colors, 'success'),35%),
+    'warning': lighten(map-get($colors, 'warning'), 40%),
+    'danger':  lighten(map-get($colors, 'danger'), 40%),
+);
+// Image gallery photos
+// Space between 2 photos
+$image-gallery-photos-margin: 2px;
+
+// Main content
+$main-content: (
+    'max-width':          750px,
+    'padding-right-left': 20px,
+);
+$main-width: map-get($main-content, max-width) + map-get($main-content, padding-right-left) * 2;
+
+// Mardown
+// These variables are use to have headings smaller than general headings title
+// and use correctly headings in a post instead of use only header below h2
+// because they are larger than the post title or something like that
+// font-size : (X.Xrem = XXpx, 1.0rem = 10px)
+$markdown-headings-font-size: (
+    'h1': 3rem,
+    'h2': 2.7rem,
+    'h3': 2.4rem,
+    'h4': 2.1rem,
+    'h5': 1.9rem,
+    'h6': 1.7rem
+);
+// Reduction of markdwon headings on small screen and down
+$markdown-headings-font-size-sm-screen-reduction-factor: 0.35rem;
+// Reduction of markdwon headings on medium screen only
+$markdown-headings-font-size-md-screen-reduction-factor: 0.2rem;
+
+// Pagination
+$pagination-height: 60px;
+
+// Post thumbnail image
+// Width and height of post's thumbnail image
+$post-thumbnail-image-width: 140px;
+
+// Tooltip
+$tooltip: (
+    'min-width':    180px,
+    'background':   rgba(0, 0, 20, 0.93),
+    // Don't change this value, used to horizontally center the tooltip content
+    'arrow-width':  15px,
+    // Don't change this value, used to vertically center the tooltip content
+    'arrow-height': 12px
+);
--- a/config/_default/config.toml
+++ b/config/_default/config.toml
@ -0,0 +1,75 @@
+baseURL = "https://www.roulementabill.org"
+canonifyURLs = false
+languageCode = "fr-fr"
+title = "Roulement à Bill"
+theme = "hugo-arcana"
+copyright = "Roulement à Bill 2024"
+
+[taxonomies]
+    tag = "tags"
+
+[params]
+    description = "Atelier cyclo-militant d'auto-réparation de vélos"
+    show_post_dates = false
+
+    [[params.social]]
+        title = "Instagram"
+        icon = "fa-instagram"
+        url = "https://www.instagram.com/roulement_a_bill"
+    [[params.social]]
+        title = "Facebook"
+        icon = "fa-facebook-f"
+        url = "https://www.facebook.com/roulementabill"
+#    [[params.social]]
+#        title = "GitHub"
+#        icon = "fa-github"
+#        url = "#"
+#    [[params.social]]
+#        title = "LinkedIn"
+#        icon = "fa-linkedin-in"
+#        url = "#"
+    [[params.social]]
+        title = "Creative Commons"
+        icon = "fa-creative-commons"
+        url = "https://creativecommons.org/"
+
+
+    [params.footer]
+
+        [[params.footer.links]]
+            header = "Quelques liens "
+        [[params.footer.links.links]]
+            title = "L'Heureux Cyclage"
+            url = "https://heureux-cyclage.org/"
+        [[params.footer.links.links]]
+            title = "Wiklou, l'encyclopédie du bricolage vélo"
+            url = "https://wiklou.org"
+
+ #       [[params.footer.links]]
+ #           header = "More Links to Stuff"
+ #       [[params.footer.links.links]]
+ #           title = "Duis neque nisi dapibus"
+ #           url = "#"
+ #       [[params.footer.links.links]]
+ #           title = "Sed et dapibus quis"
+ #           url = "#"
+ #       [[params.footer.links.links]]
+ #           title = "Rutrum accumsan sed"
+ #           url = "#"
+ #       [[params.footer.links.links]]
+ #           title = "Mattis et sed accumsan"
+ #           url = "#"
+ #       [[params.footer.links.links]]
+ #           title = "Duis neque nisi sed"
+ #           url = "#"
+ #       [[params.footer.links.links]]
+ #           title = "Sed et dapibus quis"
+ #           url = "#"
+ #       [[params.footer.links.links]]
+ #           title = "Rutrum amet varius"
+ #           url = "#"
+
+        [params.footer.contact_form]
+            enabled = false
+            header = "Contactez-nous"
+            action = "mailto:contact@roulementabill.org"
--- a/config/_default/menus.toml
+++ b/config/_default/menus.toml
@ -0,0 +1,46 @@
+[[main]]
+    name = "Les dernières nouvelles"
+    weight = 20
+    url = "/news"
+
+[[main]]
+    name = "Nos activités"
+    weight = 30
+[[main]]
+    parent = "Nos activités"
+    name = "Atelier d'auto-réparation"
+    weight = 32
+    url = "/atelier"
+[[main]]
+    parent = "Nos activités"
+    name = "Vélos à vendre"
+    weight = 33
+    url = "/avendre"
+[[main]]
+    parent = "Nos activités"
+    name = "Récupération de vélos"
+    weight = 34
+    url = "/recup"
+[[main]]
+    parent = "Nos activités"
+    name = "Apéro-démontage"
+    weight = 35
+    url = "/apero"
+[[main]]
+    name = "L'association"
+    weight = 40
+[[main]]
+    parent = "L'association"
+    name = "Qui sommes-nous ?"
+    weight = 42
+    url = "/quisommesnous"
+[[main]]
+    parent = "L'association"
+    name = "Le prix libre ?"
+    weight = 44
+    url = "/prixlibre"
+[[main]]
+    parent = "L'association"
+    name = "Bénévolez à Bill ?"
+    weight = 46
+    url = "/benevolat"
--- a/content/_index.md
+++ b/content/_index.md
@ -0,0 +1,5 @@
+---
+title: Accueil
+menu: main
+weight: 10
+---
--- a/content/agenda.md
+++ b/content/agenda.md
@ -0,0 +1,18 @@
+---
+title: "L'agenda "
+description: "Quoi et quand ?"
+weight: 50
+menu: "main"
+
+---
+Voici l'agenda de l'atelier, avec toutes nos prochaines activités. N'hésitez pas à venir le consulter avant de passer aux permanences, ou à vous y abonner pour savoir tout de qu'on fait.
+
+
+- Cliquez sur "Liste" pour voir tous les prochains évènements et les prochaines permanences.
+- Les permanences grisées sont à l'état "Provisoire", c'est à dire que nous attendons d'avoir confirmation d'avoir suffisamment de bénévoles afin de les valider. Dans ce cas, elles s'affichent en noir.
+
+{{<iframe "https://bill.frama.space/apps/calendar/embed/RceYoCC5KaqDTsKy" >}}
+
+
+Pour les bénévoles, le framadate d'organisation des permanences sont là pour 
+[Février](https://framadate.org/pBfkoYR725Y5Ywy1) et [Mars](https://framadate.org/bjj8CpNKQCSCPZZb)
--- a/content/apero.md
+++ b/content/apero.md
@ -0,0 +1,17 @@
+---
+title: "L'apéro-démontage"
+description: "Et remontage aussi"
+weight: 10
+
+---
+
+L'apéro-démontage, c'est une fois par mois (ou presque, parfois il fait froid) et c'est l'occasion de venir rencontrer les bénévoles, apprendre plein de trucs sur la méca vélo, et filer un coup de main à l'atelier.
+
+Le principe est simple :
+- On a plein de vélos qui ne sont plus roulants
+- On veut récupérer des pièces dessus
+- Vous venez démonter des vélos, avec nous, autour d'un truc à boire et à manger, dans la joie et la bonne humeur
+
+Pas de stress de ne pas réussir à remonter son vélo avant de repartir. On a le temps et on laisse la place à la curiosité de savoir "comment ça marche ?", "comment ça s'appelle cette pièce-là?" et "je le range où ce truc ?". 
+
+La méca vélo n'aura plus de secrets pour vous. 
--- a/content/atelier.md
+++ b/content/atelier.md
@ -0,0 +1,43 @@
+---
+title: "L'atelier d'auto-réparation"
+description: "Venez réparer vos vélos : permanences les jeudi soirs et dimanche après-midi"
+weight: 10
+image: images/permanence.jpg
+image_alt: "Ça bricole"
+#tags: ["examples", "content"]
+---
+
+{{< alert info >}}
+**L'atelier est ouvert le jeudi de 18h30 à 20h30 et le dimanche de 14h à 18h. Retrouvez-nous dans nos locaux, au 5, impasse Anatole, à Tours**
+{{< /alert >}}
+
+
+## Fonctionnement de l'atelier
+#### Les permanences de l'atelier
+
+Venir à l’atelier, c’est manifester la volonté d’essayer par soi-même. 
+Les adhérentes, adhérents et bénévoles sont là pour vous aider mais pas pour faire les réparations à votre place : 
+vous êtes responsable de la réparation ou de l'entretien de votre vélo. 
+Dans la même idée on ne répare pas les vélos des autres sous prétexte qu'on pense s'y connaitre en mécanique, surtout sans leur demander ! Ça part d'une bonne intention mais c'est carton jaune direct ;-)
+
+#### L'adhésion à l'association
+
+- L’adhésion à l’association est ouverte à toutes et à tous 
+- Elle se fait par année civile (le 1er janvier, toute adhésion est à renouveler)
+- Son prix est laissé à votre libre appréciation
+
+#### Ce qu'on peut y faire
+
+
+Une adhésion à l'association donne accès à l'atelier sur les horaires de permanences, 
+à ses outils, aux pièces détachées récupérées sur des vieux vélos (nous récupérons tous les dons de vélos, même en mauvais état), 
+à de la documentation, et bien sûr aux conseils des personnes présentes ce jour là :-)
+
+
+
+En fonction de leurs compétences techniques, 
+chacun et chacune peut aider d'autres cyclistes qui cherchent de l'aide, 
+dans un esprit de coopération et d’échange.
+
+
+
--- a/content/avendre/MBK_rose.md
+++ b/content/avendre/MBK_rose.md
@ -0,0 +1,9 @@
+---
+title: "Ville rose"
+draft: True
+description : "50€"
+weight: 10
+image: images/avendre/IMG_20240114_164249.jpg
+---
+
+MBK rose, cadre 50cm
--- a/content/avendre/Petit_blanc.md
+++ b/content/avendre/Petit_blanc.md
@ -0,0 +1,9 @@
+---
+title: "Petit vélo"
+draft: True
+description : "Prix libre"
+weight: 10
+image: images/avendre/IMG_20240114_162730.jpg
+---
+
+Vélo blanc 20 pouces.
--- a/content/avendre/Raleigh.md
+++ b/content/avendre/Raleigh.md
@ -0,0 +1,15 @@
+---
+title: "Vélo Raleigh en l'état"
+draft: True
+description : "60€"
+weight: 10
+image: images/avendre/IMG_20231203_150033.jpg
+---
+
+Vélo Raleigh Sport:
+- Freins à tringles avec roues "chapeau de gendarme" 650A
+- Moyeu arrière Sturmey-Archer 3 vitesses
+- Carter intégral
+
+Vélo vendu en l'état : les vitesses dans le moyeu passent mal  et la chaîne déraille facilement dans le carter.
+À prendre seulement si vous avez la motivation de bricoler dessus de manière sérieuse, les pièces ne sont pas faciles à trouver.
--- a/content/avendre/Rando_Peugeot.md
+++ b/content/avendre/Rando_Peugeot.md
@ -0,0 +1,10 @@
+---
+title: "Randonneuse Peugeot"
+draft: True
+description : "70€"
+weight: 10
+image: images/avendre/IMG_20231203_142852.jpg
+---
+
+Randonneuse Peugeot cadre 60cm bien équipée.
+Lumières fonctionnelles
--- a/content/avendre/VTT_go_sport.md
+++ b/content/avendre/VTT_go_sport.md
@ -0,0 +1,9 @@
+---
+title: "VTC Ado cadre ouvert"
+draft: True
+description : "30€"
+weight: 10
+image: images/avendre/IMG_20231203_144828.jpg
+---
+
+VTC ado roues 24'', cadre ouvert, bien équipé
--- a/content/avendre/VTT_peugeot.md
+++ b/content/avendre/VTT_peugeot.md
@ -0,0 +1,9 @@
+---
+title: "Peugeot"
+draft: True
+description : "50€"
+weight: 10
+image: images/avendre/IMG_20240114_162730.jpg
+---
+
+VTT Peugeot cadre 54cm
--- a/content/avendre/VTT_uppertrack.md
+++ b/content/avendre/VTT_uppertrack.md
@ -0,0 +1,9 @@
+---
+title: "VTT Ado"
+draft: True
+description : "30€"
+weight: 10
+image: images/avendre/IMG_20231203_144517.jpg
+---
+
+VTT ado roues 24''
--- a/content/avendre/Ville_Manucycle.md
+++ b/content/avendre/Ville_Manucycle.md
@ -0,0 +1,9 @@
+---
+title: "Vélo de ville Manucycles"
+draft: True
+description : "50€"
+weight: 10
+image: images/avendre/IMG_20231203_143114.jpg
+---
+
+Vélo de ville Manucycles, cadre 58 cm
--- a/content/avendre/_index.md
+++ b/content/avendre/_index.md
@ -0,0 +1,5 @@
+---
+title: "Vélos à vendre"
+description: "Vélos d'occasion, retapés à l'asso et prêts à repartir en vadrouille"
+weight: 0
+---
--- a/content/avendre/a_venir.md
+++ b/content/avendre/a_venir.md
@ -0,0 +1,8 @@
+---
+title: "À venir"
+date: 2023-11-27T17:56:33+01:00
+
+---
+
+Page en cours de mise à jour, déso, ça nous prend beaucoup de temps.
+Venez à l'atelier, on a des vélos.
--- a/content/benevolat.md
+++ b/content/benevolat.md
@ -0,0 +1,71 @@
+---
+title: "Bénévoler à Roulement à Bill"
+description: "C'est facile !"
+
+---
+
+## Préambule
+
+Depuis sa création, l'association Roulement à Bill ne fonctionne que grâce à ses bénévoles : permanences, réparation, gestion administrative et comptable, communication, bricolage des locaux... On fait tout nous-même.
+
+Et on a toujours besoin d'aide.
+
+Que vous soyez déjà adhérent.e. ou non, si les activités de Bill vous plaisent et que vous avez l'âme à venir filer un coup de main, n'hésiter pas à nous contacter, en venant nous voir à l'atelier ou en nous envoyant un petit mail. Ou venez nous voir pendant une de nos vélorunions mensuelles.
+
+Pour bénévoler aux permanences, **aucun** savoir-faire en mécanique vélo n'est requis : on attend des bénévoles de permanence d'être en mesure d'accueillir les personnes venant à l'atelier, leur expliquer notre fonctionnement, pas de pouvoir réparer leur vélo. 
+
+## Comment bénévoler à l'atelier ?
+
+### Je veux tenir des permanences
+
+Excellent, c'est certainement là où on a le plus besoin de bénévoles ! Le plus simple pour ça : venir à l'atelier, pendant les permanences ou les apéro-démontage et en discuter avec les bénévoles, qui vont expliqueront la marche à suivre. Si vous voulez vraiment en savoir plus avant de venir, envoyez-nous un mail à notre adresse de contact, on se fera un plaisir de vous répondre.
+
+### Je veux filer un coup de main général et régulier
+
+De la bricole à l'administratif, en passant par les évènements et le graphisme, la vie de l'asso a aussi beaucoup lieu en dehors de l'atelier et des heures de permanences. 
+Vous avez le choix : 
+- Venir rencontrer les bénévoles pendant les perm, les apéros, les stands...
+- Venir participer à une vélorunion (généralement le premier lundi du mois, la date est sur l'agenda) pour prendre la température de la gestion de l'asso
+- Venir vous inscrire sur notre instance framavox, notre outil de discussion et de prise de décision, à l'adresse https://framavox.org/bill
+
+### Je veux bien aider de manière ponctuelle
+
+Imprimer des flyers et les distribuer, venir aider sur un stand évènementiel pendant une heure, filer un coup de main pour trier les pièces à l'atelier,... il y a pas mal de moment où on a bien besoin de personnes en plus, sans attendre d'elles qu'elles connaissent le fonctionnement général de l'atelier. 
+Vous ne venez pas régulièrement à l'atelier ou vous n'avez pas envie de vous engager mais vous seriez quand même prêt.e.s à aider quand on appelle à l'aide ? Inscrivez-vous sur notre liste "Troisième main". Promis, vous ne recevrez des mails que lorsqu'on a vraiment des besoins !
+
+Le formulaire est ci-dessous. Enrtez juste votre adresse mail deux fois, puis "Envoyer" (ne faites pas attention à la ligne "Veuillez me retirer,..." c'est un petit problème de CSS, on va régler ça un de ces 4)
+
+{{< rawhtml >}}
+<form action="https://ml.kundenserver.de/cgi-bin/mailinglist.cgi" method="POST" target="_blank">
+  <input checked name="subscribe_r" type="radio" value="subscribe">
+  Oui, je souhaite m’inscrire à la liste de discussion troisieme_main@roulementabill.org.
+  <br />
+  <input name="subscribe_r" type="radio" value="unsubscribe">
+  Veuillez me retirer de la liste de discussion troisieme_main@roulementabill.org.
+  <br />
+  Veuillez indiquer votre adresse email ici:
+  <br />
+  <input maxlength="51" name="mailaccount_r" size="51" type="text">
+  <br />
+  Veuillez à nouveau indiquer votre adresse email ici pour vérification:
+  <br />
+  <input maxlength="51" name="mailaccount2_r" size="51" type="text">
+  <br />
+  <input type="SUBMIT" value="Envoyer">
+  <br />
+  <input type="RESET" value="Réinitialiser">
+  <hr />
+  <input name="FBMLNAME" type="hidden" value="troisieme_main@roulementabill.org">
+  <br />
+  <input name="FBLANG" type="hidden" value="fr">
+  <br />
+  <input name="FBURLERROR_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/error.fr.html">
+  <br />
+  <input name="FBURLSUBSCRIBE_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/subscribe.fr.html">
+  <br />
+  <input name="FBURLUNSUBSCRIBE_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/unsubscribe.fr.html">
+  <br />
+  <input name="FBURLINVALID_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/invalid.fr.html">
+</form>
+    
+{{< /rawhtml >}}
--- a/content/contact.md
+++ b/content/contact.md
@ -0,0 +1,24 @@
+---
+title: "Contactez-nous "
+#description: "Quoi et quand ?"
+weight: 150
+menu: main
+#image: images/permanence.jpg
+#image_alt: "Ça bricole"
+#tags: ["examples", "content"]
+---
+# Nos contacts par mail
+
+Des questions ? Envoyez-nous un mail à 
+- contact@roulementabill.org
+
+On vous répondra prestement.
+
+# Où nous trouver ?
+Roulement à Bill : 
+5, impasse Anatole
+37000 Tours
+
+{{<iframe "//umap.openstreetmap.fr/fr/map/carte-sans-nom_948385?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=undefined&captionBar=false&captionMenus=true">}}
+
+
--- a/content/news/20240525.md
+++ b/content/news/20240525.md
@ -0,0 +1,7 @@
+---
+title: Fête du vélo de La Riche
+image: images/Fête du vélo à la riche.jpg
+date: "2024-05-25T00:00:00"
+tags:
+---
+Samedi 25 mai, une petite vélorution au soleil et en musique, et un stand réparation avec les associations copines. Il n'y avait pas grand monde alors on a rangé nos outils, ça fait plaisir.
--- a/content/news/20240601.md
+++ b/content/news/20240601.md
@ -0,0 +1,7 @@
+---
+title: Aucard de Tours
+image: images/Stand Aucard 2.jpg
+date: "2024-06-01T00:00:00"
+tags:
+---
+Le dindon aétait à Aucard pour la première fois officiellement, mais pas la dernière tellement c’était bien. Dans un stand d’accueil au parking vélo, on en a vu passer des phénomènes qui n’avait pas sorti (ni regonflé) leur vélo depuis Aucard dernier, il faut passer à l’atelier plus souvent 
--- a/content/news/20240704.md
+++ b/content/news/20240704.md
@ -0,0 +1,7 @@
+---
+title: Vélorution universelle
+image: images/Marseille tall bike.jpg
+date: "2024-07-04T00:00:00"
+tags:
+---
+Quelques billoux ont pédalé jusque Marseille, pour profiter de cette magnifique édition de la vélorution universelle. Merci Marseille ! Et à Marseille on trouve des grands vélos encore plus grands qu'à Tours, c'est fou ! Meh, c'est Marseille bébé 
--- a/content/news/20240815.md
+++ b/content/news/20240815.md
@ -0,0 +1,7 @@
+---
+title: Apréro-remontages d'été
+image: images/18 vélos réparés.jpg
+date: "2024-08-15T00:00:00"
+tags:
+---
+Un été riche en apéro-remontage, on en a retapé 18 pour Campus en fête ! De toutes les tailles, de tous les styles
--- a/content/news/20240910.md
+++ b/content/news/20240910.md
@ -0,0 +1,8 @@
+---
+title: Défi dales
+image: images/Défi dales.jpg
+date: "2024-09-10T00:00:00"
+tags:
+---
+
+ La course de La Riche la plus attendue de l’année : trois heures à se relayer pour pédaler autour de trois ronds-points dans une voiture à pédale :p Nous y étions une petite équipe de billoux et on a passé les 100 tours :o (en maillot de bain sous la pluie youpi !) 
--- a/content/news/20240914.md
+++ b/content/news/20240914.md
@ -0,0 +1,7 @@
+---
+title: Projet Glaire Witch
+image: images/Projet Glaire Witch.jpg
+date: "2024-09-14T00:00:00"
+tags:
+---
+Un atelier tenu par des femmes le 14 septembre au château du plessis. On avait un dôme au soleil, trop cool. Pas beaucoup d’affluence, mais c’était trop cool.
--- a/content/news/20240921.md
+++ b/content/news/20240921.md
@ -0,0 +1,9 @@
+---
+title: Le 21 septembre c'était les 15 ans de Bill
+image: images/Bill anniversaire.jpg
+date: "2024-09-21T00:00:00"
+tags:
+---
+Une fête mémorable avec concert, DJ, jeux, sérigraphie, des belles rencontres et de belles retrouvailles <3 on ne peut pas raconter, il fallait y être. Ba-dee-ya, say, do you remember?
+Ba-dee-ya, dancin' in September
+Ba-dee-ya, never was a cloudy dayyyy
--- a/content/news/20240926.md
+++ b/content/news/20240926.md
@ -0,0 +1,7 @@
+---
+title: Campus en fête
+image: images/Campus en fête.jpg
+date: "2024-09-26T00:00:00"
+tags:
+---
+Merci Campus en fête de nous donner l’occasion d’équiper les nouvelleaux étudiant-es en vélos de seconde main, ça fait plaisir de les voir repartir pour une nouvelle vie
--- a/content/news/20241001.md
+++ b/content/news/20241001.md
@ -0,0 +1,7 @@
+---
+title: Perm de l'Oxford Pub
+image: images/Oxford.jpeg
+date: "2024-10-01T00:00:00"
+tags:
+---
+Comme tous les premiers mercredi du mois, nous serons à l'Oxford Pub pour réparer vos vélos et trinquer à notre bonne santé ce mercredi 2 octobre de 19h à 21h :p
--- a/content/news/20241019.md
+++ b/content/news/20241019.md
@ -0,0 +1,55 @@
+---
+title: Hommage à Paul 19 octobre
+image: images/rassemblement2.jpg
+date: "2024-10-20T00:00:00"
+tags:
+---
+Voici la prise de parole de Bruno lors du rassemblement du 19 octobre à Tours.
+
+Paul, tué à Paris cette semaine, 
+Marion, décédée à Tours la semaine dernière, 
+mais aussi toi Marine, victime en 2021 d’un accident mortel à vélo sur le rond-point Saint Sauveur, toujours à Tours, 
+et vous toutes et tous cyclistes, piétonnes et piétons, usagères et usagers vulnérables de l’espace public tués ou meurtris dans vos chairs,
+
+Je ne vous connais pas, et pourtant, en tant que cycliste qui circule quotidiennement à Tours, je ne peux m’empêcher de m’identifier à vous. De me dire « cela aurait pu être moi ».
+
+Je suis certains que vous êtes nombreuses et nombreux rassemblés ici aujourd’hui à partager ce sentiment. Ces drames résonnent chez beaucoup d’entre nous.
+
+Aujourd’hui nous sommes tristes, sous le choc, mais nous sommes aussi en colère.
+
+En tant que cycliste, mais aussi en tant que piéton, nous avons toutes et tous déjà été victimes de la violence motorisée : coup de klaxon, refus caractérisé de priorité, non respect assumé des infrastructures cyclables ou piétonnes, insultes souvent sexistes ou homophobes, vitesses excessives, intimidation, dépassements dangereux, et j’en passe.
+
+Cette violence qui augmente comme augmente le volume des véhicules dans nos villes, et donc la vulnérabilité des usagers les plus fragiles, confrontés à ses mastodontes sur roues.
+Il est d’ailleurs ironique de constater que les acheteurs de SUV, souvent motivés par le sentiment de sécurité qu’amène ces véhicules massifs et surélevés, le font au détriment de la sécurité des usagers les plus vulnérables.
+
+Cette violence qui augmente comme augmente le nombre de livraison Amazon, Uber Eats et autres.
+Les livreurs, sous pression de leur employeur, qui profite de leur vulnérabilité tout en cherchant à satisfaire l’exigence d’immédiateté de leur clients, deviennent parfois les acteurs de cette violence.
+
+Cette violence qui augmente dans notre société de plus en plus individualiste où l’autre n’est plus vu comme un égal, comme un autre être humain mais comme un obstacle à franchir, une contrainte dans son déplacement.
+
+Pour lutter contre cette violence grandissante il faut agir, et vite.
+
+Il faut agir sur les comportements des usagers de la route d’abord. 
+Nous rappelons aux automobilistes notre extrême vulnérabilité. 
+Contrairement à vous, nous ne sommes pas protégés par une carrosserie. Malheureusement ce n’est pas un simple casque qui nous préservera d’un choc avec un SUV.
+Nous voyons trop souvent des comportements irresponsables et agressifs qui nous mettent en danger pour gagner une poignée de secondes, souvent perdus au feu suivant.
+
+Il est également cruciale de mettre fin aux discours du type « oui mais les cyclistes ». 
+Oui certains comportements de cyclistes sont irrespectueux voir intolérables, notamment envers les piétons. Mais n’en faisons pas une généralité et relativisons leur dangerosité.
+En effet, rappelons que dans les accidents graves impliquant des piétons et des cyclistes, les voitures et les camions sont les principaux responsables. 
+Ce genre de discours déresponsabilise les motorisés et ne fait qu’accentuer l’hostilité envers les cyclistes. 
+Il faut également interroger la manière dont les villes sont représentées dans les publicités automobiles : des espaces fluides, sans congestion ni usagers, une vision complètement déconnectée de la réalité urbaine. 
+
+Enfin, il faut agir sur les aménagements cyclables. 
+Les usagers vulnérables sont encore trop souvent la variable d’ajustement dans l’espace public y compris dans des aménagements récents.
+
+Nous devons changer de paradigme et prioriser les aménagements en faveur, et dans cet ordre, des piétons puis des cyclistes puis des transports en commun puis enfin des voitures. 
+
+
+Cette priorisation des modes doit accompagner la mise en place de la « vision zéro », appelée aussi « système sûr », c’est à dire une stratégie globale qui appréhende la sécurité routière de manière systémique et cherche à agir simultanément sur les comportements, les véhicules et l’infrastructure. 
+
+La violence motorisée dans nos villes mais aussi dans nos capagnes n’est pas une fatalité.
+En adaptant les comportements et les infrastructures, nous pouvons créer des espaces publics plus sûrs et plus respectueux pour tous les usagers. 
+Il est temps d’agir pour mettre fin à cette insécurité chronique qui pèse sur les cyclistes et les piétons.
+
+Merci de votre attention.
--- a/content/news/_index.md
+++ b/content/news/_index.md
@ -0,0 +1,5 @@
+---
+title: "Les dernières nouvelles de l'asso"
+description: ""
+weight: 20
+---
--- a/content/news/hommage_Paul.md
+++ b/content/news/hommage_Paul.md
@ -0,0 +1,21 @@
+---
+title: Hommage à Paul et Marion le 19 octobre
+image: images/hommage_1910.png
+date: "2024-10-18T00:00:00"
+tags:
+---
+# Samedi 19 octobre 2024 : rendons hommage à Marion et à Paul
+## Hommage à Marion et à Paul, à Tours et partout en France
+
+En coordination avec les associations franciliennes **Paris en Selle**, **MDB** et le **Collectif Vélo Île-de-France**, la **FUB** appelle toutes ses associations, toutes et tous les cyclistes de France à se rassembler pour 1 minute de silence en hommage à Paul, cycliste tué en début de semaine à Paris.
+
+Lors de cet hommage, les associations **Roulement à Bill**, **Rue de l’Avenir**, **Collectif Cycliste 37** et le **collectif Vélorution Tours** appellent également à rendre hommage à Marion, décédée à vélo à l’intersection de la rue Marceau et de la rue des Halles, à Tours.
+
+Date et lieu du rassemblement :
+**Samedi 19 octobre à 17h45**,
+devant l’Hôtel de Ville de Tours
+ou devant la mairie de votre commune.
+
+Nous comptons sur vous pour relayer massivement cette invitation.
+
+Il est temps d’entendre la réalité de notre quotidien et de prendre toutes les mesures pour éviter de nouveaux drames !
--- a/content/news/nouveau_site.md
+++ b/content/news/nouveau_site.md
@ -0,0 +1,12 @@
+---
+title: Nouveau site web !
+#image: images/pic01.jpg
+date: "2023-11-27T00:00:00"
+tags:
+---
+
+Un tout nouveau site web pour l'association. C'est tout neuf, la peinture sèche encore.
+
+Forcément, tout n'est pas parfait, mais comme l'ancien site est tombé HS, il a fallu le remplacer avant de tout fignoler.
+
+Si vous avez des idées d'amélioration, des retours à nous faire concernant de potentiels bugs, n'hésitez-pas à le faire remonter en nous envoyant un mail à l'adresse contact@roulementabill.org
--- a/content/prixlibre.md
+++ b/content/prixlibre.md
@ -0,0 +1,13 @@
+---
+title: "Le prix libre"
+description: "Petite explication"
+
+---
+
+L'adhésion (ainsi que certains vélos à retaper) à Roulement à Bill est à prix libre. Cela signifie que le montant de l'adhésion est laissé à la libre appréciation de l'adhérent.e. Grâce à ça, nous accueillons tout le monde, à hauteur de leurs moyens (et de ce qu'ielles désirent mettre), sans avoir besoin de pénétrer dans leur vie privée en demandant des justificatifs administratifs...
+
+Pas de minimum, et pas de plafond. On vous laisse libre de déterminer ce qu'une adhésion à Roulement à Bill représente pour vous. Après tout, vous êtes les mieux placé.e.s.
+
+Mais, soyons clair.e.s : prix libre, ça ne veut pas dire gratuit. Les services de l'asso ont un coût, porté par l'asso, à travers le loyer et les charges  de l'atelier, l'achat des outils, des consommables, etc... Être en mesure de supporter ce coût, c'est ce qui permet à l'association de perdurer dans la temps, et les adhésions représentent quasiment 50% de notre budget.
+
+Un panneau explicatif du prix libre est à votre disposition à l'entrée de l'atelier, avec une idée des montants imaginables pour une adhésion. N'hésitez pas à venir le consulter.
--- a/content/quisommesnous.md
+++ b/content/quisommesnous.md
@ -0,0 +1,27 @@
+---
+title: "Qui sommes-nous ?"
+description: ""
+weight: 20
+image: images/permanence.jpg
+image_alt: "Ça bricole"
+#tags: ["examples", "content"]
+---
+
+# Historique de l'asso
+
+L'association Roulement à Bill a toujours été portée uniquement par des bénévoles.
+
+| Dates  |    | 
+|:----------|------------|
+| 2009 | L’association Roulement à Bill voit le jour, et anime un atelier d’auto-réparation de vélos dans le garage d’un de ses adhérents |
+| 05/2011 | L’atelier déménage au Projet 244 |
+| 04/2012 | L’adhésion au réseau national de l’Heureux-Cyclage est actée |
+| 09/2014 | L’atelier déménage dans le quartier Paul Bert |
+| 03/2017 | L’atelier quitte le quartier Paul Bert et stock provisoirement son matériel dans un garage |
+| 12/2017 | Roulement à Bill s’installe au 5 impasse Anatole |
+
+
+Bill le dindon est notre mascotte :
+
+
+![Bill](/images/bill_portrait.png)
--- a/content/recup.md
+++ b/content/recup.md
@ -0,0 +1,22 @@
+---
+title: "Roulement à Bill récupère vos vélos"
+description: "Parce qu'un vélo content, c'est un vélo qui roule !"
+weight: 40
+image: images/recup.jpg
+image_alt: "Du bordel"
+#tags: ["examples", "content"]
+---
+
+# Ne balancez pas vos vélos !
+
+> One man's trash is another man's treasure
+
+Si vous souhaitez vous débarrasser d'un, ou plusieurs, vélos, n'allez pas à la déchetterie !
+
+Tant de vélos sont encore réparables, ou possèdent encore des pièces récupérables et finissent malgré tout dans les déchets.
+
+À Roulement à Bill, on récupère vos vélos, vieux ou non, afin de leur donner une nouvelle vie, soit en les retapant et en les mettant à vente à des prix accessibles, soit en récupérant des pièces dessus pour les mettre à disposition de nos adhérent.e.s.
+
+Nous acceptons tous les dons, de vélos, de pièces, de consommables, de la part de particuliers, de syndics, de structures...
+
+Amenez-les directement à l'atelier pendant les horaires de permanence ou contactez-nous pour qu'on s'organise pour les récupérer ! Vos anciens vélos feront des heureux.ses.
--- a/content/velorution.md
+++ b/content/velorution.md
@ -0,0 +1,31 @@
+---
+title: "Vélorution !"
+description: "Toutes les infos sur Vélorution Tours"
+#menu: main
+weight: 100
+image: images/velorution_banniere.jpg
+image_alt: "Bikelift"
+tags: ["velorution"]
+
+---
+Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus.
+Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat.
+Aliquam luctus et mattis lectus sit amet pulvinar. Nam turpis nisi
+consequat etiam lorem ipsum dolor sit amet nullam.
+
+### And Yet Another Subheading
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac quam risus, at tempus
+justo. Sed dictum rutrum massa eu volutpat. Quisque vitae hendrerit sem. Pellentesque lorem felis,
+ultricies a bibendum id, bibendum sit amet nisl. Mauris et lorem quam. Maecenas rutrum imperdiet
+vulputate. Nulla quis nibh ipsum, sed egestas justo. Morbi ut ante mattis orci convallis tempor.
+Etiam a lacus a lacus pharetra porttitor quis accumsan odio. Sed vel euismod nisi. Etiam convallis
+rhoncus dui quis euismod. Maecenas lorem tellus, congue et condimentum ac, ullamcorper non sapien.
+Donec sagittis massa et leo semper a scelerisque metus faucibus. Morbi congue mattis mi.
+Phasellus sed nisl vitae risus tristique volutpat. Cras rutrum commodo luctus.
+
+Phasellus odio risus, faucibus et viverra vitae, eleifend ac purus. Praesent mattis, enim
+quis hendrerit porttitor, sapien tortor viverra magna, sit amet rhoncus nisl lacus nec arcu.
+Suspendisse laoreet metus ut metus imperdiet interdum aliquam justo tincidunt. Mauris dolor urna,
+fringilla vel malesuada ac, dignissim eu mi. Praesent mollis massa ac nulla pretium pretium.
+Maecenas tortor mauris, consectetur pellentesque dapibus eget, tincidunt vitae arcu.
+Vestibulum purus augue, tincidunt sit amet iaculis id, porta eu purus.
--- a/data/globalheader.yml
+++ b/data/globalheader.yml
@ -0,0 +1,2 @@
+title: "Roulement à Bill  \n _Atelier cyclo-militant d'auto-réparation de vélos_"
+short_title: "Roulement à Bill"
--- a/data/homepage.yml
+++ b/data/homepage.yml
@ -0,0 +1,42 @@
+banner:
+  enable: true
+  image: "images/accueil.jpg"
+  contents: ""
+  button:
+    contents: "Venir à l'atelier"
+    url: "/atelier"
+items:
+  - type: heading
+    heading: "Atelier fermé le dimanche 23 février pour manque de bénévole. Bill cherche des bénévoles, rejoins-nous ;)"
+    contents : 
+    fermeture: 1
+  - type: highlights
+    items_per_row: 3
+    items:
+    - title: Atelier d'auto-réparation
+      icon: fa-wrench
+      url: "/atelier"
+      content: >
+        On vous accueille le jeudi 18:30-20:30 et le dimanche 14:00-18:00 pour 
+        réparer et apprendre à réparer votre vélo. Rendez-vous 5, impasse Anatole, à Tours
+    - title: Vente de vélos
+      icon: fa-bicycle
+      content: >
+        Venez acheter un vélo d'occasion, retapé par les soins de nos bénévoles
+      url: "/avendre"
+    - title: Récupération de vélos
+      icon: fa-gift
+      url: "/recup"
+      content: >
+        On récupère tous vos vélos, pour les retaper ou pour récupérer des pièces
+  - type: posts
+    heading: Les dernières nouvelles
+    content_type: news
+    max: 4
+
+  
+#  - type: cta
+#    contents: Are you ready to continue your quest?
+#    button:
+#      contents: Insert Coin
+#      url: "#"
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@ -0,0 +1,34 @@
+<div id="header">
+    <h1 class="full_text"><a href="{{ .Site.BaseURL }}" id="logo">
+        {{ with .Site.Data.globalheader.title }}{{ . | markdownify }}{{ else }}{{ .Site.Title }}{{ end }}
+    </a></h1>
+    <h1 class="short_text"><a href="{{ .Site.BaseURL }}" id="logop">
+        {{ with .Site.Data.globalheader.short_title }}{{ . | markdownify }}{{ else }}{{ .Site.Title }}{{ end }}
+    </a></h1>
+
+    <nav id="nav">
+        <ul>
+            {{- range .Site.Menus.main }}
+                <li class="{{ if or ($.Page.IsMenuCurrent "main" .) ($.Page.HasMenuCurrent "main" .) }}current{{ end }}">
+                    <a href="{{ .URL | default "#" }}">{{ .Name }}</a>
+                    {{- if .HasChildren -}}
+                    <ul>
+                        {{- range .Children }}
+                        <li class="{{ if or ($.Page.IsMenuCurrent "main" .) ($.Page.HasMenuCurrent "main" .) }}current{{ end }}">
+                            <a href="{{ .URL | default "#" }}">{{ .Name }}</a>
+                            {{- if .HasChildren -}}
+                            <ul>
+                                {{- range .Children }}
+                                <li class="{{ if or ($.Page.IsMenuCurrent "main" .) ($.Page.HasMenuCurrent "main" .) }}current{{ end }}">
+                                    {{/* aoeu fix 'current' thing */}}
+                                    <a href="{{ .URL | default "#" }}">{{ .Name }}</a>
+                                {{- end }}
+                            </ul>
+                            {{- end -}}
+                        {{- end }}
+                    </ul>
+                    {{- end -}}
+            {{- end }}
+        </ul>
+    </nav>
+</div>
--- a/layouts/partials/homepage/blocks/heading.html
+++ b/layouts/partials/homepage/blocks/heading.html
@ -0,0 +1,17 @@
+{{- $fermeture := .item.fermeture -}}
+{{- if eq $fermeture 1 -}}
+    <section class="wrapper style2">
+        <div class="container">
+            <header class="major">
+                <h2>{{ .item.heading }}</h2>
+                {{- $html := .item.contents | markdownify -}}
+                {{- if (findRE "<p(?: [^>]*)?>" $html) -}}
+                    {{ $html }}
+                {{- else -}}
+                    <p>{{ $html }}</p>
+                {{- end -}}
+            </header>
+        </div>
+    </section>
+{{- else -}}
+{{- end -}}
--- a/layouts/partials/homepage/blocks/highlights.html
+++ b/layouts/partials/homepage/blocks/highlights.html
@ -0,0 +1,16 @@
+<section class="wrapper style1">
+    <div class="container">
+        <div class="row gtr-200">
+            {{- $item_cols := (div 12 (.items_per_row | default 3)) }}
+            {{- range .item.items }}
+                <section class="col-{{ $item_cols }} col-12-narrower">
+                    <div class="box highlight">
+                        <i class="icon solid major {{ .icon }}"></i>
+                        <h3><a href={{.url}}>{{ .title }}</a></h3>
+                        <p>{{ .content | markdownify }}</p>
+                    </div>
+                </section>
+            {{- end }}
+        </div>
+    </div>
+</section>
--- a/layouts/partials/sidebar/sidebar1.html
+++ b/layouts/partials/sidebar/sidebar1.html
@ -0,0 +1,23 @@
+<section>
+    <h3>Just a Subheading</h3>
+    <p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus.
+    Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat.
+    Aliquam luctus et mattis lectus sit amet pulvinar. Nam turpis et nisi etiam.</p>
+    <footer>
+        <a href="#" class="button">Continue Reading</a>
+    </footer>
+</section>
+<section>
+    <h3>Another Subheading</h3>
+    <ul class="links">
+        <li><a href="#">Amet turpis, feugiat et sit amet</a></li>
+        <li><a href="#">Ornare in hendrerit in lectus</a></li>
+        <li><a href="#">Semper mod quis eget mi dolore</a></li>
+        <li><a href="#">Consequat etiam lorem phasellus</a></li>
+        <li><a href="#">Amet turpis, feugiat et sit amet</a></li>
+        <li><a href="#">Semper mod quisturpis nisi</a></li>
+    </ul>
+    <footer>
+        <a href="#" class="button">More Random Links</a>
+    </footer>
+</section>
--- a/layouts/partials/sidebar/sidebar2.html
+++ b/layouts/partials/sidebar/sidebar2.html
@ -0,0 +1,23 @@
+<section>
+    <h3>Another Subheading</h3>
+    <ul class="links">
+        <li><a href="#">Amet turpis, feugiat et sit amet</a></li>
+        <li><a href="#">Ornare in hendrerit in lectus</a></li>
+        <li><a href="#">Semper mod quis eget mi dolore</a></li>
+        <li><a href="#">Consequat etiam lorem phasellus</a></li>
+        <li><a href="#">Amet turpis, feugiat et sit amet</a></li>
+        <li><a href="#">Semper mod quisturpis nisi</a></li>
+    </ul>
+    <footer>
+        <a href="#" class="button">More Random Links</a>
+    </footer>
+</section>
+<section>
+    <h3>Just a Subheading</h3>
+    <p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus.
+    Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat.
+    Aliquam luctus et mattis lectus sit amet pulvinar. Nam turpis et nisi etiam.</p>
+    <footer>
+        <a href="#" class="button">Continue Reading</a>
+    </footer>
+</section>
--- a/layouts/shortcodes/alert.html
+++ b/layouts/shortcodes/alert.html
@ -0,0 +1,3 @@
+<div class="alert {{ range .Params }}{{ . }} {{ end }}">
+  <p>{{ .Inner | markdownify }}</p>
+</div>
--- a/layouts/shortcodes/iframe.html
+++ b/layouts/shortcodes/iframe.html
@ -0,0 +1 @@
+<iframe src="{{ .Get 0 }}" width=100% height="400"></iframe>
--- a/layouts/shortcodes/rawhtml.html
+++ b/layouts/shortcodes/rawhtml.html
@ -0,0 +1,2 @@
+<!-- raw html -->
+{{.Inner}}
--- a/public/agenda/index.html
+++ b/public/agenda/index.html
@ -0,0 +1,135 @@
+<!DOCTYPE HTML>
+<html lang="en">
+    <head>
+
+<title>L&#39;agenda  | Roulement à Bill</title>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+<link rel="stylesheet" href="/style.css" />
+<meta property="og:title" content="L&#39;agenda " />
+<meta property="og:description" content="Quoi et quand ?" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://www.roulementabill.org/agenda/" /><meta property="article:section" content="" />
+
+
+
+</head>
+    <body class="is-preload">
+        <div id="page-wrapper"><div id="header">
+    <h1 class="full_text"><a href="https://www.roulementabill.org/" id="logo">
+        Roulement à Bill<br>
+<em>Atelier cyclo-militant d&rsquo;auto-réparation de vélos</em>
+    </a></h1>
+    <h1 class="short_text"><a href="https://www.roulementabill.org/" id="logop">
+        Roulement à Bill
+    </a></h1>
+
+    <nav id="nav">
+        <ul>
+                <li class="">
+                    <a href="/">Accueil</a>
+                <li class="">
+                    <a href="/news">Les dernières nouvelles</a>
+                <li class="">
+                    <a href="#">Nos activités</a><ul>
+                        <li class="">
+                            <a href="/atelier">Atelier d&#39;auto-réparation</a>
+                        <li class="">
+                            <a href="/avendre">Vélos à vendre</a>
+                        <li class="">
+                            <a href="/recup">Récupération de vélos</a>
+                        <li class="">
+                            <a href="/apero">Apéro-démontage</a>
+                    </ul>
+                <li class="">
+                    <a href="#">L&#39;association</a><ul>
+                        <li class="">
+                            <a href="/quisommesnous">Qui sommes-nous ?</a>
+                        <li class="">
+                            <a href="/prixlibre">Le prix libre ?</a>
+                        <li class="">
+                            <a href="/benevolat">Bénévolez à Bill ?</a>
+                    </ul>
+                <li class="current">
+                    <a href="/agenda/">L&#39;agenda </a>
+                <li class="">
+                    <a href="/contact/">Contactez-nous </a>
+        </ul>
+    </nav>
+</div>
+
+
+            <section class="wrapper style1">
+                <div class="container">
+                    
+
+                        <div class="">
+                            <div id="content">
+                                <article>
+    <header>
+        <h2>L&#39;agenda </h2>
+        <p>Quoi et quand ?</p>
+        
+        <ul class="tags">
+</ul>
+
+    </header><p>Voici l&rsquo;agenda de l&rsquo;atelier, avec toutes nos prochaines activités. N&rsquo;hésitez pas à venir le consulter avant de passer aux permanences, ou à vous y abonner pour savoir tout de qu&rsquo;on fait.</p>
+<ul>
+<li>Cliquez sur &ldquo;Liste&rdquo; pour voir tous les prochains évènements et les prochaines permanences.</li>
+<li>Les permanences grisées sont à l&rsquo;état &ldquo;Provisoire&rdquo;, c&rsquo;est à dire que nous attendons d&rsquo;avoir confirmation d&rsquo;avoir suffisamment de bénévoles afin de les valider. Dans ce cas, elles s&rsquo;affichent en noir.</li>
+</ul>
+<iframe src="https://bill.frama.space/apps/calendar/embed/RceYoCC5KaqDTsKy" width=100% height="400"></iframe>
+<p>Pour les bénévoles, le framadate d&rsquo;organisation des permanences sont là pour
+<a href="https://framadate.org/pBfkoYR725Y5Ywy1">Février</a> et <a href="https://framadate.org/bjj8CpNKQCSCPZZb">Mars</a></p>
+
+
+                                </article>
+                            </div>
+                        </div>
+
+                    
+                </div>
+            </section><div id="footer">
+    <div class="container">
+        <div class="row">
+                <section class="col-12 col-6-narrower col-12-mobilep">
+                    <h3>Quelques liens </h3>
+                    <ul class="links">
+                            <li><a href="https://heureux-cyclage.org/">L&#39;Heureux Cyclage</a>
+                            <li><a href="https://wiklou.org">Wiklou, l&#39;encyclopédie du bricolage vélo</a>
+                    </ul>
+                </section>
+            
+        </div>
+    </div>
+
+    <ul class="icons">
+        <li><a href="https://www.instagram.com/roulement_a_bill" class="icon brands fa-instagram">
+            <span class="label">Instagram</span>
+        </a>
+        <li><a href="https://www.facebook.com/roulementabill" class="icon brands fa-facebook-f">
+            <span class="label">Facebook</span>
+        </a>
+        <li><a href="https://creativecommons.org/" class="icon brands fa-creative-commons">
+            <span class="label">Creative Commons</span>
+        </a>
+    </ul>
+
+    <div class="copyright">
+        <ul class="menu">
+            
+                <li>Roulement à Bill 2024
+            
+                <li>Design: <a href="https://html5up.net">HTML5 UP</a>
+                <li><a href="https://github.com/half-duplex/hugo-arcana">Theme</a>
+        </ul>
+    </div>
+</div>
+</div><script src="/js/jquery.min.js"></script>
+<script src="/js/jquery.dropotron.min.js"></script>
+<script src="/js/browser.min.js"></script>
+<script src="/js/breakpoints.min.js"></script>
+<script src="/js/util.js"></script>
+<script src="/js/main.js"></script>
+</body>
+</html>
--- a/public/apero/index.html
+++ b/public/apero/index.html
@ -0,0 +1,136 @@
+<!DOCTYPE HTML>
+<html lang="en">
+    <head>
+
+<title>L&#39;apéro-démontage | Roulement à Bill</title>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+<link rel="stylesheet" href="/style.css" />
+<meta property="og:title" content="L&#39;apéro-démontage" />
+<meta property="og:description" content="Et remontage aussi" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://www.roulementabill.org/apero/" /><meta property="article:section" content="" />
+
+
+
+</head>
+    <body class="is-preload">
+        <div id="page-wrapper"><div id="header">
+    <h1 class="full_text"><a href="https://www.roulementabill.org/" id="logo">
+        Roulement à Bill<br>
+<em>Atelier cyclo-militant d&rsquo;auto-réparation de vélos</em>
+    </a></h1>
+    <h1 class="short_text"><a href="https://www.roulementabill.org/" id="logop">
+        Roulement à Bill
+    </a></h1>
+
+    <nav id="nav">
+        <ul>
+                <li class="">
+                    <a href="/">Accueil</a>
+                <li class="">
+                    <a href="/news">Les dernières nouvelles</a>
+                <li class="">
+                    <a href="#">Nos activités</a><ul>
+                        <li class="">
+                            <a href="/atelier">Atelier d&#39;auto-réparation</a>
+                        <li class="">
+                            <a href="/avendre">Vélos à vendre</a>
+                        <li class="">
+                            <a href="/recup">Récupération de vélos</a>
+                        <li class="">
+                            <a href="/apero">Apéro-démontage</a>
+                    </ul>
+                <li class="">
+                    <a href="#">L&#39;association</a><ul>
+                        <li class="">
+                            <a href="/quisommesnous">Qui sommes-nous ?</a>
+                        <li class="">
+                            <a href="/prixlibre">Le prix libre ?</a>
+                        <li class="">
+                            <a href="/benevolat">Bénévolez à Bill ?</a>
+                    </ul>
+                <li class="">
+                    <a href="/agenda/">L&#39;agenda </a>
+                <li class="">
+                    <a href="/contact/">Contactez-nous </a>
+        </ul>
+    </nav>
+</div>
+
+
+            <section class="wrapper style1">
+                <div class="container">
+                    
+
+                        <div class="">
+                            <div id="content">
+                                <article>
+    <header>
+        <h2>L&#39;apéro-démontage</h2>
+        <p>Et remontage aussi</p>
+        
+        <ul class="tags">
+</ul>
+
+    </header><p>L&rsquo;apéro-démontage, c&rsquo;est une fois par mois (ou presque, parfois il fait froid) et c&rsquo;est l&rsquo;occasion de venir rencontrer les bénévoles, apprendre plein de trucs sur la méca vélo, et filer un coup de main à l&rsquo;atelier.</p>
+<p>Le principe est simple :</p>
+<ul>
+<li>On a plein de vélos qui ne sont plus roulants</li>
+<li>On veut récupérer des pièces dessus</li>
+<li>Vous venez démonter des vélos, avec nous, autour d&rsquo;un truc à boire et à manger, dans la joie et la bonne humeur</li>
+</ul>
+<p>Pas de stress de ne pas réussir à remonter son vélo avant de repartir. On a le temps et on laisse la place à la curiosité de savoir &ldquo;comment ça marche ?&rdquo;, &ldquo;comment ça s&rsquo;appelle cette pièce-là?&rdquo; et &ldquo;je le range où ce truc ?&rdquo;.</p>
+<p>La méca vélo n&rsquo;aura plus de secrets pour vous.</p>
+
+
+                                </article>
+                            </div>
+                        </div>
+
+                    
+                </div>
+            </section><div id="footer">
+    <div class="container">
+        <div class="row">
+                <section class="col-12 col-6-narrower col-12-mobilep">
+                    <h3>Quelques liens </h3>
+                    <ul class="links">
+                            <li><a href="https://heureux-cyclage.org/">L&#39;Heureux Cyclage</a>
+                            <li><a href="https://wiklou.org">Wiklou, l&#39;encyclopédie du bricolage vélo</a>
+                    </ul>
+                </section>
+            
+        </div>
+    </div>
+
+    <ul class="icons">
+        <li><a href="https://www.instagram.com/roulement_a_bill" class="icon brands fa-instagram">
+            <span class="label">Instagram</span>
+        </a>
+        <li><a href="https://www.facebook.com/roulementabill" class="icon brands fa-facebook-f">
+            <span class="label">Facebook</span>
+        </a>
+        <li><a href="https://creativecommons.org/" class="icon brands fa-creative-commons">
+            <span class="label">Creative Commons</span>
+        </a>
+    </ul>
+
+    <div class="copyright">
+        <ul class="menu">
+            
+                <li>Roulement à Bill 2024
+            
+                <li>Design: <a href="https://html5up.net">HTML5 UP</a>
+                <li><a href="https://github.com/half-duplex/hugo-arcana">Theme</a>
+        </ul>
+    </div>
+</div>
+</div><script src="/js/jquery.min.js"></script>
+<script src="/js/jquery.dropotron.min.js"></script>
+<script src="/js/browser.min.js"></script>
+<script src="/js/breakpoints.min.js"></script>
+<script src="/js/util.js"></script>
+<script src="/js/main.js"></script>
+</body>
+</html>
--- a/public/atelier/index.html
+++ b/public/atelier/index.html
@ -0,0 +1,151 @@
+<!DOCTYPE HTML>
+<html lang="en">
+    <head>
+
+<title>L&#39;atelier d&#39;auto-réparation | Roulement à Bill</title>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+<link rel="stylesheet" href="/style.css" />
+<meta property="og:title" content="L&#39;atelier d&#39;auto-réparation" />
+<meta property="og:description" content="Venez réparer vos vélos : permanences les jeudi soirs et dimanche après-midi" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://www.roulementabill.org/atelier/" /><meta property="article:section" content="" />
+
+
+
+</head>
+    <body class="is-preload">
+        <div id="page-wrapper"><div id="header">
+    <h1 class="full_text"><a href="https://www.roulementabill.org/" id="logo">
+        Roulement à Bill<br>
+<em>Atelier cyclo-militant d&rsquo;auto-réparation de vélos</em>
+    </a></h1>
+    <h1 class="short_text"><a href="https://www.roulementabill.org/" id="logop">
+        Roulement à Bill
+    </a></h1>
+
+    <nav id="nav">
+        <ul>
+                <li class="">
+                    <a href="/">Accueil</a>
+                <li class="">
+                    <a href="/news">Les dernières nouvelles</a>
+                <li class="">
+                    <a href="#">Nos activités</a><ul>
+                        <li class="">
+                            <a href="/atelier">Atelier d&#39;auto-réparation</a>
+                        <li class="">
+                            <a href="/avendre">Vélos à vendre</a>
+                        <li class="">
+                            <a href="/recup">Récupération de vélos</a>
+                        <li class="">
+                            <a href="/apero">Apéro-démontage</a>
+                    </ul>
+                <li class="">
+                    <a href="#">L&#39;association</a><ul>
+                        <li class="">
+                            <a href="/quisommesnous">Qui sommes-nous ?</a>
+                        <li class="">
+                            <a href="/prixlibre">Le prix libre ?</a>
+                        <li class="">
+                            <a href="/benevolat">Bénévolez à Bill ?</a>
+                    </ul>
+                <li class="">
+                    <a href="/agenda/">L&#39;agenda </a>
+                <li class="">
+                    <a href="/contact/">Contactez-nous </a>
+        </ul>
+    </nav>
+</div>
+
+
+            <section class="wrapper style1">
+                <div class="container">
+                    
+
+                        <div class="">
+                            <div id="content">
+                                <article>
+    <header>
+        <h2>L&#39;atelier d&#39;auto-réparation</h2>
+        <p>Venez réparer vos vélos : permanences les jeudi soirs et dimanche après-midi</p>
+        
+        <ul class="tags">
+</ul>
+
+    </header>
+        <span class="image featured"><img src="/images/permanence.jpg" alt="Ça bricole" /></span>
+    <div class="alert info ">
+  <p><strong>L&rsquo;atelier est ouvert le jeudi de 18h30 à 20h30 et le dimanche de 14h à 18h. Retrouvez-nous dans nos locaux, au 5, impasse Anatole, à Tours</strong></p>
+</div>
+<h2 id="fonctionnement-de-latelier">Fonctionnement de l&rsquo;atelier</h2>
+<h4 id="les-permanences-de-latelier">Les permanences de l&rsquo;atelier</h4>
+<p>Venir à l’atelier, c’est manifester la volonté d’essayer par soi-même.
+Les adhérentes, adhérents et bénévoles sont là pour vous aider mais pas pour faire les réparations à votre place :
+vous êtes responsable de la réparation ou de l&rsquo;entretien de votre vélo.
+Dans la même idée on ne répare pas les vélos des autres sous prétexte qu&rsquo;on pense s&rsquo;y connaitre en mécanique, surtout sans leur demander ! Ça part d&rsquo;une bonne intention mais c&rsquo;est carton jaune direct ;-)</p>
+<h4 id="ladhésion-à-lassociation">L&rsquo;adhésion à l&rsquo;association</h4>
+<ul>
+<li>L’adhésion à l’association est ouverte à toutes et à tous</li>
+<li>Elle se fait par année civile (le 1er janvier, toute adhésion est à renouveler)</li>
+<li>Son prix est laissé à votre libre appréciation</li>
+</ul>
+<h4 id="ce-quon-peut-y-faire">Ce qu&rsquo;on peut y faire</h4>
+<p>Une adhésion à l&rsquo;association donne accès à l&rsquo;atelier sur les horaires de permanences,
+à ses outils, aux pièces détachées récupérées sur des vieux vélos (nous récupérons tous les dons de vélos, même en mauvais état),
+à de la documentation, et bien sûr aux conseils des personnes présentes ce jour là :-)</p>
+<p>En fonction de leurs compétences techniques,
+chacun et chacune peut aider d&rsquo;autres cyclistes qui cherchent de l&rsquo;aide,
+dans un esprit de coopération et d’échange.</p>
+
+
+                                </article>
+                            </div>
+                        </div>
+
+                    
+                </div>
+            </section><div id="footer">
+    <div class="container">
+        <div class="row">
+                <section class="col-12 col-6-narrower col-12-mobilep">
+                    <h3>Quelques liens </h3>
+                    <ul class="links">
+                            <li><a href="https://heureux-cyclage.org/">L&#39;Heureux Cyclage</a>
+                            <li><a href="https://wiklou.org">Wiklou, l&#39;encyclopédie du bricolage vélo</a>
+                    </ul>
+                </section>
+            
+        </div>
+    </div>
+
+    <ul class="icons">
+        <li><a href="https://www.instagram.com/roulement_a_bill" class="icon brands fa-instagram">
+            <span class="label">Instagram</span>
+        </a>
+        <li><a href="https://www.facebook.com/roulementabill" class="icon brands fa-facebook-f">
+            <span class="label">Facebook</span>
+        </a>
+        <li><a href="https://creativecommons.org/" class="icon brands fa-creative-commons">
+            <span class="label">Creative Commons</span>
+        </a>
+    </ul>
+
+    <div class="copyright">
+        <ul class="menu">
+            
+                <li>Roulement à Bill 2024
+            
+                <li>Design: <a href="https://html5up.net">HTML5 UP</a>
+                <li><a href="https://github.com/half-duplex/hugo-arcana">Theme</a>
+        </ul>
+    </div>
+</div>
+</div><script src="/js/jquery.min.js"></script>
+<script src="/js/jquery.dropotron.min.js"></script>
+<script src="/js/browser.min.js"></script>
+<script src="/js/breakpoints.min.js"></script>
+<script src="/js/util.js"></script>
+<script src="/js/main.js"></script>
+</body>
+</html>
--- a/public/avendre/a_venir/index.html
+++ b/public/avendre/a_venir/index.html
@ -0,0 +1,129 @@
+<!DOCTYPE HTML>
+<html lang="en">
+    <head>
+
+<title>À venir | Roulement à Bill</title>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+<link rel="stylesheet" href="/style.css" />
+<meta property="og:title" content="À venir" />
+<meta property="og:description" content="Page en cours de mise à jour, déso, ça nous prend beaucoup de temps. Venez à l&rsquo;atelier, on a des vélos." />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://www.roulementabill.org/avendre/a_venir/" /><meta property="article:section" content="avendre" />
+<meta property="article:published_time" content="2023-11-27T17:56:33+01:00" />
+<meta property="article:modified_time" content="2023-11-27T17:56:33+01:00" />
+
+</head>
+    <body class="is-preload">
+        <div id="page-wrapper"><div id="header">
+    <h1 class="full_text"><a href="https://www.roulementabill.org/" id="logo">
+        Roulement à Bill<br>
+<em>Atelier cyclo-militant d&rsquo;auto-réparation de vélos</em>
+    </a></h1>
+    <h1 class="short_text"><a href="https://www.roulementabill.org/" id="logop">
+        Roulement à Bill
+    </a></h1>
+
+    <nav id="nav">
+        <ul>
+                <li class="">
+                    <a href="/">Accueil</a>
+                <li class="">
+                    <a href="/news">Les dernières nouvelles</a>
+                <li class="">
+                    <a href="#">Nos activités</a><ul>
+                        <li class="">
+                            <a href="/atelier">Atelier d&#39;auto-réparation</a>
+                        <li class="">
+                            <a href="/avendre">Vélos à vendre</a>
+                        <li class="">
+                            <a href="/recup">Récupération de vélos</a>
+                        <li class="">
+                            <a href="/apero">Apéro-démontage</a>
+                    </ul>
+                <li class="">
+                    <a href="#">L&#39;association</a><ul>
+                        <li class="">
+                            <a href="/quisommesnous">Qui sommes-nous ?</a>
+                        <li class="">
+                            <a href="/prixlibre">Le prix libre ?</a>
+                        <li class="">
+                            <a href="/benevolat">Bénévolez à Bill ?</a>
+                    </ul>
+                <li class="">
+                    <a href="/agenda/">L&#39;agenda </a>
+                <li class="">
+                    <a href="/contact/">Contactez-nous </a>
+        </ul>
+    </nav>
+</div>
+
+
+            <section class="wrapper style1">
+                <div class="container">
+                    
+
+                        <div class="">
+                            <div id="content">
+                                <article>
+    <header>
+        <h2>À venir</h2>
+        <p></p>
+        
+        <ul class="tags">
+</ul>
+
+    </header><p>Page en cours de mise à jour, déso, ça nous prend beaucoup de temps.
+Venez à l&rsquo;atelier, on a des vélos.</p>
+
+
+                                </article>
+                            </div>
+                        </div>
+
+                    
+                </div>
+            </section><div id="footer">
+    <div class="container">
+        <div class="row">
+                <section class="col-12 col-6-narrower col-12-mobilep">
+                    <h3>Quelques liens </h3>
+                    <ul class="links">
+                            <li><a href="https://heureux-cyclage.org/">L&#39;Heureux Cyclage</a>
+                            <li><a href="https://wiklou.org">Wiklou, l&#39;encyclopédie du bricolage vélo</a>
+                    </ul>
+                </section>
+            
+        </div>
+    </div>
+
+    <ul class="icons">
+        <li><a href="https://www.instagram.com/roulement_a_bill" class="icon brands fa-instagram">
+            <span class="label">Instagram</span>
+        </a>
+        <li><a href="https://www.facebook.com/roulementabill" class="icon brands fa-facebook-f">
+            <span class="label">Facebook</span>
+        </a>
+        <li><a href="https://creativecommons.org/" class="icon brands fa-creative-commons">
+            <span class="label">Creative Commons</span>
+        </a>
+    </ul>
+
+    <div class="copyright">
+        <ul class="menu">
+            
+                <li>Roulement à Bill 2024
+            
+                <li>Design: <a href="https://html5up.net">HTML5 UP</a>
+                <li><a href="https://github.com/half-duplex/hugo-arcana">Theme</a>
+        </ul>
+    </div>
+</div>
+</div><script src="/js/jquery.min.js"></script>
+<script src="/js/jquery.dropotron.min.js"></script>
+<script src="/js/browser.min.js"></script>
+<script src="/js/breakpoints.min.js"></script>
+<script src="/js/util.js"></script>
+<script src="/js/main.js"></script>
+</body>
+</html>
--- a/public/avendre/index.html
+++ b/public/avendre/index.html
@ -0,0 +1,138 @@
+<!DOCTYPE HTML>
+<html lang="en">
+    <head>
+
+<title>Vélos à vendre | Roulement à Bill</title>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+<link rel="stylesheet" href="/style.css" />
+<meta property="og:title" content="Vélos à vendre" />
+<meta property="og:description" content="Vélos d&#39;occasion, retapés à l&#39;asso et prêts à repartir en vadrouille" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://www.roulementabill.org/avendre/" />
+
+</head>
+    <body class="is-preload">
+        <div id="page-wrapper"><div id="header">
+    <h1 class="full_text"><a href="https://www.roulementabill.org/" id="logo">
+        Roulement à Bill<br>
+<em>Atelier cyclo-militant d&rsquo;auto-réparation de vélos</em>
+    </a></h1>
+    <h1 class="short_text"><a href="https://www.roulementabill.org/" id="logop">
+        Roulement à Bill
+    </a></h1>
+
+    <nav id="nav">
+        <ul>
+                <li class="">
+                    <a href="/">Accueil</a>
+                <li class="">
+                    <a href="/news">Les dernières nouvelles</a>
+                <li class="">
+                    <a href="#">Nos activités</a><ul>
+                        <li class="">
+                            <a href="/atelier">Atelier d&#39;auto-réparation</a>
+                        <li class="">
+                            <a href="/avendre">Vélos à vendre</a>
+                        <li class="">
+                            <a href="/recup">Récupération de vélos</a>
+                        <li class="">
+                            <a href="/apero">Apéro-démontage</a>
+                    </ul>
+                <li class="">
+                    <a href="#">L&#39;association</a><ul>
+                        <li class="">
+                            <a href="/quisommesnous">Qui sommes-nous ?</a>
+                        <li class="">
+                            <a href="/prixlibre">Le prix libre ?</a>
+                        <li class="">
+                            <a href="/benevolat">Bénévolez à Bill ?</a>
+                    </ul>
+                <li class="">
+                    <a href="/agenda/">L&#39;agenda </a>
+                <li class="">
+                    <a href="/contact/">Contactez-nous </a>
+        </ul>
+    </nav>
+</div>
+
+
+            <section class="wrapper style1">
+                <div class="container">
+                    
+
+                        <div class="">
+                            <div id="content">
+                                <article>
+    <header>
+        <h2>Vélos à vendre</h2>
+        <p>Vélos d&#39;occasion, retapés à l&#39;asso et prêts à repartir en vadrouille</p>
+    </header>
+
+    
+        <section class="col-6 col-12-narrower">
+    <div class="box post">
+        <a href="/avendre/a_venir/" class="image left"><img src="/" alt="" /></a>
+        <div class="inner">
+            <h3><a href="/avendre/a_venir/">À venir</a></h3>
+            
+            <p>
+                Page en cours de mise à jour, déso, ça nous prend beaucoup de temps. Venez à l&rsquo;atelier, on a des vélos.
+            </p>
+        </div>
+    </div>
+</section>
+
+    
+
+
+                                </article>
+                            </div>
+                        </div>
+
+                    
+                </div>
+            </section><div id="footer">
+    <div class="container">
+        <div class="row">
+                <section class="col-12 col-6-narrower col-12-mobilep">
+                    <h3>Quelques liens </h3>
+                    <ul class="links">
+                            <li><a href="https://heureux-cyclage.org/">L&#39;Heureux Cyclage</a>
+                            <li><a href="https://wiklou.org">Wiklou, l&#39;encyclopédie du bricolage vélo</a>
+                    </ul>
+                </section>
+            
+        </div>
+    </div>
+
+    <ul class="icons">
+        <li><a href="https://www.instagram.com/roulement_a_bill" class="icon brands fa-instagram">
+            <span class="label">Instagram</span>
+        </a>
+        <li><a href="https://www.facebook.com/roulementabill" class="icon brands fa-facebook-f">
+            <span class="label">Facebook</span>
+        </a>
+        <li><a href="https://creativecommons.org/" class="icon brands fa-creative-commons">
+            <span class="label">Creative Commons</span>
+        </a>
+    </ul>
+
+    <div class="copyright">
+        <ul class="menu">
+            
+                <li>Roulement à Bill 2024
+            
+                <li>Design: <a href="https://html5up.net">HTML5 UP</a>
+                <li><a href="https://github.com/half-duplex/hugo-arcana">Theme</a>
+        </ul>
+    </div>
+</div>
+</div><script src="/js/jquery.min.js"></script>
+<script src="/js/jquery.dropotron.min.js"></script>
+<script src="/js/browser.min.js"></script>
+<script src="/js/breakpoints.min.js"></script>
+<script src="/js/util.js"></script>
+<script src="/js/main.js"></script>
+</body>
+</html>
--- a/public/avendre/index.xml
+++ b/public/avendre/index.xml
@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Vélos à vendre on Roulement à Bill</title>
+    <link>https://www.roulementabill.org/avendre/</link>
+    <description>Recent content in Vélos à vendre on Roulement à Bill</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-fr</language>
+    <copyright>Roulement à Bill 2024</copyright>
+    <lastBuildDate>Mon, 27 Nov 2023 17:56:33 +0100</lastBuildDate>
+    <atom:link href="https://www.roulementabill.org/avendre/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>À venir</title>
+      <link>https://www.roulementabill.org/avendre/a_venir/</link>
+      <pubDate>Mon, 27 Nov 2023 17:56:33 +0100</pubDate>
+      <guid>https://www.roulementabill.org/avendre/a_venir/</guid>
+      <description>Page en cours de mise à jour, déso, ça nous prend beaucoup de temps. Venez à l&amp;rsquo;atelier, on a des vélos.</description>
+    </item>
+  </channel>
+</rss>
--- a/public/benevolat/index.html
+++ b/public/benevolat/index.html
@ -0,0 +1,182 @@
+<!DOCTYPE HTML>
+<html lang="en">
+    <head>
+
+<title>Bénévoler à Roulement à Bill | Roulement à Bill</title>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+<link rel="stylesheet" href="/style.css" />
+<meta property="og:title" content="Bénévoler à Roulement à Bill" />
+<meta property="og:description" content="C&#39;est facile !" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://www.roulementabill.org/benevolat/" /><meta property="article:section" content="" />
+
+
+
+</head>
+    <body class="is-preload">
+        <div id="page-wrapper"><div id="header">
+    <h1 class="full_text"><a href="https://www.roulementabill.org/" id="logo">
+        Roulement à Bill<br>
+<em>Atelier cyclo-militant d&rsquo;auto-réparation de vélos</em>
+    </a></h1>
+    <h1 class="short_text"><a href="https://www.roulementabill.org/" id="logop">
+        Roulement à Bill
+    </a></h1>
+
+    <nav id="nav">
+        <ul>
+                <li class="">
+                    <a href="/">Accueil</a>
+                <li class="">
+                    <a href="/news">Les dernières nouvelles</a>
+                <li class="">
+                    <a href="#">Nos activités</a><ul>
+                        <li class="">
+                            <a href="/atelier">Atelier d&#39;auto-réparation</a>
+                        <li class="">
+                            <a href="/avendre">Vélos à vendre</a>
+                        <li class="">
+                            <a href="/recup">Récupération de vélos</a>
+                        <li class="">
+                            <a href="/apero">Apéro-démontage</a>
+                    </ul>
+                <li class="">
+                    <a href="#">L&#39;association</a><ul>
+                        <li class="">
+                            <a href="/quisommesnous">Qui sommes-nous ?</a>
+                        <li class="">
+                            <a href="/prixlibre">Le prix libre ?</a>
+                        <li class="">
+                            <a href="/benevolat">Bénévolez à Bill ?</a>
+                    </ul>
+                <li class="">
+                    <a href="/agenda/">L&#39;agenda </a>
+                <li class="">
+                    <a href="/contact/">Contactez-nous </a>
+        </ul>
+    </nav>
+</div>
+
+
+            <section class="wrapper style1">
+                <div class="container">
+                    
+
+                        <div class="">
+                            <div id="content">
+                                <article>
+    <header>
+        <h2>Bénévoler à Roulement à Bill</h2>
+        <p>C&#39;est facile !</p>
+        
+        <ul class="tags">
+</ul>
+
+    </header><h2 id="préambule">Préambule</h2>
+<p>Depuis sa création, l&rsquo;association Roulement à Bill ne fonctionne que grâce à ses bénévoles : permanences, réparation, gestion administrative et comptable, communication, bricolage des locaux&hellip; On fait tout nous-même.</p>
+<p>Et on a toujours besoin d&rsquo;aide.</p>
+<p>Que vous soyez déjà adhérent.e. ou non, si les activités de Bill vous plaisent et que vous avez l&rsquo;âme à venir filer un coup de main, n&rsquo;hésiter pas à nous contacter, en venant nous voir à l&rsquo;atelier ou en nous envoyant un petit mail. Ou venez nous voir pendant une de nos vélorunions mensuelles.</p>
+<p>Pour bénévoler aux permanences, <strong>aucun</strong> savoir-faire en mécanique vélo n&rsquo;est requis : on attend des bénévoles de permanence d&rsquo;être en mesure d&rsquo;accueillir les personnes venant à l&rsquo;atelier, leur expliquer notre fonctionnement, pas de pouvoir réparer leur vélo.</p>
+<h2 id="comment-bénévoler-à-latelier-">Comment bénévoler à l&rsquo;atelier ?</h2>
+<h3 id="je-veux-tenir-des-permanences">Je veux tenir des permanences</h3>
+<p>Excellent, c&rsquo;est certainement là où on a le plus besoin de bénévoles ! Le plus simple pour ça : venir à l&rsquo;atelier, pendant les permanences ou les apéro-démontage et en discuter avec les bénévoles, qui vont expliqueront la marche à suivre. Si vous voulez vraiment en savoir plus avant de venir, envoyez-nous un mail à notre adresse de contact, on se fera un plaisir de vous répondre.</p>
+<h3 id="je-veux-filer-un-coup-de-main-général-et-régulier">Je veux filer un coup de main général et régulier</h3>
+<p>De la bricole à l&rsquo;administratif, en passant par les évènements et le graphisme, la vie de l&rsquo;asso a aussi beaucoup lieu en dehors de l&rsquo;atelier et des heures de permanences.
+Vous avez le choix :</p>
+<ul>
+<li>Venir rencontrer les bénévoles pendant les perm, les apéros, les stands&hellip;</li>
+<li>Venir participer à une vélorunion (généralement le premier lundi du mois, la date est sur l&rsquo;agenda) pour prendre la température de la gestion de l&rsquo;asso</li>
+<li>Venir vous inscrire sur notre instance framavox, notre outil de discussion et de prise de décision, à l&rsquo;adresse <a href="https://framavox.org/bill">https://framavox.org/bill</a></li>
+</ul>
+<h3 id="je-veux-bien-aider-de-manière-ponctuelle">Je veux bien aider de manière ponctuelle</h3>
+<p>Imprimer des flyers et les distribuer, venir aider sur un stand évènementiel pendant une heure, filer un coup de main pour trier les pièces à l&rsquo;atelier,&hellip; il y a pas mal de moment où on a bien besoin de personnes en plus, sans attendre d&rsquo;elles qu&rsquo;elles connaissent le fonctionnement général de l&rsquo;atelier.
+Vous ne venez pas régulièrement à l&rsquo;atelier ou vous n&rsquo;avez pas envie de vous engager mais vous seriez quand même prêt.e.s à aider quand on appelle à l&rsquo;aide ? Inscrivez-vous sur notre liste &ldquo;Troisième main&rdquo;. Promis, vous ne recevrez des mails que lorsqu&rsquo;on a vraiment des besoins !</p>
+<p>Le formulaire est ci-dessous. Enrtez juste votre adresse mail deux fois, puis &ldquo;Envoyer&rdquo; (ne faites pas attention à la ligne &ldquo;Veuillez me retirer,&hellip;&rdquo; c&rsquo;est un petit problème de CSS, on va régler ça un de ces 4)</p>
+
+
+<form action="https://ml.kundenserver.de/cgi-bin/mailinglist.cgi" method="POST" target="_blank">
+  <input checked name="subscribe_r" type="radio" value="subscribe">
+  Oui, je souhaite m’inscrire à la liste de discussion troisieme_main@roulementabill.org.
+  <br />
+  <input name="subscribe_r" type="radio" value="unsubscribe">
+  Veuillez me retirer de la liste de discussion troisieme_main@roulementabill.org.
+  <br />
+  Veuillez indiquer votre adresse email ici:
+  <br />
+  <input maxlength="51" name="mailaccount_r" size="51" type="text">
+  <br />
+  Veuillez à nouveau indiquer votre adresse email ici pour vérification:
+  <br />
+  <input maxlength="51" name="mailaccount2_r" size="51" type="text">
+  <br />
+  <input type="SUBMIT" value="Envoyer">
+  <br />
+  <input type="RESET" value="Réinitialiser">
+  <hr />
+  <input name="FBMLNAME" type="hidden" value="troisieme_main@roulementabill.org">
+  <br />
+  <input name="FBLANG" type="hidden" value="fr">
+  <br />
+  <input name="FBURLERROR_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/error.fr.html">
+  <br />
+  <input name="FBURLSUBSCRIBE_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/subscribe.fr.html">
+  <br />
+  <input name="FBURLUNSUBSCRIBE_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/unsubscribe.fr.html">
+  <br />
+  <input name="FBURLINVALID_L" type="hidden" value="https://ml.kundenserver.de/mailinglist/invalid.fr.html">
+</form>
+    
+
+
+
+                                </article>
+                            </div>
+                        </div>
+
+                    
+                </div>
+            </section><div id="footer">
+    <div class="container">
+        <div class="row">
+                <section class="col-12 col-6-narrower col-12-mobilep">
+                    <h3>Quelques liens </h3>
+                    <ul class="links">
+                            <li><a href="https://heureux-cyclage.org/">L&#39;Heureux Cyclage</a>
+                            <li><a href="https://wiklou.org">Wiklou, l&#39;encyclopédie du bricolage vélo</a>
+                    </ul>
+                </section>
+            
+        </div>
+    </div>
+
+    <ul class="icons">
+        <li><a href="https://www.instagram.com/roulement_a_bill" class="icon brands fa-instagram">
+            <span class="label">Instagram</span>
+        </a>
+        <li><a href="https://www.facebook.com/roulementabill" class="icon brands fa-facebook-f">
+            <span class="label">Facebook</span>
+        </a>
+        <li><a href="https://creativecommons.org/" class="icon brands fa-creative-commons">
+            <span class="label">Creative Commons</span>
+        </a>
+    </ul>
+
+    <div class="copyright">
+        <ul class="menu">
+            
+                <li>Roulement à Bill 2024
+            
+                <li>Design: <a href="https://html5up.net">HTML5 UP</a>
+                <li><a href="https://github.com/half-duplex/hugo-arcana">Theme</a>
+        </ul>
+    </div>
+</div>
+</div><script src="/js/jquery.min.js"></script>
+<script src="/js/jquery.dropotron.min.js"></script>
+<script src="/js/browser.min.js"></script>
+<script src="/js/breakpoints.min.js"></script>
+<script src="/js/util.js"></script>
+<script src="/js/main.js"></script>
+</body>
+</html>
--- a/public/contact/index.html
+++ b/public/contact/index.html
@ -0,0 +1,140 @@
+<!DOCTYPE HTML>
+<html lang="en">
+    <head>
+
+<title>Contactez-nous  | Roulement à Bill</title>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+<link rel="stylesheet" href="/style.css" />
+<meta property="og:title" content="Contactez-nous " />
+<meta property="og:description" content="Nos contacts par mail Des questions ? Envoyez-nous un mail à
+contact@roulementabill.org On vous répondra prestement.
+Où nous trouver ? Roulement à Bill : 5, impasse Anatole 37000 Tours" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://www.roulementabill.org/contact/" /><meta property="article:section" content="" />
+
+
+
+</head>
+    <body class="is-preload">
+        <div id="page-wrapper"><div id="header">
+    <h1 class="full_text"><a href="https://www.roulementabill.org/" id="logo">
+        Roulement à Bill<br>
+<em>Atelier cyclo-militant d&rsquo;auto-réparation de vélos</em>
+    </a></h1>
+    <h1 class="short_text"><a href="https://www.roulementabill.org/" id="logop">
+        Roulement à Bill
+    </a></h1>
+
+    <nav id="nav">
+        <ul>
+                <li class="">
+                    <a href="/">Accueil</a>
+                <li class="">
+                    <a href="/news">Les dernières nouvelles</a>
+                <li class="">
+                    <a href="#">Nos activités</a><ul>
+                        <li class="">
+                            <a href="/atelier">Atelier d&#39;auto-réparation</a>
+                        <li class="">
+                            <a href="/avendre">Vélos à vendre</a>
+                        <li class="">
+                            <a href="/recup">Récupération de vélos</a>
+                        <li class="">
+                            <a href="/apero">Apéro-démontage</a>
+                    </ul>
+                <li class="">
+                    <a href="#">L&#39;association</a><ul>
+                        <li class="">
+                            <a href="/quisommesnous">Qui sommes-nous ?</a>
+                        <li class="">
+                            <a href="/prixlibre">Le prix libre ?</a>
+                        <li class="">
+                            <a href="/benevolat">Bénévolez à Bill ?</a>
+                    </ul>
+                <li class="">
+                    <a href="/agenda/">L&#39;agenda </a>
+                <li class="current">
+                    <a href="/contact/">Contactez-nous </a>
+        </ul>
+    </nav>
+</div>
+
+
+            <section class="wrapper style1">
+                <div class="container">
+                    
+
+                        <div class="">
+                            <div id="content">
+                                <article>
+    <header>
+        <h2>Contactez-nous </h2>
+        <p></p>
+        
+        <ul class="tags">
+</ul>
+
+    </header><h1 id="nos-contacts-par-mail">Nos contacts par mail</h1>
+<p>Des questions ? Envoyez-nous un mail à</p>
+<ul>
+<li><a href="mailto:contact@roulementabill.org">contact@roulementabill.org</a></li>
+</ul>
+<p>On vous répondra prestement.</p>
+<h1 id="où-nous-trouver-">Où nous trouver ?</h1>
+<p>Roulement à Bill :
+5, impasse Anatole
+37000 Tours</p>
+<iframe src="//umap.openstreetmap.fr/fr/map/carte-sans-nom_948385?scaleControl=false&amp;miniMap=false&amp;scrollWheelZoom=false&amp;zoomControl=true&amp;allowEdit=false&amp;moreControl=true&amp;searchControl=null&amp;tilelayersControl=null&amp;embedControl=null&amp;datalayersControl=true&amp;onLoadPanel=undefined&amp;captionBar=false&amp;captionMenus=true" width=100% height="400"></iframe>
+
+
+                                </article>
+                            </div>
+                        </div>
+
+                    
+                </div>
+            </section><div id="footer">
+    <div class="container">
+        <div class="row">
+                <section class="col-12 col-6-narrower col-12-mobilep">
+                    <h3>Quelques liens </h3>
+                    <ul class="links">
+                            <li><a href="https://heureux-cyclage.org/">L&#39;Heureux Cyclage</a>
+                            <li><a href="https://wiklou.org">Wiklou, l&#39;encyclopédie du bricolage vélo</a>
+                    </ul>
+                </section>
+            
+        </div>
+    </div>
+
+    <ul class="icons">
+        <li><a href="https://www.instagram.com/roulement_a_bill" class="icon brands fa-instagram">
+            <span class="label">Instagram</span>
+        </a>
+        <li><a href="https://www.facebook.com/roulementabill" class="icon brands fa-facebook-f">
+            <span class="label">Facebook</span>
+        </a>
+        <li><a href="https://creativecommons.org/" class="icon brands fa-creative-commons">
+            <span class="label">Creative Commons</span>
+        </a>
+    </ul>
+
+    <div class="copyright">
+        <ul class="menu">
+            
+                <li>Roulement à Bill 2024
+            
+                <li>Design: <a href="https://html5up.net">HTML5 UP</a>
+                <li><a href="https://github.com/half-duplex/hugo-arcana">Theme</a>
+        </ul>
+    </div>
+</div>
+</div><script src="/js/jquery.min.js"></script>
+<script src="/js/jquery.dropotron.min.js"></script>
+<script src="/js/browser.min.js"></script>
+<script src="/js/breakpoints.min.js"></script>
+<script src="/js/util.js"></script>
+<script src="/js/main.js"></script>
+</body>
+</html>
--- a/public/css/font-source-sans-pro.css
+++ b/public/css/font-source-sans-pro.css
@ -0,0 +1,28 @@
+@font-face{
+    font-family:"Source Sans Pro";
+    font-style:normal;
+    font-weight:300;
+    font-display:auto;
+    src:url(../webfonts/SourceSansPro-Light.ttf);
+}
+@font-face{
+    font-family:"Source Sans Pro";
+    font-style:italic;
+    font-weight:300;
+    font-display:auto;
+    src:url(../webfonts/SourceSansPro-LightItalic.ttf);
+}
+@font-face{
+    font-family:"Source Sans Pro";
+    font-style:normal;
+    font-weight:600;
+    font-display:auto;
+    src:url(../webfonts/SourceSansPro-SemiBold.ttf);
+}
+@font-face{
+    font-family:"Source Sans Pro";
+    font-style:italic;
+    font-weight:600;
+    font-display:auto;
+    src:url(../webfonts/SourceSansPro-SemiBoldItalic.ttf);
+}
--- a/public/css/fontawesome-all.min.css
+++ b/public/css/fontawesome-all.min.css
--- a/public/images/1000004912.jpg
+++ b/public/images/1000004912.jpg
--- a/public/images/18
+++ b/public/images/18
--- a/public/images/20240922_153621.jpg
+++ b/public/images/20240922_153621.jpg
--- a/public/images/Aucard
+++ b/public/images/Aucard
--- a/public/images/Aucard
+++ b/public/images/Aucard
--- a/public/images/Bill
+++ b/public/images/Bill
--- a/public/images/Bill
+++ b/public/images/Bill
--- a/public/images/Bill.png
+++ b/public/images/Bill.png
--- a/public/images/Bill.svg
+++ b/public/images/Bill.svg
--- a/public/images/Bill.xcf
+++ b/public/images/Bill.xcf
--- a/public/images/Campus
+++ b/public/images/Campus
--- a/public/images/Discours
+++ b/public/images/Discours
--- a/public/images/Défi
+++ b/public/images/Défi
--- a/public/images/Fanzine_La_Mécana.pdf
+++ b/public/images/Fanzine_La_Mécana.pdf
--- a/public/images/Fête
+++ b/public/images/Fête
--- a/public/images/IMG_20240604_195615.jpg
+++ b/public/images/IMG_20240604_195615.jpg
--- a/public/images/Marseille
+++ b/public/images/Marseille
--- a/public/images/MessageVélo.jpg
+++ b/public/images/MessageVélo.jpg
--- a/public/images/MessageVélo.svg
+++ b/public/images/MessageVélo.svg
--- a/public/images/Oxford.jpeg
+++ b/public/images/Oxford.jpeg
--- a/public/images/Projet
+++ b/public/images/Projet
--- a/public/images/Stand
+++ b/public/images/Stand
--- a/public/images/Stand
+++ b/public/images/Stand
--- a/public/images/Stand
+++ b/public/images/Stand
--- a/public/images/TallBike.jpg
+++ b/public/images/TallBike.jpg
--- a/public/images/accueil.jpg
+++ b/public/images/accueil.jpg
--- a/public/images/avendre/IMG_20231203_142852.jpg
+++ b/public/images/avendre/IMG_20231203_142852.jpg
--- a/public/images/avendre/IMG_20231203_143114.jpg
+++ b/public/images/avendre/IMG_20231203_143114.jpg
--- a/public/images/avendre/IMG_20231203_143851.jpg
+++ b/public/images/avendre/IMG_20231203_143851.jpg
--- a/public/images/avendre/IMG_20231203_144233.jpg
+++ b/public/images/avendre/IMG_20231203_144233.jpg
--- a/public/images/avendre/IMG_20231203_144517.jpg
+++ b/public/images/avendre/IMG_20231203_144517.jpg
--- a/public/images/avendre/IMG_20231203_144828.jpg
+++ b/public/images/avendre/IMG_20231203_144828.jpg
--- a/public/images/avendre/IMG_20231203_150033.jpg
+++ b/public/images/avendre/IMG_20231203_150033.jpg
--- a/public/images/avendre/IMG_20240114_162730.jpg
+++ b/public/images/avendre/IMG_20240114_162730.jpg
--- a/public/images/avendre/IMG_20240114_164249.jpg
+++ b/public/images/avendre/IMG_20240114_164249.jpg
--- a/public/images/avendre/IMG_20240114_164546.jpg
+++ b/public/images/avendre/IMG_20240114_164546.jpg
--- a/public/images/avendre/old/IMG_20231203_142852.jpg
+++ b/public/images/avendre/old/IMG_20231203_142852.jpg
--- a/public/images/avendre/old/IMG_20231203_143114.jpg
+++ b/public/images/avendre/old/IMG_20231203_143114.jpg
--- a/Show more
+++ b/Show more
				`@ -0,0 +1 @@`
				`<iframe src="{{ .Get 0 }}" width=100% height="400"></iframe>`