Web @telier n°5 : Lien social et intergénérationnel

06.12.2023
Web @telier n°5 : Lien social et intergénérationnel

Un format "Découverte" sur la question des actions à destination des publics les plus fragiles et des séniors dans les villages de montagne et sur l'engagement des jeunes en ce sens.

La rencontre Service et Territoires à peine terminée, nous vous avons convié à notre dernier évènement de l'année le Web @telier n°5 sur la thématique suivante "Lien social et intergénérationnel : Comment favoriser les liens sociaux par l'intergénerationnel ? " qui a eu lieu le jeudi 30 novembre à 10h.

Ce format "Découverte" a permis d'aborder la question des actions à destination des plus fragiles, personnes isolées dans les petits villages de montagne et de l'engagement des jeunes dans nos territoires ruraux.

Lors de ce web@telier, nous avons eu l'occasion d'écouter et d'échanger avec Unicités et une présentation des actions de l'Accorderie des Lônes (Isère).

Les deux intervenant.e.s :

Informations utiles

Site web : https://cloud.adrets-asso.fr/index.php/s/YZeNMJqwGzw4bfL

Document joint : Télécharger

Projet en lien


  • <div class="results-col col-sm-12">
    • <div class="bazar-list dynamic" ref="entriesContainer">
      • <div class="bazar-cards-container" v-if="ready"
      • :class="[{ready: ready}, style-${params.style || 'vertical'}, nbcol-3]"
      • :style="{'grid-template-columns': repeat(3, 1fr)}">
  • <div v-if="entriesToDisplay.length
    0" class="alert alert-info">
    • Aucun résultat
  • </div>

  • <a v-for="entry in entriesToDisplay" :key="entry.id_fiche"
    • class="bazar-entry bazar-card"
    • :class="{'with-image': Object.keys(entry).includes('visual')}"
      • :href="${entry.url + ((false || $root.isInIframe()) ? '/iframe' : '')}"
      • :title="entry.title"
        • >
      • <template v-if="Object.keys(entry).includes('visual')">
      • <template v-if="entry.visual">
        • <img
          • loading="lazy"
          • :style="{width:((params.style 'square')? false : '0px'),height:((params.style
            'square')? false : '0px')}"
          • class="area visual-area"
          • :src="urlImage(entry,'visual',300,300,'crop')"
          • @error="urlImageResizedOnError(entry,'visual',300,300,'crop',"6fb9cadc9136f4.bVyFIL9JDOCrE16ZJW_uEbChTGdWxIbXjJnvqEUQUuI.VRbAGOs-SrfGXAHzUx2Yfdn4eykytr6PwuG9nD1oP4sbL-JK2gY-itEgOQ")"></img>
        • <div v-if="params.style != 'square'" class="area visual-area"
          • :style="{color:'blue','background-image': url('${urlImage(entry,'visual',300,300,'crop')}')}">
        • </div>
      • </template>
      • <div v-else class="area area visual-area placeholder"></div>
    • </template>
    • <div class="content">
      • <h4 div class="area title-area" v-if="entry.title">
      • <span v-show="entry.color" class="pellet" :style="{'background-color': entry.color}"></span>
      • <i v-show="entry.icon" :class="entry.icon"></i>
      • <span class="title" v-html="entry.title"></span>
      • </h4>

  • <entry-field :entry="entry" prop="subtitle" class="area subtitle-area"></entry-field>
    • <entry-field :entry="entry" prop="text" class="area text-area"></entry-field>

  • <entry-field :entry="entry" prop="footer" class="area footer-area"></entry-field>
    • <entry-field :entry="entry" prop="floating" class="area floating-area"></entry-field>
  • </div>
  • </a>
  • <spinner-loader v-if="isLoading" class="overlay"></spinner-loader>
  • </div>
  • <spinner-loader v-else height="500"></spinner-loader>
    • </div>
      • <ul class="pagination" v-if="pagination && entriesToDisplay.length > 0 && pages.length > 1">
    • <li @click="currentPage = 0" :class="{disabled: currentPage 0}">
      • <i class="fa fa-chevron-left"></i>
    • </li>
    • <template v-for="page in pages">
      • <li v-if="page
        'divider'">...</li>
      • <li v-else :class="{active: currentPage page}" @click="currentPage = page">
        • Action page : N'existe pas
      • </li>
    • </template>
    • <li @click="currentPage = pages.length - 1" :class="{disabled: currentPage
      pages.length - 1}">
      • <i class="fa fa-chevron-right"></i>
    • </li>
  • </ul>

  • </div>

  • </div>

  • <modal-entry ref="modal"></modal-entry>
</div>


  • </div>
""