Merge pull request #552 from eclipse-tractusx/reorganize-community-se…

…ction

DEPENDENCIES

@@ -1164,6 +1164,7 @@ npm/npmjs/@docusaurus/cssnano-preset/2.2.0, MIT, approved, clearlydefined
 npm/npmjs/@docusaurus/logger/2.2.0, MIT, approved, clearlydefined
 npm/npmjs/@docusaurus/mdx-loader/2.2.0, MIT, approved, clearlydefined
 npm/npmjs/@docusaurus/module-type-aliases/2.2.0, MIT, approved, clearlydefined
+npm/npmjs/@docusaurus/plugin-client-redirects/2.2.0, MIT, approved, clearlydefined
 npm/npmjs/@docusaurus/plugin-content-blog/2.2.0, MIT, approved, clearlydefined
 npm/npmjs/@docusaurus/plugin-content-docs/2.2.0, MIT, approved, clearlydefined
 npm/npmjs/@docusaurus/plugin-content-pages/2.2.0, MIT, approved, clearlydefined

blog-meeting-minutes/2023-12-06-new-open-meeting-blog.md

@@ -0,0 +1,11 @@
+---
+slug: new-open-meeting-blog
+title: New Open Meeting blog
+authors: 
+    - sebastian_bezold
+tags: [meeting-minutes, community]
+---
+
+## New home for open meeting minutes
+
+We are happy to announce a new blog, that will host meeting minutes of all our open meetings

blog-meeting-minutes/authors.yaml

@@ -0,0 +1,6 @@
+sebastian_bezold:
+  name: Sebastian Bezold
+  title: Consortia System Team Member
+  url: https://github.com/SebastianBezold
+  image_url: https://github.com/SebastianBezold.png
+

community/intro.md

@@ -0,0 +1,31 @@
+---
+title: Intro
+---
+
+## Tractus-X Community
+
+We warmly welcome You to shape the automotive value chain of the next generation!
+The global Tractus-X community consists of a broad range of users, contributors, and committers from various companies
+(and individual actors) in the automotive value chain. We sincerely invite anyone to participate who wants to shape our
+architecture, reference implementations KITs for our Catena-X data space.
+
+## Communication Rules
+
+A pre-requisite for joining the Tractus-X communication channels is
+an [Eclipse Foundation Account](https://accounts.eclipse.org/user/register?destination=user).
+
+In addition, we encourage you to sign the Eclipse Contribution Agreement (ECA) to contribute to our Tractus-X project.
+For example, report and fix bugs or implement enhancements according to the Tractus-X roadmap. See
+our [contributing guide](https://eclipse-tractusx.github.io/docs/oss/how-to-contribute).
+
+- __For a first contact__ please use our Tractus-X mailing list ([email protected]) to get in touch with our
+  community or a specific product team you want to contribute.
+- __For quick and informal syncs__ please use
+  our [Eclipse Matrix Space](https://matrix.to/#/#automotive.tractusx:matrix.eclipse.org) to align on easy topics, ask
+  questions, share a link or a bite-size piece of information.
+- __For product alignments__ please set up a meeting with a tool of your choice as a project manager. The preparation of
+  meeting minutes is not required. Recurring formal meetings must be communicated via our Tractus-X mailing list. Ad hoc
+  informal meetings may be organized without prior notice.
+- __For cross-product alignments__ the Catena-X Association is currently preparing various committees to support the
+  coordination of the open-source products and repositories. The goal of a committee is to discuss, define and create a
+  common vision, roadmap, standards, architecture, KITs, etc.

community/open-meetings.mdx

@@ -0,0 +1,13 @@
+import MeetingInfo from '@site/src/components/MeetingInfo';
+
+# Open Meetings
+
+This page hosts information about all of our open Tractus-X meetings.
+These are dedicated sync meetings for specific products, as well as open planning sessions.
+
+<MeetingInfo title="Tractus-X community call"
+             schedule="Every Friday 1pm CET (UTC +1)"
+             description="Formerly known as the 'Office Hour', hosted by the System Team of the Catena-X Consortium, the Tractus-X is the open
+replacement meeting for everyone interested in general and overarching topics regarding Eclipse Tractus-X"
+            contact="[email protected]"
+/>

community/products.mdx

@@ -0,0 +1,7 @@
+---
+title: Products
+---
+
+import ProductOverview from '@site/src/components/ProductOverview';
+
+<ProductOverview />

docusaurus.config.js

@@ -45,7 +45,7 @@ const config = {
           editUrl:
             'https://github.com/eclipse-tractusx/eclipse-tractusx.github.io/tree/main/',
           docLayoutComponent: "@theme/DocPage",
-          // docItemComponent: "@theme/ApiItem" // Derived from docusaurus-theme-openapi-docs  
+          // docItemComponent: "@theme/ApiItem" // Derived from docusaurus-theme-openapi-docs
         },
         blog: {
           showReadingTime: true,
@@ -73,8 +73,8 @@ const config = {
         routeBasePath: 'docs-kits',
         sidebarPath: require.resolve('./sidebarsDocsKits.js'),
         docLayoutComponent: "@theme/DocPage",
-        docItemComponent: "@theme/ApiItem" // Derived from docusaurus-theme-openapi-docs  
-      }, 
+        docItemComponent: "@theme/ApiItem" // Derived from docusaurus-theme-openapi-docs
+      },
     ],
     [
       '@docusaurus/plugin-content-docs',
@@ -83,7 +83,45 @@ const config = {
         path: 'docs-products',
         routeBasePath: 'docs-products',
         sidebarPath: require.resolve('./sidebarsDocsProducts.js'),
-      }, 
+      },
+    ],
+    // -- Community --
+    [
+      '@docusaurus/plugin-content-blog',
+      {
+        id: 'blog-meeting-minutes',
+        path: 'blog-meeting-minutes',
+        blogTitle: 'Open meeting minutes',
+        blogDescription: 'This blog hosts meeting minutes that summarize our open meetings',
+        blogSidebarCount: 10,
+        blogSidebarTitle: "Recent meetings",
+        routeBasePath: 'community/meeting-minutes',
+        showReadingTime: false,
+        authorsMapPath: 'authors.yaml' // relative path. File used is therefore /blog-meeting-minutes/authors.yaml
+      },
+    ],
+    [
+      '@docusaurus/plugin-content-docs',
+      {
+        id: 'docs-community',
+        path: 'community',
+        routeBasePath: 'community',
+        editUrl: 'https://github.com/eclipse-tractusx/eclipse-tractusx.github.io/community',
+        sidebarPath: './sidebarsCommunity.js',
+      },
+    ],
+    [
+      // HINT: won't redirect in local dev mode (npm start). See: https://docusaurus.io/docs/2.x/api/plugins/@docusaurus/plugin-client-redirects
+      // to test, use npm run build && npm run serve
+      '@docusaurus/plugin-client-redirects',
+      {
+        redirects: [
+          {
+            to: '/community/intro',
+            from: '/community',
+          },
+        ],
+      },
     ],
     // ------------DOCUSAURUS PLUGIN REMOTE CONTENT----------------
     [
@@ -264,7 +302,7 @@ const config = {
             sidebarOptions: {
               groupPathsBy: "tag",
             },
-          }, 
+          },
           pcf_exchange_api: {
               specPath: "./openApi/pcf/catena-x-pcf-endpoint-0_0_3.yaml", // Path to designated spec file
               outputDir:
@@ -421,9 +459,9 @@ const config = {
             label: 'Tutorials',
           },
           {
-            to: "/community",
-            position: "left",
-            label: "Community",
+            to: '/community/intro',
+            label: 'Community',
+            position: 'left',
           },
           {
             type: 'dropdown',
@@ -440,11 +478,6 @@ const config = {
               },
             ],
           },
-          // {
-          //   to: "/docs-products/category/products",
-          //   position: "left",
-          //   label: "Products",
-          // },
           {
             type: 'docsVersionDropdown',
             docsPluginId: 'docs-kits',

package.json

@@ -17,6 +17,7 @@
   },
   "dependencies": {
     "@docusaurus/core": "2.2.0",
+    "@docusaurus/plugin-client-redirects": "^2.2.0",
     "@docusaurus/preset-classic": "2.2.0",
     "@docusaurus/theme-mermaid": "2.2.0",
     "@emotion/react": "^11.10.5",

sidebarsCommunity.js

@@ -0,0 +1,33 @@
+/*******************************************************************************
+ * Copyright (c) 2023,2024 Contributors to the Eclipse Foundation
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Apache License, Version 2.0 which is available at
+ * https://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ ******************************************************************************/
+
+const sidebars = {
+    community: [
+        'intro',
+        'open-meetings',
+        'products',
+        {
+            type: 'link',
+            label: 'Meeting Minutes',
+            href: '/community/meeting-minutes', // see docusaurus.config.js '@docusaurus/plugin-content-blog' plugin with id: 'blog-meeting-minutes' property: 'routeBasePath:'
+        },
+    ],
+};
+
+module.exports = sidebars;

src/components/MeetingInfo.jsx

@@ -0,0 +1,67 @@
+/*********************************************************************************
+ * Copyright (c) 2023,2024 Contributors to the Eclipse Foundation
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Apache License, Version 2.0 which is available at
+ * https://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ ********************************************************************************/
+import React from 'react';
+
+export default function MeetingInfo({title, schedule, description, contact}) {
+    return (
+        <section style={meetingInfo}>
+            <div style={meetingOverview}>
+                <h2 style={meetingTitle}>{title}</h2>
+                <div style={meetingSchedule}>{schedule}</div>
+            </div>
+            <div style={meetingDetails}>
+                <p>{description}</p>
+                <p>Contact:</p>
+                <a href={"mailto:" + contact}>{contact}</a>.
+            </div>
+        </section>
+    );
+}
+
+const meetingInfo = {
+    display: 'flex',
+    width: '100%',
+    padding: '1rem 0 0.5rem'
+}
+
+const meetingOverview = {
+    width: '33%',
+    margin: 'auto 0',
+    padding: '2rem 0 0.5rem',
+    borderRight: '2px solid #faa023'
+}
+
+const meetingTitle = {
+    fontWeight: '700',
+    fontSize: '20px',
+    lineHeight: '25px'
+}
+
+const meetingSchedule = {
+    fontWeight: '400',
+    fontSize: '12px',
+    lineHeight: '16px',
+    color: '#a5a5a5'
+}
+
+const meetingDetails = {
+    width: '67%',
+    margin: 'auto 0',
+    padding: '0.5rem 1.5rem'
+}