adding webhooks tab and also renaming to coming soon tab

app.py

@@ -14,18 +14,28 @@ class News:
         self.link = link
 
 
+class Webhook:
+    def __init__(self, title, id):
+        self.title = title
+        self.id = id
+
+
 class Category:
-    def __init__(self, title, description, news: List[News] = None, spaces=None):
+    def __init__(self, title, description, news: List[News] = None, spaces=None, webhooks = None):
         if news is None:
             news = []
 
         if spaces is None:
             spaces = []
 
+        if webhooks is None:
+            webhooks = []
+
         self.title = title
         self.description = description
         self.news = news
         self.spaces = spaces
+        self.webhooks = webhooks
 
 
 inclusive = Category(
@@ -110,6 +120,16 @@ rigorous = Category(
             title="Disaggregators",
             id="society-ethics/disaggregators"
         )
+    ],
+    webhooks=[
+        Webhook(
+            title = "Librarian Bot",
+            id = "librarian-bot"
+        ),
+        Webhook(
+            title  = "Auto Re-Train",
+            id = "spaces/webhooks-explorers/auto-retrain-argilla"
+        )
     ]
 )
 socially_conscious = Category(
@@ -290,6 +310,13 @@ def space_card(space):
             button = gr.Button(elem_id="article-button", value="View 🔭")
             button.click(fn=None, _js=f"() => window.open('https://hf.space/{space.id}')")
 
+def webhook_card(webhook):
+    with gr.Box(elm_id = "webhook-card"):
+        with gr.Row(elem_id = "news-row"):
+            gr.Markdown(f"{webhook.title}")
+            button = gr.Button(elem_id="article-button", value="View 🤖 ")
+            button.click(fn=None, _js=f"() => window.open('https://huggingface.co/{webhook.id}')") ### to-do --> change to bot HF account page
+
 
 def category_tab(category):
     with gr.Tab(label=category.title, elem_id="news-tab"):
@@ -304,10 +331,12 @@ def category_tab(category):
         with gr.Tab(label="Spaces"):
             with gr.Row(elem_id="spaces-flex"):
                 [space_card(x) for x in category.spaces]
-        with gr.Tab(label="Models - Coming Soon!"):
-            gr.Markdown(elem_id="margin-top", value="#### Check back soon for featured models 🤗")
-        with gr.Tab(label="Datasets - Coming Soon!"):
-            gr.Markdown(elem_id="margin-top", value="#### Check back soon for featured datasets 🤗")
+        with gr.Tab(label="Webhooks"):
+            gr.Markdown(elem_id="margin-top", value="#### Check out our [webhooks guide](https://huggingface.co/docs/hub/webhooks) to create your own")
+            with gr.Row(elem_id="webhooks-flex"):
+                [webhook_card(x) for x in category.webhooks]
+        with gr.Tab(label="Coming Soon!"):
+            gr.Markdown(elem_id="margin-top", value="#### Check back soon for featured Models and Datasets 🤗")
 
 
 with gr.Blocks(css="#margin-top {margin-top: 15px} #center {text-align: center;} #news-tab {padding: 15px;} #news-tab h3 {margin: 0px; text-align: center;} #news-tab p {margin: 0px;} #article-button {flex-grow: initial;} #news-row {align-items: center;} #spaces-flex {flex-wrap: wrap;} #space-card { display: flex; min-width: calc(90% / 3); max-width:calc(100% / 3); box-sizing: border-box;}") as demo: