You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@age.apache.org by hb...@apache.org on 2022/10/05 05:12:08 UTC
[age-website] branch new-web updated: Update
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 a4aca9e Update
a4aca9e is described below
commit a4aca9ec74fbab5b0e07208ad484f9b5bde51354
Author: Hanbyeol Shin / David Shin / 신한별 <76...@users.noreply.github.com>
AuthorDate: Wed Oct 5 14:12:00 2022 +0900
Update
1. in randing page add star of age-viewer
2. add Volunteer Guidelines page
---
src/api/ageStateManager.js | 20 +++
src/components/AgeInfos.js | 67 ++++++--
src/components/Navbar.js | 38 ++++-
src/components/styles/Ageinfos.module.scss | 62 ++++++--
src/pages/contribution/volunteers.md | 238 +++++++++++++++++++++++++++++
src/templates/styles/pageby.scss | 21 +++
static/img/Apache-AGE-AGE Viewer.png | Bin 0 -> 34448 bytes
static/img/Apache-AGE-committer.png | Bin 0 -> 37743 bytes
static/img/Project-leaders.png | Bin 0 -> 8531 bytes
static/img/Project-mentors.png | Bin 0 -> 13161 bytes
10 files changed, 416 insertions(+), 30 deletions(-)
diff --git a/src/api/ageStateManager.js b/src/api/ageStateManager.js
index 5db40e3..3f9b394 100644
--- a/src/api/ageStateManager.js
+++ b/src/api/ageStateManager.js
@@ -19,8 +19,28 @@ async function getAgeInfoSetter(stateSetter) {
});
}
+async function getAgeViewerInfoSetter(stateSetter) {
+ axios.defaults.withCredentials = true;
+ axios.defaults.headers['accept'] = 'application/json';
+ return await axios
+ .get('https://apacheage.shop:3999/api/v1/github/star-and-member?owner=apache&repo=age-viewer', {
+ //.get('https://localhost:3999/api/v1/github/star-and-member?owner=apache&repo=age', {
+ owner: 'apache',
+ repos: 'age-viewer',
+ })
+ .then((res) => {
+ stateSetter(res.data);
+ return true;
+ })
+ .catch(() => {
+ console.error('error');
+ return false;
+ });
+}
+
const manager = {
getAgeInfoSetter,
+ getAgeViewerInfoSetter
};
export default manager;
diff --git a/src/components/AgeInfos.js b/src/components/AgeInfos.js
index 903aa12..65ce286 100644
--- a/src/components/AgeInfos.js
+++ b/src/components/AgeInfos.js
@@ -6,24 +6,67 @@ import { Spin } from 'antd';
const Ageinfos = () => {
const [ageInfo, setAgeInfo] = useState({});
+ const [ageViewerInfo, setAgeViewerInfo] = useState({});
const [isLoading, setLoaindgYn] = useState(true);
useEffect(() => {
- ageStateManager
- .getAgeInfoSetter(setAgeInfo)
- .then((res) => setLoaindgYn(!res));
+ ageStateManager.getAgeInfoSetter(setAgeInfo).then((res) => {
+ if (res) {
+ ageStateManager.getAgeViewerInfoSetter(setAgeViewerInfo).then((res) => {
+ if (res) {
+ setLoaindgYn(false);
+ }
+ });
+ }
+ });
}, []);
return (
<div className={styles.root}>
- <div>
- {isLoading ? <Spin /> : <></>}
- <a target="_blank" href='https://github.com/apache/age/stargazers' className={styles.Count}>{ageInfo.startCount}</a>
- <span className={styles.Label}>✭ Star</span>
+ <div className={styles.Stars}>
+ <p>Github Star</p>
+ <div className={styles.Section}>
+ {isLoading ? <Spin /> : <></>}
+ <div>
+ <a
+ target="_blank"
+ href="https://github.com/apache/age/stargazers"
+ className={styles.Count}
+ >
+ {ageInfo.startCount}
+ </a>
+ <span className={styles.Label}>AGE</span>
+ </div>
+ <div>
+ <a
+ target="_blank"
+ href="https://github.com/apache/age-viewer/stargazers"
+ className={styles.Count}
+ >
+ {ageViewerInfo.startCount}
+ </a>
+ <span className={styles.Label}>AGE Viewer</span>
+ </div>
+ </div>
</div>
- <div></div>
- <div>
- {isLoading ? <Spin /> : <></>}
- <a href='/team' className={styles.Count}>{ageInfo.memberCount}+</a>
- <span className={styles.Label}>Team Members</span>
+
+ <div className={styles.Separator}></div>
+
+ <div className={styles.Contributors}>
+ <p>Contributors</p>
+ <div className={styles.Section}>
+ {isLoading ? <Spin /> : <></>}
+ <div>
+ <a href="https://github.com/apache/age/contributors" className={styles.Count}>
+ {ageInfo.memberCount}
+ </a>
+ <span className={styles.Label}>AGE</span>
+ </div>
+ <div>
+ <a href="https://github.com/apache/age-viewer/contributors" className={styles.Count}>
+ {ageViewerInfo.memberCount}
+ </a>
+ <span className={styles.Label}>AGE Viewer</span>
+ </div>
+ </div>
</div>
</div>
);
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 2ce4b86..234b586 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -47,12 +47,20 @@ const Navbar = () => {
</Link>
</Menu.Item>
<Menu.Item>
- <Link className="navbar-item" target='_blank' to="https://www.reddit.com/r/apacheage/">
+ <Link
+ className="navbar-item"
+ target="_blank"
+ to="https://www.reddit.com/r/apacheage/"
+ >
AGE Forum
</Link>
</Menu.Item>
<Menu.Item>
- <Link className="navbar-item" target='_blank' to="https://github.com/apache/age/projects">
+ <Link
+ className="navbar-item"
+ target="_blank"
+ to="https://github.com/apache/age/projects"
+ >
AGE Project
</Link>
</Menu.Item>
@@ -60,7 +68,7 @@ const Navbar = () => {
<Menu.SubMenu title="Contribution">
<Menu.Item>
<Link className="navbar-item" to="/contribution/how">
- How to contribute
+ Ways to contribute
</Link>
</Menu.Item>
<Menu.Item>
@@ -68,6 +76,11 @@ const Navbar = () => {
Developer Guideline
</Link>
</Menu.Item>
+ <Menu.Item>
+ <Link className="navbar-item" to="/contribution/volunteers">
+ Volunteer Guideline
+ </Link>
+ </Menu.Item>
<Menu.Item>
<Link className="navbar-item" to="/contribution/requirements">
Committer Requirements
@@ -121,12 +134,20 @@ const Navbar = () => {
</Link>
</Menu.Item>
<Menu.Item>
- <Link className="navbar-item" target='_blank' to="https://www.reddit.com/r/apacheage/">
+ <Link
+ className="navbar-item"
+ target="_blank"
+ to="https://www.reddit.com/r/apacheage/"
+ >
AGE Forum
</Link>
</Menu.Item>
<Menu.Item>
- <Link className="navbar-item" target='_blank' to="https://github.com/apache/age/projects">
+ <Link
+ className="navbar-item"
+ target="_blank"
+ to="https://github.com/apache/age/projects"
+ >
AGE Project
</Link>
</Menu.Item>
@@ -134,7 +155,7 @@ const Navbar = () => {
<Menu.SubMenu title="Contribution">
<Menu.Item>
<Link className="navbar-item" to="/contribution/how">
- How to contribute
+ Ways to contribute
</Link>
</Menu.Item>
<Menu.Item>
@@ -142,6 +163,11 @@ const Navbar = () => {
Developer Guideline
</Link>
</Menu.Item>
+ <Menu.Item>
+ <Link className="navbar-item" to="/contribution/volunteers">
+ Volunteer Guideline
+ </Link>
+ </Menu.Item>
<Menu.Item>
<Link className="navbar-item" to="/contribution/requirements">
Committer Requirements
diff --git a/src/components/styles/Ageinfos.module.scss b/src/components/styles/Ageinfos.module.scss
index 1e10acf..dc8c12a 100644
--- a/src/components/styles/Ageinfos.module.scss
+++ b/src/components/styles/Ageinfos.module.scss
@@ -3,12 +3,12 @@
.root {
margin: 2.75rem auto 0 auto;
padding: 1rem;
- display: flex;
- flex-wrap: nowrap;
+ display: grid;
+ grid-template-columns: 1fr 0fr 1fr;
max-width: 73.125rem;
min-height: 15.625rem;
align-items: center;
- justify-content: space-around;
+ justify-items: center;
width: 100%;
height: 100%;
/* UI Properties */
@@ -16,30 +16,53 @@
border: 0.25rem solid $primayrColor;
border-radius: 15.625rem;
opacity: 1;
- box-shadow: 0rem 0rem 1.5rem #CF0E5330;
+ box-shadow: 0rem 0rem 1.5rem #cf0e5330;
+ a {
+ line-height: 1.2;
+ }
a:hover {
color: $secondColor;
}
- div {
+ .Stars {
+ width: 100%;
+ p {
+ margin: 0 0 0 0;
+ text-align: center;
+ font: $h4;
+ }
+ }
+ .Contributors {
+ width: 100%;
+ p {
+ margin: 1rem 0 0 0;
+ text-align: center;
+ font: $h4;
+ }
+ }
+ .Section {
display: flex;
- flex-direction: column;
+ flex-direction: row;
align-items: center;
- width: 23.75rem;
+ justify-content: space-around;
+ width: 100%;
text-align: center;
color: $primayrColor;
+ flex-grow: 1;
+ div {
+ display: flex;
+ flex-direction: column;
+ width: 50%;
+ }
}
- div:nth-child(2) {
- border: 1px solid;
+ .Separator {
+ border: 1px solid #cf0e53;
width: 1px;
height: 10rem;
}
-
-
.Count {
font-size: 6.25rem;
font-weight: bold;
color: $primayrColor;
-
}
.Label {
font: $h4;
@@ -49,3 +72,18 @@
font-weight: bold;
}
}
+
+/* Smartphones (portrait and landscape) ----------- */
+@media only screen and (max-device-width: 834px) {
+ /* Styles */
+ .root {
+ border-radius: 4.625rem;
+ grid-template-columns: 1fr;
+ .Section {
+ width: 100%;
+ }
+ }
+ .Separator {
+ display: none;
+ }
+}
diff --git a/src/pages/contribution/volunteers.md b/src/pages/contribution/volunteers.md
new file mode 100644
index 0000000..729a687
--- /dev/null
+++ b/src/pages/contribution/volunteers.md
@@ -0,0 +1,238 @@
+---
+templateKey: docs-template
+path: /contribution/volunteers
+title: Volunteer Guidelines
+---
+
+<div class="VolunteerGuidelines">
+
+ <br /><br />
+ <p><strong>You are a volunteer</strong></p>
+ <p>The role of open-source contributor for Apache AGE is a volunteer
+ role. This means you are not an employee of, or contractor to, Apache
+ AGE and, if you accept the role, you perform all duties on a voluntary
+ basis.</p>
+ <p><img src="/img/Apache-AGE-committer.png" style="width:7.26806in;height:1.81319in" /></p>
+ <br /><br />
+ <p><strong>What you can expect when volunteering for Apache
+ AGE</strong></p>
+ <p>Apache AGE values its volunteers and we will endeavour to provide you
+ with:</p>
+ <ul>
+ <li>
+ <p>Full induction, orientation and training relating to the
+ volunteer role</p>
+ </li>
+ <li>
+ <p>Project leader / supervisor, so that you have the opportunity to
+ ask questions and get feedback about your performance</p>
+ </li>
+ <li>
+ <p>Opportunity to participate in an Apache Top-Level project as a
+ contributor and become a Committer of that project</p>
+ </li>
+ <li>
+ <p>Respect for your privacy, including keeping your private
+ information confidential</p>
+ </li>
+ </ul>
+ <p><img src="/img/Apache-AGE-AGE Viewer.png" style="width:7.27102in;height:1.766in" /></p>
+ <br /><br />
+ <p><strong>What Apache AGE asks of its volunteers</strong></p>
+ <p>We ask that you:</p>
+ <ul>
+ <li>
+ <p>Support Apache AGE’s aims and objectives</p>
+ </li>
+ <li>
+ <p>Understand and comply with the Apache Software Foundation’s and
+ Apache AGE’s contributor policies and procedures</p>
+ </li>
+ <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
+ including mentors, supervisors and other volunteers</p>
+ </li>
+ <li>
+ <p>Behave appropriately and courteously to all staff, clients and
+ the public in the course of your role</p>
+ </li>
+ <li>
+ <p>Let the mentors know immediately if there is anything, or
+ anything arises, that makes you unsuitable or unable to carry out your
+ volunteer role</p>
+ </li>
+ <li>
+ <p>Be open and honest in your dealings with us and let us know if we
+ can improve our volunteer program and the support that you
+ receive</p>
+ </li>
+ </ul>
+ <br /><br />
+ <p><strong>Project mentors and leaders</strong></p>
+ <p>Mentors and supervisors will be assisting you throughout your
+ volunteering role with Apache AGE.</p>
+ <p>Project mentors will be dealing with the administrative aspect of
+ your volunteering. Please contact Eya Badal at <a href="mailto:eya@apache.org">eya@apache.org</a> when you have any
+ questions or concerns about your role as a volunteer, one of the mentors
+ will be contacting you as soon as possible.</p>
+ <table>
+ <colgroup>
+ <col style="width: 18%" />
+ <col style="width: 81%" />
+ </colgroup>
+ <thead>
+ <tr class="header">
+ <th>
+ <p><img src="/img/Project-mentors.png" style="width:0.78534in;height:1.06104in" /></p>
+ <p>Project mentors</p>
+ </th>
+ <th>
+ <ul>
+ <li>
+ <p>Guide volunteers on how to become an Apache AGE committer or a
+ PMC member</p>
+ </li>
+ <li>
+ <p>Consult volunteers on becoming a full-time employee of Apache AGE
+ related companies</p>
+ </li>
+ <li>
+ <p>Help volunteers wishing to take time-off or change from their
+ ongoing project or task</p>
+ </li>
+ <li>
+ <p>Help resolving any non-technical issue that may arise during
+ volunteering</p>
+ </li>
+ <li>
+ <p>Monitor volunteer’s involvement with Apache AGE (such as
+ discussion forum activities and mailing lists subscription and posting)
+ and provide related guidance to volunteers</p>
+ </li>
+ <li>
+ <p>Discuss regularly with project leaders (supervisors) for better
+ supervision of volunteers</p>
+ </li>
+ </ul>
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ </tbody>
+ </table>
+ <p>Project leaders or supervisors, on the other hand, will be managing
+ the performance aspect of your work as a volunteer. They guide, make
+ recommendations to, and review your work on the tasks (or issues) of the
+ Apache AGE and AGE Viewer projects. You can find out the projects
+ available to participate at the Apache AGE and Apache AGE GitHubs and on
+ the Apache AGE website at <a href="https://age.apache.org/">https://age.apache.org/</a>.</p>
+ <table>
+ <colgroup>
+ <col style="width: 18%" />
+ <col style="width: 81%" />
+ </colgroup>
+ <thead>
+ <tr class="header">
+ <th>
+ <p><img src="/img/Project-leaders.png" style="width:0.80731in;height:0.90136in" /></p>
+ <p>Project leaders (supervisors)</p>
+ </th>
+ <th>
+ <ul>
+ <li>
+ <p>Monitor how active volunteers are at the Apache AGE and AGE
+ Viewer GitHub repos</p>
+ </li>
+ <li>
+ <p>Evaluate volunteers’ works (Pull requests) on the projects
+ available under the Projects menu for Apache AGE and AGE Viewer</p>
+ </li>
+ <li>
+ <p>Provide technical assistance to volunteers that will support
+ increased contribution</p>
+ </li>
+ <li>
+ <p>Set goals and deadline of the projects available for Apache AGE
+ and AGE Viewer</p>
+ </li>
+ <li>
+ <p>Support volunteers’ learning on Apache AGE and AGE Viewer through
+ webinars.</p>
+ </li>
+ <li>
+ <p>Support volunteers’ engagements and contributions on each project
+ (under the Projects menu) of Apache AGE and AGE Viewer using webinars
+ and mailing-list communications.</p>
+ </li>
+ </ul>
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ </tbody>
+ </table>
+ <p>You can also consult with the mentors if there is any particular
+ project that you wish not only to participate in but also to have your
+ progress monitored and reviewed by the project leaders and engage in
+ group discussions.</p>
+ <br /><br />
+ <p><strong>Role description and your contribution</strong></p>
+ <p>Apache AGE has recently been announced as Apache Top-Level Project by
+ the Apache Software Foundation. You are welcome to contribute and
+ participate through our mailing lists, issue tracker, pull requests, and
+ event.</p>
+ <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
+ 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>
+ <p>We believe giving and receiving feedback effectively is an important
+ part of communication and integral to your successful volunteering with
+ us. Your supervisor may provide you a monthly performance review and we,
+ at our sole discretion, may offer you paid positions based on your
+ contribution.</p>
+ <p>By the same token, please also bear in mind that we may exclude you
+ from your ongoing projects based on our evaluation of your performance
+ and contribution.</p>
+ <p>As stated above you will be given an opportunity to become an Apache
+ AGE project committer while volunteering with us. To become a committer,
+ you should be highly motivated to solve the problem, possessing high
+ attention-to-detail while making changes or writing codes, and should
+ have active participation in the community.</p>
+ <br /><br />
+ <p><strong>Confidential information</strong></p>
+ <p>Volunteers are likely to be given access to confidential information
+ as part of, or to assist them with, their role. Confidential information
+ includes any information about Apache AGE which has been designated by
+ Apache AGE Project Management Committee as confidential or which is, by
+ its nature, confidential or proprietary to Apache Software Foundation.
+ You are not permitted to use or disclose any confidential information
+ for any purpose other than the proper discharge of your duties as a
+ volunteer for Apache AGE.</p>
+ <br /><br />
+ <p><strong>Intellectual Property</strong></p>
+ <p>You agree to transfer all intellectual property rights and interests
+ (including copyright) in any ideas or materials you create relating to
+ your provision of voluntary services to Apache AGE. You consent to the
+ use by Apache AGE of such creations in a manner reasonably contemplated
+ by the voluntary services provided under this document. As a volunteer
+ you also agree not to bring any claim for infringement of your moral
+ rights in respect of that use.</p>
+
+ <br /><br />
+
+ <p class="sign-chair">
+ September 6, 2022
+ <br />
+ Eya Badal
+ <br/>
+ Project Management Committee (PMC) Chair
+ <br/>
+ Apache AGE
+ </p>
+
+</div>
\ No newline at end of file
diff --git a/src/templates/styles/pageby.scss b/src/templates/styles/pageby.scss
index 909345a..6e4027a 100644
--- a/src/templates/styles/pageby.scss
+++ b/src/templates/styles/pageby.scss
@@ -162,6 +162,27 @@
}
}
+//http://{domail}/contribution/volunteers
+.VolunteerGuidelines {
+ strong {
+ font-size: 1.5rem;
+ color: #9F1A61;
+ }
+ table {
+ th, td {
+ background-color: white;
+ text-align: left;
+ }
+ }
+ .sign-chair {
+ font-family: serif;
+ padding-right: 1rem;
+ text-align: right;
+ font-style: italic;
+ color: black !important;
+ }
+}
+
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
/* Styles */
diff --git a/static/img/Apache-AGE-AGE Viewer.png b/static/img/Apache-AGE-AGE Viewer.png
new file mode 100644
index 0000000..79e337f
Binary files /dev/null and b/static/img/Apache-AGE-AGE Viewer.png differ
diff --git a/static/img/Apache-AGE-committer.png b/static/img/Apache-AGE-committer.png
new file mode 100644
index 0000000..1f0f38e
Binary files /dev/null and b/static/img/Apache-AGE-committer.png differ
diff --git a/static/img/Project-leaders.png b/static/img/Project-leaders.png
new file mode 100644
index 0000000..c910103
Binary files /dev/null and b/static/img/Project-leaders.png differ
diff --git a/static/img/Project-mentors.png b/static/img/Project-mentors.png
new file mode 100644
index 0000000..6edff05
Binary files /dev/null and b/static/img/Project-mentors.png differ