Merge pull request #1 from github/brunoborges-add-front-page-footer

Add GitHub footer to front page

Author: brunoborges

.impeccable/live/config.json

@@ -0,0 +1,7 @@
+{
+  "files": ["**/*.html"],
+  "exclude": [],
+  "insertBefore": "</body>",
+  "commentSyntax": "html",
+  "cspChecked": true
+}

PRODUCT.md

@@ -0,0 +1,33 @@
+# Product
+
+## Register
+
+brand
+
+## Users
+
+Developers, workshop participants, and event organizers exploring hands-on GitHub Copilot learning experiences across editors, languages, and workflows.
+
+## Product Purpose
+
+Help visitors quickly discover the right GitHub Copilot workshop, understand its scope and prerequisites, and connect with nearby Dev Days events or reusable workshop materials.
+
+## Brand Personality
+
+Energetic, technical, and welcoming. The experience should make practical AI-assisted development feel approachable without losing credibility with experienced developers.
+
+## Anti-references
+
+Avoid generic corporate and overly formal styling that makes the event feel distant, static, or indistinguishable from a conventional documentation portal.
+
+## Design Principles
+
+- Make workshop choices easy to scan and compare.
+- Keep the energy high without sacrificing clarity.
+- Practice what the event teaches by presenting technical content confidently and accessibly.
+- Welcome developers across tools, languages, and experience levels.
+- Preserve GitHub and GitHub Copilot brand familiarity.
+
+## Accessibility & Inclusion
+
+Target WCAG 2.2 AA. Support keyboard navigation, visible focus states, reduced-motion preferences, sufficient color contrast, semantic structure, and accessible names for icon-only controls.

index.html

@@ -361,6 +361,58 @@ <h2 class="section-title">General Prerequisites</h2>
             <p class="footer-credit">Built with 💜 by the GitHub Copilot Team</p>
             <p class="footer-credit" style="margin-top: 1rem;">Organizers of GitHub Copilot Dev Days, visit <a href="https://github.com/github/GitHub-Copilot-Dev-Days/" target="_blank" style="color: var(--neon-cyan);">github.com/github/GitHub-Copilot-Dev-Days</a> for more information.</p>
         </div>
+        <div class="subfooter container">
+            <nav aria-label="Legal and resource links">
+                <ul class="subfooter-legal">
+                    <li><time datetime="2026">© 2026 GitHub, Inc.</time></li>
+                    <li><a href="https://docs.github.com/site-policy/github-terms/github-terms-of-service">Terms</a></li>
+                    <li><a href="https://docs.github.com/site-policy/privacy-policies/github-privacy-statement">Privacy</a></li>
+                    <li><a href="https://docs.github.com/site-policy/privacy-policies/github-cookies">Manage cookies</a></li>
+                    <li><a href="https://docs.github.com/site-policy/privacy-policies/github-privacy-statement#privacy-choices">Do not share my personal information</a></li>
+                </ul>
+            </nav>
+            <div class="subfooter-social-and-locale">
+                <nav aria-label="GitHub social media links">
+                    <ul class="social-links">
+                        <li>
+                            <a href="https://www.linkedin.com/company/github" aria-label="GitHub on LinkedIn">
+                                <svg viewBox="0 0 19 18" aria-hidden="true"><path d="M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z"/></svg>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="https://www.instagram.com/github" aria-label="GitHub on Instagram">
+                                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 0C8.74 0 8.33.02 7.05.07 5.78.13 4.91.33 4.14.63c-.79.31-1.46.72-2.13 1.38S.94 3.35.63 4.14C.33 4.91.13 5.78.07 7.05.01 8.33 0 8.74 0 12s.02 3.67.07 4.95c.06 1.28.26 2.15.56 2.91.31.79.72 1.46 1.38 2.13s1.34 1.08 2.13 1.38c.77.3 1.64.5 2.91.56C8.33 23.99 8.74 24 12 24s3.67-.02 4.95-.07c1.28-.06 2.15-.26 2.91-.56.79-.31 1.46-.72 2.13-1.38s1.08-1.34 1.38-2.13c.3-.77.5-1.64.56-2.91.06-1.28.07-1.69.07-4.95s-.02-3.67-.07-4.95c-.06-1.28-.26-2.15-.56-2.91-.31-.79-.72-1.46-1.38-2.13S20.65.94 19.86.63c-.77-.3-1.64-.5-2.91-.56C15.67.01 15.26 0 12 0zm0 5.84A6.16 6.16 0 1 0 12 18.16 6.16 6.16 0 0 0 12 5.84zm0 10.16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm7.85-10.41a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0z"/></svg>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="https://www.youtube.com/github" aria-label="GitHub on YouTube">
+                                <svg viewBox="0 0 19.17 13.6" aria-hidden="true"><path d="M18.77 2.13A2.4 2.4 0 0 0 17.09.42C15.59 0 9.58 0 9.58 0a57.55 57.55 0 0 0-7.5.4A2.49 2.49 0 0 0 .39 2.13 26.27 26.27 0 0 0 0 6.8a26.15 26.15 0 0 0 .39 4.67 2.43 2.43 0 0 0 1.69 1.71c1.52.42 7.5.42 7.5.42a57.69 57.69 0 0 0 7.51-.4 2.4 2.4 0 0 0 1.68-1.71 25.63 25.63 0 0 0 .4-4.67 24 24 0 0 0-.4-4.69zM7.67 9.71V3.89l5 2.91z"/></svg>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="https://x.com/github" aria-label="GitHub on X">
+                                <svg viewBox="0 0 1200 1227" aria-hidden="true"><path d="M714.16 519.28 1160.89 0h-105.86L667.14 450.89 357.33 0H0l468.49 681.82L0 1226.37h105.87l409.62-476.15 327.18 476.15H1200L714.14 519.28h.02ZM569.17 687.83 144.01 79.69h162.6l752.47 1070.61H892.48L569.17 687.83Z"/></svg>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="https://www.tiktok.com/@github" aria-label="GitHub on TikTok">
+                                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12.53.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="https://www.twitch.tv/github" aria-label="GitHub on Twitch">
+                                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M11.57 4.71h1.72v5.15h-1.72zm4.72 0H18v5.15h-1.71zM6 0 1.71 4.29v15.42h5.15V24l4.28-4.29h3.43L22.29 12V0zm14.57 11.14-3.43 3.43h-3.43l-3 3v-3H6.86V1.71h13.71Z"/></svg>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="https://github.com/github" aria-label="GitHub's organization on GitHub">
+                                <svg viewBox="0 0 98 96" aria-hidden="true"><path d="M48.85 0C21.84 0 0 22 0 49.22c0 21.75 13.99 40.17 33.41 46.69 2.42.49 3.31-1.06 3.31-2.36 0-1.14-.08-5.05-.08-9.13-13.59 2.94-16.42-5.87-16.42-5.87-2.18-5.7-5.42-7.17-5.42-7.17-4.45-3.01.33-3.01.33-3.01 4.93.32 7.52 5.05 7.52 5.05 4.37 7.5 11.4 5.38 14.24 4.07.4-3.18 1.7-5.38 3.07-6.6-10.84-1.14-22.24-5.38-22.24-24.28 0-5.38 1.94-9.78 5.01-13.2-.48-1.22-2.18-6.28.49-13.04 0 0 4.12-1.3 13.42 5.05a46.97 46.97 0 0 1 12.22-1.63c4.12 0 8.33.57 12.21 1.63 9.3-6.35 13.43-5.05 13.43-5.05 2.67 6.76.97 11.82.48 13.04 3.16 3.42 5.02 7.82 5.02 13.2 0 18.9-11.4 23.06-22.32 24.28 1.78 1.55 3.31 4.48 3.31 9.13 0 6.6-.08 11.9-.08 13.53 0 1.3.89 2.85 3.32 2.36 19.41-6.52 33.4-24.94 33.4-46.69C97.71 22 75.79 0 48.85 0z"/></svg>
+                            </a>
+                        </li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
     </footer>
     <script>
         document.querySelectorAll('.category-pill').forEach(pill => {

styles.css

@@ -52,11 +52,24 @@ footer { padding: 3rem 0; text-align: center; border-top: 1px solid var(--border
 .footer-links a { color: var(--text-secondary); text-decoration: none; transition: color 0.3s ease; }
 .footer-links a:hover { color: var(--neon-cyan); }
 .footer-credit { color: var(--text-secondary); font-size: 0.875rem; }
+.subfooter { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--border-color); color: var(--text-secondary); font-size: 0.75rem; text-align: left; }
+.subfooter ul { list-style: none; }
+.subfooter a { color: inherit; text-decoration: none; }
+.subfooter a:hover { color: var(--text-primary); }
+.subfooter-legal { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem 1rem; }
+.subfooter-social-and-locale { display: flex; align-items: center; gap: 1rem; }
+.social-links { display: flex; align-items: center; gap: 1rem; }
+.social-links a { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; }
+.social-links svg { width: 18px; height: 18px; fill: currentColor; }
+.subfooter a:focus-visible { outline: 2px solid var(--neon-cyan); outline-offset: 3px; }
 @media (max-width: 768px) {
     .hero { padding: 4rem 0 3rem; }
     .stats { gap: 2rem; }
     .part-card { flex-direction: column; text-align: center; }
     .part-time { margin-top: 0.5rem; }
+    .subfooter { align-items: flex-start; flex-direction: column; }
+    .subfooter-social-and-locale { align-items: flex-start; flex-direction: column; }
+    .social-links { flex-wrap: wrap; }
 }
 
 /* --- Locale Picker --- */