Hacktoberfest Kick Off (#211)

* Add kick off event

* Test github issues

* Add hactoberfest tag

* test another label

* Final version

* List Hacktoberfest issues

* Add css to the filter

api/github-issues.js

@@ -3,12 +3,12 @@ export default async function githubIssues(request, response) {
     response.status(500).send({ message: "Github access token not set" });
   }
 
-  const repos = ["deepset-ai/trial-repo", "deepset-ai/haystack-home"];
+  const repos = ["deepset-ai/haystack"];
 
   try {
     const fetchPromises = repos.map(async (repo) => {
       const res = await fetch(
-        `https://api.github.com/repos/${repo}/issues?state=all`,
+        `https://api.github.com/repos/${repo}/issues?state=all&labels=hacktoberfest`,
         {
           method: "GET",
           headers: {

content/pages/hacktoberfest.md

@@ -19,7 +19,7 @@ hero:
   image2: /images/hacktoberfest-2.png
 
 comingSoon:
-  enabled: true
+  enabled: false
   text: You will find eligible issues for Hacktoberfest 2023 here once the party starts, stay tuned! 🎉 
   button:
     url: https://github.com/deepset-ai/haystack/contribute

themes/haystack/assets/sass/components/_github-issues.scss

@@ -17,6 +17,9 @@
     gap: 0.5rem;
     width: 100%;
     margin-top: 2rem;
+    max-width: 1100px;
+    margin-left: auto;
+    margin-right: auto;
 
     .issue {
       width: 100%;
@@ -45,7 +48,7 @@
         gap: 1rem;
 
         @include lg {
-          width: 60%;
+          width: 70%;
           flex-shrink: 0;
         }
       }
@@ -84,7 +87,7 @@
 
         @include lg {
           flex-wrap: nowrap;
-          width: 40%;
+          width: 30%;
           padding-left: 1rem;
           margin-top: 0;
         }

themes/haystack/assets/sass/pages/_grid-page.scss

@@ -242,6 +242,9 @@
   justify-content: space-between;
   align-items: center;
   gap: 1rem;
+  max-width: 1100px;
+  margin-left: auto;
+  margin-right: auto;
 
   .filters {
     display: flex;

themes/haystack/layouts/partials/github-issues-list.html

@@ -84,7 +84,7 @@
       {{/*  Repo  */}}
       const issueRepo = document.createElement("div");
       issueRepo.classList.add("issue-repo");
-      issueRepo.innerHTML = `<span>[repo]</span> ${issue.repo}`;
+      issueRepo.innerHTML = `${issue.repo}`;
       repoContainer.appendChild(issueRepo);
 
       {{/*  State  */}}