This is an automated email from the ASF dual-hosted git repository.
ako 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 6535db8f Update New web (#312)
6535db8f is described below
commit 6535db8fb5000e2a84020400cba544740e1c8613
Author: dpdjvhxm <[email protected]>
AuthorDate: Mon Apr 22 18:09:57 2024 +0900
Update New web (#312)
* Test
* Update gatsby-config.js
* Changes search result text
* Fix gatsby-config.js and title
* Change meta description
* Fix sitemap.xml for broken links
* Update landing page: Key Update and image
* Create Blog
“2024-04-21-how-to-integrate-langchain-with-apache-age-for-graph-database-applications”
* Update Blog
“2024-04-21-how-to-integrate-langchain-with-apache-age-for-graph-database-applications”
* Update Blog
“2024-04-21-how-to-integrate-langchain-with-apache-age-for-graph-database-applications”
* Update blog, cms
* Update blog
* Fix spelling error
* Activate "blog"
* Update download page, modified blog
* modified footer, download
* Update landing image and blog scss
* modified: src/components/styles/Blog-post.scss
* modified: src/pages/download/index.md
---
src/components/BlogRoll.js | 32 +++----
src/components/Footer.js | 2 +-
src/components/styles/Blog-post.scss | 103 +++++++--------------
src/components/styles/BlogRollTemplate.module.scss | 19 ++++
src/pages/contribution/requirements.md | 6 ++
src/pages/download/index.md | 9 +-
src/pages/index.md | 2 +-
src/templates/blog-post.js | 1 +
src/templates/index-page.js | 9 +-
static/img/background.jpg | Bin 0 -> 7440942 bytes
static/img/background.png | Bin 0 -> 5803687 bytes
static/img/background.webp | Bin 0 -> 4293944 bytes
12 files changed, 86 insertions(+), 97 deletions(-)
diff --git a/src/components/BlogRoll.js b/src/components/BlogRoll.js
index 1a55592e..887544c5 100644
--- a/src/components/BlogRoll.js
+++ b/src/components/BlogRoll.js
@@ -2,6 +2,7 @@ import React from 'react'
import PropTypes from 'prop-types'
import { Link, graphql, StaticQuery } from 'gatsby'
import PreviewCompatibleImage from './PreviewCompatibleImage'
+import * as styles from './styles/BlogRollTemplate.module.scss';
class BlogRollTemplate extends React.Component {
render() {
@@ -12,13 +13,24 @@ class BlogRollTemplate extends React.Component {
<div className="columns is-multiline">
{posts &&
posts.map(({ node: post }) => (
- <div className="is-parent column is-6" key={post.id}>
+ <div className={styles.articles} key={post.id}>
<article
- className={`blog-list-item tile is-child box notification ${
- post.frontmatter.featuredpost ? 'is-featured' : ''
- }`}
+ className={`blog-list-item tile is-child box notification
${post.frontmatter.featuredpost ? 'is-featured' : ''
+ }`}
>
<header>
+ <p className="post-meta">
+ <Link
+ className="title has-text-primary is-size-4"
+ to={post.fields.slug}
+ >
+ {post.frontmatter.title}
+ </Link>
+ <span> • </span> <br/>
+ <span className="subtitle is-size-5 is-block">
+ {post.frontmatter.date}
+ </span>
+ </p>
{post.frontmatter.featuredimage ? (
<div className="featured-thumbnail">
<PreviewCompatibleImage
@@ -35,18 +47,6 @@ class BlogRollTemplate extends React.Component {
/>
</div>
) : null}
- <p className="post-meta">
- <Link
- className="title has-text-primary is-size-4"
- to={post.fields.slug}
- >
- {post.frontmatter.title}
- </Link>
- <span> • </span>
- <span className="subtitle is-size-5 is-block">
- {post.frontmatter.date}
- </span>
- </p>
</header>
<p>
{post.excerpt}
diff --git a/src/components/Footer.js b/src/components/Footer.js
index 838f2dde..46f2e40c 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -155,7 +155,7 @@ const Footer = class extends React.Component {
</div>
<p>
- Copyright © 2024 The Apache Software Foundation.<br></br>
+ Copyright © 2024 The Apache Software Foundation. All rights
reserved.<br></br>
The Apache Software Foundation Apache AGE, AGE, Apache, the Apache
feather,
and the Apache AGE project logo are either registered trademarks or
trademarks of the Apache Software Foundation.
</p>
diff --git a/src/components/styles/Blog-post.scss
b/src/components/styles/Blog-post.scss
index 6bd4a2ab..6a2e4df8 100644
--- a/src/components/styles/Blog-post.scss
+++ b/src/components/styles/Blog-post.scss
@@ -1,74 +1,35 @@
@import '../../common/variable.scss';
-
-// Base styles for the blog post
-.blog-post {
- font-family: 'Arial', sans-serif;
- max-width: 800px;
- margin: 20px auto;
- padding: 20px;
- background-color: #fff;
- border: 1px solid #ddd;
- border-radius: 8px;
-}
-
-// Title styles
-.blog-post h1 {
- color: #ff0000;
- font-size: 28px;
- text-align: center;
- margin-bottom: 20px;
-}
-
-// Featured image styles
-.blog-post img {
- width: 100%;
- height: auto;
- margin-bottom: 20px;
- border-radius: 4px;
-}
-
-// Text content styles
-.blog-post p {
- color: #666;
- font-size: 16px;
- line-height: 1.6;
- margin-bottom: 20px;
-}
-
-// Tag styles
-.blog-post .tags {
- list-style: none;
- padding: 0;
- text-align: center;
-}
-
-.blog-post .tags li {
- display: inline;
- margin: 0 10px;
-}
-
-.blog-post .tags li:before {
- content: '#';
- color: #007bff;
-}
-
-// Visual query image styles
-.blog-post .visual-query {
- border: 2px solid #007bff;
- padding: 10px;
- margin-top: 20px;
-}
-
-// Call to Action styles
-.blog-post .call-to-action {
- background-color: #007bff;
- color: #fff;
- padding: 10px 20px;
- text-align: center;
- font-weight: bold;
- border-radius: 4px;
- display: block;
- margin-top: 30px;
- text-decoration: none;
+.button-back {
+ // 기본 스타일 설정
+ padding: 0.5em 1em; // 패딩
+ border: none; // 테두리 없음
+ background-color: #4CAF50; // 배경색
+ color: white; // 텍스트 색상
+ text-align: center; // 텍스트 중앙 정렬
+ text-decoration: none; // 텍스트 밑줄 없음
+ display: inline-block; // 인라인 블록 표시
+ font-size: 16px; // 폰트 크기
+ border-radius: 8px; // 모서리 둥글게
+ cursor: pointer; // 커서 포인터 모양으로 변경
+
+ // 마우스 오버 시 스타일 변경
+ &:hover {
+ background-color: #45a049; // 호버 상태의 배경색
+ }
+
+ // 포커스 시 스타일 변경
+ &:focus {
+ outline: none; // 포커스 아웃라인 제거
+ box-shadow: 0 0 8px rgba(0,0,0,0.6); // 박스 그림자 추가
+ }
+
+ // 활성화(클릭) 상태 스타일
+ &:active {
+ background-color: #3e8e41; // 클릭 상태의 배경색
+ }
+}
+
+.section {
+ padding: 5% 10%; // 상하 패딩은 0, 좌우 패딩은 10%
}
diff --git a/src/components/styles/BlogRollTemplate.module.scss
b/src/components/styles/BlogRollTemplate.module.scss
new file mode 100644
index 00000000..c9e4f406
--- /dev/null
+++ b/src/components/styles/BlogRollTemplate.module.scss
@@ -0,0 +1,19 @@
+.articles {
+ article {
+ display: flex;
+ flex-direction: row;
+ background-color: rgb(255, 255, 255);
+ border-radius: 16px;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ header {
+ display: flex;
+
+ max-width: 500px;
+ min-width: 500px;
+ }
+ padding-left: 10%;
+ padding-right: 10%;
+ }
+}
+
diff --git a/src/pages/contribution/requirements.md
b/src/pages/contribution/requirements.md
index 1acbc7c9..79e4255d 100644
--- a/src/pages/contribution/requirements.md
+++ b/src/pages/contribution/requirements.md
@@ -8,6 +8,12 @@ title:
# Committer Requirements
+Contribution to our project requires compliance with certain guidelines and
standards. Please review the requirements below before making a commitment.
</br>
+In addition, active participation in project discussions, constructive
feedback provision, and driving the project's progress are highly encouraged.
</br>
+
+___
+</br>
+
## 1-Continuous contributions to AGE:
Committers should have a decent amount, of continuous engagement and
contributions (fixing bugs, writing documentation, answering community
questions) to AGE either by contributing on GitHub Repos, documentation and
mailing list, etc.
diff --git a/src/pages/download/index.md b/src/pages/download/index.md
index 76210c8e..a08d03b6 100644
--- a/src/pages/download/index.md
+++ b/src/pages/download/index.md
@@ -5,6 +5,11 @@ title: Downloads
---
<div style="text-align: center; margin-bottom: 5rem;">
+<div class="subTitle" style="text-align:center;">
+Welcome to our download page! <br/>
+Find the latest version of our software below.
+</div>
+
## Download AGE release for PostgreSQL 16.
## The current stable version and the latest release of the graph extension is
1.5.0.
@@ -132,11 +137,7 @@ Archives for all past versions of AGEs are available at
the Apache archives
## Language Specific Drivers
Starting with Apache AGE is very simple. You can easily select your platform
and incorporate the relevant SDK into your code.
-<br/><br/>
-<img src="../img/age-02.png" width="50%" style="border-radius: 20px;">
-
-<br/><br/>
| Built-in |
| --------------------- |
diff --git a/src/pages/index.md b/src/pages/index.md
index c2aaf4a0..d8c07f23 100644
--- a/src/pages/index.md
+++ b/src/pages/index.md
@@ -1,7 +1,7 @@
---
templateKey: index-page
title: Apache AGE | Graph Database for PostgreSQL
-bannerImg: /img/landing-banner.webp
+bannerImg: /img/background.webp
bannerContents: >-
<h1 class="bannerHeader"><span>Apache AGE</span></br>
Graph Database for PostgreSQL</h1>
diff --git a/src/templates/blog-post.js b/src/templates/blog-post.js
index a3094a79..9fca3d8f 100644
--- a/src/templates/blog-post.js
+++ b/src/templates/blog-post.js
@@ -5,6 +5,7 @@ import { Helmet } from "react-helmet";
import { graphql, Link, navigate } from "gatsby"; // 'navigate'를 임포트합니다.
import Layout from "../components/Layout";
import Content, { HTMLContent } from "../components/Content";
+import style from "../components/styles/blog-post.scss"
// eslint-disable-next-line
export const BlogPostTemplate = ({
diff --git a/src/templates/index-page.js b/src/templates/index-page.js
index a463565f..8e026827 100644
--- a/src/templates/index-page.js
+++ b/src/templates/index-page.js
@@ -109,21 +109,22 @@ export const IndexPageTemplate = ({
<div><a
href="https://news.apache.org/foundation/entry/asf-project-spotlight-apache-age";
target="_blank" rel="noopener noreferrer">Read More</a></div>
<br></br>
- <div><b>Why do you use Apache AGE? </b></div>
+ <div><h2><b>Why do you use Apache AGE? </b></h2></div>
<div>Give feedback at the GitHub (<a
href="https://github.com/apache/age/issues/1705"; target="_blank" rel="noopener
noreferrer">#1705</a>)</div>
<br></br>
- <div><b>Add graph store implementation for Apache AGE in
langchain github</b></div>
+ <div><h2><b>Add graph store implementation for Apache AGE
in langchain github</b></h2></div>
+
<div>Check out the pull request for the implementation
of the GraphStore class for the Apache Age graph database in the LangChain
repository.</div>
<div><a
href="https://github.com/langchain-ai/langchain/pull/20582"; target="_blank"
rel="noopener noreferrer">Read more</a></div>
<br></br>
- <div><b>Proposal: Vector handling with
extension(pgvector)</b></div>
+ <div><h2><b>Proposal: Vector handling with
extension(pgvector)</b></h2></div>
<div>A proposal for applying PGvector to Apache AGE has
been posted on GitHub. Please read and leave a comment or opinion if you are
interested.</div>
<div><a href="https://github.com/apache/age/issues/1121";
target="_blank" rel="noopener noreferrer">Read more</a></div>
<br></br>
- <div><b>Apache AGE is now compatible with PostgreSQL
16!</b></div>
+ <div><h2><b>Apache AGE is now compatible with PostgreSQL
16!</b></h2></div>
<div>Check the changelog for the latest version</div>
<div><a
href="https://github.com/apache/age/releases/tag/PG16%2Fv1.5.0-rc0";
target="_blank" rel="noopener noreferrer">Read more</a></div>
<br></br>
diff --git a/static/img/background.jpg b/static/img/background.jpg
new file mode 100644
index 00000000..cbf6c3ec
Binary files /dev/null and b/static/img/background.jpg differ
diff --git a/static/img/background.png b/static/img/background.png
new file mode 100644
index 00000000..f971e5da
Binary files /dev/null and b/static/img/background.png differ
diff --git a/static/img/background.webp b/static/img/background.webp
new file mode 100644
index 00000000..03a32420
Binary files /dev/null and b/static/img/background.webp differ
