Merge pull request #161 from DexerBR/auto_fetch_stars

Auto fetch Kivy repository stars

content/static/js/fetch_stars.js

@@ -0,0 +1,11 @@
+const updateStarsCount = () => {
+
+  fetch("https://api.github.com/repos/kivy/kivy")
+    .then(res => res.json())
+    .then(data => {
+      document.getElementById("stars-count").innerHTML = `${(data.stargazers_count / 1000).toFixed(1)}K Stars`;
+    });
+
+  };
+
+updateStarsCount();

templates/index.html

@@ -25,7 +25,7 @@ <h2 class="text-lg font-bold mt-2">
           <img class="h-5" src="./static/images/icons/scale-balanced.svg" />
           <p class="px-3">MIT License</p>
           <img class="h-5" src="./static/images/icons/star.svg" />
-          <p class="px-3">14.8K Stars</p>
+          <p id="stars-count" class="px-3">17.0K Stars</p>
         </div>
       </div>
       <div class="hidden lg:flex lg:w-1/2">
@@ -148,6 +148,7 @@ <h2 class="text-lg font-bold mt-2">
   <script src="https://unpkg.com/vue@3"></script>
   <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
   <script src="./static/js/opencollective_app.js"></script>
+  <script src="./static/js/fetch_stars.js"></script>
   <script>
 
   </script>