From 8f9304acfc40a83fff845886cfbf32acb45cb67a Mon Sep 17 00:00:00 2001
From: Michael Orlitzky <michael@orlitzky.com>
Date: Sun, 15 Oct 2023 23:47:07 -0400
Subject: [PATCH] src/index.html.in: add the city skyline animation

---
 src/index.html.in | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

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>
 
-- 
2.44.2