Skip to content

Commit

Permalink
Merge pull request #189 from ASSETS-Conference/suraj
Browse files Browse the repository at this point in the history
New `<Alert/>` colours and hotel copy updates
  • Loading branch information
surajgoraya authored Aug 22, 2024
2 parents 0ecf073 + b3f59e5 commit 43e0a4f
Show file tree
Hide file tree
Showing 3 changed files with 150 additions and 131 deletions.
12 changes: 7 additions & 5 deletions src/app/lib/components/Alert.js
Original file line number Diff line number Diff line change
Expand Up @@ -42,16 +42,18 @@ export default function Alert({
type === "warning"
? "bg-theme-red"
: type === "changes"
? "bg-theme-dark"
? "bg-theme-orange"
: "bg-theme-blue"
} bg-theme-blue text-white p-4 flex flex-row gap-2 ${
heading ? "items-start" : "items-center"
} ${className}`}
} max-w-[100%] ${className}`}
>
{switchAlertType(type, heading)}
<div>
{heading ? <p className="text-lg font-bold mb-1">{heading}</p> : null}
{raw ? children : <p>{body}</p>}
<div className="max-w-[85%] pb-2 md:pb-0 md:max-w-max">
{heading ? (
<p className="text-lg font-bold mb-1 max-w-max">{heading}</p>
) : null}
<div>{raw ? children : <p>{body}</p>}</div>
</div>
</div>
);
Expand Down
268 changes: 142 additions & 126 deletions src/app/page.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,141 +5,157 @@ import Container from "./lib/components/primitives/Container";
import Link from "./lib/components/primitives/Link";
import Section from "./lib/components/primitives/Section";
import {
DOCTORAL_CONSORTIUM_DATES,
EXPERIENCE_REPORTS_DATES,
POSTER_DEMOS_DATES,
STUDENT_RESEARCH_DATES,
MAIN_DEADLINES,
TECHNICAL_PAPERS_SUBPAGE_DEADLINES,
WORKSHOP_PROPOSAL_DATES,
DOCTORAL_CONSORTIUM_DATES,
EXPERIENCE_REPORTS_DATES,
POSTER_DEMOS_DATES,
STUDENT_RESEARCH_DATES,
MAIN_DEADLINES,
TECHNICAL_PAPERS_SUBPAGE_DEADLINES,
WORKSHOP_PROPOSAL_DATES,
} from "./lib/config/importantdates.config";
import { createMetadata } from "./lib/utils/createMetadata";
import Alert from "./lib/components/Alert";
import { mergeDates } from "./lib/utils/mergeDates";

export const metadata = createMetadata({ title: "Home" });
export default function Home() {
// const mergedDates = mergeDates(
// TECHNICAL_PAPERS_SUBPAGE_DEADLINES,
// POSTER_DEMOS_DATES,
// EXPERIENCE_REPORTS_DATES,
// DOCTORAL_CONSORTIUM_DATES,
// STUDENT_RESEARCH_DATES,
// WORKSHOP_PROPOSAL_DATES
// );
// const mergedDates = mergeDates(
// TECHNICAL_PAPERS_SUBPAGE_DEADLINES,
// POSTER_DEMOS_DATES,
// EXPERIENCE_REPORTS_DATES,
// DOCTORAL_CONSORTIUM_DATES,
// STUDENT_RESEARCH_DATES,
// WORKSHOP_PROPOSAL_DATES
// );

return (
<>
<main id="">
<Hero />
<Container id="content">
<div className="pt-16 md:pt-18 pb-4">
<Alert
className={"mb-5"}
raw={true}
heading={"Registration is open"}
>
<p className="text-md text-white">
{`Full details of our in-person and virtual conference experiences will be published as they become available. In the meantime, we have opened registration on the `}
<Link
className={"text-white"}
href={"https://cvent.me/45nlmw"}
>
CVENT Registration Site
</Link>
return (
<>
<main id="">
<Hero />
<Container id="content">
<div className="pt-16 md:pt-18 pb-4">
<Alert
className={"mb-5"}
raw={true}
heading={"Registration is Open"}
>
<p className="text-md text-white">
{`Full details of our in-person and virtual conference experiences will be published as they become available. In the meantime, we have opened registration on the `}
<Link className={"text-white"} href={"https://cvent.me/45nlmw"}>
CVENT Registration Site
</Link>

{` to support attendees who may need additional time to make plans (e.g., travel, visa).`}
</p>
</Alert>
<Alert
className={"mb-5"}
raw={true}
heading={"Hotel booking is live"}
>
<p className="text-md text-white">
{`The hotel is offering ASSETS attendees a group rate of CAD$199 per night. Please use the `}
<Link
href="https://www.marriott.com/events/start.mi?id=1716409363485&key=GRP"
target="_blank"
colour={"secondary"}
className={"text-white"}
>
{`ASSETS’24 Sheraton Hotel Newfoundland booking link`}
</Link>
{` to make your reservation.`}
</p>
</Alert>
</div>
<Section title="Important Dates" spacing={"none"}>
<DateList
dates={MAIN_DEADLINES}
notice={{
lowPriority: true,
text: "All deadlines are 11:59 P.M. Anywhere on Earth (UTC -12:00).",
}}
/>
</Section>
<Section title="ASSETS at a Glance">
<p className="h3">{`The 26th International ACM SIGACCESS Conference on Computers and Accessibility.`}</p>
<p>{`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%).`}</p>
<p>
{`We invite high-quality original submissions on topics relevant to computing and accessibility. All contributions are peer-reviewed by an international Program Committee. Accepted papers and the abstracts for posters and demonstrations, experience reports, and the student research competition will be archived in the ACM Digital Library. Authors of selected papers will be invited to submit extended versions of their papers to a special issue of the`}{" "}
<Link
href="https://dl.acm.org/journal/taccess"
target="_blank"
colour={"primary"}
>{`ACM Transactions on Accessible Computing (TACCESS)`}</Link>
.
</p>
</Section>
</Container>
<div className="bg-theme-dark/95 w-full">
<Container>
<Section
title="Location & Venue"
spacing={"bottom-only"}
className={"pt-12"}
invertColours={true}
>
<div
className={
"flex md:flex-row flex-col gap-12 items-center"
}
>
<div className="flex flex-col flex-2 ">
<p>
{`The ASSETS 2024 Conference will be held at `}{" "}
<Link
// href="https://www.marriott.com/en-us/hotels/yytsi-sheraton-hotel-newfoundland/overview/"
href="https://www.marriott.com/events/start.mi?id=1716409363485&key=GRP"
target="_blank"
colour={"secondary"}
className={"text-white"}
>
Sheraton Hotel Newfoundland
</Link>{" "}
{`in downtown St. John's, Newfoundland and Labrador.`}
</p>
<p>
<strong>{`115 Cavendish Square, St. John's, Newfoundland and Labrador, Canada, A1C 3K2`}</strong>
</p>
</div>
{` to support attendees who may need additional time to make plans (e.g., travel, visa).`}
</p>
</Alert>
<Alert
type={"changes"}
className={"mb-5"}
raw={true}
heading={"Hotel booking is Live"}
>
{/* <div className=""> */}
<p className="text-white break-words">
{`The hotel is offering ASSETS attendees a group rate of CAD$199 per night. Please use the `}
<Link
href="https://www.marriott.com/events/start.mi?id=1716409363485&key=GRP"
target="_blank"
colour={"secondary"}
className={"text-white"}
>
{`ASSETS'24 Sheraton Hotel Newfoundland booking link`}
</Link>
{` to make your reservation.`}
</p>
<p className="text-white mt-4">
{` If you find that the booking link says there is no availability
for your desired dates, we recommend emailing `}
<Link
className={'break-words'}
href={"mailto:[email protected]"}
>
[email protected]
</Link>
{` to ask their help with checking availability and assisting with
the booking. Please tell them that you are booking for
ASSETS'24.`}
</p>
<p className="text-white mt-4">
{`For more information, please see the `}
<Link
href={"/attending/overview/"}
>{`Attending Overview`}</Link>
{` page.`}
</p>
{/* </div> */}
</Alert>
</div>
<Section title="Important Dates" spacing={"none"}>
<DateList
dates={MAIN_DEADLINES}
notice={{
lowPriority: true,
text: "All deadlines are 11:59 P.M. Anywhere on Earth (UTC -12:00).",
}}
/>
</Section>
<Section title="ASSETS at a Glance">
<p className="h3">{`The 26th International ACM SIGACCESS Conference on Computers and Accessibility.`}</p>
<p>{`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%).`}</p>
<p>
{`We invite high-quality original submissions on topics relevant to computing and accessibility. All contributions are peer-reviewed by an international Program Committee. Accepted papers and the abstracts for posters and demonstrations, experience reports, and the student research competition will be archived in the ACM Digital Library. Authors of selected papers will be invited to submit extended versions of their papers to a special issue of the`}{" "}
<Link
href="https://dl.acm.org/journal/taccess"
target="_blank"
colour={"primary"}
>{`ACM Transactions on Accessible Computing (TACCESS)`}</Link>
.
</p>
</Section>
</Container>
<div className="bg-theme-dark/95 w-full">
<Container>
<Section
title="Location & Venue"
spacing={"bottom-only"}
className={"pt-12"}
invertColours={true}
>
<div className={"flex md:flex-row flex-col gap-12 items-center"}>
<div className="flex flex-col flex-2 ">
<p>
{`The ASSETS 2024 Conference will be held at `}{" "}
<Link
// href="https://www.marriott.com/en-us/hotels/yytsi-sheraton-hotel-newfoundland/overview/"
href="https://www.marriott.com/events/start.mi?id=1716409363485&key=GRP"
target="_blank"
colour={"secondary"}
className={"text-white"}
>
Sheraton Hotel Newfoundland
</Link>{" "}
{`in downtown St. John's, Newfoundland and Labrador.`}
</p>
<p>
<strong>{`115 Cavendish Square, St. John's, Newfoundland and Labrador, Canada, A1C 3K2`}</strong>
</p>
</div>

<div className="object-cover mt-4">
<Image
unoptimized
width={600}
height={600}
className="aspect-[16/9] object-cover"
src="/assets/venue.webp"
alt="The Sheraton Hotel Newfoundland building in front of a night sky."
/>
</div>
</div>
</Section>
</Container>
<div className="object-cover mt-4">
<Image
unoptimized
width={600}
height={600}
className="aspect-[16/9] object-cover"
src="/assets/venue.webp"
alt="The Sheraton Hotel Newfoundland building in front of a night sky."
/>
</div>
</main>
</>
);
</div>
</Section>
</Container>
</div>
</main>
</>
);
}
1 change: 1 addition & 0 deletions tailwind.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ module.exports = {
"theme-off-white": "#D4D4D4",
"theme-red": "#592321",
// "theme-blue": "#4597BA",
"theme-orange": "#A74A07",
"theme-blue": "#367691",
"primary-text-light": "var(--primary-light)",
"primary-text-dark": "var(--primary-dark)",
Expand Down

0 comments on commit 43e0a4f

Please sign in to comment.