Added "Made in California w/ Love" footer.

evoluteur · Dec 26, 2023 · 53dfde3 · 53dfde3
1 parent 909996f
commit 53dfde3
Show file tree

Hide file tree

Showing 2 changed files with 71 additions and 0 deletions.
diff --git a/css/demo.css b/css/demo.css
@@ -70,3 +70,67 @@ header {
   width: 0;
   clear: both;
 }
+
+.heart {
+  color: var(--color-text-secondary);
+  font-size: 20px;
+  position: relative;
+  top: 4px;
+  display: inline-block;
+  text-align: center;
+  transition: color 1s;
+}
+.evo-footer {
+  margin: 10px 0 20px;
+}
+.evo-footer:hover .heart {
+  color: #bf360c;
+  -webkit-animation: beat 0.35s infinite alternate;
+  -moz-animation: beat 0.35s infinite alternate;
+  -ms-animation: beat 0.35s infinite alternate;
+  -o-animation: beat 0.35s infinite alternate;
+  animation: beat 0.35s infinite alternate;
+  -webkit-transform-origin: center;
+  -moz-transform-origin: center;
+  -o-transform-origin: center;
+  -ms-transform-origin: center;
+  transform-origin: center;
+}
+
+@keyframes beat {
+  to {
+    -webkit-transform: scale(1.4);
+    -moz-transform: scale(1.4);
+    -o-transform: scale(1.4);
+    -ms-transform: scale(1.4);
+    transform: scale(1.4);
+  }
+}
+
+@-moz-keyframes beat {
+  to {
+    -moz-transform: scale(1.4);
+    transform: scale(1.4);
+  }
+}
+
+@-webkit-keyframes beat {
+  to {
+    -webkit-transform: scale(1.4);
+    transform: scale(1.4);
+  }
+}
+
+@-ms-keyframes beat {
+  to {
+    -ms-transform: scale(1.4);
+    transform: scale(1.4);
+  }
+}
+
+@-o-keyframes beat {
+  to {
+    -o-transform: scale(1.4);
+    transform: scale(1.4);
+  }
+}
diff --git a/index.html b/index.html
@@ -356,6 +356,13 @@ <h1 id="title">Evol-ColorPicker <span>v3.4.3</span></h1>
       >.
     </div>
 
+    <div class="evo-footer" role="contentinfo">
+      <div>
+        Made in California with
+        <div class="heart">♥</div>
+      </div>
+    </div>
+
     <p>
       &#169; 2023 <a href="https://evoluteur.github.io/">Olivier Giulieri</a>
     </p>