Add OfficiallySp branding and design tokens to HTML files; enhance footer links for better project visibility.

OfficiallySp · OfficiallySp · commit c8c2da6973fc · 2026-02-11T04:19:48.000Z
diff --git a/bee-match.html b/bee-match.html
@@ -19,8 +19,12 @@
     <link rel="canonical" href="https://officiallysp.github.io/Beedle/bee-match.html" />
     <link rel="stylesheet" href="styles.css" />
     <link rel="stylesheet" href="bee-match.css" />
+    <link rel="stylesheet" href="https://officiallysp.net/assets/css/design-tokens.css" />
   </head>
   <body>
+    <a href="https://officiallysp.net" class="officiallysp-bar" aria-label="Part of OfficiallySp - More projects" style="--os-accent: #fbbf24;">
+      <span class="os-icon">◀</span><span class="os-accent">OfficiallySp.net</span><span>— More projects</span>
+    </a>
     <nav class="navbar">
       <div class="navbar-toggle" id="navbar-toggle">
         <span></span>
diff --git a/index.html b/index.html
@@ -18,13 +18,17 @@
     <meta name="twitter:card" content="summary_large_image" />
     <link rel="canonical" href="https://officiallysp.github.io/Beedle/" />
     <link rel="stylesheet" href="styles.css" />
+    <link rel="stylesheet" href="https://officiallysp.net/assets/css/design-tokens.css" />
     <script
       async
       src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1548903334937961"
       crossorigin="anonymous"
     ></script>
   </head>
   <body>
+    <a href="https://officiallysp.net" class="officiallysp-bar" aria-label="Part of OfficiallySp - More projects" style="--os-accent: #fbbf24;">
+      <span class="os-icon">◀</span><span class="os-accent">OfficiallySp.net</span><span>— More projects</span>
+    </a>
     <nav class="navbar">
       <div class="navbar-toggle" id="navbar-toggle">
         <span></span>
@@ -93,9 +97,7 @@ <h3>Guess the bee in six attempts or less</h3>
         <button id="reset-button" class="danger-button">Reset ALL Data</button>
       </div>
       <p>
-        Beedle Made by Shane (<a href="https://officiallysp.net" target="_blank"
-          >OfficiallySp</a
-        >)
+        Beedle Made by Shane (<a href="https://officiallysp.net" target="_blank">OfficiallySp</a>) · <a href="https://officiallysp.net" target="_blank">More projects</a>
       </p>
       <p>Badges created by Amy (aimzies)</p>
       <p class="version-number">
diff --git a/sticker-guess.html b/sticker-guess.html
@@ -19,8 +19,12 @@
     <link rel="canonical" href="https://officiallysp.github.io/Beedle/sticker-guess.html" />
     <link rel="stylesheet" href="styles.css" />
     <link rel="stylesheet" href="sticker-guess.css" />
+    <link rel="stylesheet" href="https://officiallysp.net/assets/css/design-tokens.css" />
   </head>
   <body>
+    <a href="https://officiallysp.net" class="officiallysp-bar" aria-label="Part of OfficiallySp - More projects" style="--os-accent: #fbbf24;">
+      <span class="os-icon">◀</span><span class="os-accent">OfficiallySp.net</span><span>— More projects</span>
+    </a>
     <nav class="navbar">
       <div class="navbar-toggle" id="navbar-toggle">
         <span></span>
