sep 24-user-group (PR from TinaCMS) (#3064)

TinaCMS content update

Co-authored-by: tina-cloud-app[bot] <58178390+tina-cloud-app[bot]@users.noreply.github.com>
Co-authored-by: Penny Walker <[email protected]>
Co-authored-by: Seth Daily [SSW] <[email protected]>

content/events-calendar/2024/Spies-screen-readers-and-semantic-HTML.json

@@ -0,0 +1,26 @@
+{
+  "title": "Spies, screen readers and semantic HTML",
+  "url": "/netug/sydney",
+  "thumbnail": "/images/events/sydney-ug-thumb.jpg",
+  "thumbnailDescription": "Sydney .NET User Group",
+  "presenterName": "Ross Mullen",
+  "presenterProfileUrl": "https://www.linkedin.com/in/rossmullen/",
+  "startDateTime": "2024-09-18T07:30:00.000Z",
+  "endDateTime": "2024-09-18T09:30:00.000Z",
+  "startShowBannerDateTime": "2024-09-17T14:00:00.000Z",
+  "endShowBannerDateTime": "2024-09-18T12:00:00.000Z",
+  "calendarType": "User Groups",
+  "city": "Sydney",
+  "category": "Other",
+  "abstract": "A great working guide to accessibility in software development. Whether you're a web developer, designer, or accessibility advocate there's plenty to take away and embed into your own digital products to make them accessible, inclusive and user friendly. Ross will evaluate the effectiveness and see how well it works with screen readers!",
+  "description": "We all know the power of ALT text in making images accessible for screen readers. But when an image is rich with detail like textures, placement, and text ALT text alone can't capture the full picture.\n\nAustralia's spy agency, Australian Signals Directorate (ADS), faced this challenge with their webpage for the 75th anniversary 50 cent coin. Instead of relying on intricate ALT text, they used semantic HTML to convey the coin's unique features. Semantic HTML is the bedrock of accessible web design. Using the right HTML elements means that users of all abilities can understand the content just as it is intended.\n\nI'll explain ASD's approach, evaluate its effectiveness, and see how well it works with screen readers. Whether you're a web developer, designer, or accessibility advocate there's plenty to take away and embed into your own digital products to make them accessible, inclusive and user friendly.\n",
+  "presenterList": [
+    {
+      "presenter": ""
+    }
+  ],
+  "delayedLiveStreamStart": true,
+  "liveStreamDelayMinutes": 30,
+  "hostedAtSsw": true,
+  "enabled": true
+}

pages/netug/[[...filename]].tsx

@@ -46,7 +46,7 @@ export default function NETUGPage(
 
   // Converting element to string to render in presenter block
   const aboutDescription = ReactDomServer.renderToString(
-    <TinaMarkdown content={speaker?.presenter.about} />
+    <TinaMarkdown content={speaker?.presenter?.about} />
   );
 
   if (data?.userGroupPage?.__typename === "UserGroupPageLocationPage") {
@@ -72,7 +72,7 @@ export default function NETUGPage(
               presenter={{
                 name: props.event?.presenterName,
                 url: props.event?.presenterProfileUrl,
-                image: speaker?.presenter.torsoImg || "",
+                image: speaker?.presenter?.torsoImg || "",
               }}
               trailerUrl={props.event?.trailerUrl}
               registerUrl={data.userGroupPage.registerUrl}
@@ -197,10 +197,10 @@ export default function NETUGPage(
                   <div className="pb-3">
                     <Organizer
                       data={{
-                        profileImg: speaker.presenter.profileImg,
-                        name: speaker.presenter.presenter.name,
+                        profileImg: speaker?.presenter?.profileImg,
+                        name: speaker?.presenter?.presenter?.name,
                         profileLink:
-                          speaker.presenter.presenter.peopleProfileURL,
+                          speaker?.presenter?.presenter?.peopleProfileURL,
                       }}
                       stringContent={aboutDescription}
                     />