gitea_admin/wondif_vue
1
0
Fork 0
generated from gitea_admin/default
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dev

Browse Source
This commit is contained in:
Julie
2026-04-13 16:31:09 +02:00
parent 4eeaf23d80
commit 9df991c322
7 changed files with 62 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/scss/component/_header_page_simple.scss
View File

@@ -160,14 +160,15 @@
.fiche_header_titres {
@media (min-width: 0px) and (max-width: 600px) {
grid-column: 1;
grid-row: 1;
padding-bottom: 20px;
padding-left: 10px;
grid-column: 1;
grid-row: 1;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 600px) {
grid-column: 1;
grid-row: 2;
grid-column: 1;
grid-row: 2;
}
display: grid;
align-content: start;

76
app/components/FilteredCards.vue
View File

@@ -46,14 +46,14 @@
<!-- Content -->
<div class="theme_tao--cardlist--card--content">
<NuxtLink v-if="card.url" :to="card.url" class="square-card__title-link">
<DsHeading as="h5" tone="default">
{{ card.title }}
</DsHeading>
</NuxtLink>
<DsText as="p" tone="default" :clamp="6">
<span v-html="card.descriptionHtml" />
</DsText>
<NuxtLink v-if="card.url" :to="card.url" class="square-card__title-link">
<DsHeading as="h5" tone="default">
{{ card.title }}
</DsHeading>
</NuxtLink>
<DsText as="p" tone="default" :clamp="6">
<span v-html="card.descriptionHtml" />
</DsText>
</div>
</div>
</DsCard>
@@ -79,8 +79,7 @@
// Variable qui contient les catégories qui permettront de filtrer
const filters = [
{ key: 'famille', label: 'Famille' },
{ key: 'rencontre', label: 'Rencontres' },
{ key: 'action_culturelle', label: 'Action Culturelle' },
]
// variable pour donner le filtre actif
// filtre par défaut : le premier
@@ -93,57 +92,56 @@
const cards = ref([
{
id: 'insta-1',
imgSrc: '/contenus/insta_ondif_1.jpg',
imgSrc: '/contenus/insta_ondif_7.jpg',
imgAlt: 'le titre du post',
title: "[Y'A PAS QUE LES ÂNES QUI MANGENT DU SON]",
descriptionHtml: `Tu as moins de 28 ans ? Paie 6 € la place dès 3 concerts de l’Orchestre à la Philharmonie de Paris<br>
🔴 Ile de France | Ministère de la culture<br>
🎨 Agence belleville.eu`,
tags: ['famille'],
url: "https://ondif.shop.secutix.com/selection/event/date?productId=10229737867151"
title: "TOUS À VÉRONE LE TEMPS D'UN CONCERT!",
descriptionHtml: `✨Tous à l’orchestre !
Ces dernières semaines, l’Orchestre a vibré bien au-delà de la scène, au fil d’actions culturelles et éducatives riches en échanges et en découvertes.
Entre ateliers d’enregistrement, éveil musical, et rencontres avec les musiciens de l’orchestre, chaque instant a permis de créer du lien et de faire vivre la musique autrement.
Des expériences au plus près des publics et des territoires, où la musique devient transmission, curiosité et émotion partagée.
Retour en images sur ces instants qui font vivre l’Orchestre.🎶✨`,
tags: ['action_culturelle'],
url: ""
},
{
id: 'insta-2',
imgSrc: '/contenus/insta_ondif_2.jpg',
imgSrc: '/contenus/insta_ondif_9.jpg',
imgAlt: 'le titre du post',
title: "✨ Tous à l’orchestre !",
descriptionHtml: `Ces dernières semaines, l’Orchestre a vibré bien au-delà de la scène, au fil d’actions culturelles et éducatives riches en échanges et en découvertes.<br>
Entre ateliers d’enregistrement, éveil musical, et rencontres avec les musiciens de l’orchestre, chaque instant a permis de créer du lien et de faire vivre la musique autrement.<br>
Des expériences au plus près des publics et des territoires, où la musique devient transmission, curiosité et émotion partagée.<br>
Retour en images sur ces instants qui font vivre l’Orchestre.🎶✨`,
tags: ['famille'],
title: "LA MUSIQUE POUR LES TOUT-PETITS!",
descriptionHtml: `Les petites oreilles explorent l'univers d'un compositeur et découvrent la contrebasse de près, lors d'un atelier 0-3 ans à la médiathèque de Rungis. Un beau moment d'éveil musical, avec le soutien de la Fondation Groupe ADP`,
tags: ['action_culturelle'],
url: ""
},
{
id: 'insta-3',
imgSrc: '/contenus/insta_ondif_3.jpg',
imgSrc: '/contenus/insta_ondif_6.jpg',
imgAlt: 'le titre du post',
title: "✨ Ça c’est fait ! Retour sur février et mars ✨",
descriptionHtml: `Ces deux derniers mois, l’Orchestre a surpris son public à chaque instant !<br>
title: "C'EST L'HISTOIRE D'UN CHIEN MÉLOMANE",
descriptionHtml: `✨ Ça c’est fait ! Retour sur février et mars ✨ Ces deux derniers mois, l’Orchestre a surpris son public à chaque instant !<br>
Entre concerts symphoniques, spectacles mêlant danse et musique, et concerts commentés, nous avons eu le plaisir d’offrir des expériences inédites et reçu des retours enthousiastes de spectateurs conquis.<br>
Retour en images sur ces temps forts qui font vibrer l’Orchestre ! 🎶`,
tags: ['rencontre'],
tags: ['action_culturelle'],
url: ""
},
{
id: 'insta-4',
imgSrc: '/contenus/insta_ondif_4.jpg',
imgSrc: '/contenus/insta_ondif_8.jpg',
imgAlt: 'le titre du post',
title: "✨ Tous à l’orchestre !",
descriptionHtml: `Ces dernières semaines ont été intenses et inspirantes du côté de l’action culturelle et éducative de l’Orchestre.<br>
Entre ateliers d’enregistrement sonore, découverte de la lutherie, répétitions commentées et musique à l’hôpital, les rencontres se sont multipliées, au plus près des publics et des territoires.<br>
Retour en images sur ces expériences qui font vivre l’Orchestre 🎶`,
tags: ['famille'],
title: "LEVER DE RIDEAU À MONTEREAU",
descriptionHtml: `Les élèves du conservatoire de Montereau-Fault-Yvonne assurent la première partie du concert "La Symphonie des corps" au Majestic, avec une performance de vocal painting débordante d'énergie et de créativité !`,
tags: ['action_culturelle'],
url: ""
},
{
id: 'insta-5',
imgSrc: '/contenus/insta_ondif_5.jpg',
imgSrc: '/contenus/insta_ondif_2.jpg',
imgAlt: 'le titre du post',
title: "✨ Ça c’est fait ! Retour sur décembre et janvier ✨",
descriptionHtml: `Entre concerts symphoniques, soirées à l’opéra, et musique de chambre, nous avons eu le plaisir de partager des univers variés et de rencontrer un public toujours plus curieux et enthousiaste.<br>
Retour en images sur ces temps forts qui font vibrer l’Ondif ! 🎶`,
tags: ['rencontre'],
title: "À LA DÉCOUVERTE DES INSTRUMENTS À VENT",
descriptionHtml: `Guidés avec bienveillance par Annouck et Hélène, les enfants explorent les instruments à vent : le cor et la flûte éveillent leur curiosité`,
tags: ['action_culturelle'],
url: ""
},
])

27
app/pages/index.vue
View File

@@ -52,7 +52,7 @@
</SectionTitle>
<SectionContent pad="xs" class="theme_ppt--description">
<DsText tone="invert" size="lg" class="theme_ppt--txt" >
Faire vivre la musique symphonique au coeur du territoire et la rendre accessible à toutes et tous : telle est la mission de nos <span class="gros_chiffres">95</span> musiciennes et musiciens. L'Orchestre donne <span class="gros_chiffres">120</span> concerts par saison dans les <span class="gros_chiffres">8</span> départements d'Île-de-France, dans des salles tradionnelles aux lieux les plus divers.
Faire vivre la musique symphonique au coeur du territoire et la rendre accessible à toutes et tous : telle est la mission de nos <span class="gros_chiffres">95</span> musiciennes et musiciens. L'Orchestre donne <span class="gros_chiffres">120</span> concerts par saison dans les <span class="gros_chiffres">8</span> départements d'Île-de-France, aussi bien dans des salles traditionnelles que dans des lieux variés.
</DsText>
<!-- UN CTA / LIEN SUR L'IMAGE -->
<!-- <DsButtonArrow to="/" variant="invert"> -->
@@ -137,7 +137,7 @@
</SectionTitle>
<SectionContent pad="xs" class="theme_tao--description">
<DsText tone="" size="lg" class="theme_tao--txt" >
Le magazine en ligne de l’Orchestre national d’Île-de-France vous invite à découvrir l’actualité des concerts de l’orchestre, des interprètes, des chefs et cheffes, de la création contemporaine et des projets de l’ONDIF sur le territoire francilien et au-delà. Portraits de musiciens, de compositeurs, d’artistes invités, décryptages d’œuvres, partez à la découverte de l’actualité musicale !
Le magazine en ligne de l’Orchestre national d’Île-de-France
</DsText>
</SectionContent>
</SectionContent>
@@ -249,11 +249,20 @@
id: '1',
imgSrc: '/contenus/actu1_1.jpg',
imgAlt: 'Femme en mouvement tenant deux cymbales, l’une devant elle et l’autre derrière, sur fond de mur blanc, dans une posture dynamique évoquant la musique et le rythme',
title: "Le nouvelle saison arrive !",
description: `Ce lundi 13 avril c'est le jour de sortie de la nouvelle saison 2026/2027 !`,
title: "La nouvelle saison est là !",
description: ``,
url:"https://www.orchestre-ile.com/concerts/saison?saison=2026/2027",
},
{
id: '1',
imgSrc: '/contenus/insta_ondif_1.jpg',
imgAlt: 'le titre du post',
title: "[Y'A PAS QUE LES ÂNES QUI MANGENT DU SON]",
description: `Tu as moins de 28 ans ? Paie 6 € la place dès 3 concerts de l’Orchestre à la Philharmonie de Paris<br>
🔴 Ile de France | Ministère de la culture<br>
🎨 Agence belleville.eu`,
url:"",
},
])
@@ -268,8 +277,8 @@
id: '1',
imgSrc: '/contenus/actu1_1.jpg',
imgAlt: 'Femme en mouvement tenant deux cymbales, l’une devant elle et l’autre derrière, sur fond de mur blanc, dans une posture dynamique évoquant la musique et le rythme',
title: "Le nouvelle saison arrive !",
description: `Ce lundi 13 avril c'est le jour de sortie de la nouvelle saison 2026/2027 !`,
title: "La nouvelle saison est là !",
description: ``,
url:"https://www.orchestre-ile.com/concerts/saison?saison=2026/2027",
},
{
@@ -277,7 +286,7 @@
imgSrc: '/contenus/academie_orchestre_26.jpg',
imgAlt: "Académie d'Orchestre 2026",
title: "Académie d'Orchestre 2026",
description: `Les ateliers 0-3 ans sont de retour !`,
description: ``,
url:"https://www.orchestre-ile.com/mediation/academie",
},
{
@@ -285,7 +294,7 @@
imgSrc: '/contenus/atelier0-3ans.jpg',
imgAlt: 'Du sur-mesure pour les petites oreilles',
title: "Du sur-mesure pour les petites oreilles",
description: `Les ateliers 0-3 ans sont de retour !`,
description: ``,
url:"",
},