feat: ✨ keynote speaker added!

src/app/lib/components/Persona.js

@@ -60,9 +60,9 @@ export default function Persona({
   ) : (
     <div
       id="persona"
-      className="bg-theme-dark text-theme-off-white w-full flex flex-col md:flex-row min-w-full"
+      className={`bg-theme-dark text-theme-off-white w-full flex flex-col lg:flex-row min-w-full`}
     >
-      <div className={`min-w-fill ${!picture ? "h-0" : ""}`}>
+      <div className={`min-w-[30%] ${!picture ? "h-0" : ""}`}>
         {picture ? (
           <Image
             src={`${picture}`}
@@ -76,7 +76,6 @@ export default function Persona({
       <div className="ml-4 mt-4 flex flex-col gap-2 mb-8 mr-4 md:mr-8">
         <p className="font-bold text-2xl mb-1">{name}</p>
         <p className="text-sm mb-1 max-w-3xl whitespace-pre-line">{`${bio}`}</p>
-
       </div>
     </div>
   );

src/app/lib/components/primitives/Section.js

@@ -1,6 +1,7 @@
 import React from 'react'
 
 import { FaArrowRight } from 'react-icons/fa';
+import { makeAttributeSafe } from '../../utils/basics';
 
 /**
  * 
@@ -13,7 +14,7 @@ import { FaArrowRight } from 'react-icons/fa';
 export default function Section({ title, children, className, spacing, id, invertColours}) {
 
   const generateID = () => {
-    return title.replace(/\s/g, '-').toLowerCase();
+    return makeAttributeSafe(title).toLowerCase();
   }
   const evalSpacing = () => {
     let setSpacing = 'py-16 md:py-20';

src/app/lib/config/navigation.config.js

@@ -43,6 +43,7 @@ const MENU_DATA = [
         title: "Program",
         href: null,
         children: [
+            { title: "Keynote Speaker", href: "/program/keynote-speaker/" },
             { title: "Accepted Papers", href: "/program/accepted-papers/" },
             { title: "Accepted Workshops", href: "/program/accepted-workshops/" },
         ],

src/app/lib/utils/basics.js

@@ -14,6 +14,6 @@ export function SortNameAlphabetically(a, b) {
  * @returns {String} text, with the spaces escaped with `-`
  */
 export function makeAttributeSafe(text) {
-  const escapeExpression = new RegExp(/( |\:|,)/g);
+  const escapeExpression = new RegExp(/(\s|\:|,)/g);
   return text.replace(escapeExpression, "-").toLowerCase();
 }

src/app/program/keynote-speaker/page.js

@@ -0,0 +1,84 @@
+import React from "react";
+import Section from "@/app/lib/components/primitives/Section";
+import Subpage from "@/app/lib/components/templates/Subpage";
+import Link from "@/app/lib/components/primitives/Link";
+import { createMetadata } from "@/app/lib/utils/createMetadata";
+import Persona from "@/app/lib/components/Persona";
+import { KEYNOTE_SPEAKERS } from "@/app/lib/config/keynote.config";
+import { makeAttributeSafe } from "@/app/lib/utils/basics";
+
+export const metadata = createMetadata({ title: "Keynote Speakers" });
+const excludeSpecialChars = new RegExp('[^"“]');
+
+export default function AcceptedPapers() {
+  return (
+    <Subpage title={"Keynote Speaker"} noTOC={false}>
+      <p className="-mb-12">
+        {`We are delighted to announce that this year's keynote address will be
+      given by Dr. Chieko Asakawa, recipient of the `}
+        <Link
+          href={
+            "https://www.sigaccess.org/2024/08/chieko-asakawa-outstanding-contribution-2024/"
+          }
+        >
+          {`2024 SIGACCESS Award for Outstanding Contributions to Computing and
+          Accessibility`}
+        </Link>
+        {`. This award
+      recognizes individuals who have made significant and lasting
+      contributions to the development of computing technologies that improve
+      the accessibility of media and services to people with disabilities.`}
+      </p>
+      <Section title={"Dr. Chieko Asakawa"}>
+        <div className="mb-8">
+          <Persona wide {...KEYNOTE_SPEAKERS[0]} />
+        </div>
+        <h2
+          id={makeAttributeSafe(
+            "A Journey in Accessibility: Digital-World to Real-World"
+          )}
+        >{`A Journey in Accessibility: Digital-World to Real-World`}</h2>
+        <p>
+          {`Progress in accessibility technology has dramatically improved the
+          quality of life for people with disabilities. The SIGACCESS community
+          has played a crucial role in this progress since its establishment in
+          the late 1990s. This community connect researchers and share, with the
+          world, innovative ideas based on the latest science and technology.`}
+        </p>
+        <p>
+          {`My journey with SIGACCESS began in 1998, inspired by the technical
+          challenges encountered during the development of the world's first
+          practical voice web browser, the "IBM Home Page Reader." This work
+          later received the SIGACCESS ASSETS Paper Impact Award in 2013. After
+          more than a decade of research in digital accessibility, I shifted my
+          focus to a daunting, unsolved challenge: enabling independent movement
+          in urban environments for people with visual impairments—the challenge
+          of real-world accessibility.`}
+        </p>
+        <p>
+          {` In this address, I will give a brief overview of my research in
+          digital accessibility, look at my work on an autonomous navigation
+          robot, the "AI suitcase”, and note the importance of social acceptance
+          to successfully implement such new technology.`}
+        </p>
+        <p>
+          {`I will then address the tremendous potential we SIGACCESS members
+          possess, to practically apply the latest science and technology
+          research, thereby steadily improving the quality of life for all
+          people.`}
+        </p>
+      </Section>
+      <Section
+        title={"SIGACCESS Outstanding Contribution Award"}
+        spacing={"bottom-only"}
+      >
+        <p>{`To read more about Chieko’s SIGACCESS Outstanding Contribution Award, please see: `}</p>
+        <Link
+          href={
+            "https://www.sigaccess.org/2024/08/chieko-asakawa-outstanding-contribution-2024/"
+          }
+        >{`https://www.sigaccess.org/2024/08/chieko-asakawa-outstanding-contribution-2024/.`}</Link>
+      </Section>
+    </Subpage>
+  );
+}