- Adding past community sessions

- Updated upcoming session with better img
- Fixing sort mechanism for on-demand
- Improving text on /community
- Updating instructions to reflect changes in sorting

Signed-off-by: Suzanne Daniels <suzanned@spotify.com>

docs/overview/support.md

@@ -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

microsite/data/on-demand/20211117-01.yaml

@@ -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

microsite/data/on-demand/20211118-01.yaml

@@ -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

microsite/data/on-demand/20211215-01.yaml

@@ -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

microsite/data/on-demand/20211216-01.yaml

@@ -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

microsite/data/on-demand/20220323.yaml

@@ -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: http://localhost:3000/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

microsite/pages/en/community.js

@@ -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
@@ -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

microsite/pages/en/on-demand.js

@@ -17,7 +17,7 @@ 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()));
+  .reverse();
 const truncate = text =>
   text.length > 170 ? text.substr(0, 170) + '...' : text;