mes poemes

A LA TOUSSAINT

MES POEMES

12.03.2024 …

Par ma malle aux idées

A LA TOUSSAINT A la toussaint On vient Les bras chargés De fleurs pour les déposer Sur les tombes de ceux qui ne sont plus là On peut admirer de superbes compositions On en profite pour entretenir les sépultures Quelque soit le temps On le fait avec notre...

MON POEME : A TOI MON PERE

MES POEMES, A TOI MON PERE, SOUVENIRS - MA JEUNESSE

14.07.2023 …

Par ma malle aux idées

A TOI MON PERE Depuis que tu es parti Il pleut dans ma vie Je ne peux refouler Les larmes qui ne cessent de couler Sur mes joues Je n’ai plus de goût Pour tout ce qui m’entoure Juste pour TOI UN GROS CRI D’AMOUR Tu es assis à la droite du Seigneur Pour...

POEME : A TOI MON PERE

MES POEMES

04.07.2023 …

Par ma malle aux idées

mon coeur est à toi
Voir le profil de ma malle aux idées sur le portail Overblog

LOURDES

STE RITA

PRIERES POUR LES MALADES

/* Custom variable pour l'image mask des buttons --svg-marker-arrow-up: url('data:image/svg+xml,\ '); */ #scroll-sentinel { position: absolute; top: 300vh; left: 0; bottom: 0; width: 1px; z-index: -1; } /* buttons de retour haut de page */ [class*='movetop-'] { background-color: transparent; position: absolute; height: var(--header-outer-height); width: var(--header-outer-height); color: var(--primary-color); } [class*='movetop-']:before { -webkit-mask-image: var(--svg-marker-arrow-up); -webkit-mask-size: 50%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-image: var(--svg-marker-arrow-up); mask-size: 50%; mask-repeat: no-repeat; mask-position: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: "\A"; } .movetop-left:before, .movetop-right:before { background-color: var(--link-color); -webkit-mask-size: 30%; mask-size: 30%; } .movetop-bottom:before { background-color: var(--background-color-hero); } @media (any-pointer: fine) { [class*='movetop-'] { cursor: pointer; } } [class*='movetop-'][aria-hidden='true'] { display: none; } header [class*='movetop-'] { top: 0; } body:not(.connected) .movetop-right { right: calc(var(--header-outer-height) + 1px); } body.connected .movetop-right { right: calc(calc(var(--header-outer-height) * 2) + 2px); } .movetop-left { left: calc(var(--header-outer-height) + 1px); } .movetop-bottom { color: var(--background-color-hero); bottom: var(--half-gutter); right: var(--half-gutter); position: fixed; background-color: var(--heading-color); width: var(--button-height); height: var(--button-height); border-radius: var(--button-height); z-index: 6; } /* mode contraste */ :root[class*='contrast'] .movetop-bottom { box-shadow: 0 0 0 0.125rem var(--background-color-hero) inset; } @media (prefers-reduced-motion: no-preference) { .movetop-bottom { transition: bottom .5s; } .movetop-bottom[aria-hidden="true"] { bottom: calc(var(--half-gutter) * -3); display: inline-block; } .movetop-bottom[aria-hidden="false"] { bottom: var(--half-gutter); } } @media (min-width: 81.25rem) { .movetop-bottom { /* --viewport-content + (gutter/2) */ right: calc((100% - var(--viewport-content))/ 2); } } [class*='movetop-']:not([aria-hidden='true']) { display: inline-block; }/* * Copyright © 2006 2023. Kortic (URL : https://www.kortic.com/accessible-back-to-top-anchor.html) * licence Creative Commons CC BY-NC-SA 4.0 * https://creativecommons.org/licenses/by-nc-sa/4.0/deed.fr */ /**** Objet DOM global nécessaire pour ne pas chercher les éléments à chaque fonction :-) ****/ const DOM = { window: jQuery(window), document: jQuery(document), html: jQuery('html'), body: jQuery('body').first(), }; ;((__) => { 'use strict'; __.scrollObserver = () => { if(!'IntersectionObserver' in window) { return; } if(DOM.body.outerHeight() > (DOM.window.innerHeight() * 1.5)) { let id_ = 'scroll-sentinel', moveTopElements = DOM.document.find('[class*="movetop-"]'); moveTopElements.on({ click: () => { __(DOM.html, DOM.body).animate({ scrollTop: 0 }, (!window.matchMedia("(prefers-reduced-motion: reduce)").matches ? 500 : 0)) /* à la fin de l'animation, replacer le focus sur un élément de haut de page */ } }); let sentinel = __('

', { 'id': id_, 'aria-hidden': 'true' }); sentinel.css({ top: (DOM.window.innerHeight() + (DOM.window.innerHeight() * 2)) }).appendTo( DOM.body ); let observer = new IntersectionObserver(entries => { moveTopElements.attr('aria-hidden', entries[0].isIntersecting ? null : 'true'); }); observer.observe(document.querySelector(`#${id_}`)); } }; DOM.document.ready(__.scrollObserver()); })(jQuery);