This is an automated email from the ASF dual-hosted git repository. juzhiyuan pushed a commit to branch master in repository https://gitbox.apache.org/repos/asf/apisix-website.git
The following commit(s) were added to refs/heads/master by this push: new d68dc25 fix: add a bundle of good first issues links to homepage (#274) d68dc25 is described below commit d68dc25c7847f1e932c77b80f82aec35eb6147bc Author: Kishani Kandasamy <53715187+kishanikandas...@users.noreply.github.com> AuthorDate: Sun Mar 28 20:45:52 2021 +0530 fix: add a bundle of good first issues links to homepage (#274) --- website/docs/general/contributor-guide.md | 12 ++++++++++ website/src/css/customTheme.css | 39 ++++++++++++++++++++++++++----- website/src/pages/index.js | 23 ++++++++++++++++++ 3 files changed, 68 insertions(+), 6 deletions(-) diff --git a/website/docs/general/contributor-guide.md b/website/docs/general/contributor-guide.md index 6b30911..11670c4 100644 --- a/website/docs/general/contributor-guide.md +++ b/website/docs/general/contributor-guide.md @@ -39,6 +39,18 @@ git remote add upstream https://github.com/apache/apisix.git 3. Find a mentor from the Team page and your mentor will give you feedback about your PR or issue in time. +#### **Good First Issues**: + +Good First Issue curates easy pickings from this project, and helps you make your first contribution to Apache APISIX™. + +- [Apache APISIX](https://github.com/apache/apisix/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22) +- [Apache APISIX Ingress Controller](https://github.com/apache/apisix-ingress-controller/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22) +- [Apache APISIX dashboard](https://github.com/apache/apisix-dashboard/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22) +- [Apache APISIX Helm Chart](https://github.com/apache/apisix-helm-chart/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22) +- [Docker distribution for APISIX](https://github.com/apache/apisix-docker/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22) +- [Apache APISIX Website](https://github.com/apache/apisix-website/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22) +- [The Control-Plane for APISIX](https://github.com/apache/apisix-control-plane/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22) + ### Create your branch Switch to your forked master branch, pull codes from upstream, then create a new branch. diff --git a/website/src/css/customTheme.css b/website/src/css/customTheme.css index ecf9ad4..5d2d613 100644 --- a/website/src/css/customTheme.css +++ b/website/src/css/customTheme.css @@ -503,18 +503,45 @@ a:hover { display: flex; } +/*contribution section*/ +.contribution { + justify-content: center; + margin-bottom: 100px; +} + +.center-elem { + display: flex; + justify-content: center; +} + +.contribution-text { + color: var(--color-primary); + text-align: center; +} + +.contribution-link { + display: flex; + align-items: center; + justify-content: center; +} + +.contribution-logo { + vertical-align: middle; + margin: 0 12px 1px 0px; +} + /*newsletter section*/ -.center-elem{ +.center-elem { display: flex; justify-content: center; } -.news-logo{ +.news-logo { margin-bottom: 20px; } -.news-button{ +.news-button { border: #111827; padding: 5px 30px; border-style: solid; @@ -525,17 +552,17 @@ a:hover { text-decoration: none; transition: all 0.3s; } -.news-button:hover{ +.news-button:hover { background: black; color: white; text-decoration: none; } -.news-logo-svg{ +.news-logo-svg { height: 42px; } -.news-text{ +.news-text { color: var(--color-primary); text-align: center; } diff --git a/website/src/pages/index.js b/website/src/pages/index.js index 8764552..d9a5269 100644 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -205,6 +205,28 @@ const EventsSection = () => { ); }; +const ContributionSection = () => { + + return ( + <div className="contribution"> + <div className="center-elem contribution-text"> + <h2>Make your first contribution to Apache APISIX™</h2> + </div> + <div className="center-elem"> + <p>Find a good first issue to get you started !</p> + </div> + <div className="contribution-link"> + <Link + to="/docs/general/contributor-guide#good-first-issues" + > + <GitHubLogo className="contribution-logo" /> + Good First Issues + </Link> + </div> + </div> + ); +}; + const NewsletterSection = () => { return ( @@ -243,6 +265,7 @@ const Index = (props) => { <LearnHow /> <EventsSection /> <Showcase /> + <ContributionSection /> <NewsletterSection /> </Layout> );