feature: community - new listing page + set up

src/index.pug

@@ -110,6 +110,10 @@ html(lang="en")
                   hubl-reactivity(bind-user nested-field="circles" target-src=`${component.endpoints.get}joinable/`)
                   include views/page-circle.pug
 
+              if component.type == "communities"
+                .scrollbar-content
+                  include views/page-communities.pug
+
               if component.type == "dashboard"
                 .scrollbar-content
                   include views/page-dashboard.pug

src/locales/en.json

@@ -26,6 +26,7 @@
     "resources": "Resources",
     "jobBoard": "Job offers",
     "profileDirectory": "Profiles directory",
+    "communities": "Communities",
     "projects": "Projects",
     "circles": "Circles",
     "messages": "Messages",

src/locales/es.json

@@ -26,6 +26,7 @@
     "resources": "Recursos",
     "jobBoard": "Ofertas de trabajo",
     "profileDirectory": "Directorio de miembrxs",
+    "communities": "Las comunidades",
     "projects": "Proyectos",
     "circles": "Círculos",
     "messages": "Mensajes",

src/locales/fr.json

@@ -26,6 +26,7 @@
     "resources": "Ressources",
     "jobBoard": "Offres de mission",
     "profileDirectory": "Annuaire des membres",
+    "communities": "Les communautés",
     "projects": "Projets",
     "circles": "Cercles",
     "messages": "Messages",

src/views/page-communities.pug

@@ -0,0 +1 @@
+p Hello

src/views/partials/menu-left.pug

@@ -9,6 +9,13 @@ solid-router#navbar-router(default-route='dashboard')
             div.icon.icon-small.icon-home
           div.segment.text-uppercase.text-letter-spacing-large(data-trans=`${component.name?component.name:"menuLeft.dashboard"}`)
         div.divider
+      if component.type == "communities"
+        solid-route.menu.segment.full.padding-xsmall.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=component.route)
+          div.segment.margin-right-xxsmall
+            div.segment.icon.icon-small.icon-grid
+          div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.communities")
+        div.divider
+          
       if component.type == "circles"
         div.menu-wrapper
           if componentSet.has("admin")