Bring back integrations page (#302)

Signed-off-by: Daniel Holbach <daniel@weave.works>

assets/scss/_adopters.scss

@@ -1,29 +1,32 @@
-.card-deck {
-  @include media-breakpoint-only(lg) {
-    column-count: 4;
-  }
-  @include media-breakpoint-only(xl) {
-    column-count: 5;
+.adopters {
+
+  .card-deck {
+    @include media-breakpoint-only(lg) {
+      column-count: 4;
+    }
+    @include media-breakpoint-only(xl) {
+      column-count: 5;
+    }
+
+    .card {
+      min-width: 150px;
+      max-width: 150px;
+    }
+
+    .card-header {
+      overflow-wrap: break-all;
+      hyphens: auto;
+    }
+
+    .card-body {
+      align-items: center;
+      display: flex;
+    }
+
+    .card-text {
+      width: 100%;
+      vertical-align: middle
+    }
   }
 
-  .card {
-    min-width: 150px;
-    max-width: 150px;
-  }
-
-  .card-header {
-    overflow-wrap: break-all;
-    hyphens: auto;
-  }
-
-  .card-body {
-    align-items: center;
-    display: flex;
-  }
-  
-  .card-text {
-    width: 100%;
-    vertical-align: middle
-  }
-}
-
+}

assets/scss/_integrations.scss

@@ -0,0 +1,19 @@
+.integrations {
+
+    .card-deck {
+
+      .card {
+        min-width: 300px;
+        max-width: 300px;
+
+        .img-fluid {
+            width: 250px;
+        }
+      }
+
+      .card-header {
+        overflow-wrap: break-all;
+        hyphens: auto;
+      }
+    }
+  }

assets/scss/main.scss

@@ -5,5 +5,6 @@
 @import "adopters";
 @import "page";
 @import "index";
+@import "integrations";
 @import "buttons";
 @import "terminal";

config.toml

@@ -130,6 +130,12 @@ parent = "Project"
 url = "/governance"
 weight = 40
 
+[[menus.main]]
+name = "Integrations"
+parent = "Project"
+url = "/integrations"
+weight = 50
+
 [[menus.main]]
 name = "Branding"
 parent = "Project"

content/en/integrations.md

@@ -0,0 +1,70 @@
+---
+title: Flux Integrations
+type: page
+---
+
+## Flux Integrations and Extensions
+
+These tools and integrations with Flux are available.
+
+We are happy and proud to have you all as part of our community! :sparkling_heart:
+
+To join this list, please file a PR.
+
+<div class="integrations">
+
+## Integrations
+
+{{< cardpane >}}
+
+{{% card header="[Kraan](https://github.com/fidelity/kraan) (fidelity/kraan)" %}}
+![Kraan](/img/fidelity-logo.png)
+
+Kraan is a Kubernetes Controller that manages the deployment of HelmReleases to a cluster.
+{{% /card %}}
+
+{{% card header="[Bedrock](https://github.com/microsoft/bedrock) (microsoft/bedrock)" %}}
+![Bedrock](/img/microsoft-logo.png)
+
+Automation for Production Kubernetes Clusters with a GitOps Workflow.
+{{% /card %}}
+
+{{% card header="[Fabrikate](https://github.com/microsoft/fabrikate) (microsoft/fabrikate)" %}}
+![Fabrikate](/img/microsoft-logo.png)
+
+Making GitOps with Kubernetes easier one component at a time.
+{{% /card %}}
+
+{{% card header="[GitOps Connector](https://github.com/microsoft/gitops-connector) (microsoft/gitops-connector)" %}}
+![GitOps Connector](/img/microsoft-logo.png)
+
+A GitOps Connector integrates a GitOps operator with CI/CD orchestrator.
+{{% /card %}}
+
+{{% card header="[das-schiff](https://github.com/telekom/das-schiff) (telekom/das-schiff)" %}}
+![das-schiff](/img/das-schiff-logo.png)
+
+This is home of Das Schiff - Deutsche Telekom Technik's engine for Kubernetes Cluster as a Service (CaaS) in on-premise environment on top of bare-metal servers and VMs.
+{{% /card %}}
+
+{{% card header="[weave-gitops](https://github.com/weaveworks/weave-gitops) (weaveworks/weave-gitops)" %}}
+![das-schiff](/img/weaveworks-logo.png)
+
+Weave GitOps enables an effective GitOps workflow for continuous delivery of applications into Kubernetes clusters.
+{{% /card %}}
+
+{{< /cardpane >}}
+
+## Flux Extensions
+
+{{< cardpane >}}
+
+{{% card header="[jsonnet-controller](https://github.com/pelotech/jsonnet-controller) (pelotech/jsonnet-controller)" %}}
+![jsonnet-controller](/img/pelotech-logo.png)
+
+A fluxcd controller for managing manifests declared in jsonnet.
+{{% /card %}}
+
+{{< /cardpane >}}
+
+</div>

hack/generate-adopters-pages.py

@@ -85,7 +85,8 @@ def main():
         companies = data['adopters']['companies']
         companies = sorted(companies, key=lambda x: x['name'].lower())
 
-        f.write('''{{< cardpane >}}
+        f.write('''<div class="adopters">
+{{< cardpane >}}
 ''')
         for company in companies:
             i = companies.index(company)
@@ -95,6 +96,7 @@ def main():
             write_card_text(f, company['name'], company['url'], company['logo'])
 
         f.write('''{{< /cardpane >}}
+</div>
 ''')
 
     new_logos_dir = os.path.join(top_level_dir, 'static/img/logos')