From 71e4be9ee1aa71f3c47404354b1e0748fb06c61a Mon Sep 17 00:00:00 2001 From: surajgoraya Date: Wed, 18 Sep 2024 14:13:50 -0400 Subject: [PATCH 1/6] feat: make 'bottom-only' spacing default --- src/app/lib/components/primitives/Section.js | 80 +++++++++++++------- src/app/page.js | 2 +- 2 files changed, 52 insertions(+), 30 deletions(-) diff --git a/src/app/lib/components/primitives/Section.js b/src/app/lib/components/primitives/Section.js index 02a1148..6a54952 100644 --- a/src/app/lib/components/primitives/Section.js +++ b/src/app/lib/components/primitives/Section.js @@ -1,53 +1,75 @@ -import React from 'react' +import React from "react"; -import { FaArrowRight } from 'react-icons/fa'; -import { makeAttributeSafe } from '../../utils/basics'; +import { FaArrowRight } from "react-icons/fa"; +import { makeAttributeSafe } from "../../utils/basics"; /** - * + * * @param {React.PropsWithChildren} props * @param {String} props.title The title of the overarching section - * @param {React.ReactNode} props.children Children placed within the - * - * @returns + * @param {'bottom-only'|'standard'|'top-only'|'none'} spacing Spacing used above the section and below it. + * @param {React.ReactNode} props.children Children placed within the + * + * @returns */ -export default function Section({ title, children, className, spacing, id, invertColours}) { - +export default function Section({ + title, + children, + className, + spacing, + id, + invertColours, +}) { const generateID = () => { return makeAttributeSafe(title).toLowerCase(); - } + }; const evalSpacing = () => { - let setSpacing = 'py-16 md:py-20'; + let setSpacing = "py-16 md:py-20"; switch (spacing) { - case 'standard': - setSpacing = 'py-16 md:py-18' + case "both": + setSpacing = "py-16 md:py-18"; break; - case 'top-only': - setSpacing = 'pt-16 md:pt-18' + case "top-only": + setSpacing = "pt-16 md:pt-18"; break; - case 'bottom-only': - setSpacing = 'pb-16 md:pb-18' + case "bottom-only": + setSpacing = "pb-16 md:pb-18"; break; - case 'none': - setSpacing = '' + case "none": + setSpacing = ""; break; default: - setSpacing = 'py-16 md:py-18' + setSpacing = "pb-16 md:pb-18"; break; } - + return setSpacing; - } + }; return ( -
-
-

{title}

-
-
- {children} +
+
+

+ + {title} +

+
{children}
- ) + ); } diff --git a/src/app/page.js b/src/app/page.js index 8837105..0387c34 100644 --- a/src/app/page.js +++ b/src/app/page.js @@ -99,7 +99,7 @@ export default function Home() { }} />
-
+

{`The 26th International ACM SIGACCESS Conference on Computers and Accessibility.`}

{`The ASSETS conference is the premier forum for presenting research on the design, evaluation, use, and education related to computing for people with disabilities and older adults. For those in Europe and Oceania, ASSETS is rated as Core A — a designation for the top academic conferences that are "highly respected in a discipline area" (Core A; Top 16%).`}

From 09cbbbbfb77cd1ce690953cf7a268b467e0d0cd4 Mon Sep 17 00:00:00 2001 From: surajgoraya Date: Wed, 18 Sep 2024 14:14:08 -0400 Subject: [PATCH 2/6] feat: :sparkles: add policy on program comm page --- src/app/committees/policy/program/page.js | 212 ++++++++++++++++++++++ src/app/lib/config/navigation.config.js | 8 +- 2 files changed, 216 insertions(+), 4 deletions(-) create mode 100644 src/app/committees/policy/program/page.js diff --git a/src/app/committees/policy/program/page.js b/src/app/committees/policy/program/page.js new file mode 100644 index 0000000..4d35c34 --- /dev/null +++ b/src/app/committees/policy/program/page.js @@ -0,0 +1,212 @@ +import Letter from "@/app/lib/components/lists/Letter"; +import Link from "@/app/lib/components/primitives/Link"; +import Section from "@/app/lib/components/primitives/Section"; +import Subpage from "@/app/lib/components/templates/Subpage"; +import { createMetadata } from "@/app/lib/utils/createMetadata"; +import React from "react"; + +export const metadata = createMetadata({ title: "Policy On Program Committees" }); + +export default function PolicyOnProgramCommittees() { + return ( + +

+

+ {`The Program Committee is responsible for objectively and thoroughly + reviewing all submissions, and for submitting timely, informative + reviews that provide authors with feedback about their submissions.`} +

+

+ {`The Program Committee members should be recognized experts in the + subject area of the event. As an objective criterion, all Program + Committee members should possess a Ph.D. For recurring events, the + committee should not have a fixed membership, but rather be + constituted each year to fit the changing needs of the conference.`} +

+
+
+

+ {`Submissions should be reviewed by the Program Committee members + themselves, rather than by their chosen delegates. Program Committee + members are encouraged to seek advice from external reviewers if + needed, but they are still responsible for having reviewed the + submission themselves. Each submission should be reviewed by at least + three Program Committee members.`} +

+
+
+

+ {`Please consult the `} + {`ACM SIGACCESS Conflict of Interest Policy`} + {` for how`} + {`conflicts of interest will be managed across activities related to the + SIG. For the ASSETS conference, the following protocol has been + established to comply with this policy: If the General Chair or + Program Chair wishes to submit a Technical Paper (as either a sole or + co-author) to the conference, then a Deputy Program Chair must be + appointed. The Deputy Chair’s role is to appoint reviewers to these + submissions using the regular conference mechanism, and appoint a + third party, whose identity is unknown to the submitting author, to + oversee the decision for that submission. This anonymity will enable + an independent decision to be made about the paper.`} +

+

+ {`This anonymous third party will determine an overall score or ranking + for the submission. To preserve the anonymity of the third party and + reviewers, the decision process for such submissions will be conducted + “offline” from the regular website if necessary. After the Program + Chair has made initial accept/reject determinations for the other + papers, if the Deputy Chair determines that the submitted paper from + the General Chair or Program Chair is not a clear accept or reject, + then the third party will also be responsible for the final + accept/reject decision on this paper.`} +

+

+ {`A similar process can be employed by the chair of other conference + activities (such as Posters and Demonstrations), if they wish to + submit a paper to that activity. All other members of conference + committees may submit to all activities. Care must be taken that these + submissions are reviewed at least as stringently as other submissions, + in keeping with the `} + {`ACM SIGACCESS Conflict of Interest Policy`} + {"."} +

+
+
+

+ {`ASSETS requires members of the Program Committee to adhere to the + highest of ethical standards. These standards are outlined in the`}{" "} + + {`ACM SIGACCESS Conflict of Interest Policy`} + + {`. Program Committee chairs must ensure that these standards are not + only met to the letter of the policy but also to the spirit of its + intent. This means that even the appearance of a conflict of interest + or breach of confidentiality in the selection process should be + avoided.`} +

+

+ {`A Program Committee member (including the chair of the committee) is + considered to have a conflict of interest on a submission on which + they are an author or that has an author in any of the categories + identified by the `} + {`ACM SIGACCESS Conflict of Interest Policy`} + {"."} +

+

+ {`Committee members must declare their conflicts to the program chair + before any reviews of the submissions begin.`} +

+

+ {`Committee members in conflict with an author will not be allowed to + see the reviews of the submission, nor will the names of the reviewers + be divulged. During any and all discussions of the submission (written + or verbal), the member in conflict will be barred from participating + in any way either actively or passively (e.g., by absenting themselves + from the room in which the discussion is being held, not being a + recipient of email, etc.).`} +

+

+ {`In case the program chair is in conflict, the chair will assign an + alternate chair for any submissions for which they have a conflict. + This alternate chair should be a member of the Program Committee who + does not have a conflict. For those submissions, the alternate chair + will select the reviewers and will conduct the reviews and any + discussion without revealing the identities of the reviewers to the + Program Committee Chair.`} +

+

+ {`Submissions themselves and discussions conducted by a Program + Committee during the selection process are considered to be + confidential.`} +

+

+ {`This conflict of interest and confidentiality policy extends to any + supplemental reviewers outside of the immediate Program Committee, if + such reviewers are permitted by the procedures of the committee. The + committee member seeking the supplemental review is responsible for + ensuring the enforcement of the policy.`} +

+

+ {`The Program Chair will make reasonable efforts to ensure that the + manuscripts submitted are made available to and reviewed only by the + Program Committee and supplemental reviewers acting on behalf of the + Program Committee. Neither ASSETS nor ACM guarantee the + confidentiality of the submitted manuscripts, and accept no liability + in the event that the manuscripts are distributed beyond the + reviewers.`} +

+
+
+

+ {`By default, the PC Chair is the selection committee chair for awards + and special issues of journals. The Chair, however, may transfer the + job of selection committee chair over to someone selected by the + SIGACCESS EC if they so choose. If the PC Chair is in conflict with + papers under consideration, the PC Chair cannot act as the selection + committee chair and must request the SIGACCESS EC to appoint an + alternate. The selection committee chairs may appoint additional + committee members if they so choose.`} +

+

{`Exclusions to avoid conflict of interest:`}

+
    +
  • {`Papers co-authored by members of the selection committee are not eligible.`}
    • +
  • {`Papers in conflict with the selection committee chair(s) are not eligible.`}
    • +
+
+
+

+ {`Conferences should require full-length, original papers for review. + The conference website for the Calls for papers should reference the + ASSETS Program Committee Conflict of Interest Policy. It should also + include explicit prohibitions against the submission of papers that + have been previously published or are being submitted elsewhere.`} +

+

+ {`All Calls should make authors aware of the `} + {`ACM Policy and Procedures + on Plagiarism`} + {`. Authors must be asked to indicate their understanding + and acceptance of the policy and procedures at the time of submission. + This can normally be done as part of the electronic submission + process, such as through a checkbox that must be checked in order for + the submission to be recorded.`} +

+
+ + ); +} diff --git a/src/app/lib/config/navigation.config.js b/src/app/lib/config/navigation.config.js index 0906f8f..d376ff5 100644 --- a/src/app/lib/config/navigation.config.js +++ b/src/app/lib/config/navigation.config.js @@ -84,10 +84,10 @@ const MENU_DATA = [ href: "/committees/organizing/", }, { title: "Program Committee", href: "/committees/program/" }, - // { - // title: "Policy on Program Committee", - // href: "/committees/policy/", - // }, + { + title: "Policy on Program Committee", + href: "/committees/policy/program", + }, ], }, { From c95553f23290039fc6f911dc3e0876ee39dd3264 Mon Sep 17 00:00:00 2001 From: surajgoraya Date: Wed, 18 Sep 2024 14:27:11 -0400 Subject: [PATCH 3/6] fix: :hamster: dropdowns mis-highlighting --- src/app/lib/components/primitives/Nav.js | 2 +- src/app/lib/config/navigation.config.js | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/src/app/lib/components/primitives/Nav.js b/src/app/lib/components/primitives/Nav.js index 35cf497..812f1f2 100644 --- a/src/app/lib/components/primitives/Nav.js +++ b/src/app/lib/components/primitives/Nav.js @@ -160,7 +160,7 @@ export default function Nav() { tabIndex="0" className={`flex gap-2 items-center underline hoctive:decoration-4 cursor-pointer ${ pathname.includes( - data.title.toLowerCase() + data?.basePath ) ? "decoration-4" : "" diff --git a/src/app/lib/config/navigation.config.js b/src/app/lib/config/navigation.config.js index d376ff5..e22cd3c 100644 --- a/src/app/lib/config/navigation.config.js +++ b/src/app/lib/config/navigation.config.js @@ -3,6 +3,7 @@ const MENU_DATA = [ { title: "Authors", href: null, + basePath: "/authors/", children: [ { title: "Call for Papers", href: "/authors/call-for-papers/" }, { @@ -29,6 +30,7 @@ const MENU_DATA = [ { title: "Attending", href: null, + basePath: "/attending/", children: [ { title: "Overview", href: "/attending/overview/" }, { title: "Registration", href: "/attending/registration/" }, @@ -42,6 +44,7 @@ const MENU_DATA = [ { title: "Program", href: null, + basePath: "/program/", children: [ { title: "Keynote Speaker", href: "/program/keynote-speaker/" }, { title: "Accepted Papers", href: "/program/accepted-papers/" }, @@ -51,6 +54,7 @@ const MENU_DATA = [ { title: "Additional Resources", href: null, + basePath: "/resources/", children: [ { title: "Creating Accessible ACM Conference Papers", @@ -78,6 +82,7 @@ const MENU_DATA = [ { title: "Committees", href: null, + basePath: "/committees/", children: [ { title: "Organizing Committee", @@ -93,6 +98,7 @@ const MENU_DATA = [ { title: "Sponsors", href: null, + basePath: "/sponsors/", children: [ { title: "Sponsors", From 236eae647a9381d71a37ae7ce0ccf48201cf2bec Mon Sep 17 00:00:00 2001 From: surajgoraya Date: Wed, 18 Sep 2024 14:39:52 -0400 Subject: [PATCH 4/6] fix: :hamster: small errors in linking This caused the menu not to highlight sub menus items correctly --- src/app/lib/config/navigation.config.js | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/app/lib/config/navigation.config.js b/src/app/lib/config/navigation.config.js index e22cd3c..62f5708 100644 --- a/src/app/lib/config/navigation.config.js +++ b/src/app/lib/config/navigation.config.js @@ -8,7 +8,7 @@ const MENU_DATA = [ { title: "Call for Papers", href: "/authors/call-for-papers/" }, { title: "Technical Papers", - href: "/authors/call-for-papers/technical-papers", + href: "/authors/call-for-papers/technical-papers/", }, { title: "Posters and Demos", href: "/authors/posters-and-demos/" }, { @@ -18,13 +18,13 @@ const MENU_DATA = [ { title: "Workshop Proposals", href: "/authors/workshops/" }, { title: "Experience Reports", - href: "/authors/experience-reports", + href: "/authors/experience-reports/", }, { title: "Student Research Competition", - href: "/authors/student-research-competition", + href: "/authors/student-research-competition/", }, - { title: "Mentoring", href: "/authors/mentoring" }, + { title: "Mentoring", href: "/authors/mentoring/" }, ], }, { @@ -58,15 +58,15 @@ const MENU_DATA = [ children: [ { title: "Creating Accessible ACM Conference Papers", - href: "/resources/creating-a11y-papers", + href: "/resources/creating-a11y-papers/", }, { title: "Creating Accessible ACM Conference Video Presentations", - href: "/resources/creating-a11y-papers#video-presentation-creation-guidelines", + href: "/resources/creating-a11y-papers/#video-presentation-creation-guidelines", }, { title: "Submission Templates", - href: "/resources/submission-templates", + href: "/resources/submission-templates/", }, // { title: "Workshop Proposals", href: "/authors/workshops/" }, ], @@ -91,7 +91,7 @@ const MENU_DATA = [ { title: "Program Committee", href: "/committees/program/" }, { title: "Policy on Program Committee", - href: "/committees/policy/program", + href: "/committees/policy/program/", }, ], }, From c75c3b746690f5a198bc5b9a95ec49aecff60e13 Mon Sep 17 00:00:00 2001 From: surajgoraya Date: Wed, 18 Sep 2024 14:40:34 -0400 Subject: [PATCH 5/6] fix: :lipstick: Menu now resizes sooner Given the fact that we've added more items to the main level of the menu, we need to resize it at the LG level rather than the MD level like before --- src/app/lib/components/primitives/Nav.js | 26 +++++++++++------------- 1 file changed, 12 insertions(+), 14 deletions(-) diff --git a/src/app/lib/components/primitives/Nav.js b/src/app/lib/components/primitives/Nav.js index 812f1f2..71c1ded 100644 --- a/src/app/lib/components/primitives/Nav.js +++ b/src/app/lib/components/primitives/Nav.js @@ -34,8 +34,8 @@ export default function Nav() { * @param {Number} i The current nav item's number */ const handleNavMouseEnter = (i) => { - // hover events only applicable for desktop menu (window width is >= 768px) - if (window.innerWidth < 768) return; + // hover events only applicable for desktop menu (window width is >= 1024px) + if (window.innerWidth < 1024) return; setDropdownsVisible( dropdownsVisible.map((_, idx) => (idx === i ? true : false)) @@ -43,8 +43,8 @@ export default function Nav() { }; const handleNavMouseLeave = () => { - // hover events only applicable for desktop menu (window width is >= 768px) - if (window.innerWidth < 768) return; + // hover events only applicable for desktop menu (window width is >= 1024px) + if (window.innerWidth < 1024) return; setDropdownsVisible(Array(MENU_DATA.length).fill(false)); }; @@ -52,8 +52,8 @@ export default function Nav() { * @param {Number} i The current nav item's number */ const handleNavClick = (i) => { - // click events only applicable for mobile menu (window width is < 768px) - if (window.innerWidth >= 768) return; + // click events only applicable for mobile menu (window width is < 1024px) + if (window.innerWidth >= 1024) return; if (dropdownsVisible[i] === true) { // setDropdownsVisible(Array(MENU_DATA.length).fill(false)); @@ -109,13 +109,13 @@ export default function Nav() { return (