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 6552466 Update Discord forum link add
6552466 is described below
commit 65524664cd4c5e9585901ccbd6065fbf7502ddc9
Author: Hanbyeol Shin / David Shin / 신한별
<[email protected]>
AuthorDate: Fri Nov 4 13:31:41 2022 +0900
Update Discord forum link add
---
src/templates/index-page.js | 20 ++++++++++++--------
src/templates/styles/index.module.scss | 25 +++++++++++++++++++++++++
static/img/discord-invite.jpg | Bin 0 -> 344789 bytes
3 files changed, 37 insertions(+), 8 deletions(-)
diff --git a/src/templates/index-page.js b/src/templates/index-page.js
index 4c310da..c2d8cf4 100644
--- a/src/templates/index-page.js
+++ b/src/templates/index-page.js
@@ -17,6 +17,7 @@ import bg03 from '../../static/img/IMG-BG03.jpg';
import bg04 from '../../static/img/IMG-BG04.jpg';
import bg05 from '../../static/img/IMG-BG05.jpg';
import bg06 from '../../static/img/IMG-BG06.jpg';
+import ageLogo from '../../static/img/logo.png';
import keyFeaturesImg01 from '../../static/img/keyfeature01.png';
import keyFeaturesImg02 from '../../static/img/keyfeature02.png';
@@ -141,16 +142,18 @@ export const IndexPageTemplate = ({
</div>
</section>
- <section style={{ backgroundPosition: 'center', backgroundSize:
'contain', backgroundRepeat: 'no-repeat', display: 'none' }}>
-
- {/* <div className={styles.content}>
+ <section style={{ backgroundPosition: 'center', backgroundSize:
'contain', backgroundRepeat: 'no-repeat' }}>
+ <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>
+ <a href="https://discord.com/invite/NMsBs9X8Ss"; target="_blank">
+ <div className={styles.inviteDiscord}>
+ <img src={ageLogo} alt="Discord Invite Link" />
+ </div>
+ </a>
+ <h3>Want to know more about Apache AGE? Got inquiries regarding the
project? Come to the AGE forum and let’s have a chat!</h3>
</div>
- <RedditRss /> */}
-
</section>
- <section style={{ backgroundPosition: 'center', backgroundSize:
'contain', backgroundRepeat: 'no-repeat' }} hidden >
+ {/* <section style={{ backgroundPosition: 'center', backgroundSize:
'contain', backgroundRepeat: 'no-repeat' }} hidden > */}
{/* <div className={styles.content}>
<h2>Message From AGE Team</h2>
<div className={styles.Youtube}>
@@ -163,7 +166,7 @@ export const IndexPageTemplate = ({
></iframe>
</div>
</div> */}
- </section>
+ {/* </section> */}
<section style={{ backgroundPosition: 'center', backgroundSize:
'contain', backgroundRepeat: 'no-repeat' }}>
<div className={styles.content}>
<h2>Welcome to the AGE Community</h2>
@@ -176,6 +179,7 @@ export const IndexPageTemplate = ({
</div>
</section>
+ <section hidden/>
<section>
<div className={styles.content}>
<div className={styles.Subscribe}>
diff --git a/src/templates/styles/index.module.scss
b/src/templates/styles/index.module.scss
index 0c627ea..e7ee29a 100644
--- a/src/templates/styles/index.module.scss
+++ b/src/templates/styles/index.module.scss
@@ -132,6 +132,11 @@
color: $primayrColor;
text-align: center;
}
+ > h3 {
+ font: $h4;
+ color: $primayrColor;
+ text-align: center;
+ }
> p {
text-align: center;
font-size: 1.25rem;
@@ -163,6 +168,26 @@
display: block;
content: '';
}
+ // invite discord
+ .inviteDiscord {
+ display: flex;
+ max-width: 50rem;
+ height: 18.75rem;
+ background-image: url('/img/discord-invite.jpg');
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-color: #404EEE;
+ border-radius: 16px;
+ margin: 0 auto;
+ align-items: center;
+ justify-content: center;
+ img {
+ width: 140px;
+ margin-top: -150px;
+ }
+ margin-bottom: 2.625rem;
+ }
// Subscribe mail image
.Subscribe {
display: flex;
diff --git a/static/img/discord-invite.jpg b/static/img/discord-invite.jpg
new file mode 100755
index 0000000..d7254b7
Binary files /dev/null and b/static/img/discord-invite.jpg differ
