Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@Signez
Signez authored and Stanislas Signoud committed Dec 4, 2019
0 parents commit 278426d
Show file tree
Hide file tree
Showing 19 changed files with 457 additions and 0 deletions.
238 changes: 238 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,238 @@
<!DOCTYPE html>
<html lang="fr">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>La grève, c’est cool</title>
<link rel="stylesheet" type="text/css" href="plex-font/plex-font.css" />
<style>
body {
font-family: 'IBM Plex Sans', Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 20px;
}

h1 {
margin-top: 120px;
font-size: 80px;
line-height: 1.1;
font-weight: 400;
}

h1 span {
display: block;
}

h1,
details,
footer {
margin-left: 140px;
max-width: 600px;
}

details {
margin-bottom: 30px;
}

@media screen and (max-width: 740px) {
h1 {
font-size: 60px;
margin-top: 80px;
}

h1,
details,
footer {
margin-left: 5px;
}
}

details section {
margin-left: 25px;
}

footer {
margin-top: 80px;
margin-bottom: 80px;
color: grey;
font-size: 12px;
}

footer a:link,
footer a:visited {
color: inherit;
}
</style>
</head>

<body>
<h1><span>La <strong>grève</strong>,</span> c’est <strong>cool</strong>.</h1>

<details>
<summary><strong>Pourquoi</strong> c’est la grève ?</summary>

<section>
<p>
Ce jeudi 5 décembre 2019, les syndicats appellent à la grève pour lutter contre la réforme des retraites
qui s’annonce. Ces syndicats demandent également une augmentation du salaire minimum, et de manière
générale, de meilleures conditions de travail. Ce sont les revendications de la grève.
</p>

<p>
Pour en savoir plus sur la réforme des retraites, visitez le site du collectif <a
href="https://reformedesretraites.fr">Nos Retraites</a>. Il contient des études chiffrées sur
l’impact
de la réforme.
</p>
</section>
</details>

<details>
<summary><strong>Est-ce que je peux</strong> faire grève aussi ?</summary>

<section>
<p>Bien sûr ! Sauf de très rares exceptions*, tu peux faire grève, et c’est assez facile.</p>

<p>Pour le faire, il faut :
</p>
<ul>
<li>
Que tu ne travailles pas (du tout) sur un temps continu, tu peux faire grève une heure, une
demi-journée ou un jour ;
</li>
<li>
Quand on te demandera de justifier ton absence, tu devras simplement dire que tu étais en grève ;
</li>
<li>
Pour cette grève*, c’est tout !
</li>
</ul>

<p>
La grève est un droit, en France, donc tu es protégé·e : il ne sera pas écrit sur ta fiche de paie que
tu étais en grève, et ton employeur n’a pas le droit de t’en tenir rigueur par ailleurs de quelque
manière que ce soit.
Tu ne seras simplement pas payé·e pour ce jour de grève – c’est logique, mais c’est bien de
le rappeler !
</p>

<p>
<strong>Si tu travailles dans le privé, pas besoin de préavis, sauf exceptions.</strong> Si tu ne
travailles pas dans le transport, tu n’as pas à respecter de préavis ni à t’annoncer. Si tu veux, tu
peux prévenir tes collègues, c’est plus sympa (et ça peut leur permettre de comprendre !), mais tu n’es
pas obligé.
<small>(<a href="https://www.service-public.fr/particuliers/vosdroits/F117">source</a>)</small>
</p>

<p>
<strong>Si tu travailles dans le public, un préavis de grève a été déposé par les syndicats.</strong> Tu
es donc libre de faire grève (sauf cas particuliers : Police Nationale, magistrats, militaires, gardiens
de prison). Il n’y a pas à se déclarer gréviste à l’avance, sauf si tu es enseignant dans une école
maternelle ou élémentaire.
<small>(<a href="https://www.service-public.fr/particuliers/vosdroits/F499">source</a>)</small>
</p>

<!--<p>
<em>(Si je suis précaire, qu’est ce que je risque ?)</em>
</p>-->
</section>
</details>

<details>
<summary>
…même si <strong>je ne manifeste pas</strong> ?
</summary>

<section>
<p>Bien sûr ! Les grèves sont souvent l’occasion de manifester dans la rue, mais ça n’est absolument pas
obligé. Tu peux rester chez toi, aller te promener avec des copains, comme tu le sens.</p>
</section>
</details>
<details>
<summary>
…même si <strong>je ne suis pas syndiqué</strong> ?
</summary>

<section>
<p>
Évidemment. Les syndicats sont là pour te représenter et te protéger dans ce qu’on appelle le dialogue
social, mais tu peux tout à fait être en grève sans avoir de lien avec un syndicat ou si il n’y a pas de
syndicat dans ton entreprise ou ton administration.
</p>
</section>
</details>
<details>
<summary>
J’ai l’impression que <strong>ça ne servira à rien</strong> :(
</summary>

<section>
<p>
Bien sûr que si !
</p>

<p>
Si tu as l’impression que ça ne servira à rien car tu es seul·e, ou que vous n’êtes pas nombreux·ses à
faire
grève dans ton entreprise ou ton administration, dis-toi que ça peut interroger certains de tes
collègues
qui se diront peut-être, la prochaine fois, qu’eux aussi, ils peuvent faire le pas.
</p>

<p>
Si tu as l’impression que ça ne servira à rien au niveau national, détrompe-toi ! Même si la
mobilisation
n’est pas au rendez-vous – ce dont même le pouvoir doute ! – ça aura permis à ta voix d’être entendue,
du
fait que non, tu n’es pas d’accord avec ce qui se passe et que tu as des revendications. Aussi, tu
n’auras
pas de regrets de ne pas avoir participé à ta hauteur.
</p>
</section>
</details>
<details>
<summary>
J’veux donner <strong>un coup de main</strong> !
</summary>

<section>
<p>
Super, c’est cool !
</p>
<p>
<strong>Tu ne peux pas faire grève ?</strong> Tout le monde ne peut pas forcément faire grève, que ça
soit pour des raisons
d’argent, de métiers réglementés ou d’autres situations. Si tu peux encourager les gens autour de toi
qui le font, leur dire que tu comprends leur démarche, que cette fois-ci tu ne contribue pas mais que tu
y penses pour les prochaines fois, c’est déjà un début. Si tu peux aussi partager des messages qui
encouragent à la grève, c’est cool aussi. Et un petit sourire pour les manifestants ou les personnels en
grève mais qui doivent travailler, c’est encore plus cool !<br />
Si le mouvement continue, tu peux aussi mettre de l’argent dans les caisses de grève. Cela permet aux
travailleurs en grève reconductible de tenir plus longtemps, leur donne confiance et augmente nos
chances de gagner.
</p>

<p>
<strong>Tu fais grève ?</strong> Alors tu donnes déjà un coup de main ! Mais si tu veux, tu peux aussi
participer à une
manifestation, pour montrer le fait que tu n’es pas à ton poste de travail. Si personne de ton entourage
n’est habitué à manifester, que tu t’inquiète de la répression policière, reste proche d’un grand
syndicat.
Ils sont habitués à ce que ça se passe bien et ils t’éviteront des situations délicates.
Tu peux aussi inviter d’autres personnes à faire grève, parler de la réforme des retraites dans ton
entourage ou participer à des Assemblées Générales.
</p>
</section>
</details>

<footer>
<a href="https://greve.cool/">greve.cool</a> – Une page garantie sans trackers – Créée par quelques développeurs
qui avaient envie d’expliquer à leurs amis pourquoi ils faisaient grève le 5 décembre 2019, et comment ça
marche.
</footer>

</body>

</html>
127 changes: 127 additions & 0 deletions plex-font/plex-font.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans Thin'), local('IBMPlexSans-Thin'),
url('./woff/IBMPlexSans-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans Thin Italic'), local('IBMPlexSans-ThinItalic'),
url('./woff/IBMPlexSans-ThinItalic.woff') format('woff');
font-weight: 100;
font-style: italic;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans ExtraLight'), local('IBMPlexSans-ExtraLight'),
url('./woff/IBMPlexSans-ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans ExtraLight Italic'), local('IBMPlexSans-ExtraLightItalic'),
url('./woff/IBMPlexSans-ExtraLightItalic.woff') format('woff');
font-weight: 200;
font-style: italic;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
url('./woff/IBMPlexSans-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
url('./woff/IBMPlexSans-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans'), local('IBMPlexSans'),
url('./woff/IBMPlexSans-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
url('./woff/IBMPlexSans-Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}

@font-face {
font-family: 'IBM Plex Sans Text';
src: local('IBM Plex Sans Text'), local('IBMPlexSans-Text'),
url('./woff/IBMPlexSans-Text.woff') format('woff');
font-weight: 450;
font-style: normal;
}

@font-face {
font-family: 'IBM Plex Sans Text';
src: local('IBM Plex Sans Text Italic'), local('IBMPlexSans-TextItalic'),
url('./woff/IBMPlexSans-TextItalic.woff') format('woff');
font-weight: 450;
font-style: italic;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'),
url('./woff/IBMPlexSans-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans Medium Italic'), local('IBMPlexSans-MediumItalic'),
url('./woff/IBMPlexSans-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
url('./woff/IBMPlexSans-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans SemiBold Italic'), local('IBMPlexSans-SemiBoldItalic'),
url('./woff/IBMPlexSans-SemiBoldItalic.woff') format('woff');
font-weight: 600;
font-style: italic;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'),
url('./woff/IBMPlexSans-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'IBM Plex Sans';
src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'),
url('./woff/IBMPlexSans-BoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
}
Binary file added plex-font/woff/IBMPlexSans-Bold.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-BoldItalic.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-ExtraLight.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-ExtraLightItalic.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-Italic.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-Light.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-LightItalic.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-Medium.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-MediumItalic.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-Regular.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-SemiBold.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-SemiBoldItalic.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-Text.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-TextItalic.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-Thin.woff
Binary file not shown.
Binary file added plex-font/woff/IBMPlexSans-ThinItalic.woff
Binary file not shown.
Loading

0 comments on commit 278426d

Please sign in to comment.