🎨 Passage du bandeau expérimental à un bandeau beta

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "prel2",
+  "name": "syso",
   "version": "0.0.1",
   "license": "AGPL-3.0",
   "repository": {

source/components/Contact.js

@@ -2,8 +2,8 @@ import React from 'react'
 
 export default () =>
   <div style={{color: '#333350', margin: '15% auto', width: '20em', textAlign: 'center'}}>
-    <p style={{fontWeight: 'bold'}}>
-      Pour nous écrire : contact@embauche.beta.gouv.fr
+    <p>
+      Pour nous écrire : <span style={{fontWeight: 'bold'}}>contact@embauche.beta.gouv.fr</span>
     </p>
     {/* TODO: credits for the image to add: https://thenounproject.com/search/?q=post+card&i=715677 */}
     <img style={{margin: '3%'}} width="200px" src={require('../images/contact.png')} />

source/containers/Layout.css

@@ -4,6 +4,24 @@ body {
 	height: 100%;
 }
 
+#warning {
+	width: 400px;
+  padding: 6px;
+  position: absolute;
+  text-align: center;
+  color: white;
+	background: #333350;
+	border: 2px solid white;
+	position: fixed;
+	top: 35px;
+	left: -150px;
+	transform: rotate(-45deg);
+	font-weight: bold;
+}
+#warning a {
+	text-decoration: none;
+}
+
 #content {
 	margin-top: 1.5em;
 }
@@ -25,18 +43,7 @@ h1 {
 	font-weight: 400;
 }
 
-#warning {
-	padding: .2em 0;
-	background: #8a1c1c;
-	color: white;
-	font-style: italic;
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	text-align: center;
-	z-index: 1000000;
-}
+
 #main {
 	min-height: 100vh;
 	width: 100%;

source/containers/Layout.js

@@ -17,7 +17,7 @@ export default class Layout extends Component {
 					<div id="ninetyPercent">
 						<div id="header">
 							<div id="warning">
-								Attention ! Ce site est expérimental.
+								<Link to="/contact">version BETA</Link>
 							</div>
 							{
 								// this.props.location.pathname != '/' &&