From 53dfde385d526c3400765b127ea2fcbc341ca437 Mon Sep 17 00:00:00 2001
From: Olivier Giulieri <ogiulieri@gmail.com>
Date: Mon, 25 Dec 2023 17:56:06 -0800
Subject: [PATCH] Added "Made in California w/ Love" footer.

---
 css/demo.css | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 index.html   |  7 ++++++
 2 files changed, 71 insertions(+)

diff --git a/css/demo.css b/css/demo.css
index 08798af..fce6b4c 100644
--- 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
index ccbea6e..e20f387 100644
--- 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>