feat: New header GitHub stars (#3040)

* Enable SQLite on Azure App Services (#1720)

Add connectection_created hook for WAL

* update header with working search

* new release ribbon

* new footer

* footer transition

* sidebar fixes

* footer on docs with transition

* docsearch styled and type entered focus

* git hub stars component

* update ribbon

* add active state to nav on page load

* update header/footer links

* fetch github stars

* remove auth from star fetch

Co-authored-by: twsl <[email protected]>

Author: Travis1282

docs/themes/htx/layout/partials/github_stars.ejs

@@ -5,7 +5,6 @@
 
 <style>
   .GitHubStars {
-    padding: 0 2em;
     display: flex;
     gap: 0.25em;
     align-items: center;
@@ -31,17 +30,16 @@
 </style>
 
 <script>
-    window.addEventListener('load', async () => {
-    let starCount = 10688
-//  const response = await fetch("https://api.github.com/repos/heartexlabs/label-studio", {
-//     headers: {
-//       Authorization: `token ${import.meta.env.GITHUB_TOKEN}`
-//     }
-//   })
-//   const data = response.json();
-//   starCount = data.stargazers_count
-  
-  const countElement = document.querySelector('.GitHubStarsText')
-  countElement.innerText = starCount.toLocaleString('en-US');
+  window.addEventListener('load', async () => {
+    try {
+      const response = await fetch("https://api.github.com/repos/heartexlabs/label-studio", {
+        });
+      const data = await response.json();
+      starCount = data.stargazers_count;
+      const countElement = document.querySelector('.GitHubStarsText');
+      countElement.innerText = starCount.toLocaleString('en-US');
+    } catch (err) {
+      console.log(err);
+    }
 });
 </script>

docs/themes/htx/source/css/header-footer.css

@@ -284,11 +284,13 @@ body{
 }
 .mainHeader:where(.astro-7IFFX3A3){
   background-color:var(--color-white);
+  padding:1.5em 0;
   position:relative;
   z-index:2
 }
 .Header:where(.astro-7IFFX3A3){
   display:flex;
+  border:1px solid var(--color-gray-900);
   position:relative;
   min-height:52px;
   align-items:center
@@ -430,12 +432,13 @@ body{
       margin-left:initial;
       align-items:flex-start;
       position:absolute;
-      top:52px;
+      top:50px;
       left:-1px;
       z-index:2;
       width:calc(100% + 2px);
       background-color:var(--color-white);
       border:1px var(--color-gray-900) solid;
+      border-top-color:var(--color-white);
       padding:.5em 1em 1em;
       display:none
   }

docs/themes/htx/source/css/page.styl

@@ -302,7 +302,7 @@
   position: static
   .sidebar
     position: fixed
-    z-index: 100
+    z-index: 0
 
 @media (max-width: 991px)
   .sidebar