GuerillaStudio/compteur-de-greve
1
0
Fork 0
mirror of https://github.com/GuerillaStudio/compteur-de-greve.git synced 2024-10-09 05:19:02 +00:00
Code Issues Activity

Make resources links full width on mobile

Browse source
This commit is contained in:
Tixie 2023-03-02 10:54:28 +01:00
parent 68cd3b10eb
commit 46fc5fdbea
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/index.njk
View file

@ -54,27 +54,27 @@ permalink:
<a class="btn--social btn--invisible" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.compteurdegreve.fr%2F&text=Le%207%20mars%2C%20je%20ferai%20gr%C3%A8ve%20contre%20la%20r%C3%A9forme%20des%20retraites.%20Et%20vous%20%3F%20%20Ajoutez%20%2B1%20au%20compteur%20de%20gr%C3%A8ve%20et%20faites%20tourner%20!%20%23CompteurDeGreve" target="_blank" aria-label="Partager sur Twitter">{% include 'icons/social/twitter.svg' %}</a> <a class="btn--social btn--invisible" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.compteurdegreve.fr%2F&text=Le%207%20mars%2C%20je%20ferai%20gr%C3%A8ve%20contre%20la%20r%C3%A9forme%20des%20retraites.%20Et%20vous%20%3F%20%20Ajoutez%20%2B1%20au%20compteur%20de%20gr%C3%A8ve%20et%20faites%20tourner%20!%20%23CompteurDeGreve" target="_blank" aria-label="Partager sur Twitter">{% include 'icons/social/twitter.svg' %}</a>
<a class="btn--social btn--invisible" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.compteurdegreve.fr%2F" target="_blank" aria-label="Partager sur Facebook">{% include 'icons/social/facebook.svg' %}</a> <a class="btn--social btn--invisible" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.compteurdegreve.fr%2F" target="_blank" aria-label="Partager sur Facebook">{% include 'icons/social/facebook.svg' %}</a>
{# <a class="btn--social btn--invisible" href="" target="_blank" aria-label="Partager sur Instagram">{% include 'icons/social/instagram.svg' %}</a> #} {# <a class="btn--social btn--invisible" href="" target="_blank" aria-label="Partager sur Instagram">{% include 'icons/social/instagram.svg' %}</a> #}
<a class="btn--social btn--invisible" href="https://api.whatsapp.com/send?text=*Le%207%20mars,%20je%20ferai%20gr%C3%A8ve%20contre%20la%20r%C3%A9forme%20des%20retraites.*%20Et%20vous%20%3F%20%20Ajoutez%20%2B1%20au%20compteur%20de%20gr%C3%A8ve%20et%20faites%20tourner%20%21%0Ahttps://compteurdegreve.fr/" target="_blank" aria-label="Partager sur Whatsapp">{% include 'icons/social/whatsapp.svg' %}</a> <a class="btn--social btn--invisible" href="https://api.whatsapp.com/send?text=*Le%207%20mars,%20je%20ferai%20gr%C3%A8ve%20contre%20la%20r%C3%A9forme%20des%20retraites.*%20Et%20vous%20%3F%20%20Ajoutez%20%2B1%20au%20compteur%20de%20gr%C3%A8ve%20et%20faites%20tourner%20%21%0Ahttps://www.compteurdegreve.fr/" target="_blank" aria-label="Partager sur Whatsapp">{% include 'icons/social/whatsapp.svg' %}</a>
<a class="btn--social btn--invisible" href="https://telegram.me/share/url?url=https://compteurdegreve.fr/&text=" target="_blank" aria-label="Partager sur Telegram">{% include 'icons/social/telegram.svg' %}</a> <a class="btn--social btn--invisible" href="https://telegram.me/share/url?url=https://www.compteurdegreve.fr/&text=" target="_blank" aria-label="Partager sur Telegram">{% include 'icons/social/telegram.svg' %}</a>
<a class="btn--social btn--invisible" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcompteurdegreve.fr%2F" target="_blank" aria-label="Partager sur LinkedIn">{% include 'icons/social/linkedin.svg' %}</a> <a class="btn--social btn--invisible" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.compteurdegreve.fr%2F" target="_blank" aria-label="Partager sur LinkedIn">{% include 'icons/social/linkedin.svg' %}</a>
</div> </div>
</section> </section>
<section class="container text-center" id="aider"> <section class="container text-center" id="aider">
<h2 class="title-2">3 actions pour aider</h2> <h2 class="title-2">3 actions pour aider</h2>
<div class="flex flex-col justify-center align-items-center"> <div class="flex flex-col justify-center align-items-center">
<a class="btn btn--light mb25" href="https://formdivers.typeform.com/to/rcucJg13" target="_blank">✉️&nbsp;<span><span class="text-bold">Envoyer un mail</span> aux collègues</span></a> <a class="btn btn--light mb25 sm:w100" href="https://formdivers.typeform.com/to/rcucJg13" target="_blank">✉️&nbsp;<span><span class="text-bold">Envoyer un mail</span> aux collègues</span></a>
<a class="btn btn--light mb25" href="https://www.change.org/p/retraites-non-%C3%A0-cette-r%C3%A9forme-injuste-et-brutale-reformesdesretraites" target="_blank">✒️&nbsp;<span><span class="text-bold">Signer</span> la pétition</span></a> <a class="btn btn--light mb25 sm:w100" href="https://www.change.org/p/retraites-non-%C3%A0-cette-r%C3%A9forme-injuste-et-brutale-reformesdesretraites" target="_blank">✒️&nbsp;<span><span class="text-bold">Signer</span> la pétition</span></a>
<a class="btn btn--light mb25" href="https://www.caisse-solidarite.fr/" target="_blank">❤&nbsp;<span><span class="text-bold">Faire un don</span> à une caisse de grève</span></a> <a class="btn btn--light mb25 sm:w100" href="https://www.caisse-solidarite.fr/" target="_blank">❤&nbsp;<span><span class="text-bold">Faire un don</span> à une caisse de grève</span></a>
</div> </div>
</section> </section>
<section class="container text-center" id="savoir-plus"> <section class="container text-center" id="savoir-plus">
<h2 class="title-2">En savoir plus</h2> <h2 class="title-2">En savoir plus</h2>
<div class="flex flex-col justify-center align-items-center"> <div class="flex flex-col justify-center align-items-center">
<a class="btn btn--light mb25" href="https://nosretraites-simulateur-cas-types.netlify.app" target="_blank">💸&nbsp;Simuler ma retraite avec la réforme</a> <a class="btn btn--light mb25 sm:w100" href="https://nosretraites-simulateur-cas-types.netlify.app" target="_blank">💸&nbsp;Simuler ma retraite avec la réforme</a>
<a class="btn btn--light mb25" href="https://greve.cool/" target="_blank">🔥&nbsp;La grève, mode d’emploi</a> <a class="btn btn--light mb25 sm:w100" href="https://greve.cool/" target="_blank">🔥&nbsp;La grève, mode d’emploi</a>
<a class="btn btn--light mb25" href="https://64anscestnon.org/IMG/pdf/nos_retraites_-_64_ans_janv2023_2p-1.pdf" target="_blank">📄&nbsp;Synthèse de la réforme, par Nos Retraites</a> <a class="btn btn--light mb25 sm:w100" href="https://64anscestnon.org/IMG/pdf/nos_retraites_-_64_ans_janv2023_2p-1.pdf" target="_blank">📄&nbsp;Synthèse de la réforme, par Nos Retraites</a>
<a class="btn btn--light mb25" href="https://blogs.mediapart.fr/les-invites-de-mediapart/blog/280223/femmes-et-retraites-le-choc-s-annonce-rapide-et-brutal" target="_blank">🙅‍♀️&nbsp;Femmes et retraites, le choc s’annonce rapide et brutal</a> <a class="btn btn--light mb25 sm:w100" href="https://blogs.mediapart.fr/les-invites-de-mediapart/blog/280223/femmes-et-retraites-le-choc-s-annonce-rapide-et-brutal" target="_blank">🙅‍♀️&nbsp;Femmes et retraites, le choc s’annonce rapide et brutal</a>
</div> </div>
</section> </section>