Sponsor line on every page, under the wordmark above the rule

blog/odoo-20-community-is-here-and-it-feels-like-a-genuinely-polished-release.html

@@ -20,7 +20,12 @@
 </head>
 <body>
 <header class="masthead">
-  <a class="wordmark" href="../index.html">The OC Guy</a>
+  <div class="mast-brand">
+    <a class="wordmark" href="../index.html">The OC Guy</a>
+    <aside class="sponsor" aria-label="Sponsor">
+      <p>Our sponsor: <a href="https://ODOO4projects.com/?utm_source=oc-guy.com&amp;utm_medium=website&amp;utm_campaign=odoo-20-community-is-here-and-it-feels-like-a-genuinely-polished-release" target="_blank" rel="noopener sponsored">Odoo Community Hosting</a></p>
+    </aside>
+  </div>
   <nav class="nav" aria-label="Sections">
     <a href="../index.html#tips">Tips</a>
     <a href="../index.html#blog">Blog</a>
@@ -56,6 +61,8 @@
   <p class="foot-name" aria-hidden="true">The OC Guy</p>
   <div class="foot-cols">
     <p class="foot-note">Odoo Community advocate. Written by Oliver Arnold, 安雷威 — no partner programme, no licences sold.</p>
+    <p class="sponsor-foot">Our sponsor: <a href="https://ODOO4projects.com/?utm_source=oc-guy.com&amp;utm_medium=website&amp;utm_campaign=odoo-20-community-is-here-and-it-feels-like-a-genuinely-polished-release" target="_blank" rel="noopener sponsored">Odoo Community Hosting</a></p>
+
     <nav class="foot-links" aria-label="Elsewhere">
       <a href="../index.html">Home</a>
       <a href="https://github.com/OCA" target="_blank" rel="noopener">OCA modules</a>

blog/paraguay-s-odoo-localization-is-updated-to-v19-and-that-matters-more-than-it-sou.html

@@ -20,7 +20,12 @@
 </head>
 <body>
 <header class="masthead">
-  <a class="wordmark" href="../index.html">The OC Guy</a>
+  <div class="mast-brand">
+    <a class="wordmark" href="../index.html">The OC Guy</a>
+    <aside class="sponsor" aria-label="Sponsor">
+      <p>Our sponsor: <a href="https://ODOO4projects.com/?utm_source=oc-guy.com&amp;utm_medium=website&amp;utm_campaign=paraguay-s-odoo-localization-is-updated-to-v19-and-that-matters-more-than-it-sou" target="_blank" rel="noopener sponsored">Odoo Community Hosting</a></p>
+    </aside>
+  </div>
   <nav class="nav" aria-label="Sections">
     <a href="../index.html#tips">Tips</a>
     <a href="../index.html#blog">Blog</a>
@@ -40,6 +45,8 @@
   <p class="foot-name" aria-hidden="true">The OC Guy</p>
   <div class="foot-cols">
     <p class="foot-note">Odoo Community advocate. Written by Oliver Arnold, 安雷威 — no partner programme, no licences sold.</p>
+    <p class="sponsor-foot">Our sponsor: <a href="https://ODOO4projects.com/?utm_source=oc-guy.com&amp;utm_medium=website&amp;utm_campaign=paraguay-s-odoo-localization-is-updated-to-v19-and-that-matters-more-than-it-sou" target="_blank" rel="noopener sponsored">Odoo Community Hosting</a></p>
+
     <nav class="foot-links" aria-label="Elsewhere">
       <a href="../index.html">Home</a>
       <a href="https://github.com/OCA" target="_blank" rel="noopener">OCA modules</a>

css/site.css

@@ -872,17 +872,17 @@ html.js [data-rv].rv-in { opacity: 1; transform: none; }
   color: var(--muted);
 }
 
-/* ---------- sponsor line: one quiet line under the masthead, one in the footer ---------- */
+/* ---------- sponsor line: one line under the wordmark inside the masthead, one in the footer ---------- */
-.sponsor { border-bottom: 1px solid var(--rule); }
+.mast-brand { display: flex; flex-direction: column; width: max-content; max-width: 100%; }
+.masthead .nav, .masthead .nav-cta { align-self: end; }
+
+.sponsor { padding-top: 9px; }
 .sponsor p {
-  max-width: var(--max);
+  margin: 0;
-  margin: 0 auto;
+  padding: 0;
-  padding: 7px var(--pad) 8px;
+  text-align: center;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: 8px;
   font-size: var(--step-sm);
+  line-height: 1.3;
   color: var(--muted);
 }
 .sponsor-label {
@@ -896,7 +896,9 @@ html.js [data-rv].rv-in { opacity: 1; transform: none; }
   color: var(--ink);
   text-decoration-color: var(--oak);
   text-underline-offset: 3px;
+  white-space: nowrap;
 }
+.sponsor a:hover { color: var(--navy); }
 .sponsor-note { opacity: 0.72; }
 .sponsor-foot {
   margin: 10px 0 0;

index.html

@@ -23,7 +23,12 @@
 <a class="skip" href="#tips">Skip to the tips</a>
 
 <header class="masthead">
-  <a class="wordmark" href="#top">The OC Guy</a>
+  <div class="mast-brand">
+    <a class="wordmark" href="#top">The OC Guy</a>
+    <aside class="sponsor" aria-label="Sponsor">
+      <p>Our sponsor: <a href="https://ODOO4projects.com/?utm_source=oc-guy.com&amp;utm_medium=website&amp;utm_campaign=homepage" target="_blank" rel="noopener sponsored">Odoo Community Hosting</a></p>
+    </aside>
+  </div>
   <nav class="nav" aria-label="Sections">
     <a href="#welcome">Welcome</a>
     <a href="#tips">Tips</a>
@@ -34,11 +39,6 @@
   <a class="nav-cta" href="#ask">Ask a question</a>
 </header>
 
-<aside class="sponsor" aria-label="Hosting sponsor">
-  <p><span class="sponsor-label">Help us</span>
-     <a href="https://ODOO4projects.com/?utm_source=oc-guy.com&amp;utm_medium=website&amp;utm_campaign=homepage" target="_blank" rel="noopener sponsored">Odoo Community hosting</a>
-     <span class="sponsor-note">— our hosting sponsor</span></p>
-</aside>
 
 <main id="top">
 
@@ -200,8 +200,9 @@
   <div class="foot-cols">
     <p class="foot-note">Odoo Community advocate. Written by Oliver Arnold, 安雷威 —
       no partner programme, no licences sold.</p>
-    <p class="sponsor-foot"><span class="sponsor-label">Help us</span>
+    <p class="sponsor-foot">Our sponsor: <a href="https://ODOO4projects.com/?utm_source=oc-guy.com&amp;utm_medium=website&amp;utm_campaign=homepage" target="_blank" rel="noopener sponsored">Odoo Community Hosting</a></p>
-      <a href="https://ODOO4projects.com/?utm_source=oc-guy.com&amp;utm_medium=website&amp;utm_campaign=homepage" target="_blank" rel="noopener sponsored">Odoo Community hosting</a> — our hosting sponsor</p>
+
+
     <nav class="foot-links" aria-label="Elsewhere">
       <a href="https://www.odoo.com/documentation" target="_blank" rel="noopener">Documentation</a>
       <a href="https://github.com/OCA" target="_blank" rel="noopener">OCA modules</a>

scripts/sync_posts.py

@@ -218,7 +218,12 @@ POST_PAGE = """<!DOCTYPE html>
 </head>
 <body>
 <header class="masthead">
-  <a class="wordmark" href="../index.html">The OC Guy</a>
+  <div class="mast-brand">
+    <a class="wordmark" href="../index.html">The OC Guy</a>
+    <aside class="sponsor" aria-label="Sponsor">
+      <p>Our sponsor: <a href="https://ODOO4projects.com/?utm_source=oc-guy.com&amp;utm_medium=website&amp;utm_campaign={sponsor_campaign}" target="_blank" rel="noopener sponsored">Odoo Community Hosting</a></p>
+    </aside>
+  </div>
   <nav class="nav" aria-label="Sections">
     <a href="../index.html#tips">Tips</a>
     <a href="../index.html#blog">Blog</a>
@@ -238,6 +243,7 @@ POST_PAGE = """<!DOCTYPE html>
   <p class="foot-name" aria-hidden="true">The OC Guy</p>
   <div class="foot-cols">
     <p class="foot-note">Odoo Community advocate. Written by Oliver Arnold, 安雷威 — no partner programme, no licences sold.</p>
+    <p class="sponsor-foot">Our sponsor: <a href="https://ODOO4projects.com/?utm_source=oc-guy.com&amp;utm_medium=website&amp;utm_campaign={sponsor_campaign}" target="_blank" rel="noopener sponsored">Odoo Community Hosting</a></p>
     <nav class="foot-links" aria-label="Elsewhere">
       <a href="../index.html">Home</a>
       <a href="https://github.com/OCA" target="_blank" rel="noopener">OCA modules</a>
@@ -315,6 +321,7 @@ def build_entry(item: dict, seen_ids: set[str], seen_hashes: set[str], dry: bool
             category=html.escape(category),
             date=iso,
             date_human=html.escape(human_date(iso)),
+            sponsor_campaign=base,
             image=f'<img class="post-image" src="../{image_rel}" alt="" width="1200" height="800">' if image_rel else "",
             body=body_html or f"<p>{html.escape(body_text)}</p>",
         )