This is an automated email from the ASF dual-hosted git repository.
eya 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 6c177684 Remove age, age-viewer project list and contributors section
(#194)
6c177684 is described below
commit 6c1776840786a506332b33443c663ec9f55d30ea
Author: Muhammad Taha Naveed <[email protected]>
AuthorDate: Tue Sep 5 21:55:38 2023 +0500
Remove age, age-viewer project list and contributors section (#194)
---
src/components/AgeContributors.js | 227 ----------------------
src/components/AgeInfos.js | 89 ---------
src/components/AgeProjectList.js | 98 ----------
src/components/AgeViewerProjectList.js | 102 ----------
src/components/ContributorsList.js | 20 --
src/components/ProjectDetail.js | 75 -------
src/components/styles/AgeContributors.module.scss | 132 -------------
src/components/styles/Ageinfos.module.scss | 89 ---------
src/components/styles/ProjectDtail.module.scss | 96 ---------
src/components/styles/ProjectList.module.scss | 43 ----
src/templates/index-page.js | 41 +---
11 files changed, 1 insertion(+), 1011 deletions(-)
diff --git a/src/components/AgeContributors.js
b/src/components/AgeContributors.js
deleted file mode 100644
index 6615fb81..00000000
--- a/src/components/AgeContributors.js
+++ /dev/null
@@ -1,227 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import issueManager from '../api/issueStateManager';
-import pullRequestManager from '../api/pullRequestStateManager'
-import * as styles from './styles/AgeContributors.module.scss';
-import { Spin } from 'antd';
-import ContributorsList from './ContributorsList';
-import WeekContext from './WeekContext';
-
-const Contributors = () => {
- const [ageIssueInfo, setAgeIssueInfo] = useState([]);
- const [viewerIssueInfo, setViewerIssueInfo] = useState([]);
- const [ageClosedIssueInfo, setAgeClosedIssueInfo] = useState([]);
- const [viewerClosedIsInfo, setViewerClosedIsInfo] = useState([]);
-
- const [agePullRequestInfo, setAgePullRequestInfo] = useState([]);
- const [viewerPullRequestInfo, setViewerPullRequestInfo] = useState([]);
- const [viewerClosedPRInfo, setViewerClosedPRInfo] = useState([]);
- const [ageClosedPRInfo, setAgeClosedPRInfo] = useState([]);
-
- const [viewerAvatar, setViewerAvatar] = useState({});
- const [ageAvatar, setAgeAvatar] = useState({});
- const [viewerTopContributors, setViewerTopContributors] = useState({});
- const [ageTopContributors, setAgeTopContributors] = useState([]);
-
- const [viewerLastTCAV, setViewerLastTCAV] = useState({});
- const [ageLastTCAV, setAgeLastTCAV] = useState({});
- const [viewerLastTC, setViewerLastTC] = useState({});
- const [ageLastTC, setAgeLastTC] = useState({});
- const [isLoading, setLoadingYn] = useState(true);
-
- const [viewerLastRestTPC, setViewerLastRestTPC] = useState([]);
- const [ageLastRestTPC, setAgeLastRestTPC] = useState([]);
- const [viewerThisRestTPC, setViewerThisRestTPC] = useState([]);
- const [ageThisRestTPC, setAgeThisRestTPC] = useState([]);
-
- const [isAgeLE, setIsAgeLE] = useState(false);
- const [isAgeE, setIsAgeE] = useState(false);
- const [isViewerLE, setIsViewerLE] = useState(false);
- const [isViewerE, setIsViewerE] = useState(false);
-
- useEffect(() => {
-
issueManager.getIssuesStateSetter(setViewerIssueInfo,'age-viewer','open').then((res)
=> {
- if (res) {
-
issueManager.getIssuesStateSetter(setViewerClosedIsInfo,'age-viewer','closed').then((res)
=> {
- if (res) {
-
issueManager.getIssuesStateSetter(setAgeIssueInfo,'age','open').then((res) => {
- if (res) {
-
issueManager.getIssuesStateSetter(setAgeClosedIssueInfo,'age','closed').then((res)
=> {
- if (res) {
-
pullRequestManager.getPullRequestStateSetter(setViewerPullRequestInfo,'age-viewer','open').then((res)
=> {
- if (res) {
-
pullRequestManager.getPullRequestStateSetter(setAgePullRequestInfo,'age','open').then((res)
=> {
- if (res) {
-
pullRequestManager.getPullRequestStateSetter(setViewerClosedPRInfo,'age-viewer','closed').then((res)
=> {
- if (res) {
-
pullRequestManager.getPullRequestStateSetter(setAgeClosedPRInfo,'age','closed').then((res)
=> {
- if (res)
setLoadingYn(false);
- })
- }
- })
- }
- })
- }
- })
- }
- })
- }
- })
- }
- })
- }
- })
- }, []);
-
- useEffect(() => {
- const viewerPts = {}
- const viewerAvt = {}
- const viewerLWPT = {}
- const viewerLWAV = {}
-
- const agePts = {}
- const ageAvt = {}
- const ageLWPT = {}
- const ageLWAV = {}
-
- const getPoints = (infos,point,ctrs,avts,lwctrs,lwavts) => {
- infos.forEach((info) => {
- if(!info.isLast) {
- if (!ctrs[info.login]) {
- ctrs[info.login] = 0
- avts[info.login] = {avatar: info.avatar, html:
info.html};
- }
- ctrs[info.login] += point;
- }
- if(info.isLast) {
- if (!lwctrs[info.login]) {
- lwctrs[info.login] = 0
- lwavts[info.login] = {avatar: info.avatar, html:
info.html};
- }
- lwctrs[info.login] += point;
- }
- })
- }
-
- const sortPoints = (pts) => {
- const sortedPoints = Object.keys(pts).sort(function(x,y) {
- return pts[y] - pts[x]
- })
- return sortedPoints
- }
-
- if (!isLoading) {
-
getPoints(viewerPullRequestInfo,100,viewerPts,viewerAvt,viewerLWPT,viewerLWAV);
-
getPoints(viewerClosedPRInfo,100,viewerPts,viewerAvt,viewerLWPT,viewerLWAV);
-
getPoints(viewerIssueInfo,50,viewerPts,viewerAvt,viewerLWPT,viewerLWAV);
-
getPoints(viewerClosedIsInfo,50,viewerPts,viewerAvt,viewerLWPT,viewerLWAV);
- const ViewerThisTotalPoints = sortPoints(viewerPts)
- const ViewerLastTotalPoints = sortPoints(viewerLWPT)
- if (ViewerThisTotalPoints.length < 5) {
- const len = ViewerThisTotalPoints.length
- for(let i=0; i < 5 - len; i++)
- ViewerThisTotalPoints.push(null)
- }
- if (ViewerLastTotalPoints.length < 1) {
- ViewerLastTotalPoints.push(null);
- }
- setViewerTopContributors(ViewerThisTotalPoints.slice(0,5));
- setViewerAvatar(viewerAvt);
- setViewerLastTC(ViewerLastTotalPoints.slice(0,1));
- setViewerLastTCAV(viewerLWAV);
-
- if (ViewerLastTotalPoints.length > 1) {
-
setViewerLastRestTPC(ViewerLastTotalPoints.slice(1,ViewerLastTotalPoints.length))
- }
- if (ViewerThisTotalPoints.length > 5) {
-
setViewerThisRestTPC(ViewerThisTotalPoints.slice(5,ViewerThisTotalPoints.length))
- }
- getPoints(agePullRequestInfo,100,agePts,ageAvt,ageLWPT,ageLWAV);
- getPoints(ageClosedPRInfo,100,agePts,ageAvt,ageLWPT,ageLWAV);
- getPoints(ageIssueInfo,50,agePts,ageAvt,ageLWPT,ageLWAV);
- getPoints(ageClosedIssueInfo,50,agePts,ageAvt,ageLWPT,ageLWAV);
- const AgeThisTotalPoints = sortPoints(agePts)
- const AgeLastTotalPoints = sortPoints(ageLWPT)
- if (AgeThisTotalPoints.length < 5) {
- const len = AgeThisTotalPoints.length
- for(let i=0; i < 5 - len; i++)
- AgeThisTotalPoints.push(null)
- }
- if (AgeLastTotalPoints.length < 1) {
- AgeLastTotalPoints.push(null);
- }
- setAgeTopContributors(AgeThisTotalPoints.slice(0,5));
- setAgeAvatar(ageAvt);
- setAgeLastTC(AgeLastTotalPoints.slice(0,1));
- setAgeLastTCAV(ageLWAV);
-
- if (AgeLastTotalPoints.length > 1) {
-
setAgeLastRestTPC(AgeLastTotalPoints.slice(1,AgeLastTotalPoints.length))
- }
- if (AgeThisTotalPoints.length > 5) {
-
setAgeThisRestTPC(AgeThisTotalPoints.slice(5,AgeThisTotalPoints.length))
- }
- }
-
- }, [isLoading])
-
- return (
- <>
- {isLoading ? (
- <p style={{ textAlign: 'center' }}>
- <Spin></Spin>
- </p>
- ) : (
- <>
- <div className={styles.root}>
- <div>
- <div className={styles.Repo}>
- <h3>AGE</h3>
- </div>
- <div className={styles.Contributors}>
- <WeekContext text={"Previous Week's Top
Contributor"} last={true} status={isAgeLE} setStatus={setIsAgeLE}
len={ageLastRestTPC.length}/>
- {ageLastTC.length > 0 &&
ageLastTC.map((user,index) => (
- <ContributorsList index={index}
user={user} avatar={ageLastTCAV[user]?.avatar} html={ageLastTCAV[user]?.html}
last={true} icon={true}/>
- ))}
- {isAgeLE && ageLastRestTPC.map((user,index) =>
(
- <ContributorsList index={index+1}
user={user} avatar={ageLastTCAV[user]?.avatar} html={ageLastTCAV[user]?.html}
last={true} icon={false}/>
- ))}
- <WeekContext text={"Current Week"}
last={false} status={isAgeE} setStatus={setIsAgeE} len={ageThisRestTPC.length}/>
- {ageTopContributors.length > 1 &&
ageTopContributors?.map((user,index) => (
- <ContributorsList index={index}
user={user} avatar={ageAvatar[user]?.avatar} html={ageAvatar[user]?.html}
last={false} icon={false}/>
- ))}
- {isAgeE && ageThisRestTPC.map((user,index) => (
- <ContributorsList index={index+5}
user={user} avatar={ageAvatar[user]?.avatar} html={ageAvatar[user]?.html}
last={true} icon={false}/>
- ))}
- </div>
- </div>
- <div className={styles.Separator}></div>
- <div>
- <div className={styles.Repo}>
- <h3>AGE Viewer</h3>
- </div>
- <div className={styles.Contributors}>
- <WeekContext text={"Previous Week's Top
Contributor"} last={true} status={isViewerLE} setStatus={setIsViewerLE}
len={viewerLastRestTPC.length}/>
- {viewerLastTC.length > 0 &&
viewerLastTC.map((user,index) => (
- <ContributorsList index={index}
user={user} avatar={viewerLastTCAV[user]?.avatar}
html={viewerLastTCAV[user]?.html} last={true} icon={true} />
- ))}
- {isViewerLE &&
viewerLastRestTPC.map((user,index) => (
- <ContributorsList index={index+1}
user={user} avatar={viewerLastTCAV[user]?.avatar}
html={viewerLastTCAV[user]?.html} last={true} icon={false}/>
- ))}
- <WeekContext text={"Current Week"}
last={false} status={isViewerE} setStatus={setIsViewerE}
len={viewerThisRestTPC.length}/>
- {viewerTopContributors.length > 1 &&
viewerTopContributors?.map((user,index) => (
- <ContributorsList index={index}
user={user} avatar={viewerAvatar[user]?.avatar} html={viewerAvatar[user]?.html}
last={false} icon={false} />
- ))}
- {isViewerE &&
viewerThisRestTPC.map((user,index) => (
- <ContributorsList index={index+5}
user={user} avatar={viewerAvatar[user]?.avatar} html={viewerAvatar[user]?.html}
last={true} icon={false}/>
- ))}
- </div>
- </div>
- </div>
- </>
- )}
- </>
- );
-}
-
-
-export default Contributors;
\ No newline at end of file
diff --git a/src/components/AgeInfos.js b/src/components/AgeInfos.js
deleted file mode 100644
index 83f691a8..00000000
--- a/src/components/AgeInfos.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import ageStateManager from '../api/ageStateManager';
-import * as styles from './styles/Ageinfos.module.scss';
-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) => {
- if (res) {
- ageStateManager.getAgeViewerInfoSetter(setAgeViewerInfo).then((res) =>
{
- if (res) {
- setLoaindgYn(false);
- }
- });
- }
- });
- }, []);
-
- // 1000 to 1k
- const numberFormatter = (num) => {
- if (num >= 1000) {
- return (num / 1000).toFixed(1) + 'k';
- } else {
- return num;
- }
- };
-
- return (
- <div className={styles.root}>
- <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}
- >
- {numberFormatter(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}
- >
- {numberFormatter(ageViewerInfo.startCount)}
- </a>
- <span className={styles.Label}>AGE Viewer</span>
- </div>
- </div>
- </div>
-
- <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>
- );
-};
-
-Ageinfos.propTypes = {
- title: PropTypes.string,
-};
-
-export default Ageinfos;
diff --git a/src/components/AgeProjectList.js b/src/components/AgeProjectList.js
deleted file mode 100644
index dfb91732..00000000
--- a/src/components/AgeProjectList.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import projectManager from '../api/projectStateManager';
-import * as styles from './styles/ProjectList.module.scss';
-// component
-import ProjectDetail from './ProjectDetail';
-import { Spin } from 'antd';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-import 'react-perfect-scrollbar/dist/css/styles.css';
-
-const ProjectList = ({ mode }) => {
- const [projects, setProjects] = useState([]);
- const [pageInfo, setPageInfo] = useState({});
- const [isLoading, setLoaindgYn] = useState(true);
- const [isAddLoading, setAddLoaindgYn] = useState(false);
-
- useEffect(() => {
- projectManager
- .getProjectListStateSetter(setProjects, setPageInfo, 'age')
- .then((res) => setLoaindgYn(!res));
- }, []);
-
- const moreProject = useCallback(() => {
- setAddLoaindgYn(true);
- projectManager
- .addProjectListStateSetter(
- projects,
- pageInfo.endCursor,
- setProjects,
- setPageInfo
- , 'age'
- )
- .then((res) => setAddLoaindgYn(!res));
- }, [pageInfo, projects]);
-
- return (
- <>
-
- {isLoading ? (
- <p style={{ textAlign: 'center' }}>
- <Spin></Spin>
- </p>
- ) : (
- <PerfectScrollbar>
- <ul className={styles.cardRoot}>
- {projects?.map((item) => (
- <li key={item.project.id}>
- <ProjectDetail project={item.project} mode="card" />
- </li>
- ))}
- </ul>
- </PerfectScrollbar>
- )}
- {isAddLoading ? (
- <p style={{ textAlign: 'center' }}>
- <Spin></Spin>
- </p>
- ) : (
- <></>
- )}
- <ul className={styles.buttonGroup}>
- <p style={{ textAlign: 'center' }}>
- {(() => {
- if (pageInfo?.hasNextPage && projects.length < 12)
- return (
- <button
- className={styles.MoreBtn}
- onClick={() => moreProject()}
- >
- More
- </button>
- );
- else if (projects?.length == 12 || !pageInfo?.hasNextPage)
- return (
- <button
- className={styles.MoreBtn}
- onClick={() =>
- (window.open("about:blank").location.href =
- 'https://github.com/apache/age/projects')
- }
- >
- View on GitHub
- </button>
- );
- else return <></>;
- })()}
- </p>
-
- </ul>
- </>
- );
-};
-
-ProjectList.propTypes = {
- mode: PropTypes.string,
-};
-
-export default ProjectList;
diff --git a/src/components/AgeViewerProjectList.js
b/src/components/AgeViewerProjectList.js
deleted file mode 100644
index 1f1e990a..00000000
--- a/src/components/AgeViewerProjectList.js
+++ /dev/null
@@ -1,102 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import projectManager from '../api/projectStateManager';
-import * as styles from './styles/ProjectList.module.scss';
-// component
-import ProjectDetail from './ProjectDetail';
-import { Spin } from 'antd';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-import 'react-perfect-scrollbar/dist/css/styles.css';
-
-const ProjectList = ({ mode }) => {
- const [projects, setProjects] = useState([]);
- const [pageInfo, setPageInfo] = useState({});
- const [isLoading, setLoaindgYn] = useState(true);
- const [isAddLoading, setAddLoaindgYn] = useState(false);
-
- useEffect(() => {
- projectManager
- .getProjectListStateSetter(setProjects, setPageInfo, 'age-viewer')
- .then((res) => setLoaindgYn(!res));
- }, []);
-
- const moreProject = useCallback(() => {
- setAddLoaindgYn(true);
- projectManager
- .addProjectListStateSetter(
- projects,
- pageInfo.endCursor,
- setProjects,
- setPageInfo,
- 'age-viewer'
- )
- .then((res) => setAddLoaindgYn(!res));
- }, [pageInfo, projects]);
-
- return (
- <>
-
- {isLoading ? (
- <p style={{ textAlign: 'center' }}>
- <Spin></Spin>
- </p>
- ) : (
-
- <PerfectScrollbar>
- <ul className={styles.cardRoot}>
- {projects?.map((item) => (
- <li key={item.project.id}>
- <ProjectDetail project={item.project} mode="card" />
- </li>
- ))}
- </ul>
- </PerfectScrollbar>
-
- )}
- {isAddLoading ? (
- <p style={{ textAlign: 'center' }}>
- <Spin></Spin>
- </p>
- ) : (
- <></>
- )}
- <ul className={styles.buttonGroup}>
- <p style={{ textAlign: 'center' }}>
- {(() => {
-//console.log('AgeProjectList pageInfo')
-//console.log(pageInfo.totalCount)
- if (pageInfo?.hasNextPage && projects.length < 12)
- return (
- <button
- className={styles.MoreBtn}
- onClick={() => moreProject()}
- >
- More
- </button>
- );
- else if (projects?.length == 12 || !pageInfo?.hasNextPage)
- return (
- <button
- className={styles.MoreBtn}
- onClick={() =>
- (window.open("about:blank").location.href =
- 'https://github.com/apache/age-viewer/projects')
- }
- >
- View on GitHub
- </button>
- );
- else return <></>;
- })()}
- </p>
-
- </ul>
- </>
- );
-};
-
-ProjectList.propTypes = {
- mode: PropTypes.string,
-};
-
-export default ProjectList;
diff --git a/src/components/ContributorsList.js
b/src/components/ContributorsList.js
deleted file mode 100644
index 0c2c13f6..00000000
--- a/src/components/ContributorsList.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-import * as styles from './styles/AgeContributors.module.scss';
-import medalImage from '../../static/img/medal.jpg'
-
-const ContributorsList = ({ index, user, avatar, html, last, icon }) => {
- return (
- <div className={styles.Users}>
- <div className={styles.Rank}>
- {icon ? user && last ? <img src={medalImage}></img> : <></> :
<p>{index+1}</p> }
- <a href={html} style={avatar ? {visibility: "visible"} :
{visibility: "hidden"}}><img className={styles.Avatar} src={avatar}></img></a>
- </div>
- <div className={styles.User}>
- <p>{user}</p>
- </div>
- </div>
- )
-}
-
-
-export default ContributorsList;
\ No newline at end of file
diff --git a/src/components/ProjectDetail.js b/src/components/ProjectDetail.js
deleted file mode 100644
index ecce097f..00000000
--- a/src/components/ProjectDetail.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import React, { useEffect, useState, useCallback } from 'react';
-import { notification } from 'antd';
-import PropTypes from 'prop-types';
-import * as styles from './styles/ProjectDtail.module.scss';
-
-const ProjectDetail = (props) => {
- const [project] = useState({ ...props?.project });
- const [mode] = useState({ ...props?.mod });
-
- useEffect(() => { }, []);
-
- const card = useCallback(() => {
- return <div></div>;
- }, [project]);
-
- const openNotification = () => {
- notification.open({
- message: 'To be available soon',
- placement: 'top'
- });
- };
-
- const projectDateMaker = (dateString) => {
- const stringArr = dateString.split('T');
- const d = new Date(stringArr[0]);
- var options = { year: 'numeric', month: 'long', day: 'numeric' };
- return String(d.toLocaleDateString('en-US', options));
- };
-
- const table = useCallback(() => {
- if (Object.keys(project).length === 0) return <></>;
- return (
- <div className={styles.root}>
- <div>
- <p className={styles.update}>
- update on {projectDateMaker(project.updatedAt)}
- </p>
- <p className={styles.title}>{project.title}</p>
- <p className={styles.desc}>
- {(project.shortDescription) == undefined ? "No description" :
project.shortDescription}
- </p>
- </div>
- {project.public ?
- <a className={styles.link} href={project.url} target="_blank">
- View Details
- </a> :
- <a className={styles.link} onClick={(e) => {
- e.preventDefault();
- openNotification();
- }}>
- To be Available...
- </a>}
- </div>
- );
- }, [project]);
-
- return <>{mode === 'card' ? card() : table()}</>;
-};
-
-ProjectDetail.propTypes = {
- project: PropTypes.shape({
- number: PropTypes.string,
- id: PropTypes.string,
- title: PropTypes.string,
- url: PropTypes.string,
- shortDescription: PropTypes.string,
- close: PropTypes.bool,
- createdAt: PropTypes.string,
- updatedAt: PropTypes.string,
- public: PropTypes.bool,
- }),
- mode: PropTypes.string,
-};
-
-export default ProjectDetail;
diff --git a/src/components/styles/AgeContributors.module.scss
b/src/components/styles/AgeContributors.module.scss
deleted file mode 100644
index 6bdcc248..00000000
--- a/src/components/styles/AgeContributors.module.scss
+++ /dev/null
@@ -1,132 +0,0 @@
-@import '../../common/variable.scss';
-
-.root {
- margin: 0.75rem auto 0 auto;
- display: grid;
- grid-template-columns: 1fr 0fr 1fr;
- max-width: 90.125rem;
- width: 100%;
- /* UI Properties */
- opacity: 1;
- .Contributors {
- width: 100%;
- padding: 0.5rem 0.8rem;
- border: 0.25rem solid $thirdColor;
- border-radius: 1.625rem;
- box-shadow: 0rem 0rem 1.5rem #cf0e5330;
- height: fit-content;
- > h3 {
- font: $h3;
- color: $primayrColor;
- text-align: center;
- font-weight: bold;
- }
- p {
- margin: 1rem 0 0 0;
- text-align: center;
- font: $h4;
- }
- }
- .Separator {
- border: 1px solid #ffffff;
- width: 1px;
- margin: 0 0.75rem;
- }
- .Users {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 1.5rem 1rem;
- .Rank {
- display:flex;
- align-items: center;
- justify-content: center;
- >p {
- margin: 0;
- width: 40px;
- height: 40px;
- display:flex;
- align-items: center;
- justify-content: center;
- }
- >img {
- width: 40px;
- height: 35px;
- object-fit: contain;
- }
- .Avatar {
- border-radius: 50%;
- object-fit: contain;
- width: 40px;
- height: 40px;
- margin-left: 2rem;
- }
- }
- .User {
- display:flex;
- align-items: center;
- justify-content: center;
- >p {
- margin-top: 0;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- }
-
- }
- .Weeks {
- display:flex;
- align-items: center;
- justify-content: center;
- position: relative;
- text-align: center;
- padding: 1rem;
- >p {
- font-size: 1.88rem;
- font-weight: bold;
- margin: 0;
- }
- .Caret {
- position: absolute;
- right:1rem;
- font-size: 1.8rem;
- cursor: pointer;
- }
- }
-}
-
-.Repo {
- > h3 {
- font: $h3;
- color: $primayrColor;
- text-align: center;
- font-weight: bold;
- }
-}
-
-/* Small Device (portrait and landscape) ----------- */
-@media only screen and (max-device-width: 1024px) {
- /* Styles */
- .root {
- border-radius: 4.625rem;
- grid-template-columns: 1fr;
- .Contributors {
- padding: 0;
- }
- .Section {
- width: 100%;
- }
- .Rank {
- width: 40%;
- }
- .User {
- width: 60%;
- }
- }
- .Separator {
- height:2rem;
- }
- .Repos {
- display:none;
- }
-}
diff --git a/src/components/styles/Ageinfos.module.scss
b/src/components/styles/Ageinfos.module.scss
deleted file mode 100644
index dc8c12a3..00000000
--- a/src/components/styles/Ageinfos.module.scss
+++ /dev/null
@@ -1,89 +0,0 @@
-@import '../../common//variable.scss';
-
-.root {
- margin: 2.75rem auto 0 auto;
- padding: 1rem;
- display: grid;
- grid-template-columns: 1fr 0fr 1fr;
- max-width: 73.125rem;
- min-height: 15.625rem;
- align-items: center;
- justify-items: center;
- width: 100%;
- height: 100%;
- /* UI Properties */
- background: white 0% 0% no-repeat padding-box;
- border: 0.25rem solid $primayrColor;
- border-radius: 15.625rem;
- opacity: 1;
- box-shadow: 0rem 0rem 1.5rem #cf0e5330;
- a {
- line-height: 1.2;
- }
- a:hover {
- color: $secondColor;
- }
- .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: row;
- align-items: center;
- justify-content: space-around;
- width: 100%;
- text-align: center;
- color: $primayrColor;
- flex-grow: 1;
- div {
- display: flex;
- flex-direction: column;
- width: 50%;
- }
- }
- .Separator {
- border: 1px solid #cf0e53;
- width: 1px;
- height: 10rem;
- }
- .Count {
- font-size: 6.25rem;
- font-weight: bold;
- color: $primayrColor;
- }
- .Label {
- font: $h4;
- @media only screen and (max-width: 480px) {
- font: $h5;
- }
- 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/components/styles/ProjectDtail.module.scss
b/src/components/styles/ProjectDtail.module.scss
deleted file mode 100644
index 1004a390..00000000
--- a/src/components/styles/ProjectDtail.module.scss
+++ /dev/null
@@ -1,96 +0,0 @@
-@import '../../common/variable.scss';
-
-.root {
- width: 22.5rem;
- height: 16.375rem;
- /* UI Properties */
- background: #ffffff 0% 0% no-repeat padding-box;
- border-radius: 30px;
- opacity: 1;
- display: flex;
- flex-direction: column;
- align-items: center;
- box-shadow: rgba(0, 0, 0, 0.35) 0rem 0.5rem 0.9375rem;
- div {
- width: 100%;
- padding: 1.25rem 1.25rem 0rem;
- max-height: 13.9375rem;
- }
- p {
- margin: 0;
- padding: 0;
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- color: $primayrColor;
- }
- .title {
- font-weight: bold;
- font-size: 1.3rem;
- margin-bottom: 1rem;
- height: 5rem;
-
- }
- .update {
- font-weight: normal;
- font-size: 1rem;
- }
- .desc {
- font-weight: normal;
- font-size: 1rem;
- height: 3.4375rem;
- margin-bottom: 1rem;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- }
- .link {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 4rem;
- /* UI Properties */
- background-color: $primayrColor;
- color: #fff;
- border-radius: 0px 0px 30px 30px;
- font-size: 1.3rem;
- }
- .link:hover {
- background-color: $primayrColor;
- color: #fff;
- }
-}
-.root:hover {
- width: 22.5rem;
- height: 16.375rem;
- overflow: hidden;
- div {
- background-color: $secondColor;
- padding: 20px 20px 0px;
- p {
- color: #fff;
- }
- }
- .link {
- background-color: #fff;
- color: $secondColor;
- cursor: pointer;
- font-size: 1.3rem;
- font-weight: bold;
- }
- box-shadow: $shodow;
-}
-
-.rootToggle {
- width: 22.5rem;
- height: 16.375rem;
- padding: 62px 26px 0px;
- border: 4px solid $primayrColor;
- box-shadow: $shodow;
- cursor: pointer;
-}
diff --git a/src/components/styles/ProjectList.module.scss
b/src/components/styles/ProjectList.module.scss
deleted file mode 100644
index c46c446d..00000000
--- a/src/components/styles/ProjectList.module.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-@import '../../common/variable.scss';
-
-.cardRoot {
- margin: 0 auto;
- display: grid;
- align-items: center;
- justify-items: center;
- grid-template-columns: repeat(auto-fill, minmax(23.75rem, auto));
- grid-row-gap: 1.5rem;
- list-style: none;
- padding: 0;
- width: auto;
- //1644 * 766
- max-width: 102.75rem;
- margin-bottom: 2rem;
- // overflow-y: scroll;
-}
-.MoreBtn {
- cursor: pointer;
- width: 13rem;
- height: 2.5rem;
- /* UI Properties */
- background: white;
- border-radius: 40px;
- opacity: 1;
- font: $h5;
- color: $primayrColor;
- border: 1px solid $primayrColor;
-}
-.MoreBtn:hover {
- background: $primayrColor;
- color: white;
-}
-.buttonGroup{
- display: flex;
- flex-direction: row;
- align-content: center;
- justify-content: center;
- align-items: center;
- margin: 0px;
- padding: 0;
- column-gap: 2.5rem;
-}
\ No newline at end of file
diff --git a/src/templates/index-page.js b/src/templates/index-page.js
index 828cf4b8..5473bc3f 100644
--- a/src/templates/index-page.js
+++ b/src/templates/index-page.js
@@ -4,11 +4,6 @@ import { graphql } from 'gatsby';
// component
import Layout from '../components/Layout';
import Content, { HTMLContent } from '../components/Content';
-import Ageinfos from '../components/AgeInfos';
-import AgeProjectList from '../components/AgeProjectList';
-import AgeViewerProjectList from '../components/AgeViewerProjectList';
-import RedditRss from '../components/RedditRss';
-import AgeContributors from '../components/AgeContributors';
// style
import * as styles from './styles/index.module.scss';
// img
@@ -124,24 +119,6 @@ export const IndexPageTemplate = ({
</div>
</div>
</section>
- <section style={{ backgroundPosition: 'center', backgroundSize:
'contain', backgroundRepeat: 'no-repeat' }}>
- <div className={styles.content}>
- <h2>AGE Projects</h2>
- <p>
- Everyone is welcome to join and contribute to Apache AGE Project,
- not only with code contributions. <br />
- You can learn more about
- Apache AGE by working with other developers. <br />
- </p>
- <AgeProjectList />
- </div>
- <hr style={{ border: 'solid 1px #ffffff', margin: '2rem 0' }} />
- <div className={styles.content}>
- <h2>AGE Viewer Projects</h2>
- <p></p>
- <AgeViewerProjectList />
- </div>
- </section>
{/* <section style={{ backgroundPosition: 'center', backgroundSize:
'contain', backgroundRepeat: 'no-repeat' }} hidden > */}
{/* <div className={styles.content}>
<h2>Message From AGE Team</h2>
@@ -156,23 +133,7 @@ export const IndexPageTemplate = ({
</div>
</div> */}
{/* </section> */}
- <section style={{ backgroundPosition: 'center', backgroundSize:
'contain', backgroundRepeat: 'no-repeat' }}>
- <div className={styles.content}>
- <h2>Welcome to the AGE Community</h2>
- <p>
- Apache AGE is a continuously developing solution thanks to a
progressive community.<br />
- We are always looking for aspiring contributors who are willing to
learn and grow with us.<br />
- If you are looking for an opportunity to grow and experience
progressive insights, this is the place for you!
- </p>
- <Ageinfos />
- <hr style={{ border: 'solid 1px #9F1A61', margin: '2rem 0', opacity:
'0.2' }} />
- <div className={styles.content}>
- <h2>Top GitHub Contributors</h2>
- <p></p>
- <AgeContributors />
- </div>
- </div>
- </section>
+
<section style={{ backgroundPosition: 'center', backgroundSize:
'contain', backgroundRepeat: 'no-repeat' }}>
<div className={styles.content}>
<h2>Join AGE Discord</h2>
