Skip to content

Commit

Permalink
Merge pull request #53 from ASSETS-Conference/dev
Browse files Browse the repository at this point in the history 
Initial Public Release (0.0.1)
  • Loading branch information
@surajgoraya
surajgoraya authored Feb 3, 2024
2 parents 73749e9 + d23270c commit 78dd1d5
Show file tree
Hide file tree
Showing 10 changed files with 475 additions and 217 deletions.
Binary file added public/assets/venue.webp
View file
Binary file not shown.
70 changes: 36 additions & 34 deletions src/app/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,47 +3,49 @@
@tailwind utilities;

@layer base {
h1,
.h1 {
@apply font-bold text-2xl md:text-3xl xl:text-4xl;
}
h2,
.h2 {
@apply font-bold text-xl md:text-2xl xl:text-3xl;
}
h3,
.h3 {
@apply font-normal text-lg md:text-xl xl:text-2xl;
}
h1,
.h1 {
@apply font-bold text-2xl md:text-3xl xl:text-4xl;
}
h2,
.h2 {
@apply font-bold text-xl md:text-2xl xl:text-3xl;
}
h3,
.h3 {
@apply font-normal text-lg md:text-xl xl:text-2xl;
}

/*
/*
** Applies to all things within a "section" component.
** This is to help create some defaults that look good
** and that the user gets for free.
*/

section h2, section h3, section h4 {
@apply my-4
}
section p:not(:first-child) {
@apply mt-4;
}
section a {
@apply text-link-underline-red;
}
section li {
@apply ml-8 list-disc mb-2;
}
section li:first-child {
@apply mt-4;
}
section li li {
@apply list-circle;
}
section h2,
section h3,
section h4 {
@apply my-4;
}
section p:not(:first-child) {
@apply mt-4;
}
section a {
@apply text-link-underline-red;
}
section li {
@apply ml-8 list-disc mb-2;
}
section li:first-child {
@apply mt-4;
}
section li li {
@apply list-circle;
}
}

:root {
--background-grey: #2b2b2b;
--primary-light: #ffffff;
--primary-dark: #000000;
--background-grey: #2b2b2b;
--primary-light: #ffffff;
--primary-dark: #000000;
}
111 changes: 64 additions & 47 deletions src/app/lib/components/DateList.js
View file
Original file line number Diff line number Diff line change
@@ -1,55 +1,72 @@
import React from "react";

export function DateList({ dates }) {
return dates && dates.length ? (
<>
{dates.map((date, i, all) => {
return (
<MonthContainer
key={`month_container-${i}`}
isLast={all.length-1 === i}
monthName={date.month}
year={date.year}
eventItems={date.eventItems}
/>
);
})}
</>
) : (
<div className="w-[100%] flex flex-col md:flex-row items-start">
{/* <div className="flex-1">
<p className="h3">{' '}</p>
</div> */}
<div className="flex-1">
<p className="font-light h3 mt-12 md:mt-24">
{"Dates aren't out just yet "}&mdash; check back later!
</p>
</div>
</div>
);
return dates && dates.length ? (
<>
{dates.map((date, i, all) => {
return (
<MonthContainer
key={`month_container-${i}`}
isLast={all.length - 1 === i}
monthName={date.month}
year={date.year}
eventItems={date.eventItems}
/>
);
})}
</>
) : (
<div className="w-[100%] flex flex-col md:flex-row items-start">
{/* <div className="flex-1">
<p className="h3"> </p>
</div> */}
<div className="flex-1">
<p className="font-light h3 mt-12 md:mt-24">
{"Dates aren't out just yet "}&mdash; check back later!
</p>
</div>
</div>
);
}

export function MonthContainer({ monthName, year, eventItems, isLast }) {
return (
<div className="pt-10 w-[100%] flex flex-col md:flex-row items-start">
<div className="flex-1">
<p className="h2 uppercase">{`${monthName} ${year}`}</p>
</div>
<div className={`flex-1 border-black w-[100%] ${isLast ? `border-b-[0px]` : 'border-b-[1px] md:border-b-[2px]'}`}>
{eventItems.map((event, i) => {
return <EventItem key={`event-item-${i}`} title={event.title} date={event.date} time={event.time} />;
})}
</div>
</div>
);
return (
<div className="pt-10 w-[100%] flex flex-col md:flex-row items-start">
<div className="flex-1">
<p className="h2 uppercase">{`${monthName} ${year}`}</p>
</div>
<div
className={`flex-1 border-black w-[100%] ${
isLast
? `border-b-[0px]`
: "border-b-[1px] md:border-b-[2px]"
}`}
>
{eventItems.map((event, i) => {
return (
<EventItem
key={`event-item-${i}`}
title={event.title}
date={event.date}
time={event.time}
/>
);
})}
</div>
</div>
);
}

export function EventItem({ title, date, time }) {
return (
<div className="mb-8">
<p className="font-medium my-2 text-xl md:mt-2 md:text-2xl">{title}</p>
<div className="flex flex-row gap-8">
<p>{date}</p>
<p>{time} AOE</p>
</div>
</div>
);
return (
<div className="mb-8">
<p className="font-medium my-2 text-xl md:mt-2 md:text-2xl">
{title}
</p>
<div className="grid grid-cols-2 gap-8">
<p>{date}</p>
<p className="!mt-0">{time} AOE</p>
</div>
</div>
);
}
12 changes: 9 additions & 3 deletions src/app/lib/components/Hero.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,19 @@ import HeroCard from "./HeroCard";
export default function Hero() {
return (
<section className="bg-hero-img w-full min-h-[65vh] py-20 bg-cover bg-[center_center_1rem] relative flex items-center justify-start">
<Container className={'flex-1'}>
<Container className={"flex-1"}>
<div className="z-[20] w-full h-[100%] flex items-center justify-center lg:justify-start aspect aspect-video max-w-6xl">
<HeroCard />
</div>
</Container>
<div aria-hidden="true" className="absolute top-0 left-0 w-full h-[50%] bg-gradient-to-b from-black/80 to-black/0" />
<div aria-hidden="true" className="absolute bottom-0 left-0 w-full h-[50%] bg-gradient-to-t from-black/30 to-black/0" />
<div
aria-hidden="true"
className="absolute top-0 left-0 w-full h-[50%] bg-gradient-to-b from-black/80 to-black/0"
/>
<div
aria-hidden="true"
className="absolute bottom-0 left-0 w-full h-[50%] bg-gradient-to-t from-black/30 to-black/0"
/>
</section>
);
}
2 changes: 1 addition & 1 deletion src/app/lib/components/HeroCard.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ export default function HeroCard() {
</p>
<p className="md:w-[50%] w-full font-bold flex md:flex-col flex-row md:gap-1 gap-2">
<AiFillCalendar className="text-xl" />
coming soon.
October 27th - 30th, 2024
</p>
</div>
</div>
Expand Down
42 changes: 0 additions & 42 deletions src/app/lib/config/homepage.config.js
View file

This file was deleted.

Loading

0 comments on commit 78dd1d5

Please sign in to comment.