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>
);
