Animate current location using CSS

README.md

@@ -39,7 +39,7 @@ You'll need the following dependencies:
 * libgeoclue-2-dev
 * libgeocode-glib-dev (>= 3.26.3)
 * libglib2.0-dev (>= 2.74)
-* libgranite-7-dev (>= 7.2.0)
+* libgranite-7-dev (>= 7.3.0)
 * libgtk-4-dev
 * libshumate-dev
 * meson (>= 0.57.0)

data/Application.css

@@ -0,0 +1,21 @@
+/* Style for Shumate.Point */
+map-point {
+    border: 0.3rem solid @theme_bg_color;
+    background: @BLUEBERRY_500;
+    border-radius: 50%;
+    min-height: 1.25rem;
+    min-width: 1.25rem;
+    animation: zoom 5s linear infinite;
+}
+
+@keyframes zoom {
+    0% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(1.1);
+    }
+    100% {
+        transform: scale(1);
+    }
+}

data/atlas.gresource.xml

@@ -1,5 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <gresources>
+  <gresource prefix="/com/github/ryonakano/atlas">
+    <file alias="Application.css">Application.css</file>
+  </gresource>
+
   <gresource prefix="/com/github/ryonakano/atlas/icons">
     <file compressed="true" preprocess="xml-stripblanks" alias="pointer.svg">icons/pointer.svg</file>
   </gresource>

src/meson.build

@@ -14,8 +14,8 @@ dependencies = [
     dependency('gio-2.0'),
     # Version limitation for GLib.ApplicationFlags.DEFAULT_FLAGS
     dependency('glib-2.0', version: '>= 2.74'),
-    # Version limitation for Granite.init()
-    dependency('granite-7', version: '>= 7.2.0'),
+    # Version limitation for automatic load of Application.css in Granite.init()
+    dependency('granite-7', version: '>= 7.3.0'),
     dependency('gtk4'),
     dependency('libadwaita-1'),
     dependency('libgeoclue-2.0'),