fix: headers and footers

package.json

@@ -15,7 +15,7 @@
     "lint": "prettier --write  \"**/*.{js,jsx,ts,tsx,md,mdx,astro}\" && eslint --fix \"src/**/*.{js,ts,jsx,tsx,astro}\"",
     "clean": "rm -rf dist && rm -rf .astro && rm -rf node_modules && pnpm install",
     "scrub": "rm -rf dist && rm -rf .astro && rm -rf node_modules && rm -rf pnpm-lock.yaml && rm -rf ~./.pnpm-store && pnpm install",
-    "pdf": "npx starlight-to-pdf https://commerce-docs.github.io/microsite-commerce-storefront/merchants/tutorials/summit-lab-320/ --filename 'lab-320-workbook.pdf' --no-starlight-print-css --contents-name 'Lab Contents' --header ./pdf-header.html --footer ./pdf-footer.html --print-bg --pdf-outline --css-page-size --styles './pdf-styles.css' --timeout '400_000'"
+    "pdf": "npx starlight-to-pdf https://commerce-docs.github.io/microsite-commerce-storefront/merchants/tutorials/summit-lab-320/ --filename 'lab-320-workbook' --no-starlight-print-css --contents-name 'Lab Contents' --header ./pdf-header.html --footer ./pdf-footer.html --print-bg --pdf-outline --css-page-size --styles './pdf-styles.css' --timeout '400000'"
   },
   "dependencies": {
     "@astrojs/check": "^0.9.4",

pdf-footer.html

@@ -4,31 +4,18 @@
     <style>
       .footer-container {
         --color: rgb(76, 60, 25);
-
         display: flex;
         align-items: center;
         justify-content: space-between;
-        border-block-start: 1px solid var(--color);
         color: var(--color);
         font-size: 10px;
         font-family: Helvetica, sans-serif;
-        margin-inline: 1.5cm 1cm;
-        padding-block: 0.25cm 0.5cm;
         width: 100%;
       }
-
-      .link {
-        text-decoration: underline;
-        text-underline-position: under;
-      }
     </style>
 
     <div class="footer-container">
-      <span class="link">https://experienceleague.adobe.com/developer/commerce/storefront/</span>
-      <div>
-        <!-- Numbers inside the elements with `.pageNumber` and `.totalPages` classes are injected automatically by Puppeteer -->
-        <span class="pageNumber"></span> / <span class="totalPages"></span>
-      </div>
+      <div>Adobe Summit Lab 320 - Get Your Customers Down the Funnel with Edge Delivery and Drop-ins</div>
     </div>
   </body>
 </html>

pdf-header.html

@@ -7,20 +7,25 @@
         display: flex;
         align-items: center;
         justify-content: space-between;
-        border-block-end: 1px solid var(--color);
         color: var(--color);
         font-size: 10px;
         font-family: Helvetica, sans-serif;
-        margin-inline: 1.5cm 1cm;
-        padding-block: 0.25cm 0.5cm;
         width: 100%;
       }
+
+      .link {
+        text-decoration: none;
+        text-underline-position: under;
+
+      }
     </style>
 
     <div class="header-container">
-      <div>Adobe Summit Lab 320</div>
-      <!-- Date inside the element with `.date` class is injected automatically by Puppeteer -->
-      <div class="date"></div>
+      <div>Adobe Summit 2025</div>
+       <!-- Numbers inside the elements with `.pageNumber` and `.totalPages` classes are injected automatically by Puppeteer -->
+      <div>
+        <span class="pageNumber"></span> / <span class="totalPages"></span>
+      </div>
     </div>
   </body>
 </html>