[Issue 5553] [website] Add coding-guide page (apache#5594)

* Add coding-guide page

* update config

* update contributing file

site2/website/contributing.md

@@ -77,7 +77,7 @@ list of all PIPs is maintained in the Pulsar wiki at https://github.com/apache/p
 ## Code
 
 To contribute code to Apache Pulsar, you’ll have to do a few administrative steps once, and then
-follow the [Coding Guide](../coding_guide).
+follow the [Coding Guide](../coding-guide).
 
 ### One-time Setup
 

site2/website/core/Footer.js

@@ -124,6 +124,7 @@ class Footer extends React.Component {
     const teamUrl = this.pageUrl('team', this.props.language)
     const poweredByUrl = this.pageUrl('powered-by', this.props.language)
     const contributingUrl = this.pageUrl('contributing', this.props.language)
+    const codingUrl = this.pageUrl('coding-guide', this.props.language)
 
     const communityMenuJs = `
       const community = document.querySelector("a[href='#community']").parentNode;
@@ -134,6 +135,7 @@ class Footer extends React.Component {
           '<ul id="community-dropdown-items">' +
             '<li><a href="${contactUrl}">Contact</a></li>' +
             '<li><a href="${contributingUrl}">Contributing</a></li>' +
+            '<li><a href="${codingUrl}">Coding guide</a></li>' +
             '<li><a href="${eventsUrl}">Events</a></li>' +
             '<li><a href="${twitterUrl}" target="_blank">Twitter &#x2750</a></li>' +
             '<li><a href="${wikiUrl}" target="_blank">Wiki &#x2750</a></li>' +

site2/website/pages/en/coding-guide.js

@@ -0,0 +1,35 @@
+const React = require('react');
+
+const CompLibrary = require('../../core/CompLibrary');
+const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
+const Container = CompLibrary.Container;
+const GridBlock = CompLibrary.GridBlock;
+
+const CWD = process.cwd();
+
+const siteConfig = require(`${CWD}/siteConfig.js`);
+
+const codingGuide = require('fs').readFileSync(`${CWD}/coding-guide.md`, 'utf8')
+
+class Coding extends React.Component {
+  render() {
+
+    return (
+      <div className="pageContainer">
+        <Container className="mainContainer documentContainer postContainer">
+          <div className="post">
+            <header className="postHeader">
+              <h1>Coding guide</h1>
+              <hr />
+            </header>
+            <MarkdownBlock>
+              {codingGuide}
+            </MarkdownBlock>
+          </div>
+        </Container>
+      </div>
+    );
+  }
+}
+
+module.exports = Coding;