test home page with background

index.html

@@ -33,10 +33,10 @@
             <a href="PageRaphaelle.jpg"></a>
         </div>
 
-        <!-- <div class="object">
-            <img src="ImgProtocol.png"/>
-            <a href="PageProtocol.jpg"></a>
-        </div> -->
+        <div class="object">
+            <img src="ImgJuli.png"/>
+            <a href="PageJuli.pdf"></a>
+        </div>
 
         <!-- <div class="object">
             <img src="ImgProtocol.png"/>

styles.css

@@ -24,7 +24,11 @@ html {
 body {
   margin: 0;
   padding: 0;
-  background: #000;
+  background: black;
+  background-image: url(background.png);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: contain;
   width: 100%;
   height: 100%;
   overflow: hidden;
@@ -53,27 +57,27 @@ body {
 }
 
 .object:nth-child(1) {
-  left: 9%;
-  top: 49%;
+  left: 73%;
+  top: 30%;
 }
 
 .object:nth-child(2) {
-  left: 53%;
-  top: 27%;
+  left: 59%;
+  top: 18%;
 }
 
 .object:nth-child(3) {
-  left: 6%;
-  top: 81%;
+  left: 11%;
+  top: 54%;
 }
 
 .object:nth-child(4) {
-  left: 8%;
-  top: 5%;
+  left: 3%;
+  top: 10%;
 }
 
 .object:nth-child(5) {
-  left: 64%;
-  top: 52%;
+  left: 29%;
+  top: 43%;
 }
 /*# sourceMappingURL=styles.css.map */

styles.css.map

@@ -1,6 +1,6 @@
 {
     "version": 3,
-    "mappings": "AAAA,AAAA,CAAC,CAAC;EACE,kBAAkB,EAAE,UAAU;EAC9B,eAAe,EAAE,UAAU;EAC3B,UAAU,EAAE,UAAU;EACtB,uBAAuB,EAAE,SAAS;EAClC,cAAc,EAAE,kBAAkB;EAClC,sBAAsB,EAAE,WAAW;EACnC,mBAAmB,EAAE,WAAW;EAChC,cAAc,EAAE,WAAW;EAC3B,WAAW,EAAE,KAAK;EAClB,gBAAgB,EAAE,KAAK;EACvB,UAAU,EAAE,UAAU;CACzB;;AAED;;;;GAIG;AAEH,AAAA,IAAI,CAAA;EACA,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,MAAM;CACnB;;AAED,AAAA,IAAI,CAAC;EACD,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,MAAM;CACnB;;AAED,AAAA,OAAO,CAAC;EACJ,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;CAiBf;;AApBD,AAKI,OALG,CAKH,GAAG,CAAC;EACD,KAAK,EAAE,IAAI;CACV;;AAPR,AASI,OATG,CASH,CAAC,CAAC;EACE,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;EACR,IAAI,EAAE,GAAG;EACT,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,OAAO;EACf,OAAO,EAAE,KAAK;EACd,SAAS,EAAE,qBAAqB;CACnC;;AAKD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,EAAc;EACpB,GAAG,EAAE,GAAc;CACtB;;AAHD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,GAAc;EACpB,GAAG,EAAE,GAAc;CACtB;;AAHD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,EAAc;EACpB,GAAG,EAAE,GAAc;CACtB;;AAHD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,EAAc;EACpB,GAAG,EAAE,EAAc;CACtB;;AAHD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,GAAc;EACpB,GAAG,EAAE,GAAc;CACtB",
+    "mappings": "AAAA,AAAA,CAAC,CAAC;EACE,kBAAkB,EAAE,UAAU;EAC9B,eAAe,EAAE,UAAU;EAC3B,UAAU,EAAE,UAAU;EACtB,uBAAuB,EAAE,SAAS;EAClC,cAAc,EAAE,kBAAkB;EAClC,sBAAsB,EAAE,WAAW;EACnC,mBAAmB,EAAE,WAAW;EAChC,cAAc,EAAE,WAAW;EAC3B,WAAW,EAAE,KAAK;EAClB,gBAAgB,EAAE,KAAK;EACvB,UAAU,EAAE,UAAU;CACzB;;AAED;;;;GAIG;AAEH,AAAA,IAAI,CAAA;EACA,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,MAAM;CACnB;;AAED,AAAA,IAAI,CAAC;EACD,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,KAAK;EACjB,gBAAgB,EAAE,mBAAmB;EACrC,mBAAmB,EAAE,MAAM;EAC3B,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,OAAO;EACxB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,MAAM;CACnB;;AAED,AAAA,OAAO,CAAC;EACJ,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;CAiBf;;AApBD,AAKI,OALG,CAKH,GAAG,CAAC;EACD,KAAK,EAAE,IAAI;CACV;;AAPR,AASI,OATG,CASH,CAAC,CAAC;EACE,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;EACR,IAAI,EAAE,GAAG;EACT,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,OAAO;EACf,OAAO,EAAE,KAAK;EACd,SAAS,EAAE,qBAAqB;CACnC;;AAKD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,GAAc;EACpB,GAAG,EAAE,GAAc;CACtB;;AAHD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,GAAc;EACpB,GAAG,EAAE,GAAc;CACtB;;AAHD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,GAAc;EACpB,GAAG,EAAE,GAAc;CACtB;;AAHD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,EAAc;EACpB,GAAG,EAAE,GAAc;CACtB;;AAHD,AAAA,OAAO,AAAA,UAAW,CAAA,CAAC,EAAK;EACpB,IAAI,EAAE,GAAc;EACpB,GAAG,EAAE,GAAc;CACtB",
     "sources": [
         "styles.scss"
     ],

styles.scss

@@ -26,7 +26,11 @@ html{
 body {
     margin: 0;
     padding: 0;
-    background: #000;
+    background: black;
+    background-image: url(background.png);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
     width: 100%;
     height: 100%;
     overflow: hidden;