From 134f945c35694b907d73b09d606c27948e6f31e7 Mon Sep 17 00:00:00 2001
From: Lorenzo Sciandra <lsciandra@microsoft.com>
Date: Thu, 28 Sep 2023 16:50:03 +0100
Subject: [PATCH] change the resources page into a community page and improve
 it

---
 docsite/docs/{resources.mdx => community.mdx} | 75 +++++++++++--------
 docsite/docusaurus.config.js                  |  4 +-
 docsite/static/img/microsoft-logo.svg         |  1 +
 3 files changed, 48 insertions(+), 32 deletions(-)
 rename docsite/docs/{resources.mdx => community.mdx} (59%)
 create mode 100644 docsite/static/img/microsoft-logo.svg

diff --git a/docsite/docs/resources.mdx b/docsite/docs/community.mdx
similarity index 59%
rename from docsite/docs/resources.mdx
rename to docsite/docs/community.mdx
index a22554085..05d2fdfc5 100644
--- a/docsite/docs/resources.mdx
+++ b/docsite/docs/community.mdx
@@ -1,52 +1,45 @@
 import Image from "@site/src/components/Image";
 
-# Resources
-
-Need help? Have an idea or code you want to share? Looking to meet other
-developers using `rnx-kit`?
-
-You're in the right place!
+# Community
 
 The resources below are ways to reach us and the larger community. Plus, you'll
 find videos, talks, streaming sessions and podcasts, all about the tools in this
 project.
 
-## Social
+### Interact with us!
 
 <p>
-  <Image src="/img/tw-logo.svg" alt="Twitter Logo" width="24px">
-    <a href="https://twitter.com/afoxman4">Adam Foxman (@afoxman4)</a>
-  </Image>
-</p>
-
-<p>
-  <Image src="/img/discord-logo.svg" alt="Discord Logo" width="24px">
-    <a href="http://discordapp.com/users/478687383198498855">
-      Adam Foxman (afoxman#4801)
-    </a>
+  <Image src="/img/github-logo.svg" alt="GitHub Logo" width="24px" invertable>
+    The primary way to interact with us is via the rnx-kit{" "}
+    <a href="https://github.com/microsoft/rnx-kit/issues">Issues</a>
+    {", "}
+    <a href="https://github.com/microsoft/rnx-kit/discussions">Discussions</a>
+    {", and "}
+    <a href="https://github.com/microsoft/rnx-kit/issues">Project Board</a>{" "}
+    sections.
   </Image>
 </p>
 
 <p>
   <Image src="/img/tw-logo.svg" alt="Twitter Logo" width="24px">
-    <a href="https://twitter.com/ReactNativeMSFT">
-      React Native at Microsoft (@ReactNativeMSFT)
-    </a>
+    If you want to keep up everything React Native at Microsoft, you can follow
+    our Twitter account{" "}
+    <a href="https://twitter.com/ReactNativeMSFT">@ReactNativeMSFT</a>
   </Image>
 </p>
 
-## Community
-
 <p>
-  <Image src="/img/github-logo.svg" alt="GitHub Logo" width="24px" invertable>
-    rnx-kit <a href="https://github.com/microsoft/rnx-kit/issues">Issues</a>
-    {", "}
-    <a href="https://github.com/microsoft/rnx-kit/discussions">Discussions</a>
-    {", and "}
-    <a href="https://github.com/microsoft/rnx-kit/issues">Project Board</a>
+  <Image src="/img/microsoft-logo.svg" alt="Microsoft Logo" width="24px">
+    You can also subscribe to the official{" "}
+    <a href="https://devblogs.microsoft.com/react-native/">
+      React Native at Microsoft devblog
+    </a>{" "}
+    to be in the loop with all the latest news.
   </Image>
 </p>
 
+### Keep up with React Native
+
 <p>
   <Image src="/img/react-logo.svg" alt="React Native Logo" width="24px">
     <a href="https://reactnative.dev/help">React Native Community</a>
@@ -59,7 +52,29 @@ project.
   </Image>
 </p>
 
-## Videos
+## Talks
+
+### Videos
+
+<iframe
+  src="https://www.youtube.com/embed/PYMMxfttOug"
+  title="Our Journey of Making React Native a Preferred Choice - Lorenzo Sciandra & Tommy Nguyen | RNEU 2023"
+  width="560"
+  height="315"
+  frameborder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+  allowfullscreen
+></iframe>
+
+<iframe
+  src="https://www.youtube.com/embed/zgAjZVcvsv8"
+  title="Changing React Native... from within! - Adam Foxman | React Native EU 2022"
+  width="560"
+  height="315"
+  frameborder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+  allowfullscreen
+></iframe>
 
 <iframe
   src="https://www.youtube.com/embed/-6oCo7lTRTw"
@@ -91,7 +106,7 @@ project.
   allowfullscreen
 ></iframe>
 
-## Podcasts
+### Podcasts
 
 <iframe
   src="https://player.simplecast.com/d07ef244-d829-491a-9bf2-aa681db7a8dd?dark=true"
diff --git a/docsite/docusaurus.config.js b/docsite/docusaurus.config.js
index 68fa5e0d0..fb7574f32 100644
--- a/docsite/docusaurus.config.js
+++ b/docsite/docusaurus.config.js
@@ -126,9 +126,9 @@ const config = {
           },
           {
             type: "doc",
-            docId: "resources",
+            docId: "community",
             position: "right",
-            label: "Resources",
+            label: "Community",
           },
           {
             type: "doc",
diff --git a/docsite/static/img/microsoft-logo.svg b/docsite/static/img/microsoft-logo.svg
new file mode 100644
index 000000000..5334aa7ca
--- /dev/null
+++ b/docsite/static/img/microsoft-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23"><path fill="#f3f3f3" d="M0 0h23v23H0z"/><path fill="#f35325" d="M1 1h10v10H1z"/><path fill="#81bc06" d="M12 1h10v10H12z"/><path fill="#05a6f0" d="M1 12h10v10H1z"/><path fill="#ffba08" d="M12 12h10v10H12z"/></svg>
\ No newline at end of file