]> _ Git - Animations.git/commitdiff
projects / Animations.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 3929b93)
wait #2511 @0.45
authornael <nael@cubedesigners.com>
Tue, 15 Jan 2019 15:49:28 +0000 (16:49 +0100)
committernael <nael@cubedesigners.com>
Tue, 15 Jan 2019 15:49:28 +0000 (16:49 +0100)
Fluidbook-presentation-btn/p36/font.woff [new file with mode: 0644] patch | blob
Fluidbook-presentation-btn/p36/index.html [new file with mode: 0644] patch | blob
Fluidbook-presentation-btn/p36/main.js [new file with mode: 0644] patch | blob
Fluidbook-presentation-btn/p36/p36 (2).zip [new file with mode: 0644] patch | blob
Fluidbook-presentation-btn/p36/style.css [new file with mode: 0644] patch | blob
Fluidbook-presentation-btn/p36/style.css.map [new file with mode: 0644] patch | blob
Fluidbook-presentation-btn/p36/style.sass [new file with mode: 0644] patch | blob

diff --git a/Fluidbook-presentation-btn/p36/font.woff b/Fluidbook-presentation-btn/p36/font.woff
new file mode 100644 (file)
index 0000000..8a054ad
Binary files /dev/null and b/Fluidbook-presentation-btn/p36/font.woff differ
diff --git a/Fluidbook-presentation-btn/p36/index.html b/Fluidbook-presentation-btn/p36/index.html
new file mode 100644 (file)
index 0000000..e2a4f95
--- /dev/null
+++ b/Fluidbook-presentation-btn/p36/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+<canvas id="canvas" width="243" height="29"></canvas>
+
+<div class="container">
+    <!--<img src="bg.png" alt="">-->
+    <button onclick="btnClick()" class="btn">
+       contactez-nous pour votre devis personnalisé
+    </button>
+</div>
+
+<script src="main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/Fluidbook-presentation-btn/p36/main.js b/Fluidbook-presentation-btn/p36/main.js
new file mode 100644 (file)
index 0000000..0fa88e2
--- /dev/null
+++ b/Fluidbook-presentation-btn/p36/main.js
@@ -0,0 +1,3 @@
+function btnClick() {
+    parent.fluidbook.links.triggerLinkById('b0d3d96600');
+}
\ No newline at end of file
diff --git a/Fluidbook-presentation-btn/p36/p36 (2).zip b/Fluidbook-presentation-btn/p36/p36 (2).zip
new file mode 100644 (file)
index 0000000..87367ba
Binary files /dev/null and b/Fluidbook-presentation-btn/p36/p36 (2).zip differ
diff --git a/Fluidbook-presentation-btn/p36/style.css b/Fluidbook-presentation-btn/p36/style.css
new file mode 100644 (file)
index 0000000..ee819a5
--- /dev/null
+++ b/Fluidbook-presentation-btn/p36/style.css
@@ -0,0 +1,63 @@
+* {
+  margin: 0;
+  padding: 0; }
+
+#canvas {
+  display: none;
+  position: absolute; }
+
+@font-face {
+  font-family: font;
+  src: url("font.woff"); }
+.container {
+  width: 243px;
+  height: 29px; }
+
+.btn {
+  width: 243px;
+  height: 29px;
+  position: absolute;
+  border: 0;
+  background-image: linear-gradient(90deg, #7CBE79 0%, #6DBA9E 100%);
+  text-transform: uppercase;
+  color: white;
+  font-size: 8px;
+  transition: all 300ms ease-out;
+  -webkit-transition: all 300ms ease-out;
+  cursor: pointer;
+  font-family: font;
+  font-weight: 600; }
+  .btn::before {
+    position: absolute;
+    content: "";
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-image: linear-gradient(to bottom, #19344D, #19344D);
+    z-index: -1;
+    -webkit-transition: all 300ms ease-out;
+    opacity: 0; }
+  .btn::after {
+    position: absolute;
+    content: "";
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    border: 2px solid;
+    border-image: linear-gradient(to left, #7CBE79 0%, #6DBA9E 100%);
+    border-image-slice: 1;
+    -webkit-transition: all 300ms ease-out;
+    z-index: 3;
+    opacity: 0; }
+  .btn:hover {
+    color: #74BC8C;
+    -webkit-transition: all 300ms ease-out;
+    z-index: 2; }
+    .btn:hover::before {
+      opacity: 1; }
+    .btn:hover::after {
+      opacity: 1; }
+
+/*# sourceMappingURL=style.css.map */
diff --git a/Fluidbook-presentation-btn/p36/style.css.map b/Fluidbook-presentation-btn/p36/style.css.map
new file mode 100644 (file)
index 0000000..ee43bec
--- /dev/null
+++ b/Fluidbook-presentation-btn/p36/style.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA,CAAC;EACC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AAMZ,OAAO;EACL,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;;;EAElB,WAAW,EAAE,IAAI;EACjB,GAAG,EAAE,gBAAgB;AACvB,UAAU;EACR,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;;AACd,IAAI;EACF,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,CAAC;EACT,gBAAgB,EAjBP,gDAAuD;EAkBhE,cAAc,EAAE,SAAS;EACzB,KAAK,EAAE,KAAK;EACZ,SAAS,EAAE,GAAG;EACd,UAAU,EAAG,kBAAkB;EAC/B,kBAAkB,EAAG,kBAAkB;EACvC,MAAM,EAAE,OAAO;EACf,WAAW,EAAE,IAAI;EACjB,WAAW,EAAE,GAAG;EAChB,YAAS;IACP,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,gBAAgB,EAAE,4CAA+C;IACjE,OAAO,EAAE,EAAE;IACX,kBAAkB,EAAE,kBAAkB;IACtC,OAAO,EAAE,CAAC;EACZ,WAAQ;IACN,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,kDAAyD;IACvE,kBAAkB,EAAE,CAAC;IACrB,kBAAkB,EAAE,kBAAkB;IACtC,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;EACZ,UAAO;IACL,KAAK,EAjDG,OAAO;IAkDf,kBAAkB,EAAE,kBAAkB;IACtC,OAAO,EAAE,CAAC;IACV,kBAAS;MACP,OAAO,EAAE,CAAC;IACZ,iBAAQ;MACN,OAAO,EAAE,CAAC",
+"sources": ["style.sass"],
+"names": [],
+"file": "style.css"
+}
\ No newline at end of file
diff --git a/Fluidbook-presentation-btn/p36/style.sass b/Fluidbook-presentation-btn/p36/style.sass
new file mode 100644 (file)
index 0000000..02907f7
--- /dev/null
+++ b/Fluidbook-presentation-btn/p36/style.sass
@@ -0,0 +1,63 @@
+*
+  margin: 0
+  padding: 0
+$firstcolor: #7CBE79
+$lastcolor: #6DBA9E
+$gradient: linear-gradient(90deg, $firstcolor 0%, $lastcolor 100%)
+$darkBlue: #19344D
+$textcolor: #74BC8C
+#canvas
+  display: none
+  position: absolute
+@font-face
+  font-family: font
+  src: url("font.woff")
+.container
+  width: 243px
+  height: 29px
+.btn
+  width: 243px
+  height: 29px
+  position: absolute
+  border: 0
+  background-image: $gradient
+  text-transform: uppercase
+  color: white
+  font-size: 8px
+  transition:  all 300ms ease-out
+  -webkit-transition:  all 300ms ease-out
+  cursor: pointer
+  font-family: font
+  font-weight: 600
+  &::before
+    position: absolute
+    content: ""
+    top: 0
+    right: 0
+    bottom: 0
+    left: 0
+    background-image: linear-gradient(to bottom, $darkBlue,$darkBlue)
+    z-index: -1
+    -webkit-transition: all 300ms ease-out
+    opacity: 0
+  &::after
+    position: absolute
+    content: ""
+    top: 0
+    right: 0
+    bottom: 0
+    left: 0
+    border: 2px solid
+    border-image: linear-gradient(to left, $firstcolor 0%, $lastcolor 100%)
+    border-image-slice: 1
+    -webkit-transition: all 300ms ease-out
+    z-index: 3
+    opacity: 0
+  &:hover
+    color: $textcolor
+    -webkit-transition: all 300ms ease-out
+    z-index: 2
+    &::before
+      opacity: 1
+    &::after
+      opacity: 1
Unnamed repository; edit this file 'description' to name the repository.