footer: Facebook badge icons + short labels; head: Open Graph tags and meta description

2026-08-24 19:14:45 -04:00
parent e319b24585
commit 08bc249abb
1 changed files with 11 additions and 1 deletions
@@ -216,6 +216,7 @@ footer .fh{font-family:'Archivo';font-weight:700;color:#F7C556;font-size:13px;le
 footer a{color:#D8DFEA;text-decoration:none;font-size:14px}
 footer a:hover{color:#fff}
 footer a.gold{color:#F7C556;font-weight:700}
+footer a.fb{display:inline-flex;align-items:center;gap:8px}
 """

 def page(title, body, active=""):
@@ -224,6 +225,15 @@ def page(title, body, active=""):
 <html lang="en"><head>
 <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
 <title>{title}</title>
+<meta name="description" content="A Cub Scout pack and a Scout troop in Zieglerville, PA. Tuesdays at St. Luke's Lutheran Church, kindergarten through age 17. Every kid welcome. Come see a meeting.">
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="Pack &amp; Troop 73">
+<meta property="og:title" content="{title}">
+<meta property="og:description" content="A Cub Scout pack and a Scout troop in Zieglerville, PA. Tuesdays at St. Luke's Lutheran Church, kindergarten through age 17. Every kid welcome. Come see a meeting.">
+<meta property="og:image" content="https://greenlanescouts73.org/static/img/autumn-hike.jpg">
+<meta property="og:image:width" content="1920">
+<meta property="og:image:height" content="1278">
+<meta name="twitter:card" content="summary_large_image">
 <link rel="icon" href="/static/img/patch-73.png">
 <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Public+Sans:wght@400;600;700&display=swap" rel="stylesheet">
@@ -246,7 +256,7 @@ def page(title, body, active=""):
 <div style="display:flex;flex-direction:column;gap:8px"><div class="fh" style="margin-bottom:4px">EXPLORE</div>
 <a href="/cubs">Cub Scouts · Pack 73</a><a href="/troop">Troop 73 · Ages 11-17</a><a href="/calendar">2026-2027 Calendar</a><a class="gold" href="/join">Join us</a></div>
 <div style="display:flex;flex-direction:column;gap:8px"><div class="fh" style="margin-bottom:4px">FOLLOW</div>
-<a href="https://www.facebook.com/Pack73GreenLane" target="_blank" rel="noopener">Pack 73 on Facebook</a><a href="https://www.facebook.com/Troop73GreenLane" target="_blank" rel="noopener">Troop 73 on Facebook</a></div>
+<a class="fb" href="https://www.facebook.com/Pack73GreenLane" target="_blank" rel="noopener" aria-label="Pack 73 on Facebook"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true" style="flex:none"><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg>Pack 73</a><a class="fb" href="https://www.facebook.com/Troop73GreenLane" target="_blank" rel="noopener" aria-label="Troop 73 on Facebook"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true" style="flex:none"><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg>Troop 73</a></div>
 </div></footer>
 </body></html>"""