Merge pull request #10390 from suuus/community-1

Update to Community Hub content
2022-03-24 14:00:45 +01:00
parent b558c8f472 83c08130d9
commit ac29c32f91
11 changed files with 60 additions and 13 deletions
@@ -28,12 +28,12 @@ Check out the Backstage.io [Backstage Community Hub](https://backstage.io/commun
 To add a new recording to the [meetup page](https://backstage.io/on-demand)
 create a file in
 [`microsite/data/on-demand`](https://github.com/backstage/backstage/tree/master/microsite/data/on-demand)
-with your recording's information. Example:
+with your recording's information. Filenames should be in the format `yyyymmdd-xx.yaml`. The page will sort using the filename. Example file content:

 ```yaml
 ---
 title: # name of the meetup
-date: February 23, 2022 # date, format: Month day, year. This is the index field.
+date: February 23, 2022 # date, format: Month day, year.
 category: Meetup # Can be Event, Meetup, Webinar
 description: # description, summary
 youtubeUrl: # Url to youtube video
@@ -45,12 +45,12 @@ youtubeImgUrl: # Url to the preview image, for Youtube this is the format: https
 To add an upcoming meetup to the [meetup page](https://backstage.io/on-demand)
 create a file in
 [`microsite/data/on-demand`](https://github.com/backstage/backstage/tree/master/microsite/data/on-demand)
-with your meetup's information. Example:
+with your meetup's information. Filenames should be in the format `yyyymmdd-xx.yaml`, the page will sort using the filename. Example file content:

 ```yaml
 ---
 title: # name of the meetup
-date: February 23, 2022 # date, format: Month day, year. This is the index field.
+date: February 23, 2022 # date, format: Month day, year.
 category: Upcoming # Should be "Upcoming"
 description: # description, summary
 youtubeUrl: # Url to youtube video
@@ -0,0 +1,7 @@
+---
+title: Community Sessions
+date: November 17, 2021
+category: Meetup
+description: At this month’s adopters session, get the scoop on Spotify’s plan for paid plugins, a first look at Box’s DevPortal, and answers to big questions, like “How will I know if Backstage will work at a large company like mine?”
+youtubeUrl: https://youtu.be/apCDT3_DmFk
+youtubeImgUrl: https://i1.ytimg.com/vi/apCDT3_DmFk/mqdefault.jpg
@@ -0,0 +1,7 @@
+---
+title: Community Sessions
+date: November 18, 2021
+category: Meetup
+description: In the contributors track for this month’s community session, hear about upcoming deprecations, the fruits of Hacktoberfest, the future of both the Kubernetes plugin and the Tech Insights plugin, tips on contributing, and more.
+youtubeUrl: https://youtu.be/n1OWGwYAOiI
+youtubeImgUrl: https://i1.ytimg.com/vi/n1OWGwYAOiI/mqdefault.jpg
@@ -0,0 +1,7 @@
+---
+title: Community Sessions
+date: December 15, 2021
+category: Meetup
+description: At our final adopters session of 2021, the community received a grab bag of end-of-year treats, including eye-catching infographics, a presentation from finance startup Brex about their path to adopting Backstage, and tips on branding your Backstage portal. Plus, get your official Backstage Zoom background. But first up, a quick look back at the year that was.
+youtubeUrl: https://youtu.be/0QMQYSTKAx0
+youtubeImgUrl: https://i1.ytimg.com/vi/0QMQYSTKAx0/mqdefault.jpg
@@ -0,0 +1,7 @@
+---
+title: Community Sessions
+date: December 16, 2021
+category: Meetup
+description: At our final contributors session of 2021, see how the new Backstage Upgrade Helper works and enjoy smoother upgrades, hear updates from the maintainers, and meet our contributor of the month. As in the adopters session, first we celebrate the year’s milestones and share a few resources you can use to spread the word about Backstage.
+youtubeUrl: https://youtu.be/nYjI2j-lWEM
+youtubeImgUrl: https://i1.ytimg.com/vi/nYjI2j-lWEM/mqdefault.jpg
@@ -4,6 +4,6 @@ date: March 23, 2022
 category: Upcoming
 description: Join the maintainers and contributors for the Contributor Community Sessions
 youtubeUrl: https://youtu.be/evf_LV0KzIk
-youtubeImgUrl: https://i1.ytimg.com/vi/evf_LV0KzIk/mqdefault.jpg
+youtubeImgUrl: https://backstage.io/img/b-sessions.png
 rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
 eventUrl: https://github.com/backstage/community/issues
@@ -0,0 +1,9 @@
+---
+title: Adopters Community Sessions
+date: April 20, 2022
+category: Upcoming
+description: Adopters Community Session ✨. It's the monthly meetup where we all come together to listen to the latest maintainer updates, learn from each other about adopting, share exciting new demos or discuss any relevant topic like developer effectiveness, developer experience, developer portals, etc.
+youtubeUrl: https://youtu.be/mFi_X58igzk
+youtubeImgUrl: https://backstage.io/img/b-sessions.png
+rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
+eventUrl: https://github.com/backstage/community/issues
@@ -0,0 +1,9 @@
+---
+title: Contributor Community Sessions
+date: April 27, 2022
+category: Upcoming
+description: Join the maintainers and contributors for the Contributor Community Sessions
+youtubeUrl: https://youtu.be/evf_LV0KzIk
+youtubeImgUrl: https://backstage.io/img/b-sessions.png
+rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
+eventUrl: https://github.com/backstage/community/issues
@@ -22,7 +22,7 @@ const Background = props => {
              What's the use of having fun if you can't share it? Exactly. Join
              the vibrant community around the Backstage project. Be it on
              GitHub, social media, Discord... You'll find a welcoming
-              environment, to ensure this we follow the{' '}
+              environment. To ensure this, we follow the{' '}
              <a href="https://github.com/cncf/foundation/blob/master/code-of-conduct.md">
                {' '}
                CNCF Code of Conduct
@@ -62,8 +62,8 @@ const Background = props => {
              <br />
              Backstage Community Sessions is the monthly meetup where we all
              come together to listen to the latest maintainer updates, learn
-              from eachother about adopting, share exciting new demos or discuss
-              any relevat topic like developer effectiveness, developer
+              from each other about adopting, share exciting new demos or
+              discuss any relevant topic like developer effectiveness, developer
              experience, developer portals, etc.
            </Block.Paragraph>

@@ -74,7 +74,7 @@ const Background = props => {
              Backstage (Backstage of Backstage? Backerstage?). An open
              discussion with maintainers and contributors of Backstage.
            </Block.Paragraph>
-            <Block.LinkButton href="/on-demand">Watch now</Block.LinkButton>
+            <Block.LinkButton href="/on-demand">Meetups</Block.LinkButton>
          </Block.TextBox>
          <Block.TextBox>
            <Block.Graphic
@@ -36,7 +36,7 @@ const Background = props => {
            <iframe
              width="1280"
              height="720"
-              src="https://www.youtube.com/embed/OmXi6iwq5qo"
+              src="https://www.youtube.com/embed/mFi_X58igzk"
              title="YouTube video player"
              frameborder="0"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ -45,7 +45,7 @@ const Background = props => {
          </Block.Paragraph>
          <Block.TextBox>
            <iframe
-              src="https://www.youtube.com/live_chat?v=OmXi6iwq5qo&embed_domain=localhost&dark_theme=1"
+              src="https://www.youtube.com/live_chat?v=mFi_X58igzk&embed_domain=backstage.io&dark_theme=1"
              width="400px"
              height="680px"
            ></iframe>
@@ -16,8 +16,9 @@ const {
 const ondemandDirectory = require('path').join(process.cwd(), 'data/on-demand');
 const ondemandMetadata = fs
  .readdirSync(ondemandDirectory)
-  .map(file => yaml.load(fs.readFileSync(`./data/on-demand/${file}`, 'utf8')))
-  .sort((b, a) => a.date.toLowerCase().localeCompare(b.date.toLowerCase()));
+  .sort()
+  .reverse()
+  .map(file => yaml.load(fs.readFileSync(`./data/on-demand/${file}`, 'utf8')));
 const truncate = text =>
  text.length > 170 ? text.substr(0, 170) + '...' : text;