Update Slack-related info to match our current policies. (#4530)

content/about/community/join/index.md

@@ -19,6 +19,13 @@ participate in discussions, and get help troubleshooting problems. You can use y
 on deploying, configuring, and using Istio.
 {{< /community_item >}}
 
+{{< community_item logo="./slack.svg" alt="Slack" >}}
+If you'd like to have live interactions with members of our community, you can join us on
+[Istio's Slack](https://istio.slack.com) workspace.
+Fill out [this form](https://docs.google.com/forms/d/e/1FAIpQLSfdsupDfOWBtNVvVvXED6ULxtR4UIsYGCH_cQcRr0VcG1ZqQQ/viewform)
+to join.
+{{< /community_item >}}
+
 {{< community_item logo="./gcal.svg" alt="Community Calendar" >}}
 Attend events on our [Community calendar](https://calendar.google.com/calendar/embed?src=i10ogf58krfbrsjai5qi16g4do%40group.calendar.google.com&ctz=America%2FLos_Angeles).
 {{< /community_item >}}
@@ -31,13 +38,6 @@ Follow us on [Twitter](https://twitter.com/IstioMesh) to get the latest news.
 [GitHub](https://github.com/istio/community) is where development takes place on Istio code.
 {{< /community_item >}}
 
-{{< community_item logo="./slack.svg" alt="Slack" >}}
-If you're contributing code to Istio (or thinking about contributing!), you can join us on
-[Istio's Slack](https://istio.slack.com) channel.
-Fill out [this form](https://docs.google.com/forms/d/e/1FAIpQLSfdsupDfOWBtNVvVvXED6ULxtR4UIsYGCH_cQcRr0VcG1ZqQQ/viewform)
-to join.
-{{< /community_item >}}
-
 {{< community_item logo="./drive.svg" alt="Google Drive" >}}
 If you want to get into the nuts and bolts of Istio, check out our growing collection
 of design documents. To access these, simply join the

layouts/partials/footer.html

@@ -24,6 +24,11 @@
             {{ partial "icon.html" "stackoverflow" }}
         </a>
 
+        <a class="channel" title='{{ i18n "slack_desc" }}' href="https://istio.slack.com" aria-label="slack">
+            <span>slack</span>
+            {{ partial "icon.html" "slack" }}
+        </a>
+
         <a class="channel" title='{{ i18n "twitter_desc" }}' href="https://twitter.com/IstioMesh" aria-label="Twitter">
             <span>twitter</span>
             {{ partial "icon.html" "twitter" }}
@@ -70,11 +75,6 @@
             {{ partial "icon.html" "github" }}
         </a>
 
-        <a class="channel" title='{{ i18n "slack_desc" }}' href="https://istio.slack.com" aria-label="slack">
-            <span>slack</span>
-            {{ partial "icon.html" "slack" }}
-        </a>
-
         <a class="channel" title='{{ i18n "team_drive_desc" }}' href="https://groups.google.com/forum/#!forum/istio-team-drive-access" aria-label="team drive">
             <span>drive</span>
             {{ partial "icon.html" "drive" }}

src/sass/misc/_footer.scss

@@ -9,7 +9,7 @@ footer {
     padding: 1rem 4px 1.5rem;
     text-align: center;
     display: grid;
-    grid-template-columns: [user-links] 45% [info] 55% [dev-links] 0%;
+    grid-template-columns: [user-links] 60% [info] 40% [dev-links] 0;
     grid-template-rows: 100%;
 
     @media print {