This is an automated email from the ASF dual-hosted git repository.

hbshin pushed a commit to branch new-web
in repository https://gitbox.apache.org/repos/asf/age-website.git


The following commit(s) were added to refs/heads/new-web by this push:
     new 18ebd869 Update SEO Enhance
18ebd869 is described below

commit 18ebd8697a9b0d18259eec2489499582343cae44
Author: Hanbyeol Shin /  David Shin / 신한별 
<[email protected]>
AuthorDate: Tue Feb 7 14:23:25 2023 +0900

    Update SEO Enhance
    
    1. Apache AGE Community -> Apache AGE
    2. SEO description add
    3. page by page title name change
---
 gatsby-config.js                          |  5 ++---
 src/components/Footer.js                  |  6 ++++++
 src/components/Layout.js                  | 19 ++++++++++++++++++-
 src/pages/contribution/volunteers.md      |  4 ++--
 src/pages/download/index.md               |  8 ++++++++
 src/pages/overview/index.md               | 13 +++++++++----
 src/templates/overview-page.js            |  5 +++++
 src/templates/styles/overview.module.scss | 14 +++++++++++++-
 8 files changed, 63 insertions(+), 11 deletions(-)

diff --git a/gatsby-config.js b/gatsby-config.js
index 976f516a..1578ad2d 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -1,8 +1,7 @@
 module.exports = {
   siteMetadata: {
-    title: "Apache AGE Community",
-    description:
-      "This repo contains an example business website that is built with 
Gatsby, and Netlify CMS.It follows the JAMstack architecture by using Git as a 
single source of truth, and Netlify for continuous deployment, and CDN 
distribution.",
+    title: "Apache AGE",
+    description: "AGE was under development since 2019 by a team of engineers 
at Bitnine Global Inc. The project, originally born out of AgensGraph, a 
multi-model graph database fork of PostgreSQL, was donated to the Apache 
Software Foundation and entered incubation in April 2020.",
   },
   pathPrefix: "/",
   plugins: [
diff --git a/src/components/Footer.js b/src/components/Footer.js
index 59887b5b..b1d59e62 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -49,6 +49,9 @@ const Footer = class extends React.Component {
             <li>
               <a href="/joinus">Join AGE Community</a>
             </li>
+            <li>
+              <a href="https://discord.com/invite/NMsBs9X8Ss"; 
target='_blank'>AGE Discord</a>
+            </li>
             <li>
               <a href="https://www.reddit.com/r/apacheage/"; target='_blank'>
                 AGE Forum
@@ -57,6 +60,9 @@ const Footer = class extends React.Component {
             <li>
               <a href="https://github.com/apache/age/projects"; 
target='_blank'>AGE Project</a>
             </li>
+            <li>
+              <a href="https://github.com/apache/age-viewer/projects"; 
target='_blank'>AGE Viewer Project</a>
+            </li>
           </ul>
           <ul className={`${styles.Item} Item`}>
             <li>Contribution</li>
diff --git a/src/components/Layout.js b/src/components/Layout.js
index 37998b16..df4d0c85 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -34,13 +34,30 @@ const TemplateWrapper = ({ children }) => {
     gtag('config', 'G-VPCE2QF63F');
   };
 
+  const titleNameMapper = () => {
+    const pathName = window.location.pathname;
+    const urlToTitle = {
+      '/overview' : 'Overview | Apache AGE',
+      '/team' : 'Team | Apache AGE',
+      '/release-notes' : 'Release Notes | Apache AGE',
+      '/joinus' : 'Community | Apache AGE',
+      '/contribution/how' : 'Contribution | Apache AGE',
+      '/contribution/guide' : 'Code Convention | Apache AGE',
+      '/contribution/volunteers' : 'Volunteer Guideline | Apache AGE',
+      '/contribution/requirements' : 'Committer Requirements | Apache AGE',
+      '/contribution/process' : 'Release Process | Apache AGE',
+      '/download' : 'Download | Apache AGE',
+    }
+    return urlToTitle[pathName] ?? 'Apache AGE';    
+  }
+
   return (
     <MainContext.Consumer>
       {(mainContex) => (
         <>
           <Helmet>
             <html lang="en" />
-            <title>{title}</title>
+            <title>{titleNameMapper()}</title>
             <link rel="icon" href={favicon} />
             <meta name="description" content={description} />
             {/* Global site tag (gtag.js) - Google Analytics */}
diff --git a/src/pages/contribution/volunteers.md 
b/src/pages/contribution/volunteers.md
index 729a687c..29a91d46 100644
--- a/src/pages/contribution/volunteers.md
+++ b/src/pages/contribution/volunteers.md
@@ -51,7 +51,7 @@ title: Volunteer Guidelines
     <li>
       <p>Notify the mentor of any health and safety issues or potentially
         hazardous situations that may pose a risk to you or others and report
-        any accidents or incidents relating to Apache AGE community members
+        any accidents or incidents relating to Apache AGE members
         including mentors, supervisors and other volunteers</p>
     </li>
     <li>
@@ -186,7 +186,7 @@ title: Volunteer Guidelines
   <p>For more detailed information, please visit Apache AGE website at <a
       href="https://age.apache.org/";>https://age.apache.org/</a>.</p>
   <p>To show your support for Apache AGE and AGE Viewer, please subscribe
-    to the Apache AGE mailing lists and join the Apache AGE community
+    to the Apache AGE mailing lists and join the Apache AGE
     discussion forum at <a 
href="https://www.reddit.com/r/apacheage/";>https://www.reddit.com/r/apacheage/</a></p>
   <br /><br />
   <p><strong>Volunteer benefits and feedbacks</strong></p>
diff --git a/src/pages/download/index.md b/src/pages/download/index.md
index ad20855e..ecf4edb1 100644
--- a/src/pages/download/index.md
+++ b/src/pages/download/index.md
@@ -3,6 +3,14 @@ templateKey: docs-template
 path: /download
 title: Downloads
 ---
+<div style="text-align: center; margin-bottom: 5rem;">
+
+## Download AGE release for PostgreSQL 11.
+ 
+## The current stable version and the latest release of the graph extension is 
1.1.0. 
+
+</div>
+
 | Apache AGE Release | CheckSum & Signature |
 | ------------------ | -------------------- |
 | [Download Apache AGE 1.1.0 
➚](https://dlcdn.apache.org/age/1.1.0/apache-age-1.1.0-src.tar.gz) | [CheckSum 
➚](https://dlcdn.apache.org/age/1.1.0/apache-age-1.1.0-src.tar.gz.sha512) & 
[Signature 
➚](https://dlcdn.apache.org/age/1.1.0/apache-age-1.1.0-src.tar.gz.asc) |
diff --git a/src/pages/overview/index.md b/src/pages/overview/index.md
index 6fed2221..885c08c1 100644
--- a/src/pages/overview/index.md
+++ b/src/pages/overview/index.md
@@ -1,8 +1,15 @@
 ---
 templateKey: overview-page
 path: /about
+description: >-
+  AGE was under development since 2019 by a team of engineers at Bitnine 
Global Inc. The project, originally born out
+  of AgensGraph, a multi-model graph database fork of PostgreSQL, was donated 
to the Apache Software Foundation and entered
+  incubation in April 2020.
 bannerImg: /img/banner-overview.jpg
-bannerContents: '# AGE (A Graph Extension)'
+bannerContents: >-
+  # Introduction of AGE
+  
+  # (A Graph Extension)
 title: What is Apache AGE®?
 subcon: >-
   <br /><br />
@@ -41,9 +48,7 @@ subcon: >-
 
 Below is a brief overview of the AGE architecture, similar to the PostgreSQL 
architecture and backend. Every component runs on the PostgreSQL transaction 
cache layer and storage layer.
 
-\* Support for PostgreSQL 13 will be implemented in Q1 2023. Support for 
PostgreSQL 14 & 15 will be added by the end of Q1 2023.
-
-**Apache AGE®** will be compatible with all relational databases in the future 
development, starting with MySQL and MariaDB.
+**Apache AGE®** will be compatible with all relational databases in the future 
development, starting with MariaDB and MySQL.
 
 <br /><br /><br />
 
diff --git a/src/templates/overview-page.js b/src/templates/overview-page.js
index 6cc57aae..bb958ab8 100644
--- a/src/templates/overview-page.js
+++ b/src/templates/overview-page.js
@@ -18,6 +18,7 @@ export const OverviewTemplate = ({
   bannerImg,
   bannerContents,
   title,
+  description,
   content,
   subcontent,
   contentComponent,
@@ -39,6 +40,7 @@ export const OverviewTemplate = ({
         />
       </div>
       <section className={styles.root}>
+        <p className={styles.description}>{description}</p>
         <h1>{title}</h1>
         <PageContent className="Overview" content={content} />
         <HowToAge />
@@ -79,6 +81,7 @@ export const OverviewTemplate = ({
 OverviewTemplate.propTypes = {
   bannerImg: PropTypes.string,
   title: PropTypes.string.isRequired,
+  description: PropTypes.string,
   content: PropTypes.string,
   subcontent: PropTypes.string,
   contentComponent: PropTypes.func,
@@ -93,6 +96,7 @@ const OverView = ({ data }) => {
         bannerImg={post.frontmatter.bannerImg}
         bannerContents={post.frontmatter.bannerContents}
         title={post.frontmatter.title}
+        description={post.frontmatter.description}
         content={post.html}
         subcontent={post.frontmatter.subcon}
         contentComponent={HTMLContent}
@@ -119,6 +123,7 @@ export const aboutPageQuery = graphql`
         }
         bannerContents
         title
+        description
         subcon
       }
     }
diff --git a/src/templates/styles/overview.module.scss 
b/src/templates/styles/overview.module.scss
index 9eb4c157..3620d5ea 100644
--- a/src/templates/styles/overview.module.scss
+++ b/src/templates/styles/overview.module.scss
@@ -1,6 +1,12 @@
 @import '../../common/variable.scss';
 
-.root {   
+.root {  
+  // description for seo
+  .description {
+    font: $h6;
+    color: $textColor;
+  }
+
   // 제목
   h1 {
     font: $h1;
@@ -39,9 +45,15 @@
   padding: 1rem;
   .bannerContent {
     h1 {
+      text-align: center;
+      margin: 0;
       font: $landing;
       color: $primayrColor;
     }
+    h1:nth-child(2) {
+      font-size: 3rem;
+      color: $primayrColor;
+    }
   }
 }
 

Reply via email to