From: Michael Orlitzky <michael@orlitzky.com>
Date: Mon, 16 Oct 2023 03:47:07 +0000 (-0400)
Subject: src/index.html.in: add the city skyline animation
X-Git-Url: https://gitweb.michael.orlitzky.com/?a=commitdiff_plain;h=8f9304acfc40a83fff845886cfbf32acb45cb67a;p=charm-bypass.git

src/index.html.in: add the city skyline animation
---

diff --git a/src/index.html.in b/src/index.html.in
index 8d19568..992d9ec 100644
--- a/src/index.html.in
+++ b/src/index.html.in
@@ -170,6 +170,38 @@
         /* The trees move a little faster than the clouds */
 	animation: treescopypass 30s linear infinite;
       }
+
+
+      /* City skyline */
+      @keyframes cityscroll {
+	from {
+	  transform: translateX(0%);
+	}
+	to {
+	  transform: translateX(-50%);
+	}
+      }
+
+      #city {
+        /* The city moves faster than the clouds but slower
+         * than the trees */
+	animation: cityscroll 35s linear infinite;
+      }
+
+      @keyframes citycopyscroll {
+	from {
+	  transform: translateX(0%);
+	}
+	to {
+	  transform: translateX(-50%);
+	}
+      }
+
+      #citycopy {
+        /* The city moves faster than the clouds but slower
+         * than the trees */
+	animation: citycopyscroll 35s linear infinite;
+      }
     </style>
   </head>