Merge pull request #57 from niteeshkanna-sh/claude/stoic-rubin-fnglq7

Footer map, a Footer section in the panel, and a check that says why an uploaded picture is missing

Author: niteeshkanna-sh

.site-manifest.json

@@ -6,6 +6,7 @@
   "assets",
   "bikes",
   "blog",
+  "build.json",
   "car-brezza.avif",
   "cars",
   "contact",

404.html

@@ -37,8 +37,8 @@
       href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
       rel="stylesheet"
     />
-    <script type="module" crossorigin src="/assets/index-C-Jz5Kro.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DYlnpUbm.css">
+    <script type="module" crossorigin src="/assets/index-DrVMGoK2.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-B_yWddXD.css">
   </head>
   <body>
     <div id="root"></div>

about/index.html

@@ -37,8 +37,8 @@
       href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
       rel="stylesheet"
     />
-    <script type="module" crossorigin src="/assets/index-C-Jz5Kro.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DYlnpUbm.css">
+    <script type="module" crossorigin src="/assets/index-DrVMGoK2.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-B_yWddXD.css">
   </head>
   <body>
     <div id="root"></div>

admin/api/public-content.php

@@ -77,9 +77,19 @@
     $brand[$slot] = site_image_url($file);
 }
 
+// Said separately from the map itself, because an empty map has two causes
+// that look identical to a caller and need opposite fixes: nobody has
+// uploaded anything yet, or 005_site_images.sql has never run on this
+// database. site_images() answers [] to both. "No pictures yet" sends someone
+// to the upload form; "the table is missing" sends them to open the panel
+// once so the migration applies. Guessing between them is how an afternoon
+// goes.
+$imagesReady = table_has_column('site_images', 'file');
+
 json_out([
-    'ok'        => true,
-    'ready'     => $ready,
-    'overrides' => $overrides === [] ? (object) [] : $overrides,
-    'brand'     => $brand === [] ? (object) [] : $brand,
+    'ok'          => true,
+    'ready'       => $ready,
+    'imagesReady' => $imagesReady,
+    'overrides'   => $overrides === [] ? (object) [] : $overrides,
+    'brand'       => $brand === [] ? (object) [] : $brand,
 ]);

admin/content-defaults.json

@@ -130,6 +130,17 @@
       "secondaryLabel": "See our cars",
       "secondaryHref": "/cars"
     },
+    "footer": {
+      "blurb": "Self drive cars, bike rental, wedding cars and tourist vehicles across Kanyakumari district.",
+      "locationHeading": "Find us",
+      "address": [
+        "Nagercoil",
+        "Kanyakumari district",
+        "Tamil Nadu 629001"
+      ],
+      "mapQuery": "Nagercoil, Kanyakumari district, Tamil Nadu",
+      "directionsLabel": "Get directions"
+    },
     "social": {
       "heading": "Follow us",
       "whatsapp": "https://wa.me/916374942976",

admin/content.php

@@ -162,19 +162,27 @@ function field_input(string $name, array $spec, mixed $value): void
   <?php $brand = site_images(); ?>
   <details class="c-sec c-fold">
     <summary class="c-sum">
-      <span class="c-sum-name">Logo, mark and page banners</span>
+      <span class="c-sum-name">Pictures</span>
       <span class="c-flag"><?= count($brand) ?> of <?= count(SITE_IMAGE_SLOTS) ?> uploaded</span>
       <svg class="c-sum-chev" width="16" height="16" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
     </summary>
     <div class="c-fold-body">
     <p class="c-note">
-      The badge in the header, and the mark beside it. Nothing is drawn in their
-      place any more, so the header shows the name alone until one is uploaded.
-      PNG with a transparent background looks best for the badge; the mark sits
-      on the dark header, so light artwork reads better than dark. Up to
-      6&nbsp;MB.
+      Every picture on the website, in the order it appears: the two brand
+      marks, the banner across the top of each page, the home page, the six
+      cards under &ldquo;What we hire&rdquo; and the three steps. A slot with
+      nothing in it keeps the drawing the site ships with, so an unfinished set
+      still looks finished. PNG with a transparent background looks best for
+      the badge; the mark sits on the dark header, so light artwork reads
+      better than dark. Up to 6&nbsp;MB each.
+    </p>
+    <p class="c-note">
+      An upload appears on the website within a minute. If one does not, open
+      <code>/fleet-check.html</code> on the site: it says whether the picture
+      reached the server and whether the website published there is new enough
+      to ask for it, which are the only two things that can be wrong.
     </p>
 
     <div class="brand-slots">

admin/src/content.php

@@ -151,6 +151,17 @@ function content_schema(): array
                         'secondaryHref'  => ['label' => 'Second button link', 'type' => 'text'],
                     ],
                 ],
+                'footer' => [
+                    'label'  => 'Footer',
+                    'note'   => 'The band at the bottom of every page. The map is built from what you type in "Where the map should point" -- a place name or an address is enough, the same thing you would type into Google Maps.',
+                    'fields' => [
+                        'blurb'           => ['label' => 'Line under the business name', 'type' => 'textarea'],
+                        'locationHeading' => ['label' => 'Heading above the map', 'type' => 'text'],
+                        'address'         => ['label' => 'Address', 'type' => 'list'],
+                        'mapQuery'        => ['label' => 'Where the map should point', 'type' => 'text'],
+                        'directionsLabel' => ['label' => 'Directions link text', 'type' => 'text'],
+                    ],
+                ],
                 'social' => [
                     'label'  => 'Social media',
                     'note'   => 'Paste the address of each page you have. Leave a box empty and that icon is simply not shown -- an icon linking nowhere is worse than no icon. A named box per network rather than a list you add to, so the icon always matches the link.',