Merge branch 'master' into opti-activation-from-master

FICHEPRODUIT.md

@@ -1,3 +1,8 @@
+
+> ⚠️ Attention, la dernière version de cette fiche est à consulter sur [le dépôt beta.gouv.fr](https://github.com/betagouv/beta.gouv.fr/blob/master/content/_startups/nosgestesclimat.md). 
+
+
+
 ## Le drame
 
 On ne présente plus le changement climatique. 1,5 degrés, 2 degrés, ce sont des objectifs aujourd'hui bien connus. Seulement, des faits et mécanismes physiques et des chiffres de réchauffement planétaires, comment se traduisent les objectifs de l'accord de Paris dans notre vie quotidienne ? Autrement dit, quelle est *mon* empreinte sur le climat, de quoi est-elle constituée ? Et comment puis-je agir dessus, efficacement ?

source/components/SessionBar.tsx

@@ -62,6 +62,12 @@ const MenuButton = styled.div`
 		}
 		height: auto;
 	}
+	@media (max-height: 700px) {
+		img,
+		svg {
+			display: none;
+		}
+	}
 `
 
 const Button = (props) => {
@@ -78,7 +84,7 @@ const Button = (props) => {
 				  }
 				: {})}
 		>
-			<MenuButton {...props} />{' '}
+			<MenuButton {...props} />
 		</Link>
 	)
 }
@@ -333,7 +339,7 @@ const NavBar = styled.ul`
 	list-style-type: none;
 	justify-content: space-evenly !important;
 	align-items: center;
-	height: 3.5rem;
+
 	margin: 0;
 	width: 100%;
 	height: 4rem;
@@ -352,6 +358,10 @@ const NavBar = styled.ul`
 			width: 100%;
 		}
 	}
+
+	@media (max-height: 700px) {
+		height: 2rem;
+	}
 `
 
 const GroupModeMenuEntry = ({ title, icon, url, children, buttonStyle }) => {

source/sites/publicodes/Landing.tsx

@@ -12,6 +12,7 @@ import useMediaQuery from '../../components/utils/useMediaQuery'
 import { TrackerContext } from '../../components/utils/withTracker'
 import LandingExplanations from './LandingExplanations'
 import { useProfileData } from './Profil'
+
 const LazyIllustration = React.lazy(
 	() => import('Components/AnimatedIllustration')
 )
@@ -79,6 +80,15 @@ export default () => {
 							font-size: 180%;
 						}
 					}
+					@media (max-height: 700px) {
+						/*target iPhone 5 SE */
+						h1 {
+							font-size: 160%;
+						}
+						svg {
+							max-width: 12rem !important;
+						}
+					}
 				`}
 			>
 				<div
@@ -93,7 +103,7 @@ export default () => {
 							Connaissez-vous votre empreinte sur le climat ?
 						</Trans>
 					</h1>
-					{mobile && <Illustration small aira-hidden="true" />}
+					{mobile && <Illustration aira-hidden="true" />}
 					<p>
 						<Trans i18nKey={'sites.publicodes.Landing.description'}>
 							En 10 minutes, obtenez une estimation de votre empreinte carbone

source/sites/publicodes/ScoreBar.tsx

@@ -65,7 +65,14 @@ export default ({ actionMode = false, demoMode = false }) => {
 					left: 0;
 					z-index: 10;
 					width: 100%;
-				}`}
+				}
+
+			@media (max-height: 700px) {
+			bottom: 2rem
+
+			}
+
+				`}
 
 					color: var(--textColor);
 					a {