This is an automated email from the ASF dual-hosted git repository.

potiuk pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow-site.git


The following commit(s) were added to refs/heads/main by this push:
     new a876063e04 Reorganize channels on community page (#911)
a876063e04 is described below

commit a876063e047b4beda69f7498bd2cd8a9f64b758f
Author: Michael Robinson <[email protected]>
AuthorDate: Fri Jan 5 12:28:40 2024 -0500

    Reorganize channels on community page (#911)
    
    
    ---------
    
    Signed-off-by: Michael Robinson <[email protected]>
---
 .../site/assets/scss/_community-page.scss          |  28 ++-
 .../site/content/en/community/_index.html          | 244 ++++++++++-----------
 2 files changed, 142 insertions(+), 130 deletions(-)

diff --git a/landing-pages/site/assets/scss/_community-page.scss 
b/landing-pages/site/assets/scss/_community-page.scss
index 2eebae584f..68039ce328 100644
--- a/landing-pages/site/assets/scss/_community-page.scss
+++ b/landing-pages/site/assets/scss/_community-page.scss
@@ -26,7 +26,7 @@
 
 .community {
   &--header-container {
-    max-width: 936px;
+    max-width: 100%;
     margin: 0 auto;
   }
 
@@ -35,10 +35,21 @@
     text-align: center;
   }
 
+  &--header-persona {
+    @extend .header__xsmall--greyish-brown;
+    text-align: center;
+    margin-bottom: 2.5vh;
+  }
+
   &--accordion-container {
     margin: 60px 18px;
   }
 
+  &--accordion-container .dev-list {
+    @extend .bodytext__medium--brownish-grey;
+    margin-left: auto;
+  }
+
   &--committers-header {
     @extend .header__small--greyish-brown;
     text-align: center;
@@ -50,6 +61,21 @@
       margin-bottom: 40px;
     }
   }
+
+  &--grid {
+    display: grid;
+    grid-template-columns: 50% 50%;
+    grid-template-areas:
+      "dev user";
+  }
+
+  &--dev {
+    grid-area: dev;
+  }
+
+  &--user {
+    grid-area: user;
+  }
 }
 
 @media (min-width: $fullhd) {
diff --git a/landing-pages/site/content/en/community/_index.html 
b/landing-pages/site/content/en/community/_index.html
index e36aff25a3..3a3cdcfca6 100644
--- a/landing-pages/site/content/en/community/_index.html
+++ b/landing-pages/site/content/en/community/_index.html
@@ -5,140 +5,126 @@ menu:
     weight: 1
 ---
 
-<div class="community--accordion-container">
+<div class="community--grid">
+    <div class="community--dev">
+        <div class="community--accordion-container">
+            <h6 class="community--header-persona">Want to contribute?</h6>
+            {{< accordion title="Join the Dev list" description="The Dev list 
is the preferred channel for announcements, proposals and votes." 
logo_path="icons/join-devlist-icon.svg" open="true">}}
+                <p class="bodytext__medium--brownish-grey">
+                    Manage your <b>subscription</b>:
+                </p>
+                <ul class="ticks-blue mx-auto">
+                    <li class="text-break-all"><a class="list-link" 
href="mailto:[email protected]";>[email protected]</a></li>
+                    <li class="text-break-all"><a class="list-link" 
href="mailto:[email protected]";>[email protected]</a></li>
+                </ul>
+                <p class="bodytext__medium--brownish-grey">
+                    Browse the <b>archive</b>:
+                </p>
+                <ul class="ticks-blue mx-auto">
+                   <li class="text-break-all"><a class="list-link" 
href="https://lists.apache.org/[email protected]";>https://lists.apache.org/[email protected]</a></li>
+                </ul>
+                <p class="bodytext__medium--brownish-grey">
+                    For answers to ad hoc questions, try asking in the 
official <b>Airflow Slack</b> first. See <b>"Ask a question"</b> below for 
details and additional resources.
+                </p>
+            {{< /accordion >}}
+            {{< accordion title="Subscribe to the newsletter" 
description="[Get regular monthly 
updates](https://apache.us14.list-manage.com/track/click?u=fe7ef7a8dbb32933f30a10466&id=ba35da0c2d&e=a2e8531eaf)
 on recent events and communications in the Airflow community." 
logo_path="icons/join-devlist-icon.svg" >}}
+            <p class="bodytext__medium--brownish-grey">You will learn 
about:</p>
+            <ul class="ticks-blue mx-auto">
+                <li>recent releases</li>
+                <li>upcoming and recent events</li>
+                <li>the PR of the Month</li>
+                <li>recent blog posts and guides</li>
+                <li>activity on the Dev list.</li>
+            </ul>
+            {{< /accordion >}}
 
-    {{< accordion title="Join the devlist" description="If you want to stay up 
to date with what is going on in the project, want to discuss the features, 
talk about fixes or simply ask a question - this is the first step to take." 
logo_path="icons/join-devlist-icon.svg" open="true" >}}
-    <ol class="counter-blue mx-auto">
-        <li>
-            <p class="bodytext__medium--brownish-grey">
-                The preferred channel for discussion is using the official 
Apache Airflow mailing lists.
-                To subscribe, send an email to:
-            </p>
+            {{< accordion title="Improve documentation" description="Additions 
and improvements to the documentation are always welcome!" 
logo_path="icons/documentation-icon.svg" >}}
+            <ol class="counter-blue mx-auto">
+                <li>Open a PR with your changes.</li>
+                <li>
+                    Feel free to ask any questions you have in the 
#documentation channel in <a
+                            href="https://apache-airflow.slack.com";>Slack</a>.
+                </li>
+            </ol>
+            {{< /accordion >}}
+            {{< accordion title="Propose fundamental changes" description="If 
you have an idea that will change Airflow fundamentally, then there are more 
steps to take, but they are rather simple." logo_path="icons/project-icon.svg" 
>}}
+            <ol class="counter-blue mx-auto">
+                <li>
+                    Create an Airflow Improvement Proposal (AIP) on the 
project wiki
+                    (<a 
href="https://cwiki.apache.org/confluence/display/AIRFLOW/Airflow+Improvement+Proposals";>Airflow
+                        Improvements Proposals</a>),
+                    describe your idea, discuss the pros and cons, and explain 
why Airflow needs such a change.
+                </li>
+                <li>
+                    When your AIP is ready, send it to the Dev list where the 
whole community will be able to discuss it
+                    and collaborate on the final version.
+                </li>
+                <li>
+                    When the community approves your proposal, it is time to 
start the work! Prepare your change as a
+                    single or series of PRs and voil&agrave;!
+                </li>
+            </ol>
+            {{< /accordion >}}
+        </div>
+    </div>
+    <div class="community--user">
+        <div class="community--accordion-container">
+            <h6 class="community--header-persona">Are you a user?</h6>
+            {{< accordion title="Join the community on Slack" 
description="Connect with other users, get help, and stay up-to-date on 
developments in the project." logo_path="icons/ask-question-icon.svg" 
open="true">}}
+            <ol class="counter-blue mx-auto">
+                <p class="bodytext__medium--brownish-grey">
+                    After <a 
href="https://apache-airflow-slack.herokuapp.com/";>creating an account</a>, join
+                    <a 
href="https://apache-airflow.slack.com/messages/troubleshooting";>#troubleshooting</a>
 and
+                    <a 
href="https://apache-airflow.slack.com/messages/development";>#development</a>
+                    to ask for help with using and developing Airflow, 
respectively.
+                </p>
+            </ol>
+            {{< /accordion >}}
+            {{< accordion title="Ask a question" description="Reach out to 
other users and contributors. There are at least three ways to do this." 
logo_path="icons/ask-question-icon.svg">}}
+            <ol class="counter-blue mx-auto">
+                <li>Ask in the <a 
href="https://apache-airflow-slack.herokuapp.com/";>Apache Airflow Slack</a></li>
+                <li>Search <a 
href="https://stackoverflow.com/questions/tagged/airflow";>Stack 
Overflow</a></li>
+                <li>Ask on the <a 
href="mailto:[email protected]";>Users list</a><small> (or<a 
href="mailto:[email protected]";> 
unsubscribe)</a></small></li>
+            </ol>
+            {{< /accordion >}}
+            {{< accordion title="Start a discussion" description="Use a 
[GitHub Discussion](https://github.com/apache/airflow/discussions) to start a 
discussion." logo_path="icons/ask-question-icon.svg" >}}
+            <p class="bodytext__medium--brownish-grey">You can start 
discussions about:</p>
             <ul class="ticks-blue mx-auto">
+                <li>proposing a new feature</li>
+                <li>whether what you are observing is a real issue</li>
+                <li>your brainstorms</li>
+                <li>how others solve their problems.</li>
+            </ul>
+            {{< /accordion >}}
+            {{< accordion title="Propose a new feature" description="Two steps 
are required to create a feature request in Airflow." 
logo_path="icons/new-feature-icon.svg" >}}
+            <ol class="counter-blue mx-auto">
+                <li>Create an account on <a 
href="https://github.com";>GitHub</a></li>
                 <li>
-                    Users list (<a 
href="https://lists.apache.org/[email protected]";>archive</a>):
-                    <ul class="ticks-blue mx-auto">
-                       <li class="text-break-all"><a class="list-link" 
href="mailto:[email protected]";>[email protected]</a></li>
-                       <li class="text-break-all"><small><a class="list-link" 
href="mailto:[email protected]";>[email protected]</a>
 to unsubscribe</small></li>
-                       </ul>
+                    Create a <a 
href="https://github.com/apache/airflow/issues/new/choose";>new issue</a> and 
choose ‘Feature request’. Try to include as much information as you can in the 
description.
                 </li>
                 <li>
-                    Dev list (<a 
href="https://lists.apache.org/[email protected]";>archive</a>):
-                    <ul class="ticks-blue mx-auto">
-                       <li class="text-break-all"><a class="list-link" 
href="mailto:[email protected]";>[email protected]</a></li>
-                       <li class="text-break-all"><small><a class="list-link" 
href="mailto:[email protected]";>[email protected]</a>
 to unsubscribe</small></li>
-                    </ul>
+                    You are also encouraged to open a PR with your own 
implementation of the feature. Take a
+                    look at our
+                    <a 
href="https://github.com/apache/airflow/blob/master/CONTRIBUTING.rst";>contribution
 guidelines</a>
+                    to learn more about contributing.
                 </li>
+            </ol>
+            {{< /accordion >}}
+            {{< accordion title="Report a bug" description="Use a [GitHub 
Issue](https://github.com/apache/airflow/issues) to create an issue." 
logo_path="icons/bug-icon.svg" >}}
+            <p class="bodytext__medium--brownish-grey">Remember to include as 
much information as you can, including:</p>
+            <ul class="ticks-blue mx-auto">
+                <li>tracebacks</li>
+                <li>screencaps</li>
+                <li>context for reproducing the problem (mandatory).</li>
             </ul>
-        </li>
-        <p class="bodytext__medium--brownish-grey">
-            For ad-hoc questions you can use the official Slack of Airflow. 
See <b>"Ask a question"</b> below.
-        </p>
-    </ol>
-    {{< /accordion >}}
-
-    {{< accordion title="Subscribe to the newsletter" description="[Get 
regular monthly 
updates](https://apache.us14.list-manage.com/track/click?u=fe7ef7a8dbb32933f30a10466&id=ba35da0c2d&e=a2e8531eaf)
 on recent events and communications in the Airflow community." 
logo_path="icons/join-devlist-icon.svg" >}}
-    <p class="bodytext__medium--brownish-grey">You will learn about:</p>
-    <ul class="ticks-blue mx-auto">
-        <li>recent releases,</li>
-        <li>upcoming and recent events,</li>
-        <li>the PR of the Month,</li>
-        <li>recent blog posts and guides,</li>
-        <li>activity on the dev list.</li>
-    </ul>
-    {{< /accordion >}}
-
-    {{< accordion title="Start a discussion" description="Use our [GitHub 
Discussions](https://github.com/apache/airflow/discussions) to start a 
discussion." logo_path="icons/ask-question-icon.svg" >}}
-    <p class="bodytext__medium--brownish-grey">You can start discussions 
about:</p>
-    <ul class="ticks-blue mx-auto">
-        <li>proposing a new feature,</li>
-        <li>whether what you are observing is a real issue,</li>
-        <li>your brainstorms,</li>
-        <li>how others solve their problems.</li>
-    </ul>
-    {{< /accordion >}}
-
-    {{< accordion title="Report a bug" description="Use our [GitHub 
Issue](https://github.com/apache/airflow/issues) to create an issue." 
logo_path="icons/bug-icon.svg" >}}
-    <p class="bodytext__medium--brownish-grey">Remember to include as much 
information as you can, including:</p>
-    <ul class="ticks-blue mx-auto">
-        <li>tracebacks,</li>
-        <li>screens,</li>
-        <li>scenarios to repeat the problem (mandatory).</li>
-    </ul>
-    <p class="bodytext__medium--brownish-grey">If you are unsure if this is a 
problem with Airflow, start a <a 
href="https://github.com/apache/airflow/discussions";>GitHub Discussion</a> 
first.</p>
-    {{< /accordion >}}
-
-    {{< accordion title="Ask a question" description="In case of any questions 
or doubts, feel free to reach to our community. There are two ways to do that." 
logo_path="icons/ask-question-icon.svg" >}}
-    <ol class="counter-blue mx-auto">
-        <li>
-            <a href="https://apache-airflow-slack.herokuapp.com/";>Join the 
Apache Airflow slack</a>.
-            After creating account in slack you can join
-            <a 
href="https://apache-airflow.slack.com/messages/troubleshooting";>#troubleshooting</a>
 and
-            <a 
href="https://apache-airflow.slack.com/messages/development";>#development</a>
-            where you can look for help in using and developing Airflow 
respectively.
-        </li>
-        <li>Ask at the devlist, see <b>"Join the devlist"</b> link above</li>
-        <li>Check <a 
href="https://stackoverflow.com/questions/tagged/airflow";>Stack 
Overflow</a></li>
-        <li>
-            Remember that Airflow is a community driven project, so in case of
-            constant technical support please consider hiring a consultancy 
company.
-        </li>
-    </ol>
-    {{< /accordion >}}
-
-    {{< accordion title="Add a new feature" description="There are two steps 
required to create a feature request for Airflow." 
logo_path="icons/new-feature-icon.svg" >}}
-    <ol class="counter-blue mx-auto">
-        <li>Create an account at GitHub <a href="https://github.com";>[Sign 
up]</a></li>
-        <li>
-            Create a <a 
href="https://github.com/apache/airflow/issues/new/choose";>new issue</a> and 
choose ‘Feature request’. Try to put in the description as much information as 
you can to clarify your idea.
-        </li>
-        <li>
-            We encourage you to open a PR with your implementation of the 
feature. It would be great if you would take a
-            look at our
-            <a 
href="https://github.com/apache/airflow/blob/master/CONTRIBUTING.rst";>contribution
 guidelines</a>.
-        </li>
-    </ol>
-    {{< /accordion >}}
-
-    {{< accordion title="Fix a bug" description="We don’t like bugs. If you 
find one, please tell us as soon as possible using the steps below." 
logo_path="icons/fix-bug-icon.svg" >}}
-    <ol class="counter-blue mx-auto">
-        <li>Create an account at GitHub <a href="https://github.com";>[Sign 
up].</a></li>
-        <li>
-            Create a <a 
href="https://github.com/apache/airflow/issues/new/choose";>new issue</a> and 
choose ‘Bug report’. Try to put in the description as much information as you 
can including replication steps, tracebacks and screens.
-        </li>
-        <li>
-            We encourage you to open a PR with your bug fix. It would be great 
if you would take a look at our
-            <a 
href="https://github.com/apache/airflow/blob/master/CONTRIBUTING.rst";>contribution
 guidelines</a>.
-        </li>
-    </ol>
-    {{< /accordion >}}
-
-    {{< accordion title="Improve documentation" description="Some people might 
want to improve documentation and this is most welcome!" 
logo_path="icons/documentation-icon.svg" >}}
-    <ol class="counter-blue mx-auto">
-        <li>Open a PR with changes.</li>
-        <li>
-            If you are not sure about your changes, feel free to post a 
question in the #documentation channel on our <a
-                    href="https://apache-airflow.slack.com";>Slack</a>.
-        </li>
-    </ol>
-    {{< /accordion >}}
-
-    {{< accordion title="Propose fundamental changes" description="If you have 
an idea that will change Airflow fundamentally, then there are more steps to 
take -- but they are still rather simple ones." 
logo_path="icons/project-icon.svg" >}}
-    <ol class="counter-blue mx-auto">
-        <li>
-            Create an Airflow Improvement Proposal (AIP) on the project wiki
-            (<a 
href="https://cwiki.apache.org/confluence/display/AIRFLOW/Airflow+Improvement+Proposals";>Airflow
-                Improvements Proposals</a>),
-            describe your idea, discuss the pros and cons and explain why 
Airflow needs such changes.
-        </li>
-        <li>
-            When your AIP is ready, send it to our dev mailing list where the 
whole community will be able to discuss it
-            and elaborate the final version.
-        </li>
-        <li>
-            When the community approves your proposal, this is a signal to 
start the work! Prepare your change as a
-            single or sequence of PRs and voila!
-        </li>
-    </ol>
-    {{< /accordion >}}
+            <p class="bodytext__medium--brownish-grey">
+                You are also encouraged to open a PR with your bug fix. Take a
+                look at our
+                <a 
href="https://github.com/apache/airflow/blob/master/CONTRIBUTING.rst";>contribution
 guidelines</a>
+                to learn more about contributing.
+            </p>
+            <p class="bodytext__medium--brownish-grey">If you are unsure if 
you are encountering a problem with Airflow, start a <a 
href="https://github.com/apache/airflow/discussions";>GitHub Discussion</a> 
first.</p>
+            {{< /accordion >}}
+        </div>
+    </div>
 </div>

Reply via email to