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 1aeb7c74 Update New web (#283)
1aeb7c74 is described below
commit 1aeb7c740d8d13daa872b0749cfe79335edbe322
Author: dpdjvhxm <[email protected]>
AuthorDate: Tue Apr 2 04:56:03 2024 +0900
Update New web (#283)
* Update index.md
* Update index.md
* Update gatsby-config.js
* Update package.json
* Add files via upload
* Add files via upload
* Add files via upload
* Update Navbar.js
* Update Footer
Update Download version and file link
Update Landing Page (News & Events)
* Update Landing page: Comparison
* Add files via upload
* Add files via upload
* Add files via upload
* Add files via upload
* Add files via upload
* Add files via upload
* Add files via upload
* Add files via upload
* Fix Google Analytics Code
* Fix Footer Link
* Update landing page and add FAQ page
* Fix double MenuToggle button issue and css
Fixing bugs with two menu buttons on the responsive screen Fixing the
phenomenon that the scrollbar obscures the menu buttons
* Update
* Update
* Updated
* node version changes
* node changes
* Update quickstart.md
* Update netlify.toml
* update
* Update 2024/Mar/25
* Update 2024/Mar/25
* Fix landing page & delete youtube link
* update
* Update
* Update
* update team
* Update
* Update
* Update
* update
* Updated
* Update download link
* Update download page link
* Update
* update
* Update
* Update
---------
Co-authored-by: Hanbyeol Shin / David Shin / 신한별
<[email protected]>
---
gatsby-config.js | 4 ++-
src/components/Layout.js | 2 +-
src/components/styles/Blog.scss | 64 +++++++++++++++++++++++++++++++++++++
src/pages/blog/2022-08-02-test.md | 17 ----------
src/pages/blog/blog_test1_240401.md | 14 ++++++++
src/pages/blog/blog_test_240401.md | 54 +++++++++++++++++++++++++++++++
src/pages/blog/index.js | 8 +++--
static/admin/config.yml | 2 +-
8 files changed, 143 insertions(+), 22 deletions(-)
diff --git a/gatsby-config.js b/gatsby-config.js
index 3fc4efd1..2f3d00ca 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -1,6 +1,8 @@
module.exports = {
siteMetadata: {
- title: "Apache AGE",
+
+ title: "Apache AGE, Graph database optimized for fast analysis and
real-time data processing. It is provided as an extension to PostgreSQL.",
+
description: "Since May 2022, Apache AGE® is a Top-Level Project at the
Apache Software Foundation, born from AgensGraph and developed by Bitnine
Global Inc. since 2019. Donated to Apache in April 2020, it enhances graph
database capabilities under the Apache License 2.0, promoting open access.",
},
pathPrefix: "/",
diff --git a/src/components/Layout.js b/src/components/Layout.js
index a485bfdd..6d5a53ee 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -77,7 +77,7 @@ const TemplateWrapper = ({ children }) => {
{/* Global site tag (gtag.js) - Google Analytics */}
<script async
src="https://www.googletagmanager.com/gtag/js?id=G-VPCE2QF63F"; />
<script async
src="https://www.googletagmanager.com/gtag/js?id=G-XFVE1KJW91"/>
- <meta name="google-site-verification"
content="yl8xrMjtcZXVEZ0JqZ_H0s3YJ4hb8XwKMkCOdKoC3Jk" />
+
{/* Search Console New */}
<meta name="google-site-verification"
content="C4CIVL2dGO5hQM50NyalduCnsGIL9cRgtP8ilWhKWko" />
<script>
diff --git a/src/components/styles/Blog.scss b/src/components/styles/Blog.scss
new file mode 100644
index 00000000..0c0c2d67
--- /dev/null
+++ b/src/components/styles/Blog.scss
@@ -0,0 +1,64 @@
+@import '../../common/variable.scss';
+
+.accordion-header {
+ cursor: pointer;
+ font-weight: bold;
+ padding: 10px;
+ margin: 5px 0;
+ background-color: #c5c5c5;
+ border: none;
+ text-align: left;
+ outline: none;
+ font-size: 15px;
+ transition: background-color 0.2s ease;
+ border-radius: 10px; // 모서리를 둥글게
+ margin-bottom: 10px; // 원하는 간격으로 조절하세요.
+ font-size: 16px; // 폰트 사이즈 설정
+}
+
+.accordion-header:hover {
+ background-color: #cecece;
+}
+
+.accordion-content {
+ line-height: 2.5; /* 글자 크기의 1.5배로 줄 간격을 설정 */
+ padding: 0 15px;
+ margin: 5px 0;
+ padding-top: 0 20px;
+ padding-right: 0 30px;
+ padding-bottom: 0 20px;
+ padding-left: 0 30px;
+ background-color: #F5F5DC;
+ overflow: hidden;
+ transition: max-height 0.2s ease-out;
+ border-radius: 10px; // 모서리를 둥글게
+ margin-bottom: 20px; // 원하는 간격으로 조절하세요.
+ font-size: 16px; // 폰트 사이즈 설정
+}
+
+/* 상태에 따라 클래스를 토글하여 애니메이션을 적용할 수 있습니다. */
+.accordion-content.open {
+ max-height: 2500px; /* 답변의 내용에 따라 적절하게 조절하세요. */
+}
+
+.accordion-content.closed {
+ max-height: 0;
+}
+
+.faq-content-page {
+ padding-left: 10%; // 왼쪽에 공백을 추가합니다.
+ padding-right: 10%; // 오른쪽에 공백을 추가합니다.
+
+ @media (max-width: 768px) {
+ padding-left: 5%;
+ padding-right: 5%;
+ }
+}
+
+.faq-item {
+ margin-bottom: 20px; // 마지막 아이템을 제외한 각 항목 하단에 간격을 추가합니다.
+}
+
+.faq-item:last-child {
+ margin-bottom: 40px; // 마지막 항목의 마진을 제거합니다.
+}
\ No newline at end of file
diff --git a/src/pages/blog/2022-08-02-test.md
b/src/pages/blog/2022-08-02-test.md
deleted file mode 100644
index 76822f4f..00000000
--- a/src/pages/blog/2022-08-02-test.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-templateKey: blog-post
-title: test1
-date: 2022-08-02T07:08:00.277Z
-description: test1
-featuredpost: true
-featuredimage: '/img/banner-overview.jpg'
-tags:
- - age
- - age viewer
----
-test1
-<iframe src="https://apache-age.medium.com/"; width="100%" height="600px">
- <p>브라우저가 iframes를 지원하지 않습니다.</p>
-</iframe>
-<a href="https://apache-age.medium.com/"; target="_blank" rel="noopener
noreferrer">Apache AGE 블로그 방문하기</a>
-
diff --git a/src/pages/blog/blog_test1_240401.md
b/src/pages/blog/blog_test1_240401.md
new file mode 100644
index 00000000..25c6010d
--- /dev/null
+++ b/src/pages/blog/blog_test1_240401.md
@@ -0,0 +1,14 @@
+---
+templateKey: blog-post
+title: 블로그 페이지 타이틀
+date: 2024-04-01T17:00:00
+description: Descrituion
+featuredpost: true
+featuredimage: '/img/banner-overview.jpg'
+tags:
+ - age
+ - age viewer
+ - 태그
+---
+페이지 타이틀2
+
diff --git a/src/pages/blog/blog_test_240401.md
b/src/pages/blog/blog_test_240401.md
new file mode 100644
index 00000000..faf552d1
--- /dev/null
+++ b/src/pages/blog/blog_test_240401.md
@@ -0,0 +1,54 @@
+---
+templateKey: blog-post
+title: Easy and Smooth Start to Graph Databases
+date: 2024-04-01T17:00:00Z
+description: <N/A>
+featuredpost: true
+featuredimage: '/img/blogimg01.png'
+tags:
+ - age
+ - age viewer
+ - 태그
+---
+
+*Easy and Smooth Start to Graph Databases*
+
+Graph databases are like digital maps that show how different pieces of
information are connected. Apache AGE makes these maps using the popular
relational database called PostgreSQL, making it smarter. Graphizer is a tool
developed by Bitnine for Apache AGE to make creating and understanding these
maps easier for everyone.
+
+<h2>The Need for Simplicity in Graph Databases></h2>
+Starting with graph databases can be tough, like learning a new language. It's
hard to see how information connects and to ask the right questions. Tools like
Graphizer are important because they make this learning journey smoother,
letting more people use these smart databases without getting lost.
+
+One of the standout features of Graphizer is its ability to create graph
models and data without needing to learn or use openCypher. For many who are
used to traditional relational databases, the jump to graph databases can be
scary, primarily due to the need to understand new querying languages like
openCypher. Graphizer simplifies this transition. It offers intuitive tools
that allow users to build and explore graph data with visual interfaces,
bypassing the complexity of coding querie [...]
+
+Take for example the following openCypher query:
+
+```
+MATCH (m:Movie)<-[:Act_in]-(p:Person)-[:Produced]->(m),
+RETURN p, m
+```
+
+Which looks for a pattern within the graph database where a person has acted
in one movie and also produced it. With Graphizer you can just enter a “Visual
Query” like in the following image, having the same result as the openCypher
query we used. Simply like that, you are in the world of graph databases.
+
+Graph Data Viewing Feature
+Graphizer lets you see the connections between points of information (nodes)
and the lines that connect them (edges) easily. Imagine looking at a family
tree; Graphizer helps you see who is related to whom at a glance, without
having to dig through lots of details.
+
+Data Loading Feature
+Graphizer is great at taking lists of information, like those in table data
files (CSV and RDB files), and turning them into a graph. This is like turning
a flat picture into a 3D model, showing how everything is connected in a way
that’s easy to understand.
+
+Exploring Feature
+With Graphizer, you can dive into your data like a detective, using tools to
find out how things are related. It's like having a magnifying glass to see the
clues in your data, helping you make sense of it through pictures, patterns and
filters.
+
+Integrating Graphizer with Apache AGE
+Graphizer and Apache AGE are packaged together and work along seamlessly. It's
like having a guide while exploring a new city, making it easier to navigate
and discover connections within your data. This teamwork makes starting with
graph databases as easy as starting a car.
+
+Practical Applications
+Graphizer and Apache AGE can be used in cool ways, like figuring out who knows
whom on ocial media, spotting fraudsters, or recommending what book you should
read next. They turn complex info into easy-to-understand maps, making solving
problems or finding opportunities easier.
+
+Graphizer, along with Apache AGE, is like a pair of glasses that brings the
world of graph databases into clear focus. Whether you're new to this world or
have been exploring it for a while, these tools make the journey easier and
more enjoyable.
+
+Call to Action
+Give Graphizer and Apache AGE a try! They're here to help you navigate the
complex world of graph databases with ease. Whether you're looking for guides,
tutorials, or a community to join, there's plenty of support to get you started
on your adventure. Visit Apache AGE’s GitHub page, you can contribute or send
your question through the issues:
+
+Apache AGE’s website: https://age.apache.org/
+
+Apache AGE’s GitHub repository: https://github.com/apache/age
\ No newline at end of file
diff --git a/src/pages/blog/index.js b/src/pages/blog/index.js
index f226d159..55dda77d 100644
--- a/src/pages/blog/index.js
+++ b/src/pages/blog/index.js
@@ -3,6 +3,8 @@ import * as React from "react";
import Layout from "../../components/Layout";
import BlogRoll from "../../components/BlogRoll";
+import "../../components/styles/Blog.scss"; // SCSS 파일 임포트
+
export default class BlogIndexPage extends React.Component {
render() {
return (
@@ -17,12 +19,13 @@ export default class BlogIndexPage extends React.Component {
className="has-text-weight-bold is-size-1"
style={{
boxShadow: "0.5rem 0 0 #f40, -0.5rem 0 0 #f40",
- backgroundColor: "#f40",
+ backgroundColor: "rgb(184, 20, 90)",
color: "white",
padding: "1rem",
+ textAlign: "center"
}}
>
- Latest Stories
+ Blog
</h1>
</div>
<section className="section">
@@ -32,6 +35,7 @@ export default class BlogIndexPage extends React.Component {
</div>
</div>
</section>
+
</Layout>
);
}
diff --git a/static/admin/config.yml b/static/admin/config.yml
index 0bf574f6..c98f8aae 100644
--- a/static/admin/config.yml
+++ b/static/admin/config.yml
@@ -1,6 +1,6 @@
backend:
name: github
- repo: (your-github)/age-website
+ repo: ( )
branch: new-web
commit_messages:
create: "Create {{collection}} “{{slug}}”"
