Added "Made in California w/ Love" footer.

evoluteur · Dec 26, 2023 · 990f32b · 990f32b
1 parent dd01796
commit 990f32b
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 1 deletion.
diff --git a/css/numerology.css b/css/numerology.css
@@ -479,3 +479,66 @@ section {
  border-bottom: 2px solid silver;
  }
 }
+
+.heart {
+ font-size: 20px;
+ position: relative;
+ top: 4px;
+ display: inline-block;
+ text-align: center;
+ transition: color 1s;
+}
+.evo-footer {
+ margin-top: 10px;
+}
+.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
@@ -200,7 +200,15 @@ <h1>Motivational Numerology <span>by Sally Faubion</span></h1>
  rel="noopener"
  href="https://github.com/evoluteur/motivational-numerology"
  >GitHub</a
- >. <br /><br />&#169; 2023
+ >. <br />
+
+ <div class="evo-footer" role="contentinfo">
+ <div>
+ Made in California with
+ <div class="heart">♥</div>
+ </div>
+ </div>
+ <br />&#169; 2023
  <a target="_blank" rel="noopener" href="http://sallysnumbers.com"
  >Sally Faubion</a
  >