Noé Cendrier - Mot-clé - intégrationNoé Cendrier, comédien, auteur, intégrateur web, bidouilleur de possibles – site officiel2024-01-30T16:38:19+01:00Noé Cendrierurn:md5:db589cc3ac41f3fa395591e8f63f65dcDotclearCtrl+Nurn:md5:de29a365e8037e4a914271eee0bb06052021-02-17T15:39:00+01:002021-02-17T15:39:00+01:00NoéNouvellesboulot à moicssDotclearintégrationjavascriptlaravelphppremiers pasprojetvue.jsweb <p>Il y a une éternité<sup>[<a href="https://www.noecendrier.fr/post/ctrlN#wiki-footnote-1" id="rev-wiki-footnote-1">1</a>]</sup>, je me suis lancé plein de rêves, de vers et d’émotions dans l’Art dramatique. J’y ai connu de grandes joies, mais depuis un an, l’activité théâtrale s’est singulièrement ralentie<sup>[<a href="https://www.noecendrier.fr/post/ctrlN#wiki-footnote-2" id="rev-wiki-footnote-2">2</a>]</sup>.</p>
<p>Je me suis donc tourné vers mon autre passion, l’informatique – et plus particulièrement le web, et je me suis lancé dans une <a href="https://www.coding-academy.fr/dev-go/">formation à distance</a>, pour consolider / valoriser mes connaissances que j’aborde en <em>semi-pro</em> depuis tant d’années. Après trois mois intense et un stage sous l’œil bienveillant de <a href="https://open-time.net">Franck</a>, j’ai validé la formation et refait <a href="https://www.noecendrier.fr/noe/public/docs/CV-dev.pdf">mon CV</a>.</p>
<p>J’espère trouver, dans cette nouvelle page de ma carrière, de nouvelles satisfaction et expérimenter cette chose fascinante qu’on appelle un emploi avec un contrat qui dure plus de quelques heures<sup>[<a href="https://www.noecendrier.fr/post/ctrlN#wiki-footnote-3" id="rev-wiki-footnote-3">3</a>]</sup>, mais aussi, surtout, participer, à ma petite échelle, à faire du web un endroit plus riche et accessible au plus grand nombre. Je suis attaché à la qualité web, et je pense qu’on ne sera jamais trop nombreux pour la défendre.</p>
<p>Donc si vous cherchez (ou connaissez des gens qui cherchent) un p’tit (pas si) jeune qui débute (pas complètement<sup>[<a href="https://www.noecendrier.fr/post/ctrlN#wiki-footnote-4" id="rev-wiki-footnote-4">4</a>]</sup>) dans la magie des zinternets, pensez à moi !</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://www.noecendrier.fr/post/ctrlN#rev-wiki-footnote-1" id="wiki-footnote-1">1</a>] J’ai officiellement participé à mon premier spectacle professionnel à l’été 1989, en un autre siècle…</p>
<p>[<a href="https://www.noecendrier.fr/post/ctrlN#rev-wiki-footnote-2" id="wiki-footnote-2">2</a>] Elle n’est pas la seule, mais ça n’en est pas moins violent.</p>
<p>[<a href="https://www.noecendrier.fr/post/ctrlN#rev-wiki-footnote-3" id="wiki-footnote-3">3</a>] Je pourrais me désinscrire de Pôle emploi, pour la première fois depuis une grosse décennie, achetague #trucDeOuf</p>
<p>[<a href="https://www.noecendrier.fr/post/ctrlN#rev-wiki-footnote-4" id="wiki-footnote-4">4</a>] Comme le suggèrent quelques tags de ce site</p></div>
Peau neuveurn:md5:6a20d273adbca644c0f27c5ae079de552019-02-15T12:12:00+01:002019-02-15T12:13:29+01:00NoéNouvellesgeekerieintégrationnouveauNoé sul’webprésentationvisite guidée <p>Il était plus que temps. Après 10 ans de bons et loyaux services, le thème bleu qui étrenna mon domaine à moi a vécu. Pour les nostalgiques qui veulent se rappeler à quoi ça ressemblait, vous pouvez <del>croquer ce champi</del> cliquer sur <a href="https://www.noecendrier.fr/post/?theme=noe" title="shazam !">ce lien</a> – et revenir au présent avec <del>l’autre côté du champign</del> <a href="https://www.noecendrier.fr/post/?theme=noe2017" title="contre-shazam !">cet autre lien</a>.</p>
<p><a href="https://www.noecendrier.fr/noe/public/Une/Capture-ncfr2009.png" title="Capture de noecendrier.fr, theme de 2009"><img src="https://www.noecendrier.fr/noe/public/Une/.Capture-ncfr2009_m.png" alt="Capture de noecendrier.fr, theme de 2009" style="display:table; margin:0 auto;" /></a></p>
<p><a href="https://www.noecendrier.fr/noe/public/Une/Capture-ncfr2019.png" title="Capture de noecendrier.fr, theme de 2019"><img src="https://www.noecendrier.fr/noe/public/Une/.Capture-ncfr2019_m.png" alt="Capture de noecendrier.fr, theme de 2019" style="display:table; margin:0 auto;" /></a></p>
<p>D’aucuns – et ils n’auront pas tort – noteront que j’ai fait traîner plus de deux ans entre <a href="https://www.noecendrier.fr/post/R%C3%A9solution" hreflang="fr" title="Résolution">l’annonce de la refonte</a> et sa réalisation. On va dire, pudiquement, que je n’ai pas fait que ça<sup>[<a href="https://www.noecendrier.fr/post/Peau-neuve#wiki-footnote-1" id="rev-wiki-footnote-1">1</a>]</sup>, mais foin d’excuses approximatives. La peinture n’est pas bien sèche, il y a des contenus qui exigent fermement une mise à jour, mais j’espère que vous vous y sentirez bien.</p>
<p>Histoire de présenter la présente incarnation de mon p’tit coin de web, signalons que l’aspect s’adapte pour être facilement lisible quel que soit l’appareil utilisé pour le consulter<sup>[<a href="https://www.noecendrier.fr/post/Peau-neuve#wiki-footnote-2" id="rev-wiki-footnote-2">2</a>]</sup>. La page d’accueil a abandonné définitivement le style blog (mais, bien sûr, c’est toujours Dotclear à la manœuvre derrière) et, grâce au plugin <a href="http://plugins.dotaddict.org/dc2/details/featuredMedia">Featured Media</a> du camarade <a href="https://open-time.net/post/2016/02/24/Plugin-featuredMedia-01-pour-Dotclear">Franck Paul</a>, chaque billet est désormais agrémenté d’une illustration d’en-tête<sup>[<a href="https://www.noecendrier.fr/post/Peau-neuve#wiki-footnote-3" id="rev-wiki-footnote-3">3</a>]</sup>. Des boutons de partage ont aussi fait leur apparition au pied des billets. Bref, je suis impatient d’avoir vos avis sur le résultat, et je suis preneur de toutes vos suggestions. N’hésitez pas à me laisser un commentaire ici… ou pourquoi pas à passer me voir <a href="https://www.noecendrier.fr/dates">là</a> <sup></sup> !</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://www.noecendrier.fr/post/Peau-neuve#rev-wiki-footnote-1" id="wiki-footnote-1">1</a>] J’ai notamment passé un temps conséquent en 2017 sur la refonte d’un autre site… qui n’a jamais été mise en ligne :’( </p>
<p>[<a href="https://www.noecendrier.fr/post/Peau-neuve#rev-wiki-footnote-2" id="wiki-footnote-2">2</a>] Les professionnels appellent ça <abbr title="Responsive Web Design">RWD</abbr>, mais on peut aussi dire site web adaptatif comme les Québécois</p>
<p>[<a href="https://www.noecendrier.fr/post/Peau-neuve#rev-wiki-footnote-3" id="wiki-footnote-3">3</a>] Pour le présent billet, j’ai agrémenté la capture de l’ancien visuel d’éclats de verres fournir par <a href="https://www.obsidiandawn.com/shattered-glass-photoshop-gimp-brushes" hreflang="en">Obsidian Dawn</a></p></div>
Tout ce que vous avez toujours voulu savoir sur l’ergonomie (ou presque)urn:md5:7c87ae9f47c60b28f4048ce5c25013912010-06-15T18:51:00+02:002010-06-15T18:51:00+02:00NoéNouvellesboulot à moicssgargarismes ergonomiquesintégrationplugins Dotclearweb <p>Gautier Barrère est un type hautement fréquentable, en charge notamment du pilotage de la <q>démarche ergonomie</q> de Dotclear . L’ergonomie, c’est ce truc qui consiste à faire que les outils soient adaptés à l’usage qu’on en a, afin d’améliorer, notamment, les conditions de travail. Mais tout ça est bien mieux expliqué et détaillé <a href="http://www.gargarismes-ergonomiques.com/">sur le tout nouveau site de Gautier</a>.</p>
<p>Et je ne vous en parle pas seulement parce que c’est un copain, mais aussi parce que je ne suis pas pour rien dans cette <a href="http://www.gargarismes-ergonomiques.com/a-propos">mise en ligne</a>. J’ai en effet réalisé l’intégration et le paramétrage du fringuant Dotclear qui est derrière à partir d’un design de la grande <a href="http://weblog.redisdead.net/">Hellgy</a> – qu’on ne présente plus. Il m’a fallu créer quelques templates dédiés pour certaines catégories grâce à <a href="http://www.turbinagaz.com/post/2008/04/29/Template-personnalise-par-categorie">l’immortelle astuce de maître Pep</a> et inventer un balisage rigolo pour le menu (marquer l’élément de menu comme actif quand on est dans les sous-éléments), mais dans l’ensemble rien d’excessivement exotique. La difficulté majeure a été la disposition du contenu pour avoir les boîtes informatives flottant à droite et « touchant » le contenu texte sans que la colonne principale ne soit excessivement large afin de ne pas nuire à la lisibilité, ce qui a a abouti à la colonne unie à droite, non prévue de cette manière dans le design initial, pour « décaler » le bord droit de la fenêtre – bref, des considérations graphiques plutôt que des torturages de codes ^^</p>
<p>Et vous savez la bonne, que dis-je, l’excellente nouvelle : je suis disponible de suite pour tout nouveau projet webistique ! <a href="https://www.noecendrier.fr/contact">Dépêchez-vous de me contacter</a>, premier arrivé, premier servi et toute cette sorte de chose…</p>
<p>La prochaine fois, je vous recause théâtre, ma rentrée s’organise, de ce côté-là aussi (et si vous ne l’avez pas encore vu, <a href="http://www.noecendrier.fr/pages/Me-voir-sur-sc%C3%A8ne-Facile-%21">il y a des dates pour Dom Juan</a> jusqu’à fin juillet).</p>Et hop, encore un client satisfait !urn:md5:55071085782c469d5b69a2f5eda6f5302010-03-23T17:20:00+01:002010-03-23T22:39:46+01:00NoéNouvellesboulot à moicssgeekerieintégrationjavascriptnouveauplugins DotclearUn Max d’Idéesweb <p>Une cliente, en l’occurrence, mais c’est avec une joie sans mélange que je viens de livrer une bien belle intégration pour un <a href="http://www.unmaxdidees.com/" hreflang="fr" title="Un Max d’Idées">site plutôt sympathique</a><sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-1" id="rev-pnote-959-1">1</a>]</sup>.</p>
<p>Du coup, je me fends d’un billet plus geekesque qu’à l’accoutumé, parce que j’ai dû faire des trucs pour y arriver qui m’ont permis de faire le point de mes compétences actuelles en la matière.</p>
<p>Alors, pour être clair sur ce que j’ai fait, il y a là-dedans :</p>
<ul>
<li>un thème pour les neufs blogs<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-2" id="rev-pnote-959-2">2</a>]</sup> qui sont les « sections » du site ;</li>
<li>un thème dédié pour le blog qui sert <a href="http://www.unmaxdidees.com/">la page d’accueil</a> et les pages d’infos générales sur le site (les liens vers le pied de page), avec redirection des anciennes URLs par RewriteRule<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-3" id="rev-pnote-959-3">3</a>]</sup> ;</li>
<li>un thème pour <a href="http://www.unmaxdidees.com/annuaire/" hreflang="fr">l’annuaire</a>, propulsé par <a href="http://www.freeglobes.net/" hreflang="fr">Freeglobes</a> ;</li>
<li>intégration de la régie publicitaire <a href="http://www.openx.org/" hreflang="en">OpenX</a><sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-4" id="rev-pnote-959-4">4</a>]</sup> ;</li>
</ul>
<p>Toutes ces choses-là ayant été mises à jour par mes soins (le site tournait depuis 3 ans sans mises à jour des applications<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-5" id="rev-pnote-959-5">5</a>]</sup>).</p>
<p>Pour rentrer un peu dans le détail, l’installation Dotclear utilise quelques plugins<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-6" id="rev-pnote-959-6">6</a>]</sup> :</p>
<ul>
<li>l’excellent <a href="http://www.mirovinben.com/blog/index.php?post/id563" hreflang="fr">OtherBlog</a><sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-7" id="rev-pnote-959-7">7</a>]</sup> de <a href="http://www.mirovinben.com/blog/" hreflang="fr">Mirovinben</a> pour afficher les dernières publications dans un widget dédié présent dans la colonne de droite de chacun des blogs ;</li>
<li>l’indispensable <a href="http://aiguebrun.adjaya.info/post/070419/Plugin-advancedCatList-pour-dotclear-2" hreflang="fr">advancedCatList</a> d’<a href="http://aiguebrun.adjaya.info/">adjaya</a>, mis à jour par mes soins pour supporter les sous-catégories et modifié encore pour, sur le modèle d’OtherBlog, permettre d’affecter des class à plusieurs widgets, ce qui permet le tri de catégories qu’on peut voir sur le bloc de navigation jaune à gauche dans les blogs ;</li>
<li>le tout nouveau <a href="http://www.sakeco.net/blog/post/2010/01/21/Nouveau-plugin-%3A-YAFR-enlarge-your-feed-reader" hreflang="fr">yafr</a> de l’ami <a href="http://www.sakeco.net/blog/" hreflang="fr" title="Du libre et du sport">Osku</a>, pour alimenter la page d’accueil en butinant les flux des différents blogs<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-8" id="rev-pnote-959-8">8</a>]</sup> ;</li>
<li>le très ancien <a href="http://marcvachette.info/post/2007/09/03/32-plugin-last-blogs-pour-dotclear2" hreflang="fr">last Blogs</a> de <a href="http://marcvachette.info/" hreflang="fr">Marc Vachette</a>, modifié par mes soins pour servir la liste des section dans le bloc jaune sur la page d’accueil, en les classant en fonction de la date de mise à jour<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-9" id="rev-pnote-959-9">9</a>]</sup> ;</li>
<li>le pétillant <a href="http://lab.dotclear.org/wiki/plugin/multiBlogSearch" hreflang="en">Multi Blog Search</a> de <a href="http://www.zenstyle.fr/" hreflang="fr">Tomtom</a>, pour que le module de recherche de la page d’accueil générale renvoie les résultats de toutes les « sections » du site ;</li>
<li>j’espère n’avoir oublié personne…</li>
</ul>
<p>Et pour agrémenter le tout, quelques scripts jquery pour</p>
<ul>
<li>gérer le <a href="http://www.joesak.com/2008/11/19/a-jquery-function-to-auto-fill-input-fields-and-clear-them-on-click/" hreflang="en">préremplissage/coloriage du champ de recherche</a>,</li>
<li>les <a href="http://blue-anvil.com/archives/anti-aliased-rounded-corners-with-jquery/" hreflang="en">coins arrondis</a> de certains blocs,</li>
<li>le <a href="http://flowplayer.org/tools/index.html" hreflang="en">carrousel</a> de la page d’accueil.</li>
</ul>
<p>Au final, un résultat dont je suis satisfait, techniquement propre (les pages sont valides, et de ce point de vue, on revient de loin<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-10" id="rev-pnote-959-10">10</a>]</sup>) et fonctionnel.</p>
<p>Bon alors, vous attendez quoi pour me filer du boulot, maintenant ?<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-11" id="rev-pnote-959-11">11</a>]</sup> \o/</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-1" id="pnote-959-1">1</a>] Et dont le caractère sympathique transparaît d’ailleurs mieux avec cette nouvelle peau ^^ </p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-2" id="pnote-959-2">2</a>] Vive le multiblog \o/</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-3" id="pnote-959-3">3</a>] <a href="http://httpd.apache.org/docs/1.3/mod/mod_rewrite.html" hreflang="en">Damn’ cool voodoo</a>, obligé d’en passer par là pour cause de query_string dans l’url originale – je vous avais dit que ce serait geekesque</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-4" id="pnote-959-4">4</a>] Et fouillage de l’internet pour comprendre comment éviter que le machin ne mette le serveur à genoux. La prise en main n’est pas forcément très intuitive – hmm, t’as vu comme je manie la litote ? – et la doc (en anglais) doit être sérieusement potassée</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-5" id="pnote-959-5">5</a>] Un Dotclear beta6, les mecs !</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-6" id="pnote-959-6">6</a>] Je ne parle ici que de ceux qui ont une visibilité pour le visiteur</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-7" id="pnote-959-7">7</a>] Ciel, la <a href="http://plugins.dotaddict.org/dc2/details/OtherBlog" hreflang="fr">fiche DotAddict</a> n’est pas à jour !</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-8" id="pnote-959-8">8</a>] Avec création de deux nouveaux URLHandlers pour des flux dédiés renvoyant l’EntryFirstImage en taille <code>s</code> et l’EntryFirstImage en taille <code>sq</code> plus un bout de texte. Osku m’a aussi aidé à redéfinir la balise afin qu’elle passe dans le flux, merci, fieu !</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-9" id="pnote-959-9">9</a>] Le genre de truc que je suis le seul à savoir, mais j’aime bien l’idée</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-10" id="pnote-959-10">10</a>] – Il y avait des… balises <center> là-dedans… c’était… oh mon Dieu… (sob) <br />– N’y pense plus, Bob, c’est fini, maintenant (<em>à part</em>) Ah quand même, des <center>… vacherie !</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-11" id="pnote-959-11">11</a>] Enfin, là, maintenant tout de suite, je dois me pencher sur la V2 de brandydaisy, mais n’attendez pas trop, tout de même ;-) </p></div>
It’s alive ! Aliiiiiive !urn:md5:ebee117814cffa18c3a67419ab40e6c32009-11-10T16:30:00+01:002010-06-21T11:31:56+02:00NoéNouvellesboulot à moiBrandy Daisycssgeekerieintégrationjavascriptplugins Dotclearweb <p>Quand on a consacré de l’énergie à quelque chose, qu’on s’est battu avec les CSS, qu’on a vaincu les incompatibilités IE7<sup>[<a href="https://www.noecendrier.fr/post/It%E2%80%99s-alive-%21-Aliiiiiive-%21#pnote-954-1" id="rev-pnote-954-1">1</a>]</sup> et croisé le fer avec des JavaScripts chafouins, c’est rien de dire que le jour où le public peut enfin en profiter est un jour attendu.</p>
<p>Donc :</p>
<ul>
<li>si vous aimez la créativité textile ;</li>
<li>si vous avez de la sympathie pour moi ;</li>
<li>si vous êtes curieux ;</li>
<li>si vous voulez m’envoyer un rapport de bug détaillé pour me <del>faire ch</del> taquiner</li>
</ul>
<p>Vous cliquez là</p>
<p><a href="http://www.brandydaisy.com/"><img src="https://www.noecendrier.fr/noe/public/creagraphique/.Invitation_Brandy_Daisy_m.jpg" alt="Invitation cocktail de bienvenue Brandy Daisy" style="display:block; margin:0 auto;" /></a></p>
<p>et vous écarquillez les mirettes.</p>
<p>Deux mots sur le projet en question, que j’ai suivi, ce qui est toujours plaisant, depuis très tôt. Il s’agit d’un magazine de mode sur le web où, régulièrement, de nouvelles séries « Mode », suivies de making-of, seront proposées, ainsi que diverses fiches sur les participants et des créations à fabriquer soi-même. <a href="http://chicnkitsch.blogspot.com">Oriane Rousset</a> et la styliste Sonia Haba sont à l’origine du projet, dont l’habillage graphique est dû à l’œil habile de Brigitte Rousset.</p>
<p>Je n’ai fait <em>que</em> l’intégration à un Dotclear de bonne facture, mais, pour un moteur de blog, on a quand même sérieusement modifié la destination de l’engin, ce qui en fait un boulot intéressant et pas de tout repos ;-)</p>
<p>Je prévois, le temps de faire un peu de ménage dans le code actuel, de distribuer le thème pour Gallery utilisé dans les billets Mode et Making-of.</p>
<p>Bref, tous commentaires bienvenus sur cette réalisation, dont la révélation publique fait diminuer ma pile de retard, ce qui est toujours agréable ^^</p>
<p>À bientôt les aminches !</p>
<p>PS : Pour les distraits, je rappelle que je joue toujours <a href="https://www.noecendrier.fr/post/Sur-sc%C3%A8ne-%C3%A0-Paris-%21">tous les samedis</a> au Théâtre Espace Marais – jusque fin février pour l’instant (j’y reviendrai de toute façon pour annoncer les dates des vacances de Noël oussque y en a encore plus).</p>
<p><em><strong>Edit :</strong> L’équipe originale n’ayant pas tenu, Oriane est désormais seule aux commandes d’un blog-boutique, toujours sympathique mais plus simple. La première version ci-dessus détaillée est <a href="http://www.brandydaisy.com/premiereversion/">toujours accessible</a>, pour archive, mais n’évoluera plus.</em></p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://www.noecendrier.fr/post/It%E2%80%99s-alive-%21-Aliiiiiive-%21#rev-pnote-954-1" id="pnote-954-1">1</a>] pour IE6, j’ai décidé que faut pas exagérer non plus, quoi, à la fin, enfin, zut, quoi</p></div>