From 1e9b6f6d5f3b86fffc86accb942f1aee147eb6fb Mon Sep 17 00:00:00 2001 From: Yves Gatesoupe Date: Fri, 17 Jul 2020 15:57:08 +0200 Subject: [PATCH] pages comprendre and rejoindre reponsive mobile --- src/pages/comprendre-la-cae.md | 262 ++++++++++++++-------------- src/pages/nous-rejoindre.md | 10 +- src/scss/components/_form.scss | 4 +- src/scss/components/_nav.scss | 6 + src/scss/components/_post.scss | 67 ++++++- src/scss/components/_site-head.scss | 2 +- src/scss/global.scss | 1 + src/scss/utilities/_responsive.scss | 11 ++ 8 files changed, 219 insertions(+), 144 deletions(-) create mode 100644 src/scss/utilities/_responsive.scss diff --git a/src/pages/comprendre-la-cae.md b/src/pages/comprendre-la-cae.md index 85eb4db..4b634c1 100644 --- a/src/pages/comprendre-la-cae.md +++ b/src/pages/comprendre-la-cae.md @@ -23,30 +23,32 @@ La CAE c’est aussi une société coopérative, chacun des associés qui la com ### Au démarrage - - - - - - - - - - - - - - - - - - - - - - - -
Entrepreneur salarié en CAEAuto-entrepreneurGérant société
Création du statutSimpleRelativement simpleMise en place complexe
Aide à la créationARE* pour les demandeurs d'emploiACRE* pour les demandeurs d'emploiACRE* pour les demandeurs d'emploi
+
+ + + + + + + + + + + + + + + + + + + + + + + +
Entrepreneur salarié en CAEAuto-entrepreneurGérant société
Création du statutSimpleRelativement simpleMise en place complexe
Aide à la créationARE* pour les demandeurs d'emploiACRE* pour les demandeurs d'emploiACRE* pour les demandeurs d'emploi
+
*ARE : Aide au Retour à l’Emploi @@ -58,48 +60,50 @@ La CAE c’est aussi une société coopérative, chacun des associés qui la com ### Votre activité - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Entrepreneur salarié en CAEAuto-entrepreneurGérant société
Assurance de l'activité professionnelleAssurance RCPro* spécifique à votre activitéÀ votre chargeÀ votre charge
Suivi de l'activitéUne personne référente vous accompagne dans votre projetAccompagnement à votre chargeAccompagnement à votre charge
Pouvoir de décision dans la structureChaque coopérateur possède un pouvoir égalVous êtes seul décisionnaireVous êtes seul décisionnaire
Agrément CIR*Une demande d'agrément est en cours pour AstrolabeVous devez en faire la demandeVous devez en faire la demande
Référencement client / ProspectionVous démarchez directement vos clients et profitez du référencement des coopérateurs auprès de clients grand compte, vous profitez du réseau de coopérateurs et d’appels d’offres auprès des partenairesVous démarchez directement vos clientsVous démarchez directement vos clients
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Entrepreneur salarié en CAEAuto-entrepreneurGérant société
Assurance de l'activité professionnelleAssurance RCPro* spécifique à votre activitéÀ votre chargeÀ votre charge
Suivi de l'activitéUne personne référente vous accompagne dans votre projetAccompagnement à votre chargeAccompagnement à votre charge
Pouvoir de décision dans la structureChaque coopérateur possède un pouvoir égalVous êtes seul décisionnaireVous êtes seul décisionnaire
Agrément CIR*Une demande d'agrément est en cours pour AstrolabeVous devez en faire la demandeVous devez en faire la demande
Référencement client / ProspectionVous démarchez directement vos clients et profitez du référencement des coopérateurs auprès de clients grand compte, vous profitez du réseau de coopérateurs et d’appels d’offres auprès des partenairesVous démarchez directement vos clientsVous démarchez directement vos clients
+
*RCPro : Responsabilité Civile Professionnelle @@ -111,36 +115,38 @@ La CAE c’est aussi une société coopérative, chacun des associés qui la com ### Vos obligations - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Entrepreneur salarié en CAEAuto-entrepreneurGérant société
Régime socialCouverture sociale auprès de la sécurité sociale, cotisation au régime général des retraitesVous êtes redevable de cotisations et contributions à différents organismes de prestations socialesVous êtes redevable de cotisations et contributions à différents organismes de prestations sociales
Obligation comptablesVotre activité comptable est prise en chargeRelativement peu contraignantNécessite une expertise comptable
Obligation fiscalesImpôt sur le revenuChiffre d'affaire plafonné
Régime simplifié		Impôt sur les sociétés
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Entrepreneur salarié en CAEAuto-entrepreneurGérant société
Régime socialCouverture sociale auprès de la sécurité sociale, cotisation au régime général des retraitesVous êtes redevable de cotisations et contributions à différents organismes de prestations socialesVous êtes redevable de cotisations et contributions à différents organismes de prestations sociales
Obligation comptablesVotre activité comptable est prise en chargeRelativement peu contraignantNécessite une expertise comptable
Obligation fiscalesImpôt sur le revenuChiffre d'affaire plafonné
Régime simplifié		Impôt sur les sociétés
+
@@ -148,37 +154,39 @@ La CAE c’est aussi une société coopérative, chacun des associés qui la com ### La prévoyance - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Entrepreneur salarié en CAEAuto-entrepreneurGérant société
Assurance chômageMaintient de l’ARE* pour les demandeurs d’emploi si aucun salaire perçu. -Votre activité ouvre des droits à l’ARE*Votre activité n'ouvre pas de nouveaux droits ARE*Votre activité n'ouvre pas de nouveaux droits ARE*
RetraiteRégime généralCotisation et droits réduitsSimilaire au régime général
Couverture santéSécurité sociale + mutuelle groupe + prévoyance groupeSécurité sociale (RSI*) + mutuelle et prévoyance optionnelleSécurité sociale (RSI*) + mutuelle et prévoyance optionnelle
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Entrepreneur salarié en CAEAuto-entrepreneurGérant société
Assurance chômageMaintient de l’ARE* pour les demandeurs d’emploi si aucun salaire perçu. + Votre activité ouvre des droits à l’ARE*Votre activité n'ouvre pas de nouveaux droits ARE*Votre activité n'ouvre pas de nouveaux droits ARE*
RetraiteRégime généralCotisation et droits réduitsSimilaire au régime général
Couverture santéSécurité sociale + mutuelle groupe + prévoyance groupeSécurité sociale (RSI*) + mutuelle et prévoyance optionnelleSécurité sociale (RSI*) + mutuelle et prévoyance optionnelle
+
*ARE: Aide au Retour à l'Emploi diff --git a/src/pages/nous-rejoindre.md b/src/pages/nous-rejoindre.md index 1166d32..97b2312 100644 --- a/src/pages/nous-rejoindre.md +++ b/src/pages/nous-rejoindre.md @@ -34,13 +34,14 @@ permalink: '/nous-rejoindre/index.html' Entrepreneur en contrat CAPE - Au bout d’un certain temps votre activité devient prérenne. + Au bout d’un certain temps votre activité devient prérenne. Deux options s'offrent à vous :
- flèche gauche + flèche gauche +

- SOIT -

Vous intégrez la coopérative en tant qu'Entrepreneur salarié, bienvenue parmi nous ! @@ -66,10 +67,11 @@ permalink: '/nous-rejoindre/index.html'
- flèche droite + flèche droite +

- SOIT -

Vous créez votre propre entreprise, félicitations ! - Petit bateau à voile + Petit bateau à voile
diff --git a/src/scss/components/_form.scss b/src/scss/components/_form.scss index 89fceee..1413e50 100644 --- a/src/scss/components/_form.scss +++ b/src/scss/components/_form.scss @@ -128,14 +128,12 @@ legend { } @media (max-width: 575.98px) { - .home .form-container { + .form-container { svg { width: 70rem; overflow: hidden; } - } - .form-container { .contact-heading { margin: 2rem 0; } diff --git a/src/scss/components/_nav.scss b/src/scss/components/_nav.scss index dbf6525..03e5114 100644 --- a/src/scss/components/_nav.scss +++ b/src/scss/components/_nav.scss @@ -34,3 +34,9 @@ } } } + +@media (max-width: 575.98px) { + .nav { + margin-top: 1rem; + } +} diff --git a/src/scss/components/_post.scss b/src/scss/components/_post.scss index a24ec68..921c785 100644 --- a/src/scss/components/_post.scss +++ b/src/scss/components/_post.scss @@ -166,6 +166,16 @@ } } + .table-wrapper { + ~ p { + font-size: .875rem; + + &:last-child { + margin-bottom: 1.5rem; + } + } + } + table { margin-bottom: 1rem; @@ -208,14 +218,6 @@ background-color: var(--color-light-gray); } } - - ~ p { - font-size: .875rem; - - &:last-child { - margin-bottom: 1.5rem; - } - } } .process-cae { @@ -295,10 +297,15 @@ } img { - // width: 18rem; align-self: center; margin: 0 auto; } + + .small-boat { + width: 8rem; + margin-top: 4rem; + margin-left: 18rem; + } } } } @@ -322,3 +329,45 @@ } } } + +@media (max-width: 575.98px) { + .post { + &__body { + h1 { + margin: 4rem 0; + font-size: 1.75rem; + } + + + .split-content { + display: block; + } + + .table-wrapper { + overflow-y: auto; + } + + table { + min-width: 48rem; + } + + .process-cae{ + + &.split { + display: block; + + .process-cae__block:last-child { + align-items: flex-start; + } + } + + &__block { + .small-boat { + margin-left: auto; + margin-right: auto; + } + } + } + } + } +} diff --git a/src/scss/components/_site-head.scss b/src/scss/components/_site-head.scss index d27c675..e5e2860 100644 --- a/src/scss/components/_site-head.scss +++ b/src/scss/components/_site-head.scss @@ -30,4 +30,4 @@ margin: 0 auto; } } -} \ No newline at end of file +} diff --git a/src/scss/global.scss b/src/scss/global.scss index 464e3e7..5383eb5 100644 --- a/src/scss/global.scss +++ b/src/scss/global.scss @@ -75,3 +75,4 @@ img { @import 'components/sponsor'; @import 'components/skip-link'; @import 'components/video-player'; +@import 'utilities/responsive'; diff --git a/src/scss/utilities/_responsive.scss b/src/scss/utilities/_responsive.scss new file mode 100644 index 0000000..846905b --- /dev/null +++ b/src/scss/utilities/_responsive.scss @@ -0,0 +1,11 @@ +.hide-desktop { + @media (min-width: 576px) { + display: none; + } +} + +.hide-mobile { + @media (max-width: 575.98px) { + display: none; + } +}