466 enable *community* page

docs/fdc3-intro.md

@@ -31,7 +31,7 @@ From its inception, the standards have been informed by real-world [business use
 
 ## Who is using FDC3?
 
-The Financial Desktop Connectivity and Collaboration Consortium (FDC3) standards are created and used by [leading organizations across the financial industry](/users).
+The Financial Desktop Connectivity and Collaboration Consortium (FDC3) standards are created and used by [leading organizations across the financial industry](/users). For more detail on who's using FDC3, developer tools, training and examples, see the [community page](/community).
 
 ## How is FDC3 governed?
 

website/data/pending-community.json

@@ -0,0 +1,12 @@
+
+    {
+        "title": "Open Source Fraud Risk Management (Transaction Monitoring)",
+        "publisher": "Tecnknowmage.com",
+        "image": "",
+        "infoLink": "https://github.com/ActioFRM",
+        "docsLink": "https://github.com/ActioFRM",
+        "description": "Recognizing the need, the Bill & Melinda Gates Foundation funded the development of an MVP Open-Source Transactional Monitoring System. The goals were:\nTo continue the previously funded work around anti-fraud in mobile money systems and the typologies and assessment models developed in partnership with Deloitte and others.\nBuild an effective and efficient API driven transactional monitoring engine that can be consumed in full or in part by any organization desiring to consume it and build around it.\nRun large or small anti-fraud programs.\nThe system must be state of the art and use only open-source components. MVP is complete. Onward!",
+        "badges": [],
+        "type": "application-provider"
+      }
+    ]

website/data/users.json

@@ -103,6 +103,20 @@
         "pinned": true,
         "isMember": true
     },
+    {
+        "caption": "Norman & Sons",
+        "image": "/img/users/norman-and-sons.png",
+        "infoLink": "https://www.normanandsons.com/",
+        "pinned": true,
+        "isMember": true
+    },
+    {
+        "caption": "iPushPull",
+        "image": "/img/users/ipp-logo.png",
+        "infoLink": "https://www.ipushpull.com/",
+        "pinned": true,
+        "isMember": true
+    },
     {
         "caption": "Symphony",
         "image": "/img/users/Symphony.png",

website/pages/en/implementations.js → website/pages/en/community.js

@@ -10,7 +10,17 @@ const React = require('react');
 const { useState, useEffect } = React;
 const CompLibrary = require('../../core/CompLibrary.js');
 const Container = CompLibrary.Container;
-const implData = require(`${process.cwd()}/data/implementations.json`);
+const implData = require(`${process.cwd()}/data/community.json`);
+
+const badgeTitles = {
+	"Open Source": "Indicates that the project source code is available to download and modify, under an Apache 2.0 or similar license.",
+	"FDC3 1.2 Supported": "Indicates that this product advertises compatibility with the FDC3 1.2 Standard. ",
+	"FDC3 2.0 Supported ": "Indicates that this product advertises compatibility with the FDC3 2.0 Standard. ", 
+	"FDC3 1.2 Compliant": "This badge is applied to desktop agents that have passed the FINOS FDC3 1.2 Conformance testing process.",
+	"FDC3 2.0 Compliant": "This badge is applied to desktop agents that have passed the FINOS FDC3 2.0 Conformance testing process.",
+	"FDC3 2.0 Support Coming Soon": "This product is working towards attaining the FDC3 2.0 Standard.",
+}
+
 
 //remove comments
 implData.forEach(function (item, index, object) {
@@ -32,7 +42,7 @@ implData.sort((a, b) => {
 	}
 });
 
-function Implementation({ type, title, publisher, image, infoLink, docsLink, description }) {
+function Implementation({ type, title, publisher, image, infoLink, docsLink, badges, description }) {
 	return <div className={"implementation hide " + type}>
 		<div className="implementation-metadata">
 			<div className="title-and-publisher">
@@ -50,6 +60,9 @@ function Implementation({ type, title, publisher, image, infoLink, docsLink, des
 					{docsLink ? <a href={docsLink} key={docsLink} className="button">Documentation</a> : null}
 				</div>
 				<div className="prose" dangerouslySetInnerHTML={{ __html: description }}></div>
+				<div className="badges">
+					{ badges.map(b =><a href="#" key={b.text} title={badgeTitles[b.text]} className="button badge">{b.text}</a>)}
+				</div>
 			</div>
 		</div>
 	</div>
@@ -87,13 +100,13 @@ function Implementations(props) {
 	const editUrl = `${repoUrl}/edit/master/website/data/implementations.json`;
 
 	return <Container>
-		<h1>FDC3 Implementations</h1>
+		<h1>FDC3 Community</h1>
 		<div className="prose">
 			<p>
 				The Financial Desktop Connectivity and Collaboration Consortium (FDC3) standard is maintained and used by leading organizations across the financial industry through a variety of different implementations.
 			</p>
 			<p>
-				For more detail on who's implementing the Desktop Agent (a "Platform Provider"), using FDC3 to enable interop with their apps (an "Application Provider") or details on where to find tools, examples apps and training materials see below.
+				For more detail on who's implementing the Desktop Agent (a "Platform Provider"), using FDC3 to enable interop with their apps (an "App Provider") or details on where to find tools, examples apps and training materials see below.
 			</p>
 			<p>
 				<i>

website/pages/en/index.js

@@ -161,7 +161,7 @@ class Index extends React.Component {
       return (
         <div className="userShowcase productShowcaseSection paddingTop paddingBottom">
           <h2>Who is Using FDC3?</h2>
-          <p>The Financial Desktop Connectivity and Collaboration Consortium (FDC3) standards are created and used by <a href="/users">leading organizations across the financial industry</a>.</p>
+          <p>The Financial Desktop Connectivity and Collaboration Consortium (FDC3) standards are created and used by <a href="/users">leading organizations across the financial industry</a>. For more detail on who's using FDC3, developer tools, training and examples see the <a href="/community">community page</a>.</p>
           <Showcase users={pinnedUsers} />
           {/* exclude button to users page for now, all users shown on main page */}
           {/* <div className="more-users">

website/siteConfig.js

@@ -26,7 +26,7 @@ const siteConfig = {
     {doc: 'fdc3-intro', label: 'Getting Started'},   
     {page: 'fdc3-roadmap', label: 'Roadmap'},
     {doc: 'use-cases/overview', label: 'Use Cases'},
-    //{page: 'implementations', label: 'Implementations'},
+    {page: 'community', label: 'Community'},
     {doc: 'fdc3-standard', label: 'The Standard'},
     {page: 'get-involved', label: 'Get Involved'},
     {href: 'https://www.edx.org/course/fdc3-interoperability-for-the-financial-desktop', label: 'Training', external: true}

website/static/css/custom.css

@@ -287,6 +287,18 @@ article iframe {
   align-items: center;
   flex-basis: 100%;
 }
+.implementation-details  > .description > .badges {
+	padding-left: 10px;
+}
+.implementation-details  > .description > .badges > .badge {
+	background-color: rgb(239, 239, 239);
+	display: inline-block;
+	border: 0px;
+	margin-top: 5px;
+	margin-right: 10px;
+}
+
+
 @media screen and (max-width: 736px) {
   .implementation-details {
     padding: 6px 6px;