-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Move the 2023-10-12 talks to the past events page and update main page (
#33)
- Loading branch information
Showing
7 changed files
with
153 additions
and
35 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,44 @@ | ||
| interface TalkProps { | ||
| talk: { | ||
| time: string; | ||
| title: string; | ||
| info?: string; | ||
| presenter?: string; | ||
| link?: string; | ||
| }; | ||
| } | ||
|
|
||
| export const Talk: React.FC<TalkProps> = ({ talk }) => { | ||
| return ( | ||
| <> | ||
| <div className="flex flex-col items-center text-xl my-8 px-4 max-w-screen-lg mx-auto w-full"> | ||
| <p className="border-b-2 border-text w-full text-3xl">{talk.time}</p> | ||
| <div className="w-full"> | ||
| <h2 className="text-3xl font-bold text-left">{talk.title}</h2> | ||
| {talk.presenter && | ||
| <p> | ||
| <span className="font-bold">Presenter: </span> | ||
| {talk.presenter} | ||
| </p> | ||
| } | ||
| {talk.info && | ||
| <p> | ||
| <span className="font-bold">Info: </span> | ||
| {talk.info} | ||
| </p> | ||
| } | ||
| {talk.link && | ||
| <p> | ||
| <a href={talk.link} | ||
| className="mx-4 border-b-2 border-transparent duration-150 hover:scale-110 hover:border-text hover:-translate-y-2"> | ||
| <span className="font-bold">Resources: </span> | ||
| {talk.link} | ||
| </a> | ||
| </p> | ||
| } | ||
| </div> | ||
| </div> | ||
| </> | ||
| ); | ||
| }; | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,66 @@ | ||
| import { Talk } from "./components/Talk"; | ||
|
|
||
| export default function Talks() { | ||
| const talkData = { | ||
| schedule: [ | ||
| { | ||
| time: "6:15pm", | ||
| title: "Ham Radio: Where Even Experts are Amateurs", | ||
| info: "A brief introduction into the Amateur Radio Service and how hams operate.", | ||
| presenter: "Todd Willey", | ||
| }, | ||
| { | ||
| time: "6:30pm", | ||
| title: "Things I hate about developers ", | ||
| info: "", | ||
| presenter: "Davis St. Aubin", | ||
| resources: "", | ||
| }, | ||
| { | ||
| time: "6:45pm", | ||
| title: "Introduction to Vue.js", | ||
| info: "", | ||
| presenter: "Craig Geil", | ||
| resources: "", | ||
| }, | ||
| { | ||
| time: "7:00pm", | ||
| title: "ASM R you serious", | ||
| info: "", | ||
| presenter: "John Martinez", | ||
| resources: "", | ||
| }, | ||
| { | ||
| time: "7:30pm", | ||
| title: "LLMs throughout the lifecycle of Generative AI Projects", | ||
| info: "Focused more on demystifying some keywords people vaguely understand about customizing language models for specific use cases.", | ||
| presenter: "Lee Park", | ||
| resources: "", | ||
| }, | ||
| ], | ||
| date: new Date(2023, 4, 18), | ||
| }; | ||
|
|
||
| const formattedDate = talkData.date.toLocaleDateString("en-US", { | ||
| year: "numeric", | ||
| month: "long", | ||
| day: "numeric", | ||
| }); | ||
|
|
||
| return ( | ||
| <> | ||
| <div className="text-center my-10 bg-accent w-fit mx-auto p-5 ring ring-primary rounded-lg drop-shadow-2xl"> | ||
| <h1 className="text-5xl font-bold font-montserrat text-center"> | ||
| Talks | ||
| </h1> | ||
| <span className="text-xl"> | ||
| This LexTalk was on {formattedDate} | ||
| </span> | ||
| </div> | ||
|
|
||
| {talkData.schedule.map((talk, index) => ( | ||
| <Talk key={index} talk={talk} /> | ||
| ))} | ||
| </> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters