]> _ Git - Animations.git/commitdiff
projects / Animations.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 73744cd)
wait #2417 debug IE11 version FR & EN @.30
authornael <nael@cubedesigners.com>
Mon, 10 Dec 2018 13:29:24 +0000 (14:29 +0100)
committernael <nael@cubedesigners.com>
Mon, 10 Dec 2018 13:29:24 +0000 (14:29 +0100)
Fluidbook-presentation-p12/Fluidbook-presentation-p12-EN.zip [new file with mode: 0644] patch | blob
Fluidbook-presentation-p12/Fluidbook-presentation-p12.zip [new file with mode: 0644] patch | blob
Fluidbook-presentation-p12/index.html patch | blob | history

diff --git a/Fluidbook-presentation-p12/Fluidbook-presentation-p12-EN.zip b/Fluidbook-presentation-p12/Fluidbook-presentation-p12-EN.zip
new file mode 100644 (file)
index 0000000..0350269
Binary files /dev/null and b/Fluidbook-presentation-p12/Fluidbook-presentation-p12-EN.zip differ
diff --git a/Fluidbook-presentation-p12/Fluidbook-presentation-p12.zip b/Fluidbook-presentation-p12/Fluidbook-presentation-p12.zip
new file mode 100644 (file)
index 0000000..1688357
Binary files /dev/null and b/Fluidbook-presentation-p12/Fluidbook-presentation-p12.zip differ
diff --git a/Fluidbook-presentation-p12/index.html b/Fluidbook-presentation-p12/index.html
index eb33fe362283593a202fecd5abec8b0d89df4fee..2a3218f64e88f2a1d6a0d9add183c67f55df4d4a 100644 (file)
--- a/Fluidbook-presentation-p12/index.html
+++ b/Fluidbook-presentation-p12/index.html
@@ -6,29 +6,30 @@
 <body >
 <canvas id="canva" width="833" height="805"></canvas>
 <div class="container">
+    <!--<img src="bg.png" alt="">-->
     <div class="item">
         <div class="circle circle-right circle-stat">
             <img class="icon icon-stat" src="icon/stat.svg" alt="">
-            <span class="text text-stat">ANIMATED<br>CHART</span>
+            <span class="text text-stat">GRAPHIQUES<br>ANIMÉS</span>
         </div>
     </div>
     <div class="item">
         <div class="circle circle-right circle-play">
             <img class="icon icon-play" src="icon/play.svg" alt="">
-            <span class="text text-play">MUSIC<br>VIDEO</span>
+            <span class="text text-play">VIDÉOS<br>MUSIQUE</span>
         </div>
     </div>
 
     <div class="item">
         <div class="circle circle-right circle-twitter">
             <img class="icon icon-twitter" src="icon/twitter.svg" alt="">
-            <span class="text text-twitter">SOCIAL<br>MEDIAS</span>
+            <span class="text text-twitter">RÉSEAUX<br>SOCIAUX</span>
         </div>
     </div>
     <div class="item">
         <div class="circle circle-right circle-docs">
             <img class="icon icon-docs" src="icon/hand.svg" alt="">
-            <span class="text text-docs">SHARE<br>DOCUMENTS</span>
+            <span class="text text-docs">DOCUMENTS<br>PARTAGÉS</span>
         </div>
     </div>
     <div class="item">
@@ -40,7 +41,7 @@
     <div class="item">
         <div class="circle circle-left circle-form">
             <img class="icon icon-form" src="icon/courrier.svg" alt="">
-            <span class="text text-form">PERSONALIZED<br>FORMS</span>
+            <span class="text text-form">FORMULAIRES<br>PERSONALISÉES</span>
         </div>
     </div>
     <div class="item">
@@ -58,13 +59,13 @@
     <div class="item">
         <div class="circle circle-left circle-tools">
             <img class="icon icon-tools" src="icon/tools.svg" alt="">
-            <span class="text text-tools">CUSTOM<br>ANIMATIONS</span>
+            <span class="text text-tools">ANIMATIONS<br>SUR MESURE</span>
         </div>
     </div>
     <div class="item">
         <div class="circle circle-left circle-list">
             <img class="icon icon-list" src="icon/list.svg" alt="">
-            <span class="text text-list">QUIZ / POLL</span>
+            <span class="text text-list">QUIZ<br>SONDAGE</span>
         </div>
     </div>
 </div>
@@ -87,13 +88,11 @@
         border-radius: 50%;
         background: #ee6780;
         position: absolute;
-        display: flex;
-        text-align: center;
-        justify-content: space-between;
-        flex-direction: column;
-        align-items: center;
         transform-origin: bottom right;
         transform: scale(0);
+        /*opacity: 0.6;*/
+        text-align: center;
+
     }
     .circle-right:after{
         content: "";
@@ -115,13 +114,10 @@
         border-radius: 50%;
         background: #ee6780;
         position: absolute;
-        display: flex;
         text-align: center;
-        justify-content: space-between;
-        flex-direction: column;
-        align-items: center;
         transform-origin: bottom left;
         transform: scale(0);
+        /*opacity: 0.6;*/
     }
     .circle-left:after{
         content: "";
@@ -159,7 +155,9 @@
         top: 24px;
     }
     .text-stat{
-        top: -16px;
+        top: 76px;
+        position: absolute;
+        left: 23px;
     }
     /**/
     .circle-play{
@@ -170,7 +168,9 @@
         top: 31px;
     }
     .text-play{
-        top: -13px;
+        top: 79px;
+        position: absolute;
+        left: 34px;
     }
     /**/
     .circle-twitter{
@@ -183,7 +183,9 @@
         left: -3px;
     }
     .text-twitter{
-        top: -17px;
+        top: 75px;
+        position: absolute;
+        left: 36px;
     }
     /** docs **/
     .circle-docs{
@@ -194,7 +196,9 @@
         top: 21px;
     }
     .text-docs{
-        top: -18px;
+        top: 73px;
+        position: absolute;
+        left: 24px;
     }
     /**** MAPS *****/
     .circle-maps{
@@ -204,9 +208,12 @@
     .icon-maps{
         top: 29px;
         width: 45px;
+        left: 1px;
     }
     .text-maps{
-        top: -12px;
+        top: 79px;
+        position: absolute;
+        left: 37px;
     }
     /****form*******/
     .circle-form{
@@ -219,8 +226,9 @@
         left: 1px;
     }
     .text-form{
-        top: -28px;
-        left: 1px;
+        top: 64px;
+        left: 15px;
+        position: absolute;
     }
     /****vr*******/
     .circle-vr{
@@ -232,7 +240,9 @@
         width: 71px;
     }
     .text-vr{
-        top: -25px;
+        top: 84px;
+        position: absolute;
+        left: 41px;
 
     }
     /****shop*******/
@@ -245,7 +255,9 @@
         width: 41px;
     }
     .text-shop{
-        top: -27px;
+        top: 82px;
+        position: absolute;
+        left: 21px;
     }
     /****tools*******/
     .circle-tools{
@@ -258,8 +270,9 @@
         left: 3px;
     }
     .text-tools{
-        top: -18px;
-        left: 1px;
+        top: 73px;
+        left: 26px;
+        position: absolute;
     }
     /****list*******/
     .circle-list{
@@ -271,8 +284,9 @@
         width: 37px;
     }
     .text-list{
-        top: -27px;
-        left: 1px;
+        top: 76px;
+        left: 33px;
+        position: absolute;
     }
 
 
Unnamed repository; edit this file 'description' to name the repository.