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 3e2cc1e Update website
3e2cc1e is described below
commit 3e2cc1ef706609ca5ee0cba90e46aacfaf607ffa
Author: Hanbyeol Shin / David Shin / 신한별
<[email protected]>
AuthorDate: Thu Nov 3 12:00:04 2022 +0900
Update website
1. Add installation age for mac os video
2. Navbar update
3. reddit rss forum remove
4. discord logo add
---
src/components/Footer.js | 3 +-
src/components/Navbar.js | 96 ++++++++++++++++++++++++++++-----
src/pages/contribution/guide.md | 2 +-
src/pages/contribution/how.md | 2 +-
src/pages/joinus/index.md | 4 +-
src/templates/index-page.js | 20 +++++--
src/templates/styles/index.module.scss | 10 ++--
static/admin/config.yml | 4 +-
static/img/icon-Large-Discord.png | Bin 0 -> 11205 bytes
9 files changed, 117 insertions(+), 24 deletions(-)
diff --git a/src/components/Footer.js b/src/components/Footer.js
index 93ba17c..f01e8aa 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -10,6 +10,7 @@ import icoGithubLd from '../../static/img/icon-github.png';
import icoTwitterLd from '../../static/img/icon-twitter.png';
import icoLinkedinLd from '../../static/img/icon-linkedin.png';
import icoYoutubeLd from '../../static/img/icon-youtube.png';
+import icoYoutubeLd from '../../static/img/icon-discord.png';
// styles
import * as styles from './styles/Footer.module.scss';
// import './styles/footer.css';
@@ -67,7 +68,7 @@ const Footer = class extends React.Component {
<a href="/contribution/how">How to contribute</a>
</li>
<li>
- <a href="/contribution/guide">Developer Guideline</a>
+ <a href="/contribution/guide">Code Convention</a>
</li>
<li>
<a href="/contribution/requirements">Committer Requirements</a>
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 234b586..5f76fea 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -46,6 +46,15 @@ const Navbar = () => {
Join AGE Community
</Link>
</Menu.Item>
+ <Menu.Item>
+ <Link
+ className="navbar-item"
+ target="_blank"
+ to="https://discord.com/invite/NMsBs9X8Ss/";
+ >
+ AGE_Discord
+ </Link>
+ </Menu.Item>
<Menu.Item>
<Link
className="navbar-item"
@@ -64,6 +73,15 @@ const Navbar = () => {
AGE Project
</Link>
</Menu.Item>
+ <Menu.Item>
+ <Link
+ className="navbar-item"
+ target="_blank"
+ to="https://github.com/apache/age-viewer/projects";
+ >
+ AGE Viewer Project
+ </Link>
+ </Menu.Item>
</Menu.SubMenu>
<Menu.SubMenu title="Contribution">
<Menu.Item>
@@ -73,7 +91,7 @@ const Navbar = () => {
</Menu.Item>
<Menu.Item>
<Link className="navbar-item" to="/contribution/guide">
- Developer Guideline
+ Code Convention
</Link>
</Menu.Item>
<Menu.Item>
@@ -94,8 +112,28 @@ const Navbar = () => {
</Menu.SubMenu>
<Menu.SubMenu title="Documentation">
<Menu.Item>
- <a href="/age-manual/master/index.html"
className="navbar-item">
- Apache AGE Manual
+ <a
href="https://age.apache.org/age-manual/master/intro/overview.html";
target="_blank" className="navbar-item">
+ Introduction
+ </a>
+ </Menu.Item>
+ <Menu.Item>
+ <a
href="https://age.apache.org/age-manual/master/clauses/match.html";
target="_blank" className="navbar-item">
+ Clauses
+ </a>
+ </Menu.Item>
+ <Menu.Item>
+ <a
href="https://age.apache.org/age-manual/master/functions/predicate_functions.html";
target="_blank" className="navbar-item">
+ Functions
+ </a>
+ </Menu.Item>
+ <Menu.Item>
+ <a
href="https://age.apache.org/age-manual/master/advanced/advanced_overview.html";
target="_blank" className="navbar-item">
+ AGE Beyond Cypher
+ </a>
+ </Menu.Item>
+ <Menu.Item>
+ <a
href="https://age.apache.org/age-manual/master/contributing/run_tests.html";
target="_blank" className="navbar-item">
+ Contributing
</a>
</Menu.Item>
</Menu.SubMenu>
@@ -133,6 +171,15 @@ const Navbar = () => {
Join AGE Community
</Link>
</Menu.Item>
+ <Menu.Item>
+ <Link
+ className="navbar-item"
+ target="_blank"
+ to="https://discord.com/invite/NMsBs9X8Ss/";
+ >
+ AGE_Discord
+ </Link>
+ </Menu.Item>
<Menu.Item>
<Link
className="navbar-item"
@@ -151,6 +198,15 @@ const Navbar = () => {
AGE Project
</Link>
</Menu.Item>
+ <Menu.Item>
+ <Link
+ className="navbar-item"
+ target="_blank"
+ to="https://github.com/apache/age-viewer/projects";
+ >
+ AGE Viewer Project
+ </Link>
+ </Menu.Item>
</Menu.SubMenu>
<Menu.SubMenu title="Contribution">
<Menu.Item>
@@ -160,7 +216,7 @@ const Navbar = () => {
</Menu.Item>
<Menu.Item>
<Link className="navbar-item" to="/contribution/guide">
- Developer Guideline
+ Code Convention
</Link>
</Menu.Item>
<Menu.Item>
@@ -181,11 +237,28 @@ const Navbar = () => {
</Menu.SubMenu>
<Menu.SubMenu title="Documentation">
<Menu.Item>
- {/* <Link className="navbar-item" to="/age-manual">
- Apache AGE Manual
- </Link> */}
- <a href="/age-manual/master/index.html"
className="navbar-item">
- Apache AGE Manual
+ <a
href="https://age.apache.org/age-manual/master/intro/overview.html";
target="_blank" className="navbar-item">
+ Introduction
+ </a>
+ </Menu.Item>
+ <Menu.Item>
+ <a
href="https://age.apache.org/age-manual/master/clauses/match.html";
target="_blank" className="navbar-item">
+ Clauses
+ </a>
+ </Menu.Item>
+ <Menu.Item>
+ <a
href="https://age.apache.org/age-manual/master/functions/predicate_functions.html";
target="_blank" className="navbar-item">
+ Functions
+ </a>
+ </Menu.Item>
+ <Menu.Item>
+ <a
href="https://age.apache.org/age-manual/master/advanced/advanced_overview.html";
target="_blank" className="navbar-item">
+ AGE Beyond Cypher
+ </a>
+ </Menu.Item>
+ <Menu.Item>
+ <a
href="https://age.apache.org/age-manual/master/contributing/run_tests.html";
target="_blank" className="navbar-item">
+ Contributing
</a>
</Menu.Item>
</Menu.SubMenu>
@@ -198,9 +271,8 @@ const Navbar = () => {
</div>
<div className={styles.MenuToggle}>
<button
- className={`${styles.Toggle} ${
- menuToggle === 'toggled' ? styles.Toggled : ''
- }`}
+ className={`${styles.Toggle} ${menuToggle === 'toggled' ?
styles.Toggled : ''
+ }`}
onClick={() => {
const state = menuToggle === 'toggled' ? 'untogle' : 'toggled';
setMenuToggle(state);
diff --git a/src/pages/contribution/guide.md b/src/pages/contribution/guide.md
index 8cb2c4b..345f26f 100644
--- a/src/pages/contribution/guide.md
+++ b/src/pages/contribution/guide.md
@@ -6,7 +6,7 @@ title:
<div class="DeveloperGuidelines">
-# Developer Guidelines
+# Code Convention
Table of Contents
diff --git a/src/pages/contribution/how.md b/src/pages/contribution/how.md
index dc1ddda..42d86bd 100644
--- a/src/pages/contribution/how.md
+++ b/src/pages/contribution/how.md
@@ -14,7 +14,7 @@ A great way to contribute to AGE is to help answering
questions from other commu
Contributors should subscribe to the mailing lists and/or join the Apache AGE
Reddit community (r/apacheage) to keep up to date on what's happening in AGE.
Answering questions is an excellent and visible way to help the community,
which also demonstrates your expertise.
## Contributing by Reviewing Changes
-Changes to AGE source code are proposed, reviewed, and committed via Github
pull requests (described in Developer Guideline). Anyone can view and comment
on active changes here. Reviewing others' changes is a good way to learn how
the change process works and gain exposure to activity in various parts of the
code. You can help by reviewing the changes and asking questions or pointing
out issues as simple as typos or small issues of style.
+Changes to AGE source code are proposed, reviewed, and committed via Github
pull requests (described in Code Convention). Anyone can view and comment on
active changes here. Reviewing others' changes is a good way to learn how the
change process works and gain exposure to activity in various parts of the
code. You can help by reviewing the changes and asking questions or pointing
out issues as simple as typos or small issues of style.
## Contributing Documentation Changes
You can propose changes to technical writings such as Apache AGE Manual, edit
the Markdown source files for the Apache AGE website pages.
diff --git a/src/pages/joinus/index.md b/src/pages/joinus/index.md
index 575d861..05e1993 100644
--- a/src/pages/joinus/index.md
+++ b/src/pages/joinus/index.md
@@ -12,7 +12,9 @@ title: Join AGE Community!
<div class="JoinUsAGE">
<div>
- <img src="/img/icon-Large-raddit.png"/>
+ <a href="https://discord.com/invite/NMsBs9X8Ss/"; target="_blank">
+ <img src="/img/icon-Large-Discord.png" style="max-height: 232px;
max-width: 232px"/>
+ </a>
</div>
<div>
diff --git a/src/templates/index-page.js b/src/templates/index-page.js
index ccdddb0..4c310da 100644
--- a/src/templates/index-page.js
+++ b/src/templates/index-page.js
@@ -77,6 +77,20 @@ export const IndexPageTemplate = ({
</div>
</div>
</div>
+ <section className={styles.videos}>
+ <div className={styles.content}>
+ <h2>Installation Guide</h2>
+ <div className={styles.Youtube}>
+ <iframe
+ src="https://www.youtube.com/embed/Vt06H5RARcs";
+ title="YouTube video player"
+ frameBorder="0"
+ allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture"
+ allowFullScreen
+ ></iframe>
+ </div>
+ </div>
+ </section>
<div className={styles.keyFeatures}>
<h2>Key Features</h2>
<div className={styles.keyFeaturesImgContainer}>
@@ -127,13 +141,13 @@ export const IndexPageTemplate = ({
</div>
</section>
- <section style={{ backgroundPosition: 'center', backgroundSize:
'contain', backgroundRepeat: 'no-repeat' }}>
+ <section style={{ backgroundPosition: 'center', backgroundSize:
'contain', backgroundRepeat: 'no-repeat', display: 'none' }}>
- <div className={styles.content}>
+ {/* <div className={styles.content}>
<h2>AGE Forum</h2>
<p>Want to know more about Apache AGE? Got inquiries regarding the
project? Come to the AGE forum and let’s have a chat!</p>
</div>
- <RedditRss />
+ <RedditRss /> */}
</section>
<section style={{ backgroundPosition: 'center', backgroundSize:
'contain', backgroundRepeat: 'no-repeat' }} hidden >
diff --git a/src/templates/styles/index.module.scss
b/src/templates/styles/index.module.scss
index 4548207..0c627ea 100644
--- a/src/templates/styles/index.module.scss
+++ b/src/templates/styles/index.module.scss
@@ -26,7 +26,7 @@
display: flex;
align-content: center;
justify-content: space-around;
- align-items: center;
+ align-items: flex-start;
position: relative;
flex-direction: row;
border: 0.0625rem solid white;
@@ -38,7 +38,7 @@
text-align: left;
padding: 2rem;
position: relative;
- top: -8rem;
+ margin-top: -8rem;
box-shadow: 0rem 0.75rem 1.5rem #00000029;
.cardContent {
@@ -69,10 +69,14 @@
padding: 0 0 0 3rem;
}
}
+ .videos {
+ width: 100%;
+ text-align: center;
+ }
.keyFeatures {
width: 100%;
position: relative;
- top: -6rem;
+ padding: 0 0 3rem;
h2 {
font: $h1;
color: $primayrColor;
diff --git a/static/admin/config.yml b/static/admin/config.yml
index 6b08177..4637f81 100644
--- a/static/admin/config.yml
+++ b/static/admin/config.yml
@@ -140,9 +140,9 @@ collections:
- { label: "Title", name: "title", widget: "string" }
- { label: "Body", name: "body", widget: "markdown" }
- # Developer Guidelines
+ # Code Convention
- file: "src/pages/contribution/guide.md"
- label: "Developer Guidelines"
+ label: "Code Convention"
name: "guide"
fields:
- {
diff --git a/static/img/icon-Large-Discord.png
b/static/img/icon-Large-Discord.png
new file mode 100755
index 0000000..abcd14d
Binary files /dev/null and b/static/img/icon-Large-Discord.png differ
